{"version":3,"file":"7c74372b8699192f62d1911c67ff998aa4c36f8c-efc98aff5b70f5e10172.js","mappings":"mLAIe,SAASA,EAAeC,EAAKC,GAC1C,OCLa,SAAyBD,GACtC,GAAIE,MAAMC,QAAQH,GAAM,OAAOA,CACjC,CDGS,CAAeA,IELT,SAA+BA,EAAKC,GACjD,IAAIG,EAAY,MAAPJ,EAAc,KAAyB,oBAAXK,QAA0BL,EAAIK,OAAOC,WAAaN,EAAI,cAC3F,GAAU,MAANI,EAAJ,CACA,IAGIG,EAAIC,EAHJC,EAAO,GACPC,GAAK,EACLC,GAAK,EAET,IACE,IAAKP,EAAKA,EAAGQ,KAAKZ,KAAQU,GAAMH,EAAKH,EAAGS,QAAQC,QAC9CL,EAAKM,KAAKR,EAAGS,QACTf,GAAKQ,EAAKQ,SAAWhB,GAF4BS,GAAK,GAa9D,CATE,MAAOQ,GACPP,GAAK,EACLH,EAAKU,CACP,CAAE,QACA,IACOR,GAAsB,MAAhBN,EAAW,QAAWA,EAAW,QAG9C,CAFE,QACA,GAAIO,EAAI,MAAMH,CAChB,CACF,CACA,OAAOC,CApBe,CAqBxB,CFlBgC,CAAqBT,EAAKC,KAAM,EAAAkB,EAAA,GAA2BnB,EAAKC,IGLjF,WACb,MAAM,IAAImB,UAAU,4IACtB,CHGsG,EACtG,CINA,SAASC,EAAkBC,EAAQC,GACjC,IAAK,IAAItB,EAAI,EAAGA,EAAIsB,EAAMN,OAAQhB,IAAK,CACrC,IAAIuB,EAAaD,EAAMtB,GACvBuB,EAAWC,WAAaD,EAAWC,aAAc,EACjDD,EAAWE,cAAe,EACtB,UAAWF,IAAYA,EAAWG,UAAW,GACjDC,OAAOC,eAAeP,EAAQE,EAAWM,IAAKN,EAChD,CACF,C,cCRe,SAASO,EAAQC,GAG9B,OAAOD,EAAU,mBAAqB1B,QAAU,iBAAmBA,OAAOC,SAAW,SAAU0B,GAC7F,cAAcA,CAChB,EAAI,SAAUA,GACZ,OAAOA,GAAO,mBAAqB3B,QAAU2B,EAAIC,cAAgB5B,QAAU2B,IAAQ3B,OAAO6B,UAAY,gBAAkBF,CAC1H,EAAGD,EAAQC,EACb,CCNe,SAASG,EAA2BC,EAAMxB,GACvD,GAAIA,IAA2B,WAAlBmB,EAAQnB,IAAsC,mBAATA,GAChD,OAAOA,EACF,QAAa,IAATA,EACT,MAAM,IAAIQ,UAAU,4DAEtB,OCRa,SAAgCgB,GAC7C,QAAa,IAATA,EACF,MAAM,IAAIC,eAAe,6DAE3B,OAAOD,CACT,CDGS,CAAsBA,EAC/B,CETe,SAASE,EAAgBC,GAItC,OAHAD,EAAkBV,OAAOY,eAAiBZ,OAAOa,eAAeC,OAAS,SAAyBH,GAChG,OAAOA,EAAEI,WAAaf,OAAOa,eAAeF,EAC9C,EACOD,EAAgBC,EACzB,C,cCCA,SAASK,EAAaC,GAAW,IAAIC,EACrC,WAAuC,GAAuB,oBAAZC,UAA4BA,QAAQC,UAAW,OAAO,EAAO,GAAID,QAAQC,UAAUC,KAAM,OAAO,EAAO,GAAqB,mBAAVC,MAAsB,OAAO,EAAM,IAAsF,OAAhFC,QAAQjB,UAAUkB,QAAQxC,KAAKmC,QAAQC,UAAUG,QAAS,IAAI,WAAa,MAAY,CAAkC,CAA1B,MAAOE,GAAK,OAAO,CAAO,CAAE,CADvQC,GAA6B,OAAO,WAAkC,IAAsCC,EAAlCC,EAAQlB,EAAgBO,GAAkB,GAAIC,EAA2B,CAAE,IAAIW,EAAYnB,EAAgBoB,MAAMzB,YAAasB,EAASR,QAAQC,UAAUQ,EAAOG,UAAWF,EAAY,MAASF,EAASC,EAAMI,MAAMF,KAAMC,WAAc,OAAOxB,EAA2BuB,KAAMH,EAAS,CAAG,CAGxa,SAASM,IAYP,OAXAA,EAAWjC,OAAOkC,QAAU,SAAUxC,GACpC,IAAK,IAAIrB,EAAI,EAAGA,EAAI0D,UAAU1C,OAAQhB,IAAK,CACzC,IAAI8D,EAASJ,UAAU1D,GACvB,IAAK,IAAI6B,KAAOiC,EACVnC,OAAOM,UAAU8B,eAAepD,KAAKmD,EAAQjC,KAC/CR,EAAOQ,GAAOiC,EAAOjC,GAG3B,CACA,OAAOR,CACT,EACOuC,EAASD,MAAMF,KAAMC,UAC9B,CAaA,IAAIM,EAAc,IAAIC,IAClBC,EAAU,IAAIC,QACdC,EAAS,EACTC,OAAmBC,EA6BvB,SAASC,EAAYC,GACnB,OAAO7C,OAAO8C,KAAKD,GAASE,OAAOC,QAAO,SAAU9C,GAClD,YAAwByC,IAAjBE,EAAQ3C,EACjB,IAAG+C,KAAI,SAAU/C,GACf,MAAO,GAAGgD,OAAOhD,EAAK,KAAKgD,OAAe,SAARhD,GAjBnBiD,EAiB8CN,EAAQM,OAfnEZ,EAAQa,IAAID,KAChBV,GAAU,EACVF,EAAQc,IAAIF,EAAMV,EAAOa,aAFKf,EAAQgB,IAAIJ,IADxB,IAgB6DN,EAAQ3C,IAjBzF,IAAmBiD,CAkBjB,IAAGG,UACL,CACA,SAASE,EAAeX,GAEtB,IAAIY,EAAKb,EAAYC,GACjBa,EAAWrB,EAAYkB,IAAIE,GAC/B,IAAKC,EAAU,CAEb,IACIC,EADAC,EAAW,IAAItB,IAEfuB,EAAW,IAAIC,sBAAqB,SAAUC,GAChDA,EAAQC,SAAQ,SAAUC,GACxB,IAAIC,EAIAC,EAASF,EAAMG,gBAAkBT,EAAWU,MAAK,SAAUC,GAC7D,OAAOL,EAAMM,mBAAqBD,CACpC,IAEIzB,EAAQ2B,sBAA8C,IAApBP,EAAMQ,YAG1CR,EAAMQ,UAAYN,GAE4B,OAA/CD,EAAgBN,EAASL,IAAIU,EAAMvE,UAA4BwE,EAAcF,SAAQ,SAAUU,GAC9FA,EAASP,EAAQF,EACnB,GACF,GACF,GAAGpB,GAEHc,EAAaE,EAASF,aAAerF,MAAMC,QAAQsE,EAAQyB,WAAazB,EAAQyB,UAAY,CAACzB,EAAQyB,WAAa,IAClHZ,EAAW,CACTD,GAAIA,EACJI,SAAUA,EACVD,SAAUA,GAEZvB,EAAYgB,IAAII,EAAIC,EACtB,CACA,OAAOA,CACT,CASA,SAASiB,EAAQC,EAASF,GACxB,IAAI7B,EAAUd,UAAU1C,OAAS,QAAsBsD,IAAjBZ,UAAU,GAAmBA,UAAU,GAAK,CAAC,EAC/E8C,EAAiB9C,UAAU1C,OAAS,QAAsBsD,IAAjBZ,UAAU,GAAmBA,UAAU,GAAKW,EACzF,QAA2C,IAAhCoC,OAAOhB,2BAA2DnB,IAAnBkC,EAA8B,CACtF,IAAIE,EAASH,EAAQI,wBAUrB,OATAN,EAASG,EAAgB,CACvBT,eAAgBS,EAChBnF,OAAQkF,EACRL,kBAAgD,iBAAtB1B,EAAQyB,UAAyBzB,EAAQyB,UAAY,EAC/EW,KAAM,EACNC,mBAAoBH,EACpBI,iBAAkBJ,EAClBK,WAAYL,IAEP,WACP,CACF,CAEA,IAAIM,EAAkB7B,EAAeX,GACnCY,EAAK4B,EAAgB5B,GACrBI,EAAWwB,EAAgBxB,SAC3BD,EAAWyB,EAAgBzB,SAEzB0B,EAAY1B,EAASL,IAAIqB,IAAY,GAMzC,OALKhB,EAASR,IAAIwB,IAChBhB,EAASP,IAAIuB,EAASU,GAExBA,EAAUnG,KAAKuF,GACfb,EAASc,QAAQC,GACV,WAELU,EAAUC,OAAOD,EAAUE,QAAQd,GAAW,GACrB,IAArBY,EAAUjG,SAEZuE,EAAS6B,OAAOb,GAChBf,EAAS6B,UAAUd,IAEC,IAAlBhB,EAAS+B,OAEX9B,EAAS+B,aACTvD,EAAYoD,OAAOhC,GAEvB,CACF,CACA,IAAIoC,EAAY,CAAC,WAAY,KAAM,cAAe,YAAa,OAAQ,aAAc,WAAY,OAAQ,kBAAmB,QAAS,gBAAiB,kBACtJ,SAASC,EAAgBnG,GACvB,MAAiC,mBAAnBA,EAAMoG,QACtB,CAqKE,YA2BF,SAASC,IACP,IAWIC,EAXAC,EAAOnE,UAAU1C,OAAS,QAAsBsD,IAAjBZ,UAAU,GAAmBA,UAAU,GAAK,CAAC,EAC9EuC,EAAY4B,EAAK5B,UACjB6B,EAAQD,EAAKC,MACb3B,EAAkB0B,EAAK1B,gBACvB4B,EAAaF,EAAKE,WAClBjD,EAAO+C,EAAK/C,KACZkD,EAAcH,EAAKG,YACnBC,EAAOJ,EAAKI,KACZC,EAAgBL,EAAKK,cACrB1B,EAAiBqB,EAAKrB,eACtB2B,EAAWN,EAAKM,SAEdC,EAAkB,WAAe,MACnCC,EAAmBvI,EAAesI,EAAiB,GACnDE,EAAMD,EAAiB,GACvBE,EAASF,EAAiB,GACxBhC,EAAW,WACXmC,EAAmB,WAAe,CAClC1C,SAAUoC,EACVtC,WAAOtB,IAETmE,EAAmB3I,EAAe0I,EAAkB,GACpDE,EAAQD,EAAiB,GACzBE,EAAWF,EAAiB,GAG9BpC,EAASuC,QAAUT,EACnB,aAAgB,WAGd,IAAId,EADJ,IAAIY,GAASK,EAsBb,OApBAjB,EAAYf,EAAQgC,GAAK,SAAUxC,EAAQF,GACzC+C,EAAS,CACP7C,OAAQA,EACRF,MAAOA,IAELS,EAASuC,SAASvC,EAASuC,QAAQ9C,EAAQF,GAC3CA,EAAMG,gBAAkBiC,GAAeX,IAEzCA,IACAA,OAAY/C,EAEhB,GAAG,CACDQ,KAAMA,EACNiD,WAAYA,EACZ9B,UAAWA,EAEXE,gBAAiBA,EAEjB2B,MAAOA,GACNtB,GACI,WACDa,GACFA,GAEJ,CACF,GAGA,CAGApH,MAAMC,QAAQ+F,GAAaA,EAAUhB,WAAagB,EAAWqC,EAAKxD,EAAMiD,EAAYC,EAAaC,EAAM9B,EAAiBK,EAAgBsB,IACxI,IAAIe,EAA8C,OAA/BjB,EAAec,EAAM9C,YAAiB,EAASgC,EAAavG,OAC/E,aAAgB,WACTiH,IAAOO,GAAgBb,GAAgBC,GAG1CU,EAAS,CACP7C,SAAUoC,EACVtC,WAAOtB,GAGb,GAAG,CAACgE,EAAKO,EAAab,EAAaC,EAAMC,IACzC,IAAI5E,EAAS,CAACiF,EAAQG,EAAM5C,OAAQ4C,EAAM9C,OAK1C,OAHAtC,EAAOgF,IAAMhF,EAAO,GACpBA,EAAOwC,OAASxC,EAAO,GACvBA,EAAOsC,MAAQtC,EAAO,GACfA,CACT,C,+CCpaA,IAlB4B,SAAH,GAAwC,IAAD,IAAjCwF,UAAAA,OAAS,MAAG,GAAE,MAAEC,MAAAA,OAAK,MAAG,CAAC,EAAC,EACvD,GAAwBpB,EAAAA,EAAAA,IAAU,CAChCK,aAAa,EACbxB,gBAAgB,IAFV8B,EAAG,EAAHA,IAAKxC,EAAM,EAANA,OAIb,OACE,uBAAKwC,IAAKA,EAAKS,MAAOA,EAAOD,UAAWA,GACrChD,GACC,oCACEkD,IAAI,wEACJC,UAAQ,EACRC,MAAI,IAKd,C,+CCEA,IAlB6B,SAAH,GAAwC,IAAD,IAAjCJ,UAAAA,OAAS,MAAG,GAAE,MAAEC,MAAAA,OAAK,MAAG,CAAC,EAAC,EACxD,GAAwBpB,EAAAA,EAAAA,IAAU,CAChCK,aAAa,EACbxB,gBAAgB,IAFV8B,EAAG,EAAHA,IAAKxC,EAAM,EAANA,OAIb,OACE,uBAAKwC,IAAKA,EAAKS,MAAOA,EAAOD,UAAWA,GACrChD,GACC,oCACEkD,IAAI,uEACJC,UAAQ,EACRC,MAAI,IAKd,C,+CCEA,IAlB0B,SAAH,GAAwC,IAAD,IAAjCJ,UAAAA,OAAS,MAAG,GAAE,MAAEC,MAAAA,OAAK,MAAG,CAAC,EAAC,EACrD,GAAwBpB,EAAAA,EAAAA,IAAU,CAChCK,aAAa,EACbxB,gBAAgB,IAFV8B,EAAG,EAAHA,IAAKxC,EAAM,EAANA,OAIb,OACE,uBAAKwC,IAAKA,EAAKS,MAAOA,EAAOD,UAAWA,GACrChD,GACC,oCACEkD,IAAI,uEACJC,UAAQ,EACRC,MAAI,IAKd,C,+CCEA,IAlB0B,SAAH,GAAwC,IAAD,IAAjCJ,UAAAA,OAAS,MAAG,GAAE,MAAEC,MAAAA,OAAK,MAAG,CAAC,EAAC,EACrD,GAAwBpB,EAAAA,EAAAA,IAAU,CAChCK,aAAa,EACbxB,gBAAgB,IAFV8B,EAAG,EAAHA,IAAKxC,EAAM,EAANA,OAIb,OACE,uBAAKwC,IAAKA,EAAKS,MAAOA,EAAOD,UAAWA,GACrChD,GACC,oCACEkD,IAAI,uEACJC,UAAQ,EACRC,MAAI,IAKd,C","sources":["webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js","webpack://gatsby-starter-default/./node_modules/react-intersection-observer/react-intersection-observer.modern.mjs","webpack://gatsby-starter-default/./src/components/animation/animation-circle-pink.js","webpack://gatsby-starter-default/./src/components/animation/animation-circle-white.js","webpack://gatsby-starter-default/./src/components/animation/animation-element-1.js","webpack://gatsby-starter-default/./src/components/animation/animation-element-2.js"],"sourcesContent":["import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _s, _e;\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nexport default function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nimport assertThisInitialized from \"./assertThisInitialized.js\";\nexport default function _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n return assertThisInitialized(self);\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}","export default function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}","import _slicedToArray from \"/codebuild/output/src3567874827/src/slaight-music-gatsby/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";\nimport _classCallCheck from \"/codebuild/output/src3567874827/src/slaight-music-gatsby/node_modules/@babel/runtime/helpers/esm/classCallCheck.js\";\nimport _createClass from \"/codebuild/output/src3567874827/src/slaight-music-gatsby/node_modules/@babel/runtime/helpers/esm/createClass.js\";\nimport _inherits from \"/codebuild/output/src3567874827/src/slaight-music-gatsby/node_modules/@babel/runtime/helpers/esm/inherits.js\";\nimport _possibleConstructorReturn from \"/codebuild/output/src3567874827/src/slaight-music-gatsby/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js\";\nimport _getPrototypeOf from \"/codebuild/output/src3567874827/src/slaight-music-gatsby/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js\";\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nimport * as React from 'react';\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nvar observerMap = new Map();\nvar RootIds = new WeakMap();\nvar rootId = 0;\nvar unsupportedValue = undefined;\n/**\r\n * What should be the default behavior if the IntersectionObserver is unsupported?\r\n * Ideally the polyfill has been loaded, you can have the following happen:\r\n * - `undefined`: Throw an error\r\n * - `true` or `false`: Set the `inView` value to this regardless of intersection state\r\n * **/\n\nfunction defaultFallbackInView(inView) {\n unsupportedValue = inView;\n}\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n if (!root) return '0';\n if (RootIds.has(root)) return RootIds.get(root);\n rootId += 1;\n RootIds.set(root, rootId.toString());\n return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\nfunction optionsToId(options) {\n return Object.keys(options).sort().filter(function (key) {\n return options[key] !== undefined;\n }).map(function (key) {\n return \"\".concat(key, \"_\").concat(key === 'root' ? getRootId(options.root) : options[key]);\n }).toString();\n}\nfunction createObserver(options) {\n // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n var id = optionsToId(options);\n var instance = observerMap.get(id);\n if (!instance) {\n // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n var elements = new Map();\n var thresholds;\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n var _elements$get;\n\n // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n return entry.intersectionRatio >= threshold;\n }); // @ts-ignore support IntersectionObserver v2\n\n if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n // @ts-ignore\n entry.isVisible = inView;\n }\n (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n callback(inView, entry);\n });\n });\n }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n instance = {\n id: id,\n observer: observer,\n elements: elements\n };\n observerMap.set(id, instance);\n }\n return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @param fallbackInView - Fallback inView value.\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\nfunction observe(element, callback) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var fallbackInView = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : unsupportedValue;\n if (typeof window.IntersectionObserver === 'undefined' && fallbackInView !== undefined) {\n var bounds = element.getBoundingClientRect();\n callback(fallbackInView, {\n isIntersecting: fallbackInView,\n target: element,\n intersectionRatio: typeof options.threshold === 'number' ? options.threshold : 0,\n time: 0,\n boundingClientRect: bounds,\n intersectionRect: bounds,\n rootBounds: bounds\n });\n return function () {// Nothing to cleanup\n };\n } // An observer with the same options can be reused, so lets use this fact\n\n var _createObserver = createObserver(options),\n id = _createObserver.id,\n observer = _createObserver.observer,\n elements = _createObserver.elements; // Register the callback listener for this element\n\n var callbacks = elements.get(element) || [];\n if (!elements.has(element)) {\n elements.set(element, callbacks);\n }\n callbacks.push(callback);\n observer.observe(element);\n return function unobserve() {\n // Remove the callback from the callback list\n callbacks.splice(callbacks.indexOf(callback), 1);\n if (callbacks.length === 0) {\n // No more callback exists for element, so destroy it\n elements.delete(element);\n observer.unobserve(element);\n }\n if (elements.size === 0) {\n // No more elements are being observer by this instance, so destroy it\n observer.disconnect();\n observerMap.delete(id);\n }\n };\n}\nvar _excluded = [\"children\", \"as\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\", \"fallbackInView\"];\nfunction isPlainChildren(props) {\n return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n \r\n {({ inView, ref, entry }) => (\r\n
\r\n

{`Header inside viewport ${inView}.`}

\r\n
\r\n )}\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the ``, and it will handle creating the\r\n wrapping DOM element. Add a handler to the `onChange` method, and control the\r\n state in your own component. Any extra props you add to `` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n console.log('Inview:', inView)}>\r\n

Plain children are always rendered. Use onChange to monitor state.

\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n */\nvar InView = /*#__PURE__*/function (_React$Component) {\n _inherits(InView, _React$Component);\n var _super = _createSuper(InView);\n function InView(props) {\n var _this;\n _classCallCheck(this, InView);\n _this = _super.call(this, props);\n _this.node = null;\n _this._unobserveCb = null;\n _this.handleNode = function (node) {\n if (_this.node) {\n // Clear the old observer, before we start observing a new element\n _this.unobserve();\n if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n _this.setState({\n inView: !!_this.props.initialInView,\n entry: undefined\n });\n }\n }\n _this.node = node ? node : null;\n _this.observeNode();\n };\n _this.handleChange = function (inView, entry) {\n if (inView && _this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n _this.unobserve();\n }\n if (!isPlainChildren(_this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n _this.setState({\n inView: inView,\n entry: entry\n });\n }\n if (_this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n _this.props.onChange(inView, entry);\n }\n };\n _this.state = {\n inView: !!props.initialInView,\n entry: undefined\n };\n return _this;\n }\n _createClass(InView, [{\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n this.unobserve();\n this.observeNode();\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.unobserve();\n this.node = null;\n }\n }, {\n key: \"observeNode\",\n value: function observeNode() {\n if (!this.node || this.props.skip) return;\n var _this$props2 = this.props,\n threshold = _this$props2.threshold,\n root = _this$props2.root,\n rootMargin = _this$props2.rootMargin,\n trackVisibility = _this$props2.trackVisibility,\n delay = _this$props2.delay,\n fallbackInView = _this$props2.fallbackInView;\n this._unobserveCb = observe(this.node, this.handleChange, {\n threshold: threshold,\n root: root,\n rootMargin: rootMargin,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n }, fallbackInView);\n }\n }, {\n key: \"unobserve\",\n value: function unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n this._unobserveCb = null;\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n if (!isPlainChildren(this.props)) {\n var _this$state = this.state,\n inView = _this$state.inView,\n entry = _this$state.entry;\n return this.props.children({\n inView: inView,\n entry: entry,\n ref: this.handleNode\n });\n }\n var _this$props = this.props,\n children = _this$props.children,\n as = _this$props.as,\n props = _objectWithoutPropertiesLoose(_this$props, _excluded);\n return React.createElement(as || 'div', _extends({\n ref: this.handleNode\n }, props), children);\n }\n }]);\n return InView;\n}(React.Component);\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n * const { ref, inView, entry } = useInView({\r\n * threshold: 0,\r\n * });\r\n *\r\n * return (\r\n *
\r\n *

{`Header inside viewport ${inView}.`}

\r\n *
\r\n * );\r\n * };\r\n * ```\r\n */\nfunction useInView() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n threshold = _ref.threshold,\n delay = _ref.delay,\n trackVisibility = _ref.trackVisibility,\n rootMargin = _ref.rootMargin,\n root = _ref.root,\n triggerOnce = _ref.triggerOnce,\n skip = _ref.skip,\n initialInView = _ref.initialInView,\n fallbackInView = _ref.fallbackInView,\n onChange = _ref.onChange;\n var _state$entry;\n var _React$useState = React.useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n ref = _React$useState2[0],\n setRef = _React$useState2[1];\n var callback = React.useRef();\n var _React$useState3 = React.useState({\n inView: !!initialInView,\n entry: undefined\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n state = _React$useState4[0],\n setState = _React$useState4[1]; // Store the onChange callback in a `ref`, so we can access the latest instance\n // inside the `useEffect`, but without triggering a rerender.\n\n callback.current = onChange;\n React.useEffect(function () {\n // Ensure we have node ref, and that we shouldn't skip observing\n if (skip || !ref) return;\n var unobserve;\n unobserve = observe(ref, function (inView, entry) {\n setState({\n inView: inView,\n entry: entry\n });\n if (callback.current) callback.current(inView, entry);\n if (entry.isIntersecting && triggerOnce && unobserve) {\n // If it should only trigger once, unobserve the element after it's inView\n unobserve();\n unobserve = undefined;\n }\n }, {\n root: root,\n rootMargin: rootMargin,\n threshold: threshold,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n }, fallbackInView);\n return function () {\n if (unobserve) {\n unobserve();\n }\n };\n },\n // We break the rule here, because we aren't including the actual `threshold` variable\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n // If the threshold is an array, convert it to a string, so it won't change between renders.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n Array.isArray(threshold) ? threshold.toString() : threshold, ref, root, rootMargin, triggerOnce, skip, trackVisibility, fallbackInView, delay]);\n var entryTarget = (_state$entry = state.entry) == null ? void 0 : _state$entry.target;\n React.useEffect(function () {\n if (!ref && entryTarget && !triggerOnce && !skip) {\n // If we don't have a node ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n setState({\n inView: !!initialInView,\n entry: undefined\n });\n }\n }, [ref, entryTarget, triggerOnce, skip, initialInView]);\n var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n return result;\n}\nexport { InView, defaultFallbackInView, observe, useInView };","import * as React from \"react\"\nimport { useInView } from \"react-intersection-observer\"\n\nconst AnimationCirclePink = ({ className = \"\", style = {} }) => {\n const { ref, inView } = useInView({\n triggerOnce: true,\n fallbackInView: true,\n })\n return (\n
\n {inView && (\n \n )}\n
\n )\n}\n\nexport default AnimationCirclePink\n","import * as React from \"react\"\nimport { useInView } from \"react-intersection-observer\"\n\nconst AnimationCircleWhite = ({ className = \"\", style = {} }) => {\n const { ref, inView } = useInView({\n triggerOnce: true,\n fallbackInView: true,\n })\n return (\n
\n {inView && (\n \n )}\n
\n )\n}\n\nexport default AnimationCircleWhite\n","import * as React from \"react\"\nimport { useInView } from \"react-intersection-observer\"\n\nconst AnimationElement1 = ({ className = \"\", style = {} }) => {\n const { ref, inView } = useInView({\n triggerOnce: true,\n fallbackInView: true,\n })\n return (\n
\n {inView && (\n \n )}\n
\n )\n}\n\nexport default AnimationElement1\n","import * as React from \"react\"\nimport { useInView } from \"react-intersection-observer\"\n\nconst AnimationElement2 = ({ className = \"\", style = {} }) => {\n const { ref, inView } = useInView({\n triggerOnce: true,\n fallbackInView: true,\n })\n return (\n
\n {inView && (\n \n )}\n
\n )\n}\n\nexport default AnimationElement2\n"],"names":["_slicedToArray","arr","i","Array","isArray","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","unsupportedIterableToArray","TypeError","_defineProperties","target","props","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_typeof","obj","constructor","prototype","_possibleConstructorReturn","self","ReferenceError","_getPrototypeOf","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_isNativeReflectConstruct","result","Super","NewTarget","this","arguments","apply","_extends","assign","source","hasOwnProperty","observerMap","Map","RootIds","WeakMap","rootId","unsupportedValue","undefined","optionsToId","options","keys","sort","filter","map","concat","root","has","set","toString","get","createObserver","id","instance","thresholds","elements","observer","IntersectionObserver","entries","forEach","entry","_elements$get","inView","isIntersecting","some","threshold","intersectionRatio","trackVisibility","isVisible","callback","observe","element","fallbackInView","window","bounds","getBoundingClientRect","time","boundingClientRect","intersectionRect","rootBounds","_createObserver","callbacks","splice","indexOf","delete","unobserve","size","disconnect","_excluded","isPlainChildren","children","useInView","_state$entry","_ref","delay","rootMargin","triggerOnce","skip","initialInView","onChange","_React$useState","_React$useState2","ref","setRef","_React$useState3","_React$useState4","state","setState","current","entryTarget","className","style","src","autoplay","loop"],"sourceRoot":""}