component---src-templates-blog-post-js-5a8cc4c72faaa49b3eb1.js.map

{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.string.fixed.js","webpack:///./node_modules/gatsby-image/index.js","webpack:///./node_modules/core-js/modules/es6.array.find-index.js","webpack:///./node_modules/core-js/modules/_string-html.js","webpack:///./src/components/Comment/Comment.js","webpack:///./src/templates/blog-post.js"],"names":["createHTML","this","_interopRequireDefault","require","exports","__esModule","default","io","_assertThisInitialized2","_inheritsLoose2","_objectWithoutPropertiesLoose2","_extends2","_react","_propTypes","convertProps","props","convertedProps","resolutions","sizes","critical","fixed","fluid","loading","groupByMedia","concat","matchesMedia","_ref","media","isBrowser","window","matchMedia","matches","getImageSrcKey","_ref2","getCurrentSrcData","src","currentData","Array","isArray","some","image","hasArtDirectionSupport","foundMedia","findIndex","imageCache","Object","create","inImageCache","hasNativeLazyLoadSupport","HTMLImageElement","prototype","hasIOSupport","IntersectionObserver","listeners","WeakMap","generateImageSources","imageVariants","map","_ref3","srcSet","srcSetWebp","createElement","Fragment","key","type","withMedia","without","forEach","variant","push","generateTracedSVGSources","_ref4","tracedSVG","generateBase64Sources","_ref5","base64","generateNoscriptSource","_ref6","isWebp","listenToIntersections","el","cb","observer","entries","entry","has","target","get","isIntersecting","intersectionRatio","unobserve","delete","rootMargin","observe","set","noscriptImg","title","alt","width","height","crossOrigin","draggable","join","Placeholder","_ref7","generateSources","spreadProps","ariaHidden","baseImage","Img","length","forwardRef","ref","style","onLoad","onError","otherProps","position","top","left","objectFit","objectPosition","propTypes","object","func","Image","_React$Component","_this","call","seenBefore","isCritical","addNoScript","fadeIn","useIOSupport","isVisible","state","imgLoaded","imgCached","imageRef","createRef","handleImageLoaded","bind","handleRef","_proto","componentDidMount","onStartLoad","wasCached","img","current","complete","componentWillUnmount","cleanUpListeners","_this2","imageInCache","setState","currentSrc","render","_convertProps","className","_convertProps$style","_convertProps$imgStyl","imgStyle","_convertProps$placeho","placeholderStyle","placeholderClassName","backgroundColor","durationFadeIn","Tag","itemProp","shouldReveal","shouldFadeIn","imageStyle","opacity","transition","bgColor","delayHideStyle","transitionDelay","imagePlaceholderStyle","placeholderImageProps","overflow","JSON","stringify","paddingBottom","aspectRatio","bottom","right","dangerouslySetInnerHTML","__html","_imageVariants","_image","divStyle","display","Component","defaultProps","fixedObject","shape","number","isRequired","string","srcWebp","fluidObject","oneOfType","arrayOf","bool","oneOf","_default","$export","$find","KEY","forced","P","F","callbackfn","arguments","undefined","fails","defined","quot","tag","attribute","value","S","String","p1","replace","module","NAME","exec","O","test","toLowerCase","split","Comment","authorImage","authorName","commentDate","commentContent","data","post","allWordpressPost","edges","node","comments","allWordpressWpComments","featured_media","localFile","childImageSharp","categories","name","content","author","avatar_urls","wordpress_24","date","query"],"mappings":"6FAEA,EAAQ,OAAR,CAA0B,SAAS,SAAUA,GAC3C,OAAO,WACL,OAAOA,EAAWC,KAAM,KAAM,GAAI,S,0GCFtC,IAAIC,EAAyBC,EAAQ,QAErCC,EAAQC,YAAa,EACrBD,EAAQE,aAAU,EAElB,IA0IIC,EA1IAC,EAA0BN,EAAuBC,EAAQ,SAEzDM,EAAkBP,EAAuBC,EAAQ,SAEjDO,EAAiCR,EAAuBC,EAAQ,SAEhEQ,EAAYT,EAAuBC,EAAQ,SAE3CS,EAASV,EAAuBC,EAAQ,SAExCU,EAAaX,EAAuBC,EAAQ,SAe5CW,EAAe,SAAsBC,GACvC,IAAIC,GAAiB,EAAIL,EAAUL,SAAS,GAAIS,GAC5CE,EAAcD,EAAeC,YAC7BC,EAAQF,EAAeE,MACvBC,EAAWH,EAAeG,SA0B9B,OAxBIF,IACFD,EAAeI,MAAQH,SAChBD,EAAeC,aAGpBC,IACFF,EAAeK,MAAQH,SAChBF,EAAeE,OAGpBC,IAEFH,EAAeM,QAAU,SAIvBN,EAAeK,QACjBL,EAAeK,MAAQE,EAAa,GAAGC,OAAOR,EAAeK,SAG3DL,EAAeI,QACjBJ,EAAeI,MAAQG,EAAa,GAAGC,OAAOR,EAAeI,SAGxDJ,GAsBLS,EAAe,SAAsBC,GACvC,IAAIC,EAAQD,EAAKC,MACjB,QAAOA,IAAQC,KAAeC,OAAOC,WAAWH,GAAOI,UAUrDC,EAAiB,SAAwBC,GAC3C,IAAIZ,EAAQY,EAAMZ,MACdD,EAAQa,EAAMb,MAElB,OADmBc,EAARb,GAAqDD,GACpDe,KASVD,EAAoB,SAA2BE,GACjD,GAAIR,GAtCuB,SAAgCQ,GAC3D,QAASA,GAAeC,MAAMC,QAAQF,IAAgBA,EAAYG,MAAK,SAAUC,GAC/E,YAA8B,IAAhBA,EAAMb,SAoCLc,CAAuBL,GAAc,CAEpD,IAAIM,EAAaN,EAAYO,UAAUlB,GAEvC,IAAoB,IAAhBiB,EACF,OAAON,EAAYM,GAKvB,OAAON,EAAY,IAKjBQ,EAAaC,OAAOC,OAAO,IAE3BC,EAAe,SAAsBhC,GACvC,IAAIC,EAAiBF,EAAaC,GAE9BoB,EAAMH,EAAehB,GACzB,OAAO4B,EAAWT,KAAQ,GAWxBa,EAAuD,oBAArBC,kBAAoC,YAAaA,iBAAiBC,UACpGtB,EAA8B,oBAAXC,OACnBsB,EAAevB,GAAaC,OAAOuB,qBAEnCC,EAAY,IAAIC,QAwBpB,SAASC,EAAqBC,GAC5B,OAAOA,EAAcC,KAAI,SAAUC,GACjC,IAAIvB,EAAMuB,EAAMvB,IACZwB,EAASD,EAAMC,OACfC,EAAaF,EAAME,WACnBjC,EAAQ+B,EAAM/B,MACdT,EAAQwC,EAAMxC,MAClB,OAAON,EAAON,QAAQuD,cAAcjD,EAAON,QAAQwD,SAAU,CAC3DC,IAAK5B,GACJyB,GAAchD,EAAON,QAAQuD,cAAc,SAAU,CACtDG,KAAM,aACNrC,MAAOA,EACPgC,OAAQC,EACR1C,MAAOA,IACLN,EAAON,QAAQuD,cAAc,SAAU,CACzClC,MAAOA,EACPgC,OAAQA,EACRzC,MAAOA,QAOb,SAASK,EAAaiC,GACpB,IAAIS,EAAY,GACZC,EAAU,GASd,OARAV,EAAcW,SAAQ,SAAUC,GAC9B,OAAQA,EAAQzC,MAAQsC,EAAYC,GAASG,KAAKD,MAO7C,GAAG5C,OAAOyC,EAAWC,GAG9B,SAASI,EAAyBd,GAChC,OAAOA,EAAcC,KAAI,SAAUc,GACjC,IAAIpC,EAAMoC,EAAMpC,IACZR,EAAQ4C,EAAM5C,MACd6C,EAAYD,EAAMC,UACtB,OAAO5D,EAAON,QAAQuD,cAAc,SAAU,CAC5CE,IAAK5B,EACLR,MAAOA,EACPgC,OAAQa,OAKd,SAASC,EAAsBjB,GAC7B,OAAOA,EAAcC,KAAI,SAAUiB,GACjC,IAAIvC,EAAMuC,EAAMvC,IACZR,EAAQ+C,EAAM/C,MACdgD,EAASD,EAAMC,OACnB,OAAO/D,EAAON,QAAQuD,cAAc,SAAU,CAC5CE,IAAK5B,EACLR,MAAOA,EACPgC,OAAQgB,OAKd,SAASC,EAAuBC,EAAOC,GACrC,IAAInB,EAASkB,EAAMlB,OACfC,EAAaiB,EAAMjB,WACnBjC,EAAQkD,EAAMlD,MACdT,EAAQ2D,EAAM3D,MAKlB,MAAO,YAFQ4D,EAAS,qBAAuB,KAD/BnD,EAAQ,UAAaA,EAAQ,KAAQ,IAGV,YAJjCmD,EAASlB,EAAaD,GAI+B,MAD/CzC,EAAQ,UAAaA,EAAQ,KAAQ,IAC8B,KASrF,IAAI6D,EAAwB,SAA+BC,EAAIC,GAC7D,IAAIC,QAxGc,IAAP3E,GAAwC,oBAAXsB,QAA0BA,OAAOuB,uBACvE7C,EAAK,IAAIsB,OAAOuB,sBAAqB,SAAU+B,GAC7CA,EAAQhB,SAAQ,SAAUiB,GACxB,GAAI/B,EAAUgC,IAAID,EAAME,QAAS,CAC/B,IAAIL,EAAK5B,EAAUkC,IAAIH,EAAME,SAEzBF,EAAMI,gBAAkBJ,EAAMK,kBAAoB,KACpDlF,EAAGmF,UAAUN,EAAME,QACnBjC,EAAUsC,OAAOP,EAAME,QACvBL,WAIL,CACDW,WAAY,WAITrF,GA6FP,OALI2E,IACFA,EAASW,QAAQb,GACjB3B,EAAUyC,IAAId,EAAIC,IAGb,WACLC,EAASQ,UAAUV,GACnB3B,EAAUsC,OAAOX,KAIjBe,EAAc,SAAqBhF,GAGrC,IAAIoB,EAAMpB,EAAMoB,IAAM,QAAWpB,EAAMoB,IAAM,KAAQ,UAEjDjB,EAAQH,EAAMG,MAAQ,UAAaH,EAAMG,MAAQ,KAAQ,GACzDyC,EAAS5C,EAAM4C,OAAS,WAAc5C,EAAM4C,OAAS,KAAQ,GAC7DqC,EAAQjF,EAAMiF,MAAQ,UAAajF,EAAMiF,MAAQ,KAAQ,GACzDC,EAAMlF,EAAMkF,IAAM,QAAWlF,EAAMkF,IAAM,KAAQ,UAEjDC,EAAQnF,EAAMmF,MAAQ,UAAanF,EAAMmF,MAAQ,KAAQ,GACzDC,EAASpF,EAAMoF,OAAS,WAAcpF,EAAMoF,OAAS,KAAQ,GAC7DC,EAAcrF,EAAMqF,YAAc,gBAAmBrF,EAAMqF,YAAc,KAAQ,GACjF9E,EAAUP,EAAMO,QAAU,YAAeP,EAAMO,QAAU,KAAQ,GACjE+E,EAAYtF,EAAMsF,UAAY,cAAiBtF,EAAMsF,UAAY,KAAQ,GAE7E,MAAO,YAD+BtF,EAAMyC,cAlCvBC,KAAI,SAAUW,GACjC,OAAQA,EAAQR,WAAagB,EAAuBR,GAAS,GAAQ,IAAMQ,EAAuBR,MACjGkC,KAAK,IAiCuB,QAAUhF,EAAU4E,EAAQC,EAASjF,EAAQyC,EAASxB,EAAM8D,EAAMD,EAAQI,EAAcC,EAAY,+HAMjIE,EAAc,SAAqBC,GACrC,IAAIrE,EAAMqE,EAAMrE,IACZqB,EAAgBgD,EAAMhD,cACtBiD,EAAkBD,EAAMC,gBACxBC,EAAcF,EAAME,YACpBC,EAAaH,EAAMG,WAEnBC,EAAYhG,EAAON,QAAQuD,cAAcgD,GAAK,EAAIlG,EAAUL,SAAS,CACvE6B,IAAKA,GACJuE,EAAa,CACdC,WAAYA,KAGd,OAAOnD,EAAcsD,OAAS,EAAIlG,EAAON,QAAQuD,cAAc,UAAW,KAAM4C,EAAgBjD,GAAgBoD,GAAaA,GAG3HC,EAAMjG,EAAON,QAAQyG,YAAW,SAAUhG,EAAOiG,GACnD,IAAI9F,EAAQH,EAAMG,MACdyC,EAAS5C,EAAM4C,OACfxB,EAAMpB,EAAMoB,IACZ8E,EAAQlG,EAAMkG,MACdC,EAASnG,EAAMmG,OACfC,EAAUpG,EAAMoG,QAChB7F,EAAUP,EAAMO,QAChB+E,EAAYtF,EAAMsF,UAClBM,EAAa5F,EAAM4F,WACnBS,GAAa,EAAI1G,EAA+BJ,SAASS,EAAO,CAAC,QAAS,SAAU,MAAO,QAAS,SAAU,UAAW,UAAW,YAAa,eACrJ,OAAOH,EAAON,QAAQuD,cAAc,OAAO,EAAIlD,EAAUL,SAAS,CAChE,cAAeqG,EACfzF,MAAOA,EACPyC,OAAQA,EACRxB,IAAKA,GACJiF,EAAY,CACbF,OAAQA,EACRC,QAASA,EACTH,IAAKA,EACL1F,QAASA,EACT+E,UAAWA,EACXY,OAAO,EAAItG,EAAUL,SAAS,CAC5B+G,SAAU,WACVC,IAAK,EACLC,KAAM,EACNrB,MAAO,OACPC,OAAQ,OACRqB,UAAW,QACXC,eAAgB,UACfR,SAIPJ,EAAIa,UAAY,CACdT,MAAOpG,EAAWP,QAAQqH,OAC1BR,QAAStG,EAAWP,QAAQsH,KAC5BV,OAAQrG,EAAWP,QAAQsH,MAG7B,IAAIC,EAEJ,SAAUC,GAGR,SAASD,EAAM9G,GACb,IAAIgH,GAEJA,EAAQD,EAAiBE,KAAK/H,KAAMc,IAAUd,MAGxCgI,WAAarG,GAAamB,EAAahC,GAC7CgH,EAAMG,WAA+B,UAAlBnH,EAAMO,SAAuBP,EAAMI,SACtD4G,EAAMI,cAAgBJ,EAAMG,aAAenH,EAAMqH,QACjDL,EAAMM,cAAgBrF,GAA4BG,IAAiB4E,EAAMG,aAAeH,EAAME,WAC9F,IAAIK,EAAYP,EAAMG,YAActG,IAAcoB,IAA6B+E,EAAMM,cAUrF,OATAN,EAAMQ,MAAQ,CACZD,UAAWA,EACXE,WAAW,EACXC,WAAW,EACXL,QAASL,EAAME,YAAclH,EAAMqH,QAErCL,EAAMW,SAAW9H,EAAON,QAAQqI,YAChCZ,EAAMa,kBAAoBb,EAAMa,kBAAkBC,MAAK,EAAIrI,EAAwBF,SAASyH,IAC5FA,EAAMe,UAAYf,EAAMe,UAAUD,MAAK,EAAIrI,EAAwBF,SAASyH,IACrEA,GAtBT,EAAItH,EAAgBH,SAASuH,EAAOC,GAyBpC,IAAIiB,EAASlB,EAAM3E,UA4PnB,OA1PA6F,EAAOC,kBAAoB,WAOzB,GANI/I,KAAKsI,MAAMD,WAA+C,mBAA3BrI,KAAKc,MAAMkI,aAC5ChJ,KAAKc,MAAMkI,YAAY,CACrBC,UAAWnG,EAAa9C,KAAKc,SAI7Bd,KAAKiI,WAAY,CACnB,IAAIiB,EAAMlJ,KAAKyI,SAASU,QAEpBD,GAAOA,EAAIE,UACbpJ,KAAK2I,sBAKXG,EAAOO,qBAAuB,WACxBrJ,KAAKsJ,kBACPtJ,KAAKsJ,oBAKTR,EAAOD,UAAY,SAAmB9B,GACpC,IAAIwC,EAASvJ,KAETA,KAAKoI,cAAgBrB,IACvB/G,KAAKsJ,iBAAmBxE,EAAsBiC,GAAK,WACjD,IAAIyC,EAAe1G,EAAayG,EAAOzI,OAElCyI,EAAOjB,MAAMD,WAAiD,mBAA7BkB,EAAOzI,MAAMkI,aACjDO,EAAOzI,MAAMkI,YAAY,CACvBC,UAAWO,IAQfD,EAAOE,SAAS,CACdpB,WAAW,IACV,WACD,OAAOkB,EAAOE,SAAS,CACrBlB,UAAWiB,EAGXhB,YAAae,EAAOd,SAASU,QAAQO,qBAO/CZ,EAAOH,kBAAoB,WAtSD,IAA+B7H,EACrDC,EAEAmB,EAHqDpB,EAuSjCd,KAAKc,MAtSzBC,EAAiBF,EAAaC,GAE9BoB,EAAMH,EAAehB,GACzB4B,EAAWT,IAAO,EAoShBlC,KAAKyJ,SAAS,CACZlB,WAAW,IAGTvI,KAAKc,MAAMmG,QACbjH,KAAKc,MAAMmG,UAIf6B,EAAOa,OAAS,WACd,IAAIC,EAAgB/I,EAAab,KAAKc,OAClCiF,EAAQ6D,EAAc7D,MACtBC,EAAM4D,EAAc5D,IACpB6D,EAAYD,EAAcC,UAC1BC,EAAsBF,EAAc5C,MACpCA,OAAgC,IAAxB8C,EAAiC,GAAKA,EAC9CC,EAAwBH,EAAcI,SACtCA,OAAqC,IAA1BD,EAAmC,GAAKA,EACnDE,EAAwBL,EAAcM,iBACtCA,OAA6C,IAA1BD,EAAmC,GAAKA,EAC3DE,EAAuBP,EAAcO,qBACrC/I,EAAQwI,EAAcxI,MACtBD,EAAQyI,EAAczI,MACtBiJ,EAAkBR,EAAcQ,gBAChCC,EAAiBT,EAAcS,eAC/BC,EAAMV,EAAcU,IACpBC,EAAWX,EAAcW,SACzBlJ,EAAUuI,EAAcvI,QACxB+E,EAAYwD,EAAcxD,UAE1BoE,GAAqC,IAAtBxK,KAAKsI,MAAMH,QAAoBnI,KAAKsI,MAAMC,UACzDkC,GAAqC,IAAtBzK,KAAKsI,MAAMH,SAAoBnI,KAAKsI,MAAME,UACzDkC,GAAa,EAAIhK,EAAUL,SAAS,CACtCsK,QAASH,EAAe,EAAI,EAC5BI,WAAYH,EAAe,WAAaJ,EAAiB,KAAO,QAC/DL,GACCa,EAAqC,kBAApBT,EAAgC,YAAcA,EAC/DU,EAAiB,CACnBC,gBAAiBV,EAAiB,MAEhCW,GAAwB,EAAItK,EAAUL,SAAS,CACjDsK,QAAS3K,KAAKsI,MAAMC,UAAY,EAAI,GACnCkC,GAAgBK,EAAgB,GAAId,EAAU,GAAIE,GACjDe,EAAwB,CAC1BlF,MAAOA,EACPC,IAAMhG,KAAKsI,MAAMD,UAAkB,GAANrC,EAC7BgB,MAAOgE,EACPnB,UAAWM,EACXI,SAAUA,GAGZ,GAAInJ,EAAO,CACT,IAAImC,EAAgBnC,EAChBmB,EAAQN,EAAkBb,GAC9B,OAAOT,EAAON,QAAQuD,cAAc0G,EAAK,CACvCT,WAAYA,GAAwB,IAAM,wBAC1C7C,OAAO,EAAItG,EAAUL,SAAS,CAC5B+G,SAAU,WACV8D,SAAU,UACTlE,GACHD,IAAK/G,KAAK6I,UACV/E,IAAK,SAAWqH,KAAKC,UAAU7I,EAAMmB,SACpC/C,EAAON,QAAQuD,cAAc0G,EAAK,CACnC,eAAe,EACftD,MAAO,CACLf,MAAO,OACPoF,cAAe,IAAM9I,EAAM+I,YAAc,OAEzCT,GAAWlK,EAAON,QAAQuD,cAAc0G,EAAK,CAC/C,eAAe,EACfvE,MAAOA,EACPiB,OAAO,EAAItG,EAAUL,SAAS,CAC5B+J,gBAAiBS,EACjBzD,SAAU,WACVC,IAAK,EACLkE,OAAQ,EACRZ,QAAU3K,KAAKsI,MAAMC,UAAgB,EAAJ,EACjCiD,MAAO,EACPlE,KAAM,GACLmD,GAAgBK,KACjBvI,EAAMmC,QAAU/D,EAAON,QAAQuD,cAAc0C,EAAa,CAC5DI,YAAY,EACZxE,IAAKK,EAAMmC,OACX+B,YAAawE,EACb1H,cAAeA,EACfiD,gBAAiBhC,IACfjC,EAAMgC,WAAa5D,EAAON,QAAQuD,cAAc0C,EAAa,CAC/DI,YAAY,EACZxE,IAAKK,EAAMgC,UACXkC,YAAawE,EACb1H,cAAeA,EACfiD,gBAAiBnC,IACfrE,KAAKsI,MAAMD,WAAa1H,EAAON,QAAQuD,cAAc,UAAW,KAAMN,EAAqBC,GAAgB5C,EAAON,QAAQuD,cAAcgD,EAAK,CAC/IZ,IAAKA,EACLD,MAAOA,EACP9E,MAAOsB,EAAMtB,MACbiB,IAAKK,EAAML,IACXiE,YAAanG,KAAKc,MAAMqF,YACxBzC,OAAQnB,EAAMmB,OACdsD,MAAO0D,EACP3D,IAAK/G,KAAKyI,SACVxB,OAAQjH,KAAK2I,kBACbzB,QAASlH,KAAKc,MAAMoG,QACpBqD,SAAUA,EACVlJ,QAASA,EACT+E,UAAWA,KACRpG,KAAKkI,aAAevH,EAAON,QAAQuD,cAAc,WAAY,CAChE6H,wBAAyB,CACvBC,OAAQ5F,GAAY,EAAIpF,EAAUL,SAAS,CACzC2F,IAAKA,EACLD,MAAOA,EACP1E,QAASA,GACRkB,EAAO,CACRgB,cAAeA,SAMvB,GAAIpC,EAAO,CACT,IAAIwK,EAAiBxK,EAEjByK,EAAS3J,EAAkBd,GAE3B0K,GAAW,EAAInL,EAAUL,SAAS,CACpC+G,SAAU,WACV8D,SAAU,SACVY,QAAS,eACT7F,MAAO2F,EAAO3F,MACdC,OAAQ0F,EAAO1F,QACdc,GAMH,MAJsB,YAAlBA,EAAM8E,gBACDD,EAASC,QAGXnL,EAAON,QAAQuD,cAAc0G,EAAK,CACvCT,WAAYA,GAAwB,IAAM,wBAC1C7C,MAAO6E,EACP9E,IAAK/G,KAAK6I,UACV/E,IAAK,SAAWqH,KAAKC,UAAUQ,EAAOlI,SACrCmH,GAAWlK,EAAON,QAAQuD,cAAc0G,EAAK,CAC9C,eAAe,EACfvE,MAAOA,EACPiB,OAAO,EAAItG,EAAUL,SAAS,CAC5B+J,gBAAiBS,EACjB5E,MAAO2F,EAAO3F,MACd0E,QAAU3K,KAAKsI,MAAMC,UAAgB,EAAJ,EACjCrC,OAAQ0F,EAAO1F,QACduE,GAAgBK,KACjBc,EAAOlH,QAAU/D,EAAON,QAAQuD,cAAc0C,EAAa,CAC7DI,YAAY,EACZxE,IAAK0J,EAAOlH,OACZ+B,YAAawE,EACb1H,cAAeoI,EACfnF,gBAAiBhC,IACfoH,EAAOrH,WAAa5D,EAAON,QAAQuD,cAAc0C,EAAa,CAChEI,YAAY,EACZxE,IAAK0J,EAAOrH,UACZkC,YAAawE,EACb1H,cAAeoI,EACfnF,gBAAiBnC,IACfrE,KAAKsI,MAAMD,WAAa1H,EAAON,QAAQuD,cAAc,UAAW,KAAMN,EAAqBqI,GAAiBhL,EAAON,QAAQuD,cAAcgD,EAAK,CAChJZ,IAAKA,EACLD,MAAOA,EACPE,MAAO2F,EAAO3F,MACdC,OAAQ0F,EAAO1F,OACfjF,MAAO2K,EAAO3K,MACdiB,IAAK0J,EAAO1J,IACZiE,YAAanG,KAAKc,MAAMqF,YACxBzC,OAAQkI,EAAOlI,OACfsD,MAAO0D,EACP3D,IAAK/G,KAAKyI,SACVxB,OAAQjH,KAAK2I,kBACbzB,QAASlH,KAAKc,MAAMoG,QACpBqD,SAAUA,EACVlJ,QAASA,EACT+E,UAAWA,KACRpG,KAAKkI,aAAevH,EAAON,QAAQuD,cAAc,WAAY,CAChE6H,wBAAyB,CACvBC,OAAQ5F,GAAY,EAAIpF,EAAUL,SAAS,CACzC2F,IAAKA,EACLD,MAAOA,EACP1E,QAASA,GACRuK,EAAQ,CACTrI,cAAeoI,SAMvB,OAAO,MAGF/D,EAtRT,CAuREjH,EAAON,QAAQ0L,WAEjBnE,EAAMoE,aAAe,CACnB7D,QAAQ,EACRkC,eAAgB,IAChBrE,IAAK,GACLsE,IAAK,MAGLjJ,QAAS,QAGX,IAAI4K,EAAcrL,EAAWP,QAAQ6L,MAAM,CACzCjG,MAAOrF,EAAWP,QAAQ8L,OAAOC,WACjClG,OAAQtF,EAAWP,QAAQ8L,OAAOC,WAClClK,IAAKtB,EAAWP,QAAQgM,OAAOD,WAC/B1I,OAAQ9C,EAAWP,QAAQgM,OAAOD,WAClC1H,OAAQ9D,EAAWP,QAAQgM,OAC3B9H,UAAW3D,EAAWP,QAAQgM,OAC9BC,QAAS1L,EAAWP,QAAQgM,OAC5B1I,WAAY/C,EAAWP,QAAQgM,OAC/B3K,MAAOd,EAAWP,QAAQgM,SAGxBE,EAAc3L,EAAWP,QAAQ6L,MAAM,CACzCZ,YAAa1K,EAAWP,QAAQ8L,OAAOC,WACvClK,IAAKtB,EAAWP,QAAQgM,OAAOD,WAC/B1I,OAAQ9C,EAAWP,QAAQgM,OAAOD,WAClCnL,MAAOL,EAAWP,QAAQgM,OAAOD,WACjC1H,OAAQ9D,EAAWP,QAAQgM,OAC3B9H,UAAW3D,EAAWP,QAAQgM,OAC9BC,QAAS1L,EAAWP,QAAQgM,OAC5B1I,WAAY/C,EAAWP,QAAQgM,OAC/B3K,MAAOd,EAAWP,QAAQgM,SAO5BzE,EAAMH,UAAY,CAChBzG,YAAaiL,EACbhL,MAAOsL,EACPpL,MAAOP,EAAWP,QAAQmM,UAAU,CAACP,EAAarL,EAAWP,QAAQoM,QAAQR,KAC7E7K,MAAOR,EAAWP,QAAQmM,UAAU,CAACD,EAAa3L,EAAWP,QAAQoM,QAAQF,KAC7EpE,OAAQvH,EAAWP,QAAQqM,KAC3BrC,eAAgBzJ,EAAWP,QAAQ8L,OACnCpG,MAAOnF,EAAWP,QAAQgM,OAC1BrG,IAAKpF,EAAWP,QAAQgM,OACxBxC,UAAWjJ,EAAWP,QAAQmM,UAAU,CAAC5L,EAAWP,QAAQgM,OAAQzL,EAAWP,QAAQqH,SAEvFxG,SAAUN,EAAWP,QAAQqM,KAC7BvG,YAAavF,EAAWP,QAAQmM,UAAU,CAAC5L,EAAWP,QAAQgM,OAAQzL,EAAWP,QAAQqM,OACzF1F,MAAOpG,EAAWP,QAAQqH,OAC1BsC,SAAUpJ,EAAWP,QAAQqH,OAC7BwC,iBAAkBtJ,EAAWP,QAAQqH,OACrCyC,qBAAsBvJ,EAAWP,QAAQgM,OACzCjC,gBAAiBxJ,EAAWP,QAAQmM,UAAU,CAAC5L,EAAWP,QAAQgM,OAAQzL,EAAWP,QAAQqM,OAC7FzF,OAAQrG,EAAWP,QAAQsH,KAC3BT,QAAStG,EAAWP,QAAQsH,KAC5BqB,YAAapI,EAAWP,QAAQsH,KAChC2C,IAAK1J,EAAWP,QAAQgM,OACxB9B,SAAU3J,EAAWP,QAAQgM,OAC7BhL,QAAST,EAAWP,QAAQsM,MAAM,CAAC,OAAQ,OAAQ,UACnDvG,UAAWxF,EAAWP,QAAQqM,MAEhC,IAAIE,EAAWhF,EACfzH,EAAQE,QAAUuM,G,kCClrBlB,IAAIC,EAAU,EAAQ,QAClBC,EAAQ,EAAQ,OAAR,CAA4B,GACpCC,EAAM,YACNC,GAAS,EAETD,IAAO,IAAI3K,MAAM,GAAG2K,IAAK,WAAcC,GAAS,KACpDH,EAAQA,EAAQI,EAAIJ,EAAQK,EAAIF,EAAQ,QAAS,CAC/CtK,UAAW,SAAmByK,GAC5B,OAAOL,EAAM9M,KAAMmN,EAAYC,UAAUvG,OAAS,EAAIuG,UAAU,QAAKC,MAGzE,EAAQ,OAAR,CAAiCN,I,qBCbjC,IAAIF,EAAU,EAAQ,QAClBS,EAAQ,EAAQ,QAChBC,EAAU,EAAQ,QAClBC,EAAO,KAEPzN,EAAa,SAAUsM,EAAQoB,EAAKC,EAAWC,GACjD,IAAIC,EAAIC,OAAON,EAAQlB,IACnByB,EAAK,IAAML,EAEf,MADkB,KAAdC,IAAkBI,GAAM,IAAMJ,EAAY,KAAOG,OAAOF,GAAOI,QAAQP,EAAM,UAAY,KACtFM,EAAK,IAAMF,EAAI,KAAOH,EAAM,KAErCO,EAAO7N,QAAU,SAAU8N,EAAMC,GAC/B,IAAIC,EAAI,GACRA,EAAEF,GAAQC,EAAKnO,GACf8M,EAAQA,EAAQI,EAAIJ,EAAQK,EAAII,GAAM,WACpC,IAAIc,EAAO,GAAGH,GAAM,KACpB,OAAOG,IAASA,EAAKC,eAAiBD,EAAKE,MAAM,KAAKzH,OAAS,KAC7D,SAAUsH,K,mICEDI,G,UAhBC,SAAC,GAA4D,IAA3DC,EAA0D,EAA1DA,YAAaC,EAA6C,EAA7CA,WAAYC,EAAiC,EAAjCA,YAAaC,EAAoB,EAApBA,eACpD,OACI,wBAAI9E,UAAU,WACV,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,mBACX,yBAAK3H,IAAKsM,EAAaxI,IAAI,WAC3B,yBAAK6D,UAAU,yBACX,wBAAIA,UAAU,gBAAgB4E,GAC9B,uBAAG5E,UAAU,iBAAiB6E,KAGtC,yBAAK7E,UAAU,mBAAmB4B,wBAAyB,CAAEC,OAAQiD,S,sCCPtE,sBAAe,IAAZC,EAAW,EAAXA,KACVC,EAAOD,EAAKE,iBAAiBC,MAAM,GAAGC,KACtCC,EAAWL,EAAKM,uBAClB/N,EAAQ,GAIZ,OAH4B,OAAxB0N,EAAKM,iBACPhO,EAAQ0N,EAAKM,eAAeC,UAAUC,gBAAgBlO,OAGtD,kBAAC,IAAD,KACE,6BACE,6BAAS0I,UAAU,kBACjB,yBAAKA,UAAU,wBACb,kBAAC,IAAD,CAAK1I,MAAOA,EAAOoG,UAAU,QAAQvB,IAAI,UACzC,yBAAK6D,UAAU,kCAEjB,yBAAKA,UAAU,cACb,4BAAKgF,EAAK9I,OACV,2BACG8I,EAAKS,WAAW9L,KAAI,YAAe,IAAZ+L,EAAW,EAAXA,KACtB,OACE,8BAAOA,SAMjB,6BAAS1F,UAAU,gBACjB,yBAAKA,UAAU,mBACb,6BAASA,UAAU,UACjB,2CACA,yBAAK4B,wBAAyB,CAAEC,OAAQmD,EAAKW,WAC7C,kBAAC,IAAD,CAAKrO,MAAOA,EAAO6E,IAAI,UACvB,yBAAK6D,UAAU,yBACb,yBAAK3H,IAAK2M,EAAKY,OAAOC,YAAYC,aAAc9F,UAAU,0BAC1D,yBAAKA,UAAU,wBACb,wBAAIA,UAAU,wBAAwBgF,EAAKY,OAAOF,MAClD,uBAAG1F,UAAU,sBAAsBgF,EAAKe,QAG3CX,EAASF,MAAMlI,OAAS,GACvB,6BAASgD,UAAU,oBACjB,+CACA,4BACGoF,EAASF,MAAMvL,KAAI,YAAe,IAAZwL,EAAW,EAAXA,KACrB,OACE,kBAAC,EAAD,CAASR,YAAaQ,EAAKS,OAAOC,YAAYC,aAAclB,WAAYO,EAAKS,OAAOF,KAAMb,YAAaM,EAAKY,KAAMjB,eAAgBK,EAAKQ,qBA7ChJ,IAyDFK,EAAK","file":"component---src-templates-blog-post-js-5a8cc4c72faaa49b3eb1.js","sourcesContent":["'use strict';\n// B.2.3.6 String.prototype.fixed()\nrequire('./_string-html')('fixed', function (createHTML) {\n  return function fixed() {\n    return createHTML(this, 'tt', '', '');\n  };\n});\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _assertThisInitialized2 = _interopRequireDefault(require(\"@babel/runtime/helpers/assertThisInitialized\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar logDeprecationNotice = function logDeprecationNotice(prop, replacement) {\n  if (process.env.NODE_ENV === \"production\") {\n    return;\n  }\n\n  console.log(\"\\n    The \\\"\" + prop + \"\\\" prop is now deprecated and will be removed in the next major version\\n    of \\\"gatsby-image\\\".\\n    \");\n\n  if (replacement) {\n    console.log(\"Please use \" + replacement + \" instead of \\\"\" + prop + \"\\\".\");\n  }\n}; // Handle legacy props during their deprecation phase\n\n\nvar convertProps = function convertProps(props) {\n  var convertedProps = (0, _extends2.default)({}, props);\n  var resolutions = convertedProps.resolutions,\n      sizes = convertedProps.sizes,\n      critical = convertedProps.critical;\n\n  if (resolutions) {\n    convertedProps.fixed = resolutions;\n    delete convertedProps.resolutions;\n  }\n\n  if (sizes) {\n    convertedProps.fluid = sizes;\n    delete convertedProps.sizes;\n  }\n\n  if (critical) {\n    logDeprecationNotice(\"critical\", \"the native \\\"loading\\\" attribute\");\n    convertedProps.loading = \"eager\";\n  } // convert fluid & fixed to arrays so we only have to work with arrays\n\n\n  if (convertedProps.fluid) {\n    convertedProps.fluid = groupByMedia([].concat(convertedProps.fluid));\n  }\n\n  if (convertedProps.fixed) {\n    convertedProps.fixed = groupByMedia([].concat(convertedProps.fixed));\n  }\n\n  return convertedProps;\n};\n/**\n * Checks if fluid or fixed are art-direction arrays.\n *\n * @param currentData  {{media?: string}[]}   The props to check for images.\n * @return {boolean}\n */\n\n\nvar hasArtDirectionSupport = function hasArtDirectionSupport(currentData) {\n  return !!currentData && Array.isArray(currentData) && currentData.some(function (image) {\n    return typeof image.media !== \"undefined\";\n  });\n};\n/**\n * Tries to detect if a media query matches the current viewport.\n * @property media   {{media?: string}}  A media query string.\n * @return {boolean}\n */\n\n\nvar matchesMedia = function matchesMedia(_ref) {\n  var media = _ref.media;\n  return media ? isBrowser && !!window.matchMedia(media).matches : false;\n};\n/**\n * Find the source of an image to use as a key in the image cache.\n * Use `the first image in either `fixed` or `fluid`\n * @param {{fluid: {src: string, media?: string}[], fixed: {src: string, media?: string}[]}} args\n * @return {string}\n */\n\n\nvar getImageSrcKey = function getImageSrcKey(_ref2) {\n  var fluid = _ref2.fluid,\n      fixed = _ref2.fixed;\n  var data = fluid ? getCurrentSrcData(fluid) : getCurrentSrcData(fixed);\n  return data.src;\n};\n/**\n * Returns the current src - Preferably with art-direction support.\n * @param currentData  {{media?: string}[]}   The fluid or fixed image array.\n * @return {{src: string, media?: string}}\n */\n\n\nvar getCurrentSrcData = function getCurrentSrcData(currentData) {\n  if (isBrowser && hasArtDirectionSupport(currentData)) {\n    // Do we have an image for the current Viewport?\n    var foundMedia = currentData.findIndex(matchesMedia);\n\n    if (foundMedia !== -1) {\n      return currentData[foundMedia];\n    }\n  } // Else return the first image.\n\n\n  return currentData[0];\n}; // Cache if we've seen an image before so we don't bother with\n// lazy-loading & fading in on subsequent mounts.\n\n\nvar imageCache = Object.create({});\n\nvar inImageCache = function inImageCache(props) {\n  var convertedProps = convertProps(props); // Find src\n\n  var src = getImageSrcKey(convertedProps);\n  return imageCache[src] || false;\n};\n\nvar activateCacheForImage = function activateCacheForImage(props) {\n  var convertedProps = convertProps(props); // Find src\n\n  var src = getImageSrcKey(convertedProps);\n  imageCache[src] = true;\n}; // Native lazy-loading support: https://addyosmani.com/blog/lazy-loading/\n\n\nvar hasNativeLazyLoadSupport = typeof HTMLImageElement !== \"undefined\" && \"loading\" in HTMLImageElement.prototype;\nvar isBrowser = typeof window !== \"undefined\";\nvar hasIOSupport = isBrowser && window.IntersectionObserver;\nvar io;\nvar listeners = new WeakMap();\n\nfunction getIO() {\n  if (typeof io === \"undefined\" && typeof window !== \"undefined\" && window.IntersectionObserver) {\n    io = new window.IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (listeners.has(entry.target)) {\n          var cb = listeners.get(entry.target); // Edge doesn't currently support isIntersecting, so also test for an intersectionRatio > 0\n\n          if (entry.isIntersecting || entry.intersectionRatio > 0) {\n            io.unobserve(entry.target);\n            listeners.delete(entry.target);\n            cb();\n          }\n        }\n      });\n    }, {\n      rootMargin: \"200px\"\n    });\n  }\n\n  return io;\n}\n\nfunction generateImageSources(imageVariants) {\n  return imageVariants.map(function (_ref3) {\n    var src = _ref3.src,\n        srcSet = _ref3.srcSet,\n        srcSetWebp = _ref3.srcSetWebp,\n        media = _ref3.media,\n        sizes = _ref3.sizes;\n    return _react.default.createElement(_react.default.Fragment, {\n      key: src\n    }, srcSetWebp && _react.default.createElement(\"source\", {\n      type: \"image/webp\",\n      media: media,\n      srcSet: srcSetWebp,\n      sizes: sizes\n    }), _react.default.createElement(\"source\", {\n      media: media,\n      srcSet: srcSet,\n      sizes: sizes\n    }));\n  });\n} // Return an array ordered by elements having a media prop, does not use\n// native sort, as a stable sort is not guaranteed by all browsers/versions\n\n\nfunction groupByMedia(imageVariants) {\n  var withMedia = [];\n  var without = [];\n  imageVariants.forEach(function (variant) {\n    return (variant.media ? withMedia : without).push(variant);\n  });\n\n  if (without.length > 1 && process.env.NODE_ENV !== \"production\") {\n    console.warn(\"We've found \" + without.length + \" sources without a media property. They might be ignored by the browser, see: https://www.gatsbyjs.org/packages/gatsby-image/#art-directing-multiple-images\");\n  }\n\n  return [].concat(withMedia, without);\n}\n\nfunction generateTracedSVGSources(imageVariants) {\n  return imageVariants.map(function (_ref4) {\n    var src = _ref4.src,\n        media = _ref4.media,\n        tracedSVG = _ref4.tracedSVG;\n    return _react.default.createElement(\"source\", {\n      key: src,\n      media: media,\n      srcSet: tracedSVG\n    });\n  });\n}\n\nfunction generateBase64Sources(imageVariants) {\n  return imageVariants.map(function (_ref5) {\n    var src = _ref5.src,\n        media = _ref5.media,\n        base64 = _ref5.base64;\n    return _react.default.createElement(\"source\", {\n      key: src,\n      media: media,\n      srcSet: base64\n    });\n  });\n}\n\nfunction generateNoscriptSource(_ref6, isWebp) {\n  var srcSet = _ref6.srcSet,\n      srcSetWebp = _ref6.srcSetWebp,\n      media = _ref6.media,\n      sizes = _ref6.sizes;\n  var src = isWebp ? srcSetWebp : srcSet;\n  var mediaAttr = media ? \"media=\\\"\" + media + \"\\\" \" : \"\";\n  var typeAttr = isWebp ? \"type='image/webp' \" : \"\";\n  var sizesAttr = sizes ? \"sizes=\\\"\" + sizes + \"\\\" \" : \"\";\n  return \"<source \" + typeAttr + mediaAttr + \"srcset=\\\"\" + src + \"\\\" \" + sizesAttr + \"/>\";\n}\n\nfunction generateNoscriptSources(imageVariants) {\n  return imageVariants.map(function (variant) {\n    return (variant.srcSetWebp ? generateNoscriptSource(variant, true) : \"\") + generateNoscriptSource(variant);\n  }).join(\"\");\n}\n\nvar listenToIntersections = function listenToIntersections(el, cb) {\n  var observer = getIO();\n\n  if (observer) {\n    observer.observe(el);\n    listeners.set(el, cb);\n  }\n\n  return function () {\n    observer.unobserve(el);\n    listeners.delete(el);\n  };\n};\n\nvar noscriptImg = function noscriptImg(props) {\n  // Check if prop exists before adding each attribute to the string output below to prevent\n  // HTML validation issues caused by empty values like width=\"\" and height=\"\"\n  var src = props.src ? \"src=\\\"\" + props.src + \"\\\" \" : \"src=\\\"\\\" \"; // required attribute\n\n  var sizes = props.sizes ? \"sizes=\\\"\" + props.sizes + \"\\\" \" : \"\";\n  var srcSet = props.srcSet ? \"srcset=\\\"\" + props.srcSet + \"\\\" \" : \"\";\n  var title = props.title ? \"title=\\\"\" + props.title + \"\\\" \" : \"\";\n  var alt = props.alt ? \"alt=\\\"\" + props.alt + \"\\\" \" : \"alt=\\\"\\\" \"; // required attribute\n\n  var width = props.width ? \"width=\\\"\" + props.width + \"\\\" \" : \"\";\n  var height = props.height ? \"height=\\\"\" + props.height + \"\\\" \" : \"\";\n  var crossOrigin = props.crossOrigin ? \"crossorigin=\\\"\" + props.crossOrigin + \"\\\" \" : \"\";\n  var loading = props.loading ? \"loading=\\\"\" + props.loading + \"\\\" \" : \"\";\n  var draggable = props.draggable ? \"draggable=\\\"\" + props.draggable + \"\\\" \" : \"\";\n  var sources = generateNoscriptSources(props.imageVariants);\n  return \"<picture>\" + sources + \"<img \" + loading + width + height + sizes + srcSet + src + alt + title + crossOrigin + draggable + \"style=\\\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\\\"/></picture>\";\n}; // Earlier versions of gatsby-image during the 2.x cycle did not wrap\n// the `Img` component in a `picture` element. This maintains compatibility\n// until a breaking change can be introduced in the next major release\n\n\nvar Placeholder = function Placeholder(_ref7) {\n  var src = _ref7.src,\n      imageVariants = _ref7.imageVariants,\n      generateSources = _ref7.generateSources,\n      spreadProps = _ref7.spreadProps,\n      ariaHidden = _ref7.ariaHidden;\n\n  var baseImage = _react.default.createElement(Img, (0, _extends2.default)({\n    src: src\n  }, spreadProps, {\n    ariaHidden: ariaHidden\n  }));\n\n  return imageVariants.length > 1 ? _react.default.createElement(\"picture\", null, generateSources(imageVariants), baseImage) : baseImage;\n};\n\nvar Img = _react.default.forwardRef(function (props, ref) {\n  var sizes = props.sizes,\n      srcSet = props.srcSet,\n      src = props.src,\n      style = props.style,\n      onLoad = props.onLoad,\n      onError = props.onError,\n      loading = props.loading,\n      draggable = props.draggable,\n      ariaHidden = props.ariaHidden,\n      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"sizes\", \"srcSet\", \"src\", \"style\", \"onLoad\", \"onError\", \"loading\", \"draggable\", \"ariaHidden\"]);\n  return _react.default.createElement(\"img\", (0, _extends2.default)({\n    \"aria-hidden\": ariaHidden,\n    sizes: sizes,\n    srcSet: srcSet,\n    src: src\n  }, otherProps, {\n    onLoad: onLoad,\n    onError: onError,\n    ref: ref,\n    loading: loading,\n    draggable: draggable,\n    style: (0, _extends2.default)({\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      width: \"100%\",\n      height: \"100%\",\n      objectFit: \"cover\",\n      objectPosition: \"center\"\n    }, style)\n  }));\n});\n\nImg.propTypes = {\n  style: _propTypes.default.object,\n  onError: _propTypes.default.func,\n  onLoad: _propTypes.default.func\n};\n\nvar Image =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Image, _React$Component);\n\n  function Image(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this; // If this image has already been loaded before then we can assume it's\n    // already in the browser cache so it's cheap to just show directly.\n\n    _this.seenBefore = isBrowser && inImageCache(props);\n    _this.isCritical = props.loading === \"eager\" || props.critical;\n    _this.addNoScript = !(_this.isCritical && !props.fadeIn);\n    _this.useIOSupport = !hasNativeLazyLoadSupport && hasIOSupport && !_this.isCritical && !_this.seenBefore;\n    var isVisible = _this.isCritical || isBrowser && (hasNativeLazyLoadSupport || !_this.useIOSupport);\n    _this.state = {\n      isVisible: isVisible,\n      imgLoaded: false,\n      imgCached: false,\n      fadeIn: !_this.seenBefore && props.fadeIn\n    };\n    _this.imageRef = _react.default.createRef();\n    _this.handleImageLoaded = _this.handleImageLoaded.bind((0, _assertThisInitialized2.default)(_this));\n    _this.handleRef = _this.handleRef.bind((0, _assertThisInitialized2.default)(_this));\n    return _this;\n  }\n\n  var _proto = Image.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    if (this.state.isVisible && typeof this.props.onStartLoad === \"function\") {\n      this.props.onStartLoad({\n        wasCached: inImageCache(this.props)\n      });\n    }\n\n    if (this.isCritical) {\n      var img = this.imageRef.current;\n\n      if (img && img.complete) {\n        this.handleImageLoaded();\n      }\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    if (this.cleanUpListeners) {\n      this.cleanUpListeners();\n    }\n  } // Specific to IntersectionObserver based lazy-load support\n  ;\n\n  _proto.handleRef = function handleRef(ref) {\n    var _this2 = this;\n\n    if (this.useIOSupport && ref) {\n      this.cleanUpListeners = listenToIntersections(ref, function () {\n        var imageInCache = inImageCache(_this2.props);\n\n        if (!_this2.state.isVisible && typeof _this2.props.onStartLoad === \"function\") {\n          _this2.props.onStartLoad({\n            wasCached: imageInCache\n          });\n        } // imgCached and imgLoaded must update after isVisible,\n        // Once isVisible is true, imageRef becomes accessible, which imgCached needs access to.\n        // imgLoaded and imgCached are in a 2nd setState call to be changed together,\n        // avoiding initiating unnecessary animation frames from style changes.\n\n\n        _this2.setState({\n          isVisible: true\n        }, function () {\n          return _this2.setState({\n            imgLoaded: imageInCache,\n            // `currentSrc` should be a string, but can be `undefined` in IE,\n            // !! operator validates the value is not undefined/null/\"\"\n            imgCached: !!_this2.imageRef.current.currentSrc\n          });\n        });\n      });\n    }\n  };\n\n  _proto.handleImageLoaded = function handleImageLoaded() {\n    activateCacheForImage(this.props);\n    this.setState({\n      imgLoaded: true\n    });\n\n    if (this.props.onLoad) {\n      this.props.onLoad();\n    }\n  };\n\n  _proto.render = function render() {\n    var _convertProps = convertProps(this.props),\n        title = _convertProps.title,\n        alt = _convertProps.alt,\n        className = _convertProps.className,\n        _convertProps$style = _convertProps.style,\n        style = _convertProps$style === void 0 ? {} : _convertProps$style,\n        _convertProps$imgStyl = _convertProps.imgStyle,\n        imgStyle = _convertProps$imgStyl === void 0 ? {} : _convertProps$imgStyl,\n        _convertProps$placeho = _convertProps.placeholderStyle,\n        placeholderStyle = _convertProps$placeho === void 0 ? {} : _convertProps$placeho,\n        placeholderClassName = _convertProps.placeholderClassName,\n        fluid = _convertProps.fluid,\n        fixed = _convertProps.fixed,\n        backgroundColor = _convertProps.backgroundColor,\n        durationFadeIn = _convertProps.durationFadeIn,\n        Tag = _convertProps.Tag,\n        itemProp = _convertProps.itemProp,\n        loading = _convertProps.loading,\n        draggable = _convertProps.draggable;\n\n    var shouldReveal = this.state.fadeIn === false || this.state.imgLoaded;\n    var shouldFadeIn = this.state.fadeIn === true && !this.state.imgCached;\n    var imageStyle = (0, _extends2.default)({\n      opacity: shouldReveal ? 1 : 0,\n      transition: shouldFadeIn ? \"opacity \" + durationFadeIn + \"ms\" : \"none\"\n    }, imgStyle);\n    var bgColor = typeof backgroundColor === \"boolean\" ? \"lightgray\" : backgroundColor;\n    var delayHideStyle = {\n      transitionDelay: durationFadeIn + \"ms\"\n    };\n    var imagePlaceholderStyle = (0, _extends2.default)({\n      opacity: this.state.imgLoaded ? 0 : 1\n    }, shouldFadeIn && delayHideStyle, {}, imgStyle, {}, placeholderStyle);\n    var placeholderImageProps = {\n      title: title,\n      alt: !this.state.isVisible ? alt : \"\",\n      style: imagePlaceholderStyle,\n      className: placeholderClassName,\n      itemProp: itemProp\n    };\n\n    if (fluid) {\n      var imageVariants = fluid;\n      var image = getCurrentSrcData(fluid);\n      return _react.default.createElement(Tag, {\n        className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n        style: (0, _extends2.default)({\n          position: \"relative\",\n          overflow: \"hidden\"\n        }, style),\n        ref: this.handleRef,\n        key: \"fluid-\" + JSON.stringify(image.srcSet)\n      }, _react.default.createElement(Tag, {\n        \"aria-hidden\": true,\n        style: {\n          width: \"100%\",\n          paddingBottom: 100 / image.aspectRatio + \"%\"\n        }\n      }), bgColor && _react.default.createElement(Tag, {\n        \"aria-hidden\": true,\n        title: title,\n        style: (0, _extends2.default)({\n          backgroundColor: bgColor,\n          position: \"absolute\",\n          top: 0,\n          bottom: 0,\n          opacity: !this.state.imgLoaded ? 1 : 0,\n          right: 0,\n          left: 0\n        }, shouldFadeIn && delayHideStyle)\n      }), image.base64 && _react.default.createElement(Placeholder, {\n        ariaHidden: true,\n        src: image.base64,\n        spreadProps: placeholderImageProps,\n        imageVariants: imageVariants,\n        generateSources: generateBase64Sources\n      }), image.tracedSVG && _react.default.createElement(Placeholder, {\n        ariaHidden: true,\n        src: image.tracedSVG,\n        spreadProps: placeholderImageProps,\n        imageVariants: imageVariants,\n        generateSources: generateTracedSVGSources\n      }), this.state.isVisible && _react.default.createElement(\"picture\", null, generateImageSources(imageVariants), _react.default.createElement(Img, {\n        alt: alt,\n        title: title,\n        sizes: image.sizes,\n        src: image.src,\n        crossOrigin: this.props.crossOrigin,\n        srcSet: image.srcSet,\n        style: imageStyle,\n        ref: this.imageRef,\n        onLoad: this.handleImageLoaded,\n        onError: this.props.onError,\n        itemProp: itemProp,\n        loading: loading,\n        draggable: draggable\n      })), this.addNoScript && _react.default.createElement(\"noscript\", {\n        dangerouslySetInnerHTML: {\n          __html: noscriptImg((0, _extends2.default)({\n            alt: alt,\n            title: title,\n            loading: loading\n          }, image, {\n            imageVariants: imageVariants\n          }))\n        }\n      }));\n    }\n\n    if (fixed) {\n      var _imageVariants = fixed;\n\n      var _image = getCurrentSrcData(fixed);\n\n      var divStyle = (0, _extends2.default)({\n        position: \"relative\",\n        overflow: \"hidden\",\n        display: \"inline-block\",\n        width: _image.width,\n        height: _image.height\n      }, style);\n\n      if (style.display === \"inherit\") {\n        delete divStyle.display;\n      }\n\n      return _react.default.createElement(Tag, {\n        className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n        style: divStyle,\n        ref: this.handleRef,\n        key: \"fixed-\" + JSON.stringify(_image.srcSet)\n      }, bgColor && _react.default.createElement(Tag, {\n        \"aria-hidden\": true,\n        title: title,\n        style: (0, _extends2.default)({\n          backgroundColor: bgColor,\n          width: _image.width,\n          opacity: !this.state.imgLoaded ? 1 : 0,\n          height: _image.height\n        }, shouldFadeIn && delayHideStyle)\n      }), _image.base64 && _react.default.createElement(Placeholder, {\n        ariaHidden: true,\n        src: _image.base64,\n        spreadProps: placeholderImageProps,\n        imageVariants: _imageVariants,\n        generateSources: generateBase64Sources\n      }), _image.tracedSVG && _react.default.createElement(Placeholder, {\n        ariaHidden: true,\n        src: _image.tracedSVG,\n        spreadProps: placeholderImageProps,\n        imageVariants: _imageVariants,\n        generateSources: generateTracedSVGSources\n      }), this.state.isVisible && _react.default.createElement(\"picture\", null, generateImageSources(_imageVariants), _react.default.createElement(Img, {\n        alt: alt,\n        title: title,\n        width: _image.width,\n        height: _image.height,\n        sizes: _image.sizes,\n        src: _image.src,\n        crossOrigin: this.props.crossOrigin,\n        srcSet: _image.srcSet,\n        style: imageStyle,\n        ref: this.imageRef,\n        onLoad: this.handleImageLoaded,\n        onError: this.props.onError,\n        itemProp: itemProp,\n        loading: loading,\n        draggable: draggable\n      })), this.addNoScript && _react.default.createElement(\"noscript\", {\n        dangerouslySetInnerHTML: {\n          __html: noscriptImg((0, _extends2.default)({\n            alt: alt,\n            title: title,\n            loading: loading\n          }, _image, {\n            imageVariants: _imageVariants\n          }))\n        }\n      }));\n    }\n\n    return null;\n  };\n\n  return Image;\n}(_react.default.Component);\n\nImage.defaultProps = {\n  fadeIn: true,\n  durationFadeIn: 500,\n  alt: \"\",\n  Tag: \"div\",\n  // We set it to `lazy` by default because it's best to default to a performant\n  // setting and let the user \"opt out\" to `eager`\n  loading: \"lazy\"\n};\n\nvar fixedObject = _propTypes.default.shape({\n  width: _propTypes.default.number.isRequired,\n  height: _propTypes.default.number.isRequired,\n  src: _propTypes.default.string.isRequired,\n  srcSet: _propTypes.default.string.isRequired,\n  base64: _propTypes.default.string,\n  tracedSVG: _propTypes.default.string,\n  srcWebp: _propTypes.default.string,\n  srcSetWebp: _propTypes.default.string,\n  media: _propTypes.default.string\n});\n\nvar fluidObject = _propTypes.default.shape({\n  aspectRatio: _propTypes.default.number.isRequired,\n  src: _propTypes.default.string.isRequired,\n  srcSet: _propTypes.default.string.isRequired,\n  sizes: _propTypes.default.string.isRequired,\n  base64: _propTypes.default.string,\n  tracedSVG: _propTypes.default.string,\n  srcWebp: _propTypes.default.string,\n  srcSetWebp: _propTypes.default.string,\n  media: _propTypes.default.string\n}); // If you modify these propTypes, please don't forget to update following files as well:\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/index.d.ts\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/README.md#gatsby-image-props\n// https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/gatsby-image.md#gatsby-image-props\n\n\nImage.propTypes = {\n  resolutions: fixedObject,\n  sizes: fluidObject,\n  fixed: _propTypes.default.oneOfType([fixedObject, _propTypes.default.arrayOf(fixedObject)]),\n  fluid: _propTypes.default.oneOfType([fluidObject, _propTypes.default.arrayOf(fluidObject)]),\n  fadeIn: _propTypes.default.bool,\n  durationFadeIn: _propTypes.default.number,\n  title: _propTypes.default.string,\n  alt: _propTypes.default.string,\n  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n  // Support Glamor's css prop.\n  critical: _propTypes.default.bool,\n  crossOrigin: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),\n  style: _propTypes.default.object,\n  imgStyle: _propTypes.default.object,\n  placeholderStyle: _propTypes.default.object,\n  placeholderClassName: _propTypes.default.string,\n  backgroundColor: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),\n  onLoad: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onStartLoad: _propTypes.default.func,\n  Tag: _propTypes.default.string,\n  itemProp: _propTypes.default.string,\n  loading: _propTypes.default.oneOf([\"auto\", \"lazy\", \"eager\"]),\n  draggable: _propTypes.default.bool\n};\nvar _default = Image;\nexports.default = _default;","'use strict';\n// 22.1.3.9 Array.prototype.findIndex(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(6);\nvar KEY = 'findIndex';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n","import React from 'react';\r\nimport './Comment.scss'\r\n\r\nconst Comment = ({authorImage, authorName, commentDate, commentContent}) => {\r\n    return (\r\n        <li className=\"comment\">\r\n            <div className=\"comment__wrapper\">\r\n                <div className=\"comment__author\">\r\n                    <img src={authorImage} alt=\"author\"/>\r\n                    <div className=\"comment__date__author\">\r\n                        <h6 className=\"author__name\">{authorName}</h6>\r\n                        <p className=\"comment__date\">{commentDate}</p>\r\n                    </div>\r\n                </div>\r\n                <div className=\"comment__content\" dangerouslySetInnerHTML={{ __html: commentContent }}></div>\r\n            </div>\r\n        </li>\r\n    )\r\n}\r\nexport default Comment","import React from \"react\"\r\nimport Layout from \"../components/layout\"\r\nimport { graphql } from \"gatsby\"\r\nimport './blog-post.scss';\r\nimport Img from 'gatsby-image';\r\nimport Comment from '../components/Comment/Comment'\r\n\r\nexport default ({ data }) => {\r\n  const post = data.allWordpressPost.edges[0].node\r\n  const comments = data.allWordpressWpComments;\r\n  let fixed = {}\r\n  if (post.featured_media !== null) {\r\n    fixed = post.featured_media.localFile.childImageSharp.fixed\r\n  }\r\n  return (\r\n    <Layout>\r\n      <div>\r\n        <section className=\"post__headings\">\r\n          <div className=\"post__headings-image\">\r\n            <Img fixed={fixed} objectFit=\"cover\" alt=\"image\"></Img>\r\n            <div className=\"post__headings-image-overlay\"></div>\r\n          </div>\r\n          <div className=\"post__wrap\">\r\n            <h1>{post.title}</h1>\r\n            <p>\r\n              {post.categories.map(({ name }) => {\r\n                return (\r\n                  <span>{name}</span>\r\n                )\r\n              })}\r\n            </p>\r\n          </div>\r\n        </section>\r\n        <section className=\"post__single\">\r\n          <div className=\"single__wrapper\">\r\n            <article className=\"single\">\r\n              <h2>Description</h2>\r\n              <div dangerouslySetInnerHTML={{ __html: post.content }} />\r\n              <Img fixed={fixed} alt=\"image\"></Img>\r\n              <div className=\"single__post__publish\">\r\n                <img src={post.author.avatar_urls.wordpress_24} className=\"single__author__image\"></img>\r\n                <div className=\"single__date__author\">\r\n                  <h6 className=\"single__post__author\">{post.author.name}</h6>\r\n                  <p className=\"single__post__date\">{post.date}</p>\r\n                </div>\r\n              </div>\r\n              {comments.edges.length > 0 &&\r\n                <section className=\"comment__section\">\r\n                  <h2>Comment Section</h2>\r\n                  <ul>\r\n                    {comments.edges.map(({ node }) => {\r\n                      return (\r\n                        <Comment authorImage={node.author.avatar_urls.wordpress_24} authorName={node.author.name} commentDate={node.date} commentContent={node.content} />\r\n                      )\r\n                    })}\r\n                  </ul>\r\n                </section>}\r\n            </article>\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </Layout>\r\n  )\r\n}\r\nexport const query = graphql`\r\n  query($slug: String!, $postId: Int!) {\r\n    allWordpressPost(filter: { slug: { eq: $slug } }) {\r\n      edges {\r\n        node {\r\n          title\r\n          excerpt\r\n          slug\r\n          content\r\n          wordpress_id\r\n          featured_media{\r\n            localFile{\r\n              childImageSharp{\r\n                fixed(width:940, height:540){\r\n                  src\r\n                  width\r\n                  height\r\n                }\r\n              }\r\n            }\r\n          }\r\n          categories {\r\n            name\r\n          }\r\n          date(formatString: \"DD.MM.YYYY\")\r\n          author {\r\n            name\r\n            avatar_urls {\r\n              wordpress_24\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    allWordpressWpComments(filter: {post: {eq: $postId}}) {\r\n      edges {\r\n          node {\r\n              id\r\n              wordpress_id\r\n              post\r\n              date(formatString: \"DD.MM.YYYY\")\r\n              content\r\n              author {\r\n                name\r\n                avatar_urls {\r\n                  wordpress_24\r\n              }\r\n            }\r\n          }\r\n      }\r\n    }\r\n  }\r\n`"],"sourceRoot":""}