{"version":3,"file":"component---src-pages-content-library-js-c0c7979211611328d907.js","mappings":"sIAKA,IAAIA,EAAa,EAAQ,KACzBC,EAAQ,GAAUD,EAAWE,QACVF,EAAWG,SACLH,EAAWI,c,sBCNpCC,OAAOC,eAAeL,EAAS,aAAc,CAC3CM,OAAO,IAET,IAAIC,EAAU,EAAQ,MAClBC,EAAc,EAAQ,MAC1BR,EAAQS,mBAAqB,CAC3BC,MAAO,GACPC,SAAS,EACTC,SAAUJ,EAAYK,KACtBC,YAAaN,EAAYK,KACzBE,eAAgBP,EAAYK,KAC5BG,iBAAkBR,EAAYK,KAC9BI,oBAAqBT,EAAYK,KACjCK,cAAe,SAAuBC,GACpC,OAAO,CACT,GAEF,IAAIC,EAAiB,SAAwBC,GAC3C,OAAO,SAAUC,EAAUC,QACJ,IAAjBA,IACFA,GAAe,GAEjB,IAAIC,EAAKjB,EAAQkB,SAASF,GACxBG,EAAQF,EAAG,GACXG,EAAWH,EAAG,GACZI,EAAQpB,EAAYqB,oBAAoBP,GAiB5C,OAhBAD,GAAO,WACL,IAAIS,GAAU,EACVC,EAAmC,oBAAXC,OAAyBhC,EAAQS,mBAAqBuB,OAAOC,WAAWL,GAChGM,EAAW,WACRJ,GAGLH,EAASQ,QAAQJ,EAAepB,SAClC,EAGA,OAFAoB,EAAejB,YAAYoB,GAC3BP,EAASI,EAAepB,SACjB,WACLmB,GAAU,EACVC,EAAehB,eAAemB,EAChC,CACF,GAAG,CAACN,IACGF,CACT,CACF,EACA1B,EAAQE,SAAWkB,EAAeb,EAAQ6B,WAC1CpC,EAAQG,eAAiBiB,EAAeb,EAAQ8B,iBAChDrC,EAAA,QAAkBA,EAAQE,Q,qBC/C1BE,OAAOC,eAAeL,EAAS,aAAc,CAC3CM,OAAO,IAOTN,EAAA,QALA,SAAuBsC,GACrB,OAAOA,EAAYC,QAAQ,UAAU,SAAUC,GAC7C,MAAO,IAAMA,EAAOC,aACtB,IAAGA,aACL,C,uBCPArC,OAAOC,eAAeL,EAAS,aAAc,CAC3CM,OAAO,IAET,IAAIoC,EAAkB,EAAQ,MAC9B1C,EAAQ2C,cAAgBD,EAAgBzC,QACxC,IAAI2C,EAAwB,EAAQ,MACpC5C,EAAQ6B,oBAAsBe,EAAsB3C,QACpD,IAAI4C,EAAS,EAAQ,MACrB7C,EAAQa,KAAOgC,EAAO5C,O,qBCRtBG,OAAOC,eAAeL,EAAS,aAAc,CAC3CM,OAAO,IAGTN,EAAA,QADA,WAAiB,C,uBCHjBI,OAAOC,eAAeL,EAAS,aAAc,CAC3CM,OAAO,IAET,IAAIoC,EAAkB,EAAQ,MAoB9B1C,EAAA,QAlBA,SAA6B4B,GAC3B,MAAqB,iBAAVA,EACFA,EAEFxB,OAAO0C,QAAQlB,GAAOmB,KAAI,SAAUvB,GACzC,IAAIwB,EAAUxB,EAAG,GACflB,EAAQkB,EAAG,GACTyB,EAAmBP,EAAgBzC,QAAQ+C,GAC3CE,EAAiB5C,EACrB,MAA8B,kBAAnB4C,EACFA,EAAiBD,EAAmB,OAASA,GAExB,iBAAnBC,GAA+B,kBAAkBC,KAAKF,KAC/DC,GAAkC,MAE7B,IAAMD,EAAmB,KAAOC,EAAiB,IAC1D,IAAGE,KAjBkB,QAkBvB,C,qHChBA,MAAMC,EAAYC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,kBAAAC,YAAA,eAAVF,CAAU,qMActBG,EAAeH,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,qBAAAC,YAAA,eAAVF,CAAU,iJAYzBI,EAAWJ,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,iBAAAC,YAAA,eAAVF,CAAU,yOAcrBK,EAAUL,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,gBAAAC,YAAA,eAAVF,CAAU,yEAMpBM,EAAON,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,aAAAC,YAAA,eAAVF,CAAU,qJASjBO,EAAaP,EAAAA,QAAAA,EAAAA,WAAQ,CAAAC,YAAA,mBAAAC,YAAA,eAARF,CAAQ,sMAwBZ,SAASQ,EAAKC,GACzB,MAAM,eACFC,EAAc,SACdC,EAAQ,MACRC,EAAK,QACLC,EAAO,UACPC,EAAS,SACTC,GACAN,EAIEO,EACW,0BAAbD,EAFiB,sDAIV,IAAGD,KAAaC,IACrBE,EAAsB,0BAAbF,EAAuC,SAAW,QAEjE,OACIG,EAAAA,EAAAA,MAACnB,EAAS,CAAAoB,SAAA,EACND,EAAAA,EAAAA,MAACf,EAAY,CAAAgB,SAAA,EACTC,EAAAA,EAAAA,KAACC,EAAAA,cAAa,CACVC,IAAKV,EACL7C,OAAO,OACPwD,OAAQ,OACRC,IAAKd,EACLe,MAAO,UAEXL,EAAAA,EAAAA,KAAChB,EAAQ,CAAAe,SAAER,QAEfO,EAAAA,EAAAA,MAACb,EAAO,CAAAc,SAAA,EACJC,EAAAA,EAAAA,KAACM,EAAAA,EAAK,CAACC,UAAU,OAAMR,SAAEP,KACzBQ,EAAAA,EAAAA,KAACd,EAAI,CAAAa,SAAEN,KACPK,EAAAA,EAAAA,MAACX,EAAU,CAACqB,KAAMZ,EAAKC,OAAQA,EAAOE,SAAA,EAClCC,EAAAA,EAAAA,KAAA,QAAAD,SAAM,UACNC,EAAAA,EAAAA,KAACS,EAAAA,IAAc,CAACC,KAAM,GAAIC,MAAO,kBAKrD,C,mGC1HA,MAAMhC,EAAYC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,wBAAAC,YAAA,eAAVF,CAAU,6GAStBgC,EAAShC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,qBAAAC,YAAA,eAAVF,CAAU,sHAOViC,GAAUA,EAAMC,SAAW,GAAM,IAClCD,GAAUA,EAAMC,SAAW,UAAY,YAE/CC,EAAcnC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,0BAAAC,YAAA,eAAVF,CAAU,uKAYxBoC,EAAapC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,yBAAAC,YAAA,eAAVF,CAAU,wGAKfiC,GAAUA,EAAMI,SAAW,UAAY,YACxCJ,GACLA,EAAMK,QAAU,wBAA0B,0BAEnC,SAASC,GAAW,OAC/BC,EAAM,OACNC,EAAM,WACNC,EAAa,EAAC,YACdC,EAAW,OACXC,IAEA,MAAOC,EAAaC,IAAkB3E,EAAAA,EAAAA,UAAS,CAC3C,IACA,IACA,IACA,MACA,KACA,QAEJW,EAAAA,EAAAA,YAAU,KACN,IAAIiE,EAAY,CAAC,KACjB,GAAIJ,EAAc,EACd,IAAK,IAAIK,EAAI,EAAGA,GAAK,GAAKA,GAAKN,EAAYM,IAAKD,EAAUE,KAAKD,QAG/D,GADAD,EAAUE,KAAK,OACXN,IAAgBD,EAAa,EAC7B,IACI,IAAIM,EAAIL,EAAc,EACtBK,GAAKL,EAAc,GAAKK,GAAKN,EAC7BM,IAEAD,EAAUE,KAAKD,QAEnB,IACI,IAAIA,EAAIL,EACRK,GAAKL,EAAc,GAAKK,GAAKN,EAC7BM,IAEAD,EAAUE,KAAKD,GAS3B,OANIL,EAAcD,EAAa,IAC3BK,EAAUE,KAAK,OACfF,EAAUE,KAAKP,IAGnBI,EAAeC,GACR,MAAQ,GAChB,CAACJ,EAAaD,IAYjB,OACItB,EAAAA,EAAAA,KAAC8B,EAAAA,SAAc,CAAA/B,SACVuB,EAAa,GACVxB,EAAAA,EAAAA,MAACnB,EAAS,CAAAoB,SAAA,EACNC,EAAAA,EAAAA,KAACY,EAAM,CACHmB,QAASA,KAXT,IAAhBR,GAAqBH,GAYW,EAEhBN,SAA0B,IAAhBS,EAAkBxB,UAE5BC,EAAAA,EAAAA,KAACgC,EAAAA,IAAkB,CAACtB,KAAM,GAAIC,MAAM,aAExCX,EAAAA,EAAAA,KAACe,EAAW,CAAAhB,SACP0B,EAAYpD,KAAI,CAAC4D,EAAKC,KAEflC,EAAAA,EAAAA,KAACgB,EAAU,CAEPE,QAASe,EAAM,IAAMV,EACrBN,SAAkB,QAARgB,EACVF,QAASA,KAvBtBI,MACN,SADMA,EAwB4BF,IAvBzBT,EAAOY,SAASD,EAAO,GAuBM,EACjBpC,SAEDkC,GAPK,OAAMC,UAY5BlC,EAAAA,EAAAA,KAACY,EAAM,CACHmB,QAASA,KAtCzBR,EAAcD,EAAa,GAAKD,GAsCY,EAC5BP,SAAUS,IAAgBD,EAAa,EAAEvB,UAEzCC,EAAAA,EAAAA,KAACqC,EAAAA,IAAmB,CAAC3B,KAAM,GAAIC,MAAM,eAG7C,MAGhB,C,6EC3IA,2xB,oBCKA,MAAMhC,EAAYC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,oBAAAC,YAAA,gBAAVF,CAAU,sRAEfiC,GACLA,EAAMyB,UAAa,mBAAoBzB,EAAM0B,QAAU,OAAS,QAUvD1B,GAAWA,EAAMyB,UAAqB,mBAAR,QAI9BzB,GAAWA,EAAMyB,UAAqB,mBAAR,QAI9BzB,GAAWA,EAAMyB,UAAqB,mBAAR,QAKzCE,EAAQ5D,EAAAA,QAAAA,MAAAA,WAAY,CAAAC,YAAA,gBAAAC,YAAA,gBAAZF,CAAY,gQAUbiC,GAAUA,EAAM0B,UAAY1B,EAAMyB,UAAY,MAAQ,QAG7D3D,EAGAA,GAKS,SAAS8D,GAAO,MAAE7G,EAAK,aAAE8G,IACpC,MAAMJ,GAAY9G,EAAAA,EAAAA,IAAS,CAAEmH,SAAU,MAEvC,OACI7C,EAAAA,EAAAA,MAACnB,EAAS,CAAC2D,UAAWA,EAAWC,QAA0B,IAAjB3G,EAAMgH,OAAa7C,SAAA,EACzDC,EAAAA,EAAAA,KAAA,OAAKI,IAAKyC,EAAM3C,IAAI,MACpBF,EAAAA,EAAAA,KAACwC,EAAK,CACFF,UAAWA,EACXQ,YAAY,SACZlH,MAAOA,EACP2G,QAA0B,IAAjB3G,EAAMgH,OACfpF,SAAUuF,GAAKL,EAAaK,EAAElD,OAAOjE,WAIrD,C,iEC9DA,MAAMoH,EAAepE,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,sBAAAC,YAAA,eAAVF,CAAU,iNAyBzBqE,EAAU,CACZC,KAZatE,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,kBAAAC,YAAA,eAAVF,CAAU,6JAerB0B,EAAQA,EAAGP,WAAUQ,gBACvB,MAAM4C,EAAYF,EAAQ1C,IAAcyC,EACxC,OAAOhD,EAAAA,EAAAA,KAACmD,EAAS,CAAApD,SAAEA,GAAqB,EAG5CO,EAAM8C,aAAe,CACjB7C,UAAW,MAGfD,EAAM+C,UAAY,CACdtD,SAAUuD,EAAAA,KAAAA,WACV/C,UAAW+C,EAAAA,QAGf,K,mMCxCA,MAAMC,EAAO3E,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,aAAAC,YAAA,eAAVF,CAAU,gLAkBV4E,EAAQA,KAEb1D,EAAAA,EAAAA,MAACyD,EAAI,CAAAxD,SAAA,EACDC,EAAAA,EAAAA,KAAA,OACIK,MAAM,OACND,IAAKqD,EAAAA,EACLC,UAAU,UACVxD,IAAI,mBAERF,EAAAA,EAAAA,KAAA,OACIK,MAAM,OACND,IAAKuD,EAAAA,EACLD,UAAU,SACVxD,IAAI,oBAKP0D,EAAQA,KAEb9D,EAAAA,EAAAA,MAACyD,EAAI,CAAAxD,SAAA,EACDC,EAAAA,EAAAA,KAAA,OACIK,MAAM,OACND,IAAKyD,EAAAA,EACLH,UAAU,UACVxD,IAAI,mBAERF,EAAAA,EAAAA,KAAA,OACIK,MAAM,OACND,IAAK0D,EAAAA,EACLJ,UAAU,SACVxD,IAAI,oBAKP6D,EAAQA,KAEbjE,EAAAA,EAAAA,MAACyD,EAAI,CAAAxD,SAAA,EACDC,EAAAA,EAAAA,KAAA,OACIK,MAAM,OACND,IAAK4D,EAAAA,EACLN,UAAU,UACVxD,IAAI,mBAERF,EAAAA,EAAAA,KAAA,OACIK,MAAM,OACND,IAAK6D,EAAAA,EACLP,UAAU,SACVxD,IAAI,mB,gMC7DpB,MAAMgE,EAAatF,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,8BAAAC,YAAA,cAAVF,CAAU,mLAEPuF,EAAAA,GAOhBC,EAAUxF,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,2BAAAC,YAAA,cAAVF,CAAU,yQAiBpByF,EAAczF,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,+BAAAC,YAAA,cAAVF,CAAU,oDAKxB0F,EAAc1F,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,+BAAAC,YAAA,cAAVF,CAAU,mNAqBf,SAAS2F,GAAmB,KAAEC,IACzC,MAAM,KAAEC,EAAI,SAAEC,EAAQ,YAAEC,GAAgBH,EAAKI,YACtCC,EAAaC,IAAkB/H,EAAAA,EAAAA,UAAS,KACxCgI,EAAYC,IAAiBjI,EAAAA,EAAAA,UAAS,KACtCkI,IAAgBlI,EAAAA,EAAAA,UAAS,IACzBwE,EAAa2D,IAAkBnI,EAAAA,EAAAA,UAAS,GA0B/C,OAhBAW,EAAAA,EAAAA,YAAU,KACN,IAAIyH,EAAQT,EAASU,QAAOlC,GAEpBA,EAAK1D,MAAMzB,cAAcsH,SAASN,EAAWhH,gBAC7CmF,EAAKzD,QAAQ1B,cAAcsH,SAASN,EAAWhH,iBAIvD,OADA+G,EAAeK,GACR,MAAQ,GAChB,CAACJ,EAAYL,KAEhBhH,EAAAA,EAAAA,YAAU,KACNoH,EAAeJ,GACR,SACR,CAACA,KAGA5E,EAAAA,EAAAA,MAACwF,EAAAA,EAAM,CAACC,KAAK,WAAUxF,SAAA,EACnBC,EAAAA,EAAAA,KAACwF,EAAAA,EAAY,CACThG,MAAM,kBACNiG,MAAOd,EAAYe,cACnBC,YAAahB,EAAYiB,mBAE7B9F,EAAAA,EAAAA,MAACoE,EAAU,CAAAnE,SAAA,EACPD,EAAAA,EAAAA,MAACsE,EAAO,CAAArE,SAAA,EACJC,EAAAA,EAAAA,KAACM,EAAAA,EAAK,CAAAP,SAAE0E,EAAK,GAAGjF,SAChBQ,EAAAA,EAAAA,KAACyC,EAAAA,EAAM,CACH7G,MAAOmJ,EACPrC,aAAcmD,GAAQb,EAAca,SAG5C7F,EAAAA,EAAAA,KAACqE,EAAW,CAAAtE,UACRC,EAAAA,EAAAA,KAAC4D,EAAAA,GAAK,OAEV5D,EAAAA,EAAAA,KAACsE,EAAW,CAAAvE,SACP8E,EAAYxG,KAAI,CAAC6E,EAAMhB,IACbX,EAAc0D,GAAgB/C,GACjCA,EAAQ2C,EAAYjC,QACpBV,GAASX,EAAc,GAAK0D,GAC5BjF,EAAAA,EAAAA,KAACZ,EAAAA,EAAI,CAEDM,UAAU,qBACNwD,GAFChB,GAIT,UAGZlC,EAAAA,EAAAA,KAACmB,EAAAA,EAAU,CACPI,YAAaA,EACbD,WACIwE,KAAKC,MAAMlB,EAAYjC,OAASqC,GAAgB,EAEpD5D,OAAQA,KA5DpB6D,EAAe3D,EAAc,EA4Dc,EAC/BH,OAAQA,KA1DpB8D,EAAe3D,EAAc,EA0Dc,EAC/BC,OAAQW,GAzDLA,KACf+C,EAAe/C,EAAK,EAwDQ6D,CAAW7D,SAGnCnC,EAAAA,EAAAA,KAACiG,EAAAA,EAAY,MAGzB,C,uBC7IA,IAAe,IAA0B,kD,uBCAzC,IAAe,IAA0B,0D,uBCAzC,IAAe,IAA0B,mD,uBCAzC,IAAe,IAA0B,2D,uBCAzC,IAAe,IAA0B,oD,sBCAzC,IAAe,IAA0B,2D,uBCAzC,IAAe,IAA0B,oD","sources":["webpack://gatsby-starter-default/./node_modules/use-media/lib/index.js","webpack://gatsby-starter-default/./node_modules/use-media/lib/useMedia.js","webpack://gatsby-starter-default/./node_modules/use-media/lib/utilities/camelToHyphen.js","webpack://gatsby-starter-default/./node_modules/use-media/lib/utilities/index.js","webpack://gatsby-starter-default/./node_modules/use-media/lib/utilities/noop.js","webpack://gatsby-starter-default/./node_modules/use-media/lib/utilities/queryObjectToString.js","webpack://gatsby-starter-default/./src/components/blog/index.js","webpack://gatsby-starter-default/./src/components/pagination/index.js","webpack://gatsby-starter-default/./src/assets/images/icon-magnifier.svg","webpack://gatsby-starter-default/./src/components/search/index.js","webpack://gatsby-starter-default/./src/components/typography/Title.js","webpack://gatsby-starter-default/./src/components/wave/index.js","webpack://gatsby-starter-default/./src/pages/content-library.js","webpack://gatsby-starter-default/./src/assets/images/wave.png","webpack://gatsby-starter-default/./src/assets/images/wave2-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave2.png","webpack://gatsby-starter-default/./src/assets/images/wave21-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave21.png","webpack://gatsby-starter-default/./src/assets/images/wave22-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave22.png"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar useMedia_1 = require(\"./useMedia\");\nexports.default = useMedia_1.default;\nexports.useMedia = useMedia_1.useMedia;\nexports.useMediaLayout = useMedia_1.useMediaLayout;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar react_1 = require(\"react\");\nvar utilities_1 = require(\"./utilities\");\nexports.mockMediaQueryList = {\n  media: '',\n  matches: false,\n  onchange: utilities_1.noop,\n  addListener: utilities_1.noop,\n  removeListener: utilities_1.noop,\n  addEventListener: utilities_1.noop,\n  removeEventListener: utilities_1.noop,\n  dispatchEvent: function dispatchEvent(_) {\n    return true;\n  }\n};\nvar createUseMedia = function createUseMedia(effect) {\n  return function (rawQuery, defaultState) {\n    if (defaultState === void 0) {\n      defaultState = false;\n    }\n    var _a = react_1.useState(defaultState),\n      state = _a[0],\n      setState = _a[1];\n    var query = utilities_1.queryObjectToString(rawQuery);\n    effect(function () {\n      var mounted = true;\n      var mediaQueryList = typeof window === 'undefined' ? exports.mockMediaQueryList : window.matchMedia(query);\n      var onChange = function onChange() {\n        if (!mounted) {\n          return;\n        }\n        setState(Boolean(mediaQueryList.matches));\n      };\n      mediaQueryList.addListener(onChange);\n      setState(mediaQueryList.matches);\n      return function () {\n        mounted = false;\n        mediaQueryList.removeListener(onChange);\n      };\n    }, [query]);\n    return state;\n  };\n};\nexports.useMedia = createUseMedia(react_1.useEffect);\nexports.useMediaLayout = createUseMedia(react_1.useLayoutEffect);\nexports.default = exports.useMedia;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nfunction camelToHyphen(camelString) {\n  return camelString.replace(/[A-Z]/g, function (string) {\n    return \"-\" + string.toLowerCase();\n  }).toLowerCase();\n}\nexports.default = camelToHyphen;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar camelToHyphen_1 = require(\"./camelToHyphen\");\nexports.camelToHyphen = camelToHyphen_1.default;\nvar queryObjectToString_1 = require(\"./queryObjectToString\");\nexports.queryObjectToString = queryObjectToString_1.default;\nvar noop_1 = require(\"./noop\");\nexports.noop = noop_1.default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nfunction noop() {}\nexports.default = noop;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar camelToHyphen_1 = require(\"./camelToHyphen\");\nvar QUERY_COMBINATOR = ' and ';\nfunction queryObjectToString(query) {\n  if (typeof query === 'string') {\n    return query;\n  }\n  return Object.entries(query).map(function (_a) {\n    var feature = _a[0],\n      value = _a[1];\n    var convertedFeature = camelToHyphen_1.default(feature);\n    var convertedValue = value;\n    if (typeof convertedValue === 'boolean') {\n      return convertedValue ? convertedFeature : \"not \" + convertedFeature;\n    }\n    if (typeof convertedValue === 'number' && /[height|width]$/.test(convertedFeature)) {\n      convertedValue = convertedValue + \"px\";\n    }\n    return \"(\" + convertedFeature + \": \" + convertedValue + \")\";\n  }).join(QUERY_COMBINATOR);\n}\nexports.default = queryObjectToString;","import React from 'react';\nimport styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\nimport { MdTrendingFlat } from 'react-icons/md';\n\nimport Title from '../typography/Title';\n\nconst Container = styled.div`\n    display: block;\n    width: calc(33.33% - 22px);\n    margin-right: 32px;\n    &:nth-child(3n) {\n        margin-right: 0;\n    }\n    margin-bottom: 32px;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        margin-bottom: 24px;\n        margin-right: 0;\n    }\n`;\nconst ImgContainer = styled.div`\n    border-radius: 4px;\n    width: 100%;\n    aspect-ratio: 10 / 6.8;\n    img {\n        object-fit: cover;\n        border-radius: 4px;\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n    }\n`;\nconst Category = styled.div`\n    background-color: #1d1b1e;\n    color: white;\n    font-family: 'Renogare-Regular';\n    font-size: 12px;\n    line-height: 20px;\n    letter-spacing: 0.5px;\n    border-radius: 4px;\n    padding: 6px;\n    position: absolute;\n    margin-top: -44px;\n    margin-left: 8px;\n    text-transform: uppercase;\n`;\nconst Content = styled.div`\n    margin: 24px;\n    @media screen and (max-width: 767px) {\n        margin: 24px 0 0 0;\n    }\n`;\nconst Desc = styled.div`\n    color: rgba(255, 255, 255, 0.7);\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    text-align: left;\n    letter-spacing: normal;\n    margin-top: 8px;\n`;\nconst MoreButton = styled.a`\n    font-family: 'Renogare-Regular';\n    margin-top: 8px;\n    color: white;\n    font-size: 12px;\n    line-height: 24px;\n    margin-right: 4px;\n    letter-spacing: 0.5px;\n    text-decoration: none;\n    display: flex;\n    &:hover {\n    }\n    &:focus {\n        opacity: 0.7;\n    }\n`;\n\n/**\n * A blog style icon component with image and a clickable link.\n *\n * @component\n * @param {Object} blogData -data coming from the CMS's blog page except the page_slug.\n * @param {string} blogData.page_slug - the page slug the blog belongs to.\n */\nexport default function Blog(blogData) {\n    const {\n        featured_image,\n        category,\n        title,\n        summary,\n        page_slug,\n        url_slug,\n    } = blogData;\n\n    /* when clicking the digital-trends image icon, we want the site directs the page to the mailChimp page instead of its original link*/\n    const mailChimpUrl = 'https://retailmediaplaybook.audigent.com/whitepaper';\n    const url =\n        url_slug === 'retail-media-playbook'\n            ? mailChimpUrl\n            : `/${page_slug}/${url_slug}`;\n    const target = url_slug === 'retail-media-playbook' ? '_blank' : '_self';\n\n    return (\n        <Container>\n            <ImgContainer>\n                <LazyLoadImage\n                    alt={title}\n                    effect=\"blur\"\n                    height={'100%'}\n                    src={featured_image} // use normal <img> attributes as props\n                    width={'100%'}\n                />\n                <Category>{category}</Category>\n            </ImgContainer>\n            <Content>\n                <Title titleType=\"blog\">{title}</Title>\n                <Desc>{summary}</Desc>\n                <MoreButton href={url} target={target}>\n                    <span>MORE</span>\n                    <MdTrendingFlat size={24} color={'white'} />\n                </MoreButton>\n            </Content>\n        </Container>\n    );\n}\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { FaLongArrowAltRight, FaLongArrowAltLeft } from 'react-icons/fa';\n\nconst Container = styled.div`\n    display: flex;\n    width: fit-content;\n    margin-left: auto;\n    margin-right: auto;\n\n    @media screen and (max-width: 767px) {\n    }\n`;\nconst Button = styled.div`\n    width: 48px;\n    height: 24px;\n    border-radius: 24px;\n    border: 1px solid white;\n    padding: 12px;\n    width: 24px;\n    opacity: ${props => (props.disabled ? 0.3 : 1)};\n    cursor: ${props => (props.disabled ? 'default' : 'pointer')};\n`;\nconst PageNumbers = styled.div`\n    padding: 12px;\n    border-radius: 24px;\n    border: 1px solid white;\n    font-size: 12px;\n    line-height: 24px;\n\n    color: rgba(255, 255, 255, 0.9);\n    margin-left: 8px;\n    margin-right: 8px;\n    display: flex;\n`;\nconst PageNumber = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 12px;\n    line-height: 24px;\n    margin: 0 12px;\n    cursor: ${props => (props.isButton ? 'pointer' : 'default')};\n    color: ${props =>\n        props.current ? 'rgba(255,255,255,0.9)' : 'rgba(255,255,255,0.3)'};\n`;\nexport default function Pagination({\n    onPrev,\n    onNext,\n    totalPages = 1,\n    currentPage,\n    onPage,\n}) {\n    const [pageNumbers, setPageNumbers] = useState([\n        '1',\n        '2',\n        '3',\n        '...',\n        '12',\n        '13',\n    ]);\n    useEffect(() => {\n        let tempArray = ['1'];\n        if (currentPage < 3) {\n            for (let i = 2; i <= 3 && i <= totalPages; i++) tempArray.push(i);\n        } else {\n            tempArray.push('...');\n            if (currentPage === totalPages - 3) {\n                for (\n                    let i = currentPage - 1;\n                    i <= currentPage + 1 && i <= totalPages;\n                    i++\n                )\n                    tempArray.push(i);\n            } else {\n                for (\n                    let i = currentPage;\n                    i <= currentPage + 2 && i <= totalPages;\n                    i++\n                )\n                    tempArray.push(i);\n            }\n        }\n        if (currentPage < totalPages - 2) {\n            tempArray.push('...');\n            tempArray.push(totalPages);\n        }\n        // console.log(tempArray)\n        setPageNumbers(tempArray);\n        return () => {};\n    }, [currentPage, totalPages]);\n\n    const handleNext = () => {\n        currentPage < totalPages - 1 && onNext();\n    };\n    const handlePrev = () => {\n        currentPage !== 0 && onPrev();\n    };\n    const handlePage = page => {\n        page !== '...' && onPage(parseInt(page - 1));\n    };\n\n    return (\n        <React.Fragment>\n            {totalPages > 0 ? (\n                <Container>\n                    <Button\n                        onClick={() => {\n                            handlePrev();\n                        }}\n                        disabled={currentPage === 0}\n                    >\n                        <FaLongArrowAltLeft size={24} color=\"white\" />\n                    </Button>\n                    <PageNumbers>\n                        {pageNumbers.map((val, index) => {\n                            return (\n                                <PageNumber\n                                    key={`key-${index}`}\n                                    current={val - 1 === currentPage}\n                                    isButton={val !== '...'}\n                                    onClick={() => {\n                                        handlePage(val);\n                                    }}\n                                >\n                                    {val}\n                                </PageNumber>\n                            );\n                        })}\n                    </PageNumbers>\n                    <Button\n                        onClick={() => handleNext()}\n                        disabled={currentPage === totalPages - 1}\n                    >\n                        <FaLongArrowAltRight size={24} color=\"white\" />\n                    </Button>\n                </Container>\n            ) : null}\n        </React.Fragment>\n    );\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuNykiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4IDljMC00Ljk3MDU2MjkzLTQuMDI5NDM3MDctOS05LTlTMCA0LjAyOTQzNzA3IDAgOXM0LjAyOTQzNzA3IDkgOSA5YzIuMTI0Nzc4NzUgMCA0LjA3NzU4MzMxLS43MzYzMTA5NiA1LjYxNzE3NjA2LTEuOTY3NjkzMzNsMy42NzU3MTY0IDMuNjc0ODAwODcuMDk0MjA3NzYuMDgzMTg3MWMuMzkyMjkyMDIuMzA1MDI1MS45NTk1MjIyNS4yNzcyOTYwNyAxLjMyMDAwNzMyLS4wODMxODcxLjM5MDUyMzkxLS4zOTA1MjU4MS4zOTA1MjM5MS0xLjAyMzY4OTI3IDAtMS40MTQyMTUwOGwtMy42NzQ4MDA4Ny0zLjY3NTcxNjRDMTcuMjYzNjg5MDQgMTMuMDc3NTgzMyAxOCAxMS4xMjQ3Nzg3NSAxOCA5ek0yIDljMC0zLjg2NTk5MzUgMy4xMzQwMDY1LTcgNy03czcgMy4xMzQwMDY1IDcgNy0zLjEzNDAwNjUgNy03IDctNy0zLjEzNDAwNjUtNy03eiIvPgo8L3N2Zz4K\"","import React from 'react';\nimport styled from 'styled-components';\nimport Icon from './../../assets/images/icon-magnifier.svg';\nimport useMedia from 'use-media';\n\nconst Container = styled.div`\n    border-radius: 24px;\n    width: ${props =>\n        props.isDesktop ? `calc(32% - 24px)` : props.isEmpty ? '24px' : '50%'};\n    height: 24px;\n    color: white;\n    opacity: 0.6;\n    border: 1px solid white;\n    display: flex;\n    padding: 12px;\n    transition: all 200ms ease-in-out;\n    &:hover {\n        opacity: 1;\n        width: ${props => (!props.isDesktop ? `50%` : `calc(32% - 24px)`)};\n    }\n    &:active {\n        opacity: 1;\n        width: ${props => (!props.isDesktop ? `50%` : `calc(32% - 24px)`)};\n    }\n    &:focus {\n        opacity: 1;\n        width: ${props => (!props.isDesktop ? `50%` : `calc(32% - 24px)`)};\n    }\n    @media screen and (max-width: 768px) {\n    }\n`;\nconst Input = styled.input`\n    font-size: 17px;\n    line-height: 24px;\n    height: 24px;\n    color: white;\n    letter-spacing: normal;\n    text-align: left;\n    font-family: 'Neuzeit Grotesk';\n    border: none;\n    margin-left: 8px;\n    width: ${props => (props.isEmpty && !props.isDesktop ? '0px' : '100%')};\n    outline: none;\n    background: transparent;\n    ${Container}:focus > & {\n        width: 100%;\n    }\n    ${Container}:hover > & {\n        width: 100%;\n    }\n`;\n\nexport default function Search({ value, onTextChange }) {\n    const isDesktop = useMedia({ minWidth: 768 });\n\n    return (\n        <Container isDesktop={isDesktop} isEmpty={value.length === 0}>\n            <img src={Icon} alt=\"\" />\n            <Input\n                isDesktop={isDesktop}\n                placeholder=\"Search\"\n                value={value}\n                isEmpty={value.length === 0}\n                onChange={e => onTextChange(e.target.value)}\n            ></Input>\n        </Container>\n    );\n}\n","import React from 'react';\nimport * as PropTypes from 'prop-types';\n\nimport styled from 'styled-components';\n\nconst TitleElement = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 80px;\n    line-height: 80px;\n    text-align: left;\n    letter-spacing: -4px;\n    color: white;\n    @media screen and (max-width: 767px) {\n        font-size: 44px;\n        line-height: 48px;\n        letter-spacing: -2.29px;\n    }\n`;\n\nconst TitleAlt = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    color: white;\n    text-align: left;\n    @media screen and (max-width: 767px) {\n    }\n`;\n\nconst typeMap = {\n    blog: TitleAlt,\n};\n\nconst Title = ({ children, titleType }) => {\n    const Component = typeMap[titleType] || TitleElement;\n    return <Component>{children}</Component>;\n};\n\nTitle.defaultProps = {\n    titleType: null,\n};\n\nTitle.propTypes = {\n    children: PropTypes.node.isRequired,\n    titleType: PropTypes.string,\n};\n\nexport default Title;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Wave2Img from './../../assets/images/wave2.png';\nimport Wave2Mobile from './../../assets/images/wave2-mobile.png';\nimport Wave21 from './../../assets/images/wave21.png';\nimport Wave21Mobile from './../../assets/images/wave21-mobile.png';\nimport Wave22 from './../../assets/images/wave22.png';\nimport Wave22Mobile from './../../assets/images/wave22-mobile.png';\nconst Wave = styled.div`\n    margin: 4px 0;\n    & > img.desktop {\n        display: block;\n    }\n    & > img.mobile {\n        display: none;\n    }\n    @media screen and (max-width: 767px) {\n        & > img.mobile {\n            display: block;\n        }\n        & > img.desktop {\n            display: none;\n        }\n    }\n`;\n\nexport const Wave3 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave2Img}\n                className=\"desktop\"\n                alt=\"wave3-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave2Mobile}\n                className=\"mobile\"\n                alt=\"wave3-mobile\"\n            />\n        </Wave>\n    );\n};\nexport const Wave1 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave21}\n                className=\"desktop\"\n                alt=\"wave1-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave21Mobile}\n                className=\"mobile\"\n                alt=\"wave1-mobile\"\n            />\n        </Wave>\n    );\n};\nexport const Wave2 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave22}\n                className=\"desktop\"\n                alt=\"wave2-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave22Mobile}\n                className=\"mobile\"\n                alt=\"wave2-mobile\"\n            />\n        </Wave>\n    );\n};\n","import React, { useState, useEffect } from 'react';\nimport { graphql } from 'gatsby';\n\nimport styled from 'styled-components';\nimport { Wave1 } from '../components/wave';\nimport WaveImg from './../assets/images/wave.png';\nimport Layout from '../layout/main';\nimport SEOComponent from '../components/seo';\nimport Blog from '../components/blog';\nimport CTAComponent from '../components/cta';\nimport Search from '../components/search';\nimport Pagination from '../components/pagination';\nimport Title from '../components/typography/Title';\n\nconst Background = styled.div`\n    background-color: transparent;\n    background: url(${WaveImg}) no-repeat contain;\n    background-position: top 317px;\n    margin-bottom: 112px;\n    @media screen and (max-width: 767px) {\n        margin-bottom: 129px;\n    }\n`;\nconst Heading = styled.div`\n    margin-left: 64px;\n    margin-right: 64px;\n    padding-top: 149px;\n    display: flex;\n    justify-content: space-between;\n\n    @media screen and (max-width: 1024px) {\n        margin-left: 32px;\n        margin-right: 32px;\n    }\n    @media screen and (max-width: 767px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        padding-top: 108px;\n    }\n`;\nconst WaveSection = styled.div`\n    position: absolute;\n    width: 100%;\n    margin-top: -30px;\n`;\nconst BlogContent = styled.div`\n    margin-left: 64px;\n    margin-right: 64px;\n    margin-top: 48px;\n    display: flex;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n    @media screen and (max-width: 767px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        margin-top: 32px;\n        margin-bottom: 40px;\n    }\n`;\n\n/**\n * Component for the content-library list page.\n *\n * @component\n * @param {Object} data - data fetched from the CMS's content-library page\n */\nexport default function ContentLibraryPage({ data }) {\n    const { hero, contents, seo_content } = data.butterPage;\n    const [filterBlogs, setFilterBlogs] = useState([]);\n    const [searchText, setSearchText] = useState('');\n    const [blogsPerPage] = useState(9);\n    const [currentPage, setCurrentPage] = useState(0);\n    const handleNextPage = () => {\n        setCurrentPage(currentPage + 1);\n    };\n    const handlePrevPage = () => {\n        setCurrentPage(currentPage - 1);\n    };\n    const handlePage = page => {\n        setCurrentPage(page);\n    };\n    useEffect(() => {\n        let array = contents.filter(blog => {\n            return (\n                blog.title.toLowerCase().includes(searchText.toLowerCase()) ||\n                blog.summary.toLowerCase().includes(searchText.toLowerCase())\n            );\n        });\n        setFilterBlogs(array);\n        return () => {};\n    }, [searchText, contents]);\n\n    useEffect(() => {\n        setFilterBlogs(contents);\n        return () => {};\n    }, [contents]);\n\n    return (\n        <Layout menu=\"INSIGHTS\">\n            <SEOComponent\n                title=\"Content Library\"\n                image={seo_content.sharing_image}\n                description={seo_content.seo_description}\n            />\n            <Background>\n                <Heading>\n                    <Title>{hero[0].title}</Title>\n                    <Search\n                        value={searchText}\n                        onTextChange={text => setSearchText(text)}\n                    />\n                </Heading>\n                <WaveSection>\n                    <Wave1 />\n                </WaveSection>\n                <BlogContent>\n                    {filterBlogs.map((blog, index) => {\n                        return currentPage * blogsPerPage <= index &&\n                            index < filterBlogs.length &&\n                            index < (currentPage + 1) * blogsPerPage ? (\n                            <Blog\n                                key={index}\n                                page_slug=\"content-library\"\n                                {...blog}\n                            />\n                        ) : null;\n                    })}\n                </BlogContent>\n                <Pagination\n                    currentPage={currentPage}\n                    totalPages={\n                        Math.floor(filterBlogs.length / blogsPerPage) + 1\n                    }\n                    onNext={() => handleNextPage()}\n                    onPrev={() => handlePrevPage()}\n                    onPage={page => handlePage(page)}\n                />\n            </Background>\n            <CTAComponent />\n        </Layout>\n    );\n}\n\n/* GraphQL query*/\nexport const contentLibraryPageQuery = graphql`\n    query {\n        butterPage(slug: { eq: \"content-library\" }) {\n            seo_content {\n                seo_description\n                sharing_image\n            }\n            hero {\n                title\n            }\n            contents {\n                title\n                summary\n                body\n                publish_date\n                category\n                featured_image\n                download_url\n                url_slug\n            }\n        }\n    }\n`;\n","export default __webpack_public_path__ + \"static/wave-c2cb9d43a8da95f163f12ee086130c7d.png\";","export default __webpack_public_path__ + \"static/wave2-mobile-f6d483843c8232fbe6086db103df6010.png\";","export default __webpack_public_path__ + \"static/wave2-87e6b527845f867e5852cb3aa7e643fe.png\";","export default __webpack_public_path__ + \"static/wave21-mobile-0d6397ea83b390716865d1b7cdaaee6c.png\";","export default __webpack_public_path__ + \"static/wave21-3151e64a7f13096488fdf673d2ee13b6.png\";","export default __webpack_public_path__ + \"static/wave22-mobile-3e0d599240fd10ee1e0443cef8ddee11.png\";","export default __webpack_public_path__ + \"static/wave22-f246565cd489180e3eebe957a6c4b4d5.png\";"],"names":["useMedia_1","exports","default","useMedia","useMediaLayout","Object","defineProperty","value","react_1","utilities_1","mockMediaQueryList","media","matches","onchange","noop","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent","_","createUseMedia","effect","rawQuery","defaultState","_a","useState","state","setState","query","queryObjectToString","mounted","mediaQueryList","window","matchMedia","onChange","Boolean","useEffect","useLayoutEffect","camelString","replace","string","toLowerCase","camelToHyphen_1","camelToHyphen","queryObjectToString_1","noop_1","entries","map","feature","convertedFeature","convertedValue","test","join","Container","styled","displayName","componentId","ImgContainer","Category","Content","Desc","MoreButton","Blog","blogData","featured_image","category","title","summary","page_slug","url_slug","url","target","_jsxs","children","_jsx","LazyLoadImage","alt","height","src","width","Title","titleType","href","MdTrendingFlat","size","color","Button","props","disabled","PageNumbers","PageNumber","isButton","current","Pagination","onPrev","onNext","totalPages","currentPage","onPage","pageNumbers","setPageNumbers","tempArray","i","push","React","onClick","FaLongArrowAltLeft","val","index","page","parseInt","FaLongArrowAltRight","isDesktop","isEmpty","Input","Search","onTextChange","minWidth","length","Icon","placeholder","e","TitleElement","typeMap","blog","Component","defaultProps","propTypes","PropTypes","Wave","Wave3","Wave2Img","className","Wave2Mobile","Wave1","Wave21","Wave21Mobile","Wave2","Wave22","Wave22Mobile","Background","WaveImg","Heading","WaveSection","BlogContent","ContentLibraryPage","data","hero","contents","seo_content","butterPage","filterBlogs","setFilterBlogs","searchText","setSearchText","blogsPerPage","setCurrentPage","array","filter","includes","Layout","menu","SEOComponent","image","sharing_image","description","seo_description","text","Math","floor","handlePage","CTAComponent"],"sourceRoot":""}