\r\n )}\r\n \r\n \r\n );\r\n },\r\n };\r\n\r\n confirmAlert(options);\r\n }\r\n\r\n render() {\r\n return ;\r\n }\r\n}\r\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}\n","/**\n * The base implementation of `_.times` without support for iteratee shorthands\n * or max array length checks.\n *\n * @private\n * @param {number} n The number of times to invoke `iteratee`.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the array of results.\n */\nfunction baseTimes(n, iteratee) {\n var index = -1,\n result = Array(n);\n\n while (++index < n) {\n result[index] = iteratee(index);\n }\n return result;\n}\n\nmodule.exports = baseTimes;\n","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n if (isProduction) {\n throw new Error(prefix);\n }\n var provided = typeof message === 'function' ? message() : message;\n var value = provided ? \"\".concat(prefix, \": \").concat(provided) : prefix;\n throw new Error(value);\n}\n\nexport { invariant as default };\n","/**\n * Checks if a stack value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Stack\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction stackHas(key) {\n return this.__data__.has(key);\n}\n\nmodule.exports = stackHas;\n","var arrayPush = require('./_arrayPush'),\n isArray = require('./isArray');\n\n/**\n * The base implementation of `getAllKeys` and `getAllKeysIn` which uses\n * `keysFunc` and `symbolsFunc` to get the enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Function} keysFunc The function to get the keys of `object`.\n * @param {Function} symbolsFunc The function to get the symbols of `object`.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction baseGetAllKeys(object, keysFunc, symbolsFunc) {\n var result = keysFunc(object);\n return isArray(object) ? result : arrayPush(result, symbolsFunc(object));\n}\n\nmodule.exports = baseGetAllKeys;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport classNames from 'classnames';\nexport default (function (className) {\n return /*#__PURE__*/React.forwardRef(function (p, ref) {\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, p, {\n ref: ref,\n className: classNames(p.className, className)\n }));\n });\n});","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","var ListCache = require('./_ListCache'),\n stackClear = require('./_stackClear'),\n stackDelete = require('./_stackDelete'),\n stackGet = require('./_stackGet'),\n stackHas = require('./_stackHas'),\n stackSet = require('./_stackSet');\n\n/**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Stack(entries) {\n var data = this.__data__ = new ListCache(entries);\n this.size = data.size;\n}\n\n// Add methods to `Stack`.\nStack.prototype.clear = stackClear;\nStack.prototype['delete'] = stackDelete;\nStack.prototype.get = stackGet;\nStack.prototype.has = stackHas;\nStack.prototype.set = stackSet;\n\nmodule.exports = Stack;\n","var getNative = require('./_getNative');\n\nvar defineProperty = (function() {\n try {\n var func = getNative(Object, 'defineProperty');\n func({}, '', {});\n return func;\n } catch (e) {}\n}());\n\nmodule.exports = defineProperty;\n","import * as cookie from 'cookie';\r\nexport function hasDocumentCookie() {\r\n // Can we get/set cookies on document.cookie?\r\n return typeof document === 'object' && typeof document.cookie === 'string';\r\n}\r\nexport function cleanCookies() {\r\n document.cookie.split(';').forEach(function (c) {\r\n document.cookie = c\r\n .replace(/^ +/, '')\r\n .replace(/=.*/, '=;expires=' + new Date().toUTCString() + ';path=/');\r\n });\r\n}\r\nexport function parseCookies(cookies, options) {\r\n if (typeof cookies === 'string') {\r\n return cookie.parse(cookies, options);\r\n }\r\n else if (typeof cookies === 'object' && cookies !== null) {\r\n return cookies;\r\n }\r\n else {\r\n return {};\r\n }\r\n}\r\nexport function isParsingCookie(value, doNotParse) {\r\n if (typeof doNotParse === 'undefined') {\r\n // We guess if the cookie start with { or [, it has been serialized\r\n doNotParse =\r\n !value || (value[0] !== '{' && value[0] !== '[' && value[0] !== '\"');\r\n }\r\n return !doNotParse;\r\n}\r\nexport function readCookie(value, options) {\r\n if (options === void 0) { options = {}; }\r\n var cleanValue = cleanupCookieValue(value);\r\n if (isParsingCookie(cleanValue, options.doNotParse)) {\r\n try {\r\n return JSON.parse(cleanValue);\r\n }\r\n catch (e) {\r\n // At least we tried\r\n }\r\n }\r\n // Ignore clean value if we failed the deserialization\r\n // It is not relevant anymore to trim those values\r\n return value;\r\n}\r\nfunction cleanupCookieValue(value) {\r\n // express prepend j: before serializing a cookie\r\n if (value && value[0] === 'j' && value[1] === ':') {\r\n return value.substr(2);\r\n }\r\n return value;\r\n}\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nimport * as cookie from 'cookie';\r\nimport { hasDocumentCookie, parseCookies, readCookie } from './utils';\r\nvar Cookies = /** @class */ (function () {\r\n function Cookies(cookies, options) {\r\n var _this = this;\r\n this.changeListeners = [];\r\n this.HAS_DOCUMENT_COOKIE = false;\r\n this.cookies = parseCookies(cookies, options);\r\n new Promise(function () {\r\n _this.HAS_DOCUMENT_COOKIE = hasDocumentCookie();\r\n }).catch(function () { });\r\n }\r\n Cookies.prototype._updateBrowserValues = function (parseOptions) {\r\n if (!this.HAS_DOCUMENT_COOKIE) {\r\n return;\r\n }\r\n this.cookies = cookie.parse(document.cookie, parseOptions);\r\n };\r\n Cookies.prototype._emitChange = function (params) {\r\n for (var i = 0; i < this.changeListeners.length; ++i) {\r\n this.changeListeners[i](params);\r\n }\r\n };\r\n Cookies.prototype.get = function (name, options, parseOptions) {\r\n if (options === void 0) { options = {}; }\r\n this._updateBrowserValues(parseOptions);\r\n return readCookie(this.cookies[name], options);\r\n };\r\n Cookies.prototype.getAll = function (options, parseOptions) {\r\n if (options === void 0) { options = {}; }\r\n this._updateBrowserValues(parseOptions);\r\n var result = {};\r\n for (var name_1 in this.cookies) {\r\n result[name_1] = readCookie(this.cookies[name_1], options);\r\n }\r\n return result;\r\n };\r\n Cookies.prototype.set = function (name, value, options) {\r\n var _a;\r\n if (typeof value === 'object') {\r\n value = JSON.stringify(value);\r\n }\r\n this.cookies = __assign(__assign({}, this.cookies), (_a = {}, _a[name] = value, _a));\r\n if (this.HAS_DOCUMENT_COOKIE) {\r\n document.cookie = cookie.serialize(name, value, options);\r\n }\r\n this._emitChange({ name: name, value: value, options: options });\r\n };\r\n Cookies.prototype.remove = function (name, options) {\r\n var finalOptions = (options = __assign(__assign({}, options), { expires: new Date(1970, 1, 1, 0, 0, 1), maxAge: 0 }));\r\n this.cookies = __assign({}, this.cookies);\r\n delete this.cookies[name];\r\n if (this.HAS_DOCUMENT_COOKIE) {\r\n document.cookie = cookie.serialize(name, '', finalOptions);\r\n }\r\n this._emitChange({ name: name, value: undefined, options: options });\r\n };\r\n Cookies.prototype.addChangeListener = function (callback) {\r\n this.changeListeners.push(callback);\r\n };\r\n Cookies.prototype.removeChangeListener = function (callback) {\r\n var idx = this.changeListeners.indexOf(callback);\r\n if (idx >= 0) {\r\n this.changeListeners.splice(idx, 1);\r\n }\r\n };\r\n return Cookies;\r\n}());\r\nexport default Cookies;\r\n","import Cookies from './Cookies';\r\nexport default Cookies;\r\n","var getTag = require('./_getTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]';\n\n/**\n * The base implementation of `_.isMap` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n */\nfunction baseIsMap(value) {\n return isObjectLike(value) && getTag(value) == mapTag;\n}\n\nmodule.exports = baseIsMap;\n","var isFunction = require('./isFunction'),\n isLength = require('./isLength');\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n return value != null && isLength(value.length) && !isFunction(value);\n}\n\nmodule.exports = isArrayLike;\n","var cloneArrayBuffer = require('./_cloneArrayBuffer');\n\n/**\n * Creates a clone of `dataView`.\n *\n * @private\n * @param {Object} dataView The data view to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the cloned data view.\n */\nfunction cloneDataView(dataView, isDeep) {\n var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;\n return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);\n}\n\nmodule.exports = cloneDataView;\n","/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh */\nexports.read = function (buffer, offset, isLE, mLen, nBytes) {\n var e, m\n var eLen = (nBytes * 8) - mLen - 1\n var eMax = (1 << eLen) - 1\n var eBias = eMax >> 1\n var nBits = -7\n var i = isLE ? (nBytes - 1) : 0\n var d = isLE ? -1 : 1\n var s = buffer[offset + i]\n\n i += d\n\n e = s & ((1 << (-nBits)) - 1)\n s >>= (-nBits)\n nBits += eLen\n for (; nBits > 0; e = (e * 256) + buffer[offset + i], i += d, nBits -= 8) {}\n\n m = e & ((1 << (-nBits)) - 1)\n e >>= (-nBits)\n nBits += mLen\n for (; nBits > 0; m = (m * 256) + buffer[offset + i], i += d, nBits -= 8) {}\n\n if (e === 0) {\n e = 1 - eBias\n } else if (e === eMax) {\n return m ? NaN : ((s ? -1 : 1) * Infinity)\n } else {\n m = m + Math.pow(2, mLen)\n e = e - eBias\n }\n return (s ? -1 : 1) * m * Math.pow(2, e - mLen)\n}\n\nexports.write = function (buffer, value, offset, isLE, mLen, nBytes) {\n var e, m, c\n var eLen = (nBytes * 8) - mLen - 1\n var eMax = (1 << eLen) - 1\n var eBias = eMax >> 1\n var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0)\n var i = isLE ? 0 : (nBytes - 1)\n var d = isLE ? 1 : -1\n var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0\n\n value = Math.abs(value)\n\n if (isNaN(value) || value === Infinity) {\n m = isNaN(value) ? 1 : 0\n e = eMax\n } else {\n e = Math.floor(Math.log(value) / Math.LN2)\n if (value * (c = Math.pow(2, -e)) < 1) {\n e--\n c *= 2\n }\n if (e + eBias >= 1) {\n value += rt / c\n } else {\n value += rt * Math.pow(2, 1 - eBias)\n }\n if (value * c >= 2) {\n e++\n c /= 2\n }\n\n if (e + eBias >= eMax) {\n m = 0\n e = eMax\n } else if (e + eBias >= 1) {\n m = ((value * c) - 1) * Math.pow(2, mLen)\n e = e + eBias\n } else {\n m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen)\n e = 0\n }\n }\n\n for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {}\n\n e = (e << mLen) | m\n eLen += mLen\n for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {}\n\n buffer[offset + i - d] |= s * 128\n}\n","var now = require('performance-now')\n , root = typeof window === 'undefined' ? global : window\n , vendors = ['moz', 'webkit']\n , suffix = 'AnimationFrame'\n , raf = root['request' + suffix]\n , caf = root['cancel' + suffix] || root['cancelRequest' + suffix]\n\nfor(var i = 0; !raf && i < vendors.length; i++) {\n raf = root[vendors[i] + 'Request' + suffix]\n caf = root[vendors[i] + 'Cancel' + suffix]\n || root[vendors[i] + 'CancelRequest' + suffix]\n}\n\n// Some versions of FF have rAF but not cAF\nif(!raf || !caf) {\n var last = 0\n , id = 0\n , queue = []\n , frameDuration = 1000 / 60\n\n raf = function(callback) {\n if(queue.length === 0) {\n var _now = now()\n , next = Math.max(0, frameDuration - (_now - last))\n last = next + _now\n setTimeout(function() {\n var cp = queue.slice(0)\n // Clear queue here to prevent\n // callbacks from appending listeners\n // to the current frame's queue\n queue.length = 0\n for(var i = 0; i < cp.length; i++) {\n if(!cp[i].cancelled) {\n try{\n cp[i].callback(last)\n } catch(e) {\n setTimeout(function() { throw e }, 0)\n }\n }\n }\n }, Math.round(next))\n }\n queue.push({\n handle: ++id,\n callback: callback,\n cancelled: false\n })\n return id\n }\n\n caf = function(handle) {\n for(var i = 0; i < queue.length; i++) {\n if(queue[i].handle === handle) {\n queue[i].cancelled = true\n }\n }\n }\n}\n\nmodule.exports = function(fn) {\n // Wrap in a new function to prevent\n // `cancel` potentially being assigned\n // to the native rAF function\n return raf.call(root, fn)\n}\nmodule.exports.cancel = function() {\n caf.apply(root, arguments)\n}\nmodule.exports.polyfill = function(object) {\n if (!object) {\n object = root;\n }\n object.requestAnimationFrame = raf\n object.cancelAnimationFrame = caf\n}\n","/**\n * A `removeEventListener` ponyfill\n * \n * @param node the element\n * @param eventName the event name\n * @param handle the handler\n * @param options event options\n */\nfunction removeEventListener(node, eventName, handler, options) {\n var capture = options && typeof options !== 'boolean' ? options.capture : options;\n node.removeEventListener(eventName, handler, capture);\n\n if (handler.__once) {\n node.removeEventListener(eventName, handler.__once, capture);\n }\n}\n\nexport default removeEventListener;","import ownerWindow from './ownerWindow';\n/**\n * Returns one or all computed style properties of an element.\n * \n * @param node the element\n * @param psuedoElement the style property\n */\n\nexport default function getComputedStyle(node, psuedoElement) {\n return ownerWindow(node).getComputedStyle(node, psuedoElement);\n}","import ownerDocument from './ownerDocument';\n/**\n * Returns the owner window of a given element.\n * \n * @param node the element\n */\n\nexport default function ownerWindow(node) {\n var doc = ownerDocument(node);\n return doc && doc.defaultView || window;\n}","var rUpper = /([A-Z])/g;\nexport default function hyphenate(string) {\n return string.replace(rUpper, '-$1').toLowerCase();\n}","/**\n * Copyright 2013-2014, Facebook, Inc.\n * All rights reserved.\n * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js\n */\nimport hyphenate from './hyphenate';\nvar msPattern = /^ms-/;\nexport default function hyphenateStyleName(string) {\n return hyphenate(string).replace(msPattern, '-ms-');\n}","var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;\nexport default function isTransform(value) {\n return !!(value && supportedTransforms.test(value));\n}","import getComputedStyle from './getComputedStyle';\nimport hyphenate from './hyphenateStyle';\nimport isTransform from './isTransform';\n\nfunction style(node, property) {\n var css = '';\n var transforms = '';\n\n if (typeof property === 'string') {\n return node.style.getPropertyValue(hyphenate(property)) || getComputedStyle(node).getPropertyValue(hyphenate(property));\n }\n\n Object.keys(property).forEach(function (key) {\n var value = property[key];\n\n if (!value && value !== 0) {\n node.style.removeProperty(hyphenate(key));\n } else if (isTransform(key)) {\n transforms += key + \"(\" + value + \") \";\n } else {\n css += hyphenate(key) + \": \" + value + \";\";\n }\n });\n\n if (transforms) {\n css += \"transform: \" + transforms + \";\";\n }\n\n node.style.cssText += \";\" + css;\n}\n\nexport default style;","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","import addEventListener from './addEventListener';\nimport removeEventListener from './removeEventListener';\n\nfunction listen(node, eventName, handler, options) {\n addEventListener(node, eventName, handler, options);\n return function () {\n removeEventListener(node, eventName, handler, options);\n };\n}\n\nexport default listen;","/**\n * Removes `key` and its value from the stack.\n *\n * @private\n * @name delete\n * @memberOf Stack\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction stackDelete(key) {\n var data = this.__data__,\n result = data['delete'](key);\n\n this.size = data.size;\n return result;\n}\n\nmodule.exports = stackDelete;\n","var Symbol = require('./_Symbol');\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;\n\n/**\n * Creates a clone of the `symbol` object.\n *\n * @private\n * @param {Object} symbol The symbol object to clone.\n * @returns {Object} Returns the cloned symbol object.\n */\nfunction cloneSymbol(symbol) {\n return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};\n}\n\nmodule.exports = cloneSymbol;\n","import Cookies from 'universal-cookie';\r\nexport default Cookies;\r\n","import * as React from 'react';\r\nimport Cookies from './Cookies';\r\nvar CookiesContext = React.createContext(new Cookies());\r\nexport var Provider = CookiesContext.Provider, Consumer = CookiesContext.Consumer;\r\nexport default CookiesContext;\r\n","var baseGetTag = require('./_baseGetTag'),\n isObject = require('./isObject');\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n funcTag = '[object Function]',\n genTag = '[object GeneratorFunction]',\n proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in Safari 9 which returns 'object' for typed arrays and other constructors.\n var tag = baseGetTag(value);\n return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nmodule.exports = isFunction;\n","var isKeyable = require('./_isKeyable');\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key)\n ? data[typeof key == 'string' ? 'string' : 'hash']\n : data.map;\n}\n\nmodule.exports = getMapData;\n","/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n return function(arg) {\n return func(transform(arg));\n };\n}\n\nmodule.exports = overArg;\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","var root = require('./_root');\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\nmodule.exports = coreJsData;\n","var assignValue = require('./_assignValue'),\n copyObject = require('./_copyObject'),\n createAssigner = require('./_createAssigner'),\n isArrayLike = require('./isArrayLike'),\n isPrototype = require('./_isPrototype'),\n keys = require('./keys');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns own enumerable string keyed properties of source objects to the\n * destination object. Source objects are applied from left to right.\n * Subsequent sources overwrite property assignments of previous sources.\n *\n * **Note:** This method mutates `object` and is loosely based on\n * [`Object.assign`](https://mdn.io/Object/assign).\n *\n * @static\n * @memberOf _\n * @since 0.10.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.assignIn\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * function Bar() {\n * this.c = 3;\n * }\n *\n * Foo.prototype.b = 2;\n * Bar.prototype.d = 4;\n *\n * _.assign({ 'a': 0 }, new Foo, new Bar);\n * // => { 'a': 1, 'c': 3 }\n */\nvar assign = createAssigner(function(object, source) {\n if (isPrototype(source) || isArrayLike(source)) {\n copyObject(source, keys(source), object);\n return;\n }\n for (var key in source) {\n if (hasOwnProperty.call(source, key)) {\n assignValue(object, key, source[key]);\n }\n }\n});\n\nmodule.exports = assign;\n","/** @license React v16.14.0\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';var l=require(\"object-assign\"),n=\"function\"===typeof Symbol&&Symbol.for,p=n?Symbol.for(\"react.element\"):60103,q=n?Symbol.for(\"react.portal\"):60106,r=n?Symbol.for(\"react.fragment\"):60107,t=n?Symbol.for(\"react.strict_mode\"):60108,u=n?Symbol.for(\"react.profiler\"):60114,v=n?Symbol.for(\"react.provider\"):60109,w=n?Symbol.for(\"react.context\"):60110,x=n?Symbol.for(\"react.forward_ref\"):60112,y=n?Symbol.for(\"react.suspense\"):60113,z=n?Symbol.for(\"react.memo\"):60115,A=n?Symbol.for(\"react.lazy\"):\n60116,B=\"function\"===typeof Symbol&&Symbol.iterator;function C(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;cQ.length&&Q.push(a)}\nfunction T(a,b,c,e){var d=typeof a;if(\"undefined\"===d||\"boolean\"===d)a=null;var g=!1;if(null===a)g=!0;else switch(d){case \"string\":case \"number\":g=!0;break;case \"object\":switch(a.$$typeof){case p:case q:g=!0}}if(g)return c(e,a,\"\"===b?\".\"+U(a,0):b),1;g=0;b=\"\"===b?\".\":b+\":\";if(Array.isArray(a))for(var k=0;k values\n *\n * @param {string} str\n * @param {object} [options]\n * @return {object}\n * @public\n */\n\nfunction parse(str, options) {\n if (typeof str !== 'string') {\n throw new TypeError('argument str must be a string');\n }\n\n var obj = {}\n var opt = options || {};\n var pairs = str.split(';')\n var dec = opt.decode || decode;\n\n for (var i = 0; i < pairs.length; i++) {\n var pair = pairs[i];\n var index = pair.indexOf('=')\n\n // skip things that don't look like key=value\n if (index < 0) {\n continue;\n }\n\n var key = pair.substring(0, index).trim()\n\n // only assign once\n if (undefined == obj[key]) {\n var val = pair.substring(index + 1, pair.length).trim()\n\n // quoted values\n if (val[0] === '\"') {\n val = val.slice(1, -1)\n }\n\n obj[key] = tryDecode(val, dec);\n }\n }\n\n return obj;\n}\n\n/**\n * Serialize data into a cookie header.\n *\n * Serialize the a name value pair into a cookie string suitable for\n * http headers. An optional options object specified cookie parameters.\n *\n * serialize('foo', 'bar', { httpOnly: true })\n * => \"foo=bar; httpOnly\"\n *\n * @param {string} name\n * @param {string} val\n * @param {object} [options]\n * @return {string}\n * @public\n */\n\nfunction serialize(name, val, options) {\n var opt = options || {};\n var enc = opt.encode || encode;\n\n if (typeof enc !== 'function') {\n throw new TypeError('option encode is invalid');\n }\n\n if (!fieldContentRegExp.test(name)) {\n throw new TypeError('argument name is invalid');\n }\n\n var value = enc(val);\n\n if (value && !fieldContentRegExp.test(value)) {\n throw new TypeError('argument val is invalid');\n }\n\n var str = name + '=' + value;\n\n if (null != opt.maxAge) {\n var maxAge = opt.maxAge - 0;\n\n if (isNaN(maxAge) || !isFinite(maxAge)) {\n throw new TypeError('option maxAge is invalid')\n }\n\n str += '; Max-Age=' + Math.floor(maxAge);\n }\n\n if (opt.domain) {\n if (!fieldContentRegExp.test(opt.domain)) {\n throw new TypeError('option domain is invalid');\n }\n\n str += '; Domain=' + opt.domain;\n }\n\n if (opt.path) {\n if (!fieldContentRegExp.test(opt.path)) {\n throw new TypeError('option path is invalid');\n }\n\n str += '; Path=' + opt.path;\n }\n\n if (opt.expires) {\n if (typeof opt.expires.toUTCString !== 'function') {\n throw new TypeError('option expires is invalid');\n }\n\n str += '; Expires=' + opt.expires.toUTCString();\n }\n\n if (opt.httpOnly) {\n str += '; HttpOnly';\n }\n\n if (opt.secure) {\n str += '; Secure';\n }\n\n if (opt.sameSite) {\n var sameSite = typeof opt.sameSite === 'string'\n ? opt.sameSite.toLowerCase() : opt.sameSite;\n\n switch (sameSite) {\n case true:\n str += '; SameSite=Strict';\n break;\n case 'lax':\n str += '; SameSite=Lax';\n break;\n case 'strict':\n str += '; SameSite=Strict';\n break;\n case 'none':\n str += '; SameSite=None';\n break;\n default:\n throw new TypeError('option sameSite is invalid');\n }\n }\n\n return str;\n}\n\n/**\n * Try decoding a string using a decoding function.\n *\n * @param {string} str\n * @param {function} decode\n * @private\n */\n\nfunction tryDecode(str, decode) {\n try {\n return decode(str);\n } catch (e) {\n return str;\n }\n}\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]';\n\n/**\n * The base implementation of `_.isArguments`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n */\nfunction baseIsArguments(value) {\n return isObjectLike(value) && baseGetTag(value) == argsTag;\n}\n\nmodule.exports = baseIsArguments;\n","'use strict'\n\n// limit of Crypto.getRandomValues()\n// https://developer.mozilla.org/en-US/docs/Web/API/Crypto/getRandomValues\nvar MAX_BYTES = 65536\n\n// Node supports requesting up to this number of bytes\n// https://github.com/nodejs/node/blob/master/lib/internal/crypto/random.js#L48\nvar MAX_UINT32 = 4294967295\n\nfunction oldBrowser () {\n throw new Error('Secure random number generation is not supported by this browser.\\nUse Chrome, Firefox or Internet Explorer 11')\n}\n\nvar Buffer = require('safe-buffer').Buffer\nvar crypto = global.crypto || global.msCrypto\n\nif (crypto && crypto.getRandomValues) {\n module.exports = randomBytes\n} else {\n module.exports = oldBrowser\n}\n\nfunction randomBytes (size, cb) {\n // phantomjs needs to throw\n if (size > MAX_UINT32) throw new RangeError('requested too many random bytes')\n\n var bytes = Buffer.allocUnsafe(size)\n\n if (size > 0) { // getRandomValues fails on IE if size == 0\n if (size > MAX_BYTES) { // this is the max bytes crypto.getRandomValues\n // can do at once see https://developer.mozilla.org/en-US/docs/Web/API/window.crypto.getRandomValues\n for (var generated = 0; generated < size; generated += MAX_BYTES) {\n // buffer.slice automatically checks if the end is past the end of\n // the buffer so we don't have to here\n crypto.getRandomValues(bytes.slice(generated, generated + MAX_BYTES))\n }\n } else {\n crypto.getRandomValues(bytes)\n }\n }\n\n if (typeof cb === 'function') {\n return process.nextTick(function () {\n cb(null, bytes)\n })\n }\n\n return bytes\n}\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","!function(e,t){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define([],t):\"object\"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p=\"dist/\",t(0)}([function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},M=function(){w.forEach(function(e,t){e.node.removeAttribute(\"data-aos\"),e.node.removeAttribute(\"data-aos-easing\"),e.node.removeAttribute(\"data-aos-duration\"),e.node.removeAttribute(\"data-aos-delay\")})},S=function(e){return e===!0||\"mobile\"===e&&p.default.mobile()||\"phone\"===e&&p.default.phone()||\"tablet\"===e&&p.default.tablet()||\"function\"==typeof e&&e()===!0},_=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?M():(x.disableMutationObserver||d.default.isSupported()||(console.info('\\n aos: MutationObserver is not supported on this browser,\\n code mutations observing has been disabled.\\n You may have to call \"refreshHard()\" by yourself.\\n '),x.disableMutationObserver=!0),document.querySelector(\"body\").setAttribute(\"data-aos-easing\",x.easing),document.querySelector(\"body\").setAttribute(\"data-aos-duration\",x.duration),document.querySelector(\"body\").setAttribute(\"data-aos-delay\",x.delay),\"DOMContentLoaded\"===x.startEvent&&[\"complete\",\"interactive\"].indexOf(document.readyState)>-1?j(!0):\"load\"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener(\"resize\",(0,s.default)(j,x.debounceDelay,!0)),window.addEventListener(\"orientationchange\",(0,s.default)(j,x.debounceDelay,!0)),window.addEventListener(\"scroll\",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||d.default.ready(\"[data-aos]\",O),w)};e.exports={init:_,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){\"use strict\";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(f,t),M?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function f(){var e=O();return c(e)?d(e):void(h=setTimeout(f,a(e)))}function d(e){return h=void 0,_&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(f,t),o(w)}return void 0===h&&(h=setTimeout(f,t)),g}var b,v,y,g,h,w,k=0,M=!1,S=!1,_=!0;if(\"function\"!=typeof e)throw new TypeError(s);return t=u(t)||0,i(n)&&(M=!!n.leading,S=\"maxWait\"in n,y=S?x(u(n.maxWait)||0,t):y,_=\"trailing\"in n?!!n.trailing:_),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if(\"function\"!=typeof e)throw new TypeError(s);return i(o)&&(r=\"leading\"in o?!!o.leading:r,a=\"trailing\"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t=\"undefined\"==typeof e?\"undefined\":c(e);return!!e&&(\"object\"==t||\"function\"==t)}function r(e){return!!e&&\"object\"==(\"undefined\"==typeof e?\"undefined\":c(e))}function a(e){return\"symbol\"==(\"undefined\"==typeof e?\"undefined\":c(e))||r(e)&&k.call(e)==d}function u(e){if(\"number\"==typeof e)return e;if(a(e))return f;if(i(e)){var t=\"function\"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+\"\":t}if(\"string\"!=typeof e)return 0===e?e:+e;e=e.replace(l,\"\");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?f:+e}var c=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&\"function\"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?\"symbol\":typeof e},s=\"Expected a function\",f=NaN,d=\"[object Symbol]\",l=/^\\s+|\\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y=\"object\"==(\"undefined\"==typeof t?\"undefined\":c(t))&&t&&t.Object===Object&&t,g=\"object\"==(\"undefined\"==typeof self?\"undefined\":c(self))&&self&&self.Object===Object&&self,h=y||g||Function(\"return this\")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){\"use strict\";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(f,t),M?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function s(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function f(){var e=j();return s(e)?d(e):void(h=setTimeout(f,u(e)))}function d(e){return h=void 0,_&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=s(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(f,t),i(w)}return void 0===h&&(h=setTimeout(f,t)),g}var b,v,y,g,h,w,O=0,M=!1,S=!1,_=!0;if(\"function\"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(M=!!n.leading,S=\"maxWait\"in n,y=S?k(a(n.maxWait)||0,t):y,_=\"trailing\"in n?!!n.trailing:_),m.cancel=l,m.flush=p,m}function o(e){var t=\"undefined\"==typeof e?\"undefined\":u(e);return!!e&&(\"object\"==t||\"function\"==t)}function i(e){return!!e&&\"object\"==(\"undefined\"==typeof e?\"undefined\":u(e))}function r(e){return\"symbol\"==(\"undefined\"==typeof e?\"undefined\":u(e))||i(e)&&w.call(e)==f}function a(e){if(\"number\"==typeof e)return e;if(r(e))return s;if(o(e)){var t=\"function\"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+\"\":t}if(\"string\"!=typeof e)return 0===e?e:+e;e=e.replace(d,\"\");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?s:+e}var u=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&\"function\"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?\"symbol\":typeof e},c=\"Expected a function\",s=NaN,f=\"[object Symbol]\",d=/^\\s+|\\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v=\"object\"==(\"undefined\"==typeof t?\"undefined\":u(t))&&t&&t.Object===Object&&t,y=\"object\"==(\"undefined\"==typeof self?\"undefined\":u(self))&&self&&self.Object===Object&&self,g=v||y||Function(\"return this\")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){\"use strict\";function n(e){var t=void 0,o=void 0,i=void 0;for(t=0;te.position?e.node.classList.add(\"aos-animate\"):\"undefined\"!=typeof o&&(\"false\"===o||!n&&\"true\"!==o)&&e.node.classList.remove(\"aos-animate\")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,\"__esModule\",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add(\"aos-init\"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,\"__esModule\",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute(\"data-aos-offset\"),anchor:e.getAttribute(\"data-aos-anchor\"),anchorPlacement:e.getAttribute(\"data-aos-anchor-placement\")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case\"top-bottom\":break;case\"center-bottom\":n+=e.offsetHeight/2;break;case\"bottom-bottom\":n+=e.offsetHeight;break;case\"top-center\":n+=i/2;break;case\"bottom-center\":n+=i/2+e.offsetHeight;break;case\"center-center\":n+=i/2+e.offsetHeight/2;break;case\"top-top\":n+=i;break;case\"bottom-top\":n+=e.offsetHeight+i;break;case\"center-top\":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-(\"BODY\"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-(\"BODY\"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0});var n=function(e){return e=e||document.querySelectorAll(\"[data-aos]\"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});","//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareContext) {\n var ret = compare ? compare.call(compareContext, objA, objB) : void 0;\n\n if (ret !== void 0) {\n return !!ret;\n }\n\n if (objA === objB) {\n return true;\n }\n\n if (typeof objA !== \"object\" || !objA || typeof objB !== \"object\" || !objB) {\n return false;\n }\n\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n\n // Test for A's keys different from B.\n for (var idx = 0; idx < keysA.length; idx++) {\n var key = keysA[idx];\n\n if (!bHasOwnProperty(key)) {\n return false;\n }\n\n var valueA = objA[key];\n var valueB = objB[key];\n\n ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n\n if (ret === false || (ret === void 0 && valueA !== valueB)) {\n return false;\n }\n }\n\n return true;\n};\n","/**\n * A specialized version of `_.filter` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {Array} Returns the new filtered array.\n */\nfunction arrayFilter(array, predicate) {\n var index = -1,\n length = array == null ? 0 : array.length,\n resIndex = 0,\n result = [];\n\n while (++index < length) {\n var value = array[index];\n if (predicate(value, index, array)) {\n result[resIndex++] = value;\n }\n }\n return result;\n}\n\nmodule.exports = arrayFilter;\n","export default !!(typeof window !== 'undefined' && window.document && window.document.createElement);","var cloneArrayBuffer = require('./_cloneArrayBuffer'),\n cloneDataView = require('./_cloneDataView'),\n cloneRegExp = require('./_cloneRegExp'),\n cloneSymbol = require('./_cloneSymbol'),\n cloneTypedArray = require('./_cloneTypedArray');\n\n/** `Object#toString` result references. */\nvar boolTag = '[object Boolean]',\n dateTag = '[object Date]',\n mapTag = '[object Map]',\n numberTag = '[object Number]',\n regexpTag = '[object RegExp]',\n setTag = '[object Set]',\n stringTag = '[object String]',\n symbolTag = '[object Symbol]';\n\nvar arrayBufferTag = '[object ArrayBuffer]',\n dataViewTag = '[object DataView]',\n float32Tag = '[object Float32Array]',\n float64Tag = '[object Float64Array]',\n int8Tag = '[object Int8Array]',\n int16Tag = '[object Int16Array]',\n int32Tag = '[object Int32Array]',\n uint8Tag = '[object Uint8Array]',\n uint8ClampedTag = '[object Uint8ClampedArray]',\n uint16Tag = '[object Uint16Array]',\n uint32Tag = '[object Uint32Array]';\n\n/**\n * Initializes an object clone based on its `toStringTag`.\n *\n * **Note:** This function only supports cloning values with tags of\n * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.\n *\n * @private\n * @param {Object} object The object to clone.\n * @param {string} tag The `toStringTag` of the object to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the initialized clone.\n */\nfunction initCloneByTag(object, tag, isDeep) {\n var Ctor = object.constructor;\n switch (tag) {\n case arrayBufferTag:\n return cloneArrayBuffer(object);\n\n case boolTag:\n case dateTag:\n return new Ctor(+object);\n\n case dataViewTag:\n return cloneDataView(object, isDeep);\n\n case float32Tag: case float64Tag:\n case int8Tag: case int16Tag: case int32Tag:\n case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag:\n return cloneTypedArray(object, isDeep);\n\n case mapTag:\n return new Ctor;\n\n case numberTag:\n case stringTag:\n return new Ctor(object);\n\n case regexpTag:\n return cloneRegExp(object);\n\n case setTag:\n return new Ctor;\n\n case symbolTag:\n return cloneSymbol(object);\n }\n}\n\nmodule.exports = initCloneByTag;\n","/** Used to match `RegExp` flags from their coerced string values. */\nvar reFlags = /\\w*$/;\n\n/**\n * Creates a clone of `regexp`.\n *\n * @private\n * @param {Object} regexp The regexp to clone.\n * @returns {Object} Returns the cloned regexp.\n */\nfunction cloneRegExp(regexp) {\n var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));\n result.lastIndex = regexp.lastIndex;\n return result;\n}\n\nmodule.exports = cloneRegExp;\n","import { EasingFunction } from 'bezier-easing';\nimport { Element } from './classes/Element';\n\nexport type ParallaxStartEndEffects = {\n translateX?: ParsedValueEffect;\n translateY?: ParsedValueEffect;\n rotate?: ParsedValueEffect;\n rotateX?: ParsedValueEffect;\n rotateY?: ParsedValueEffect;\n rotateZ?: ParsedValueEffect;\n scale?: ParsedValueEffect;\n scaleX?: ParsedValueEffect;\n scaleY?: ParsedValueEffect;\n scaleZ?: ParsedValueEffect;\n opacity?: ParsedValueEffect;\n};\n\nexport enum ValidCSSEffects {\n 'speed' = 'speed',\n 'translateX' = 'translateX',\n 'translateY' = 'translateY',\n 'rotate' = 'rotate',\n 'rotateX' = 'rotateX',\n 'rotateY' = 'rotateY',\n 'rotateZ' = 'rotateZ',\n 'scale' = 'scale',\n 'scaleX' = 'scaleX',\n 'scaleY' = 'scaleY',\n 'scaleZ' = 'scaleZ',\n 'opacity' = 'opacity',\n}\n\nexport enum Units {\n 'px' = 'px',\n '%' = '%',\n 'vh' = 'vh',\n 'vw' = 'vw',\n}\nexport type ValidUnits = keyof typeof Units;\n\nexport enum RotationUnits {\n 'deg' = 'deg',\n 'turn' = 'turn',\n 'rad' = 'rad',\n}\n\nexport enum ScaleUnits {\n '' = '',\n}\n\nexport type ValidScaleUnits = keyof typeof ScaleUnits;\n\nexport type ValidRotationUnits = keyof typeof RotationUnits;\n\nexport type AllValidUnits = ValidUnits | ValidRotationUnits | ValidScaleUnits;\n\nexport enum ScrollAxis {\n 'vertical' = 'vertical',\n 'horizontal' = 'horizontal',\n}\n\nexport type ValidScrollAxis = keyof typeof ScrollAxis;\n\nexport type ParsedValueShape = {\n value: number;\n unit: AllValidUnits;\n};\n\nexport type ParsedValueEffect = {\n start: number;\n end: number;\n unit: AllValidUnits;\n easing?: EasingFunction;\n};\n\nexport type ViewElement = HTMLElement | Window;\nexport type ParallaxControllerOptions = {\n scrollAxis?: ValidScrollAxis;\n scrollContainer?: HTMLElement;\n disabled?: boolean;\n};\n\nexport type EffectNumber = [number, number, EasingParam?];\nexport type EffectString = [string, string, EasingParam?];\nexport type EasingParam = ValidEasingPresets | EasingParams;\nexport type CSSEffect = EffectNumber | EffectString;\nexport type ScaleOpacityEffect = EffectNumber;\n\nexport type ParallaxElementConfig = {\n speed?: number;\n disabled?: boolean;\n translateX?: CSSEffect;\n translateY?: CSSEffect;\n rotate?: CSSEffect;\n rotateX?: CSSEffect;\n rotateY?: CSSEffect;\n rotateZ?: CSSEffect;\n scale?: ScaleOpacityEffect;\n scaleX?: ScaleOpacityEffect;\n scaleY?: ScaleOpacityEffect;\n scaleZ?: ScaleOpacityEffect;\n opacity?: ScaleOpacityEffect;\n easing?: EasingParams | ValidEasingPresets;\n rootMargin?: RootMarginShape;\n /* Always start and end animations at the given effect values - if the element is positioned inside the view when scroll is at zero or ends in view at final scroll position, the initial and final positions are used to determine progress instead of the scroll view size */\n shouldAlwaysCompleteAnimation?: boolean;\n /* Disable scaling translations - translate effects that cause the element to appear in the view longer must be scaled up so that animation doesn't end early */\n shouldDisableScalingTranslations?: boolean;\n\n startScroll?: number;\n endScroll?: number;\n targetElement?: HTMLElement;\n\n onEnter?: (element: Element) => any;\n onExit?: (element: Element) => any;\n onChange?: (element: Element) => any;\n onProgressChange?: (progress: number) => any;\n};\n\nexport type CreateElementOptions = {\n el: HTMLElement;\n props: ParallaxElementConfig;\n};\n\nexport type EasingParams = [number, number, number, number];\n\nexport enum EasingPreset {\n ease = 'ease',\n easeIn = 'easeIn',\n easeOut = 'easeOut',\n easeInOut = 'easeInOut',\n easeInQuad = 'easeInQuad',\n easeInCubic = 'easeInCubic',\n easeInQuart = 'easeInQuart',\n easeInQuint = 'easeInQuint',\n easeInSine = 'easeInSine',\n easeInExpo = 'easeInExpo',\n easeInCirc = 'easeInCirc',\n easeOutQuad = 'easeOutQuad',\n easeOutCubic = 'easeOutCubic',\n easeOutQuart = 'easeOutQuart',\n easeOutQuint = 'easeOutQuint',\n easeOutSine = 'easeOutSine',\n easeOutExpo = 'easeOutExpo',\n easeOutCirc = 'easeOutCirc',\n easeInOutQuad = 'easeInOutQuad',\n easeInOutCubic = 'easeInOutCubic',\n easeInOutQuart = 'easeInOutQuart',\n easeInOutQuint = 'easeInOutQuint',\n easeInOutSine = 'easeInOutSine',\n easeInOutExpo = 'easeInOutExpo',\n easeInOutCirc = 'easeInOutCirc',\n easeInBack = 'easeInBack',\n easeOutBack = 'easeOutBack',\n easeInOutBack = 'easeInOutBack',\n}\n\nexport type ValidEasingPresets = keyof typeof EasingPreset;\n\nexport type RootMarginShape = {\n top: number;\n bottom: number;\n left: number;\n right: number;\n};\n","export type LimitOptions = {\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n startMultiplierX?: number;\n endMultiplierX?: number;\n startMultiplierY?: number;\n endMultiplierY?: number;\n};\n\nexport class Limits {\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n totalX: number;\n totalY: number;\n startMultiplierX: number;\n endMultiplierX: number;\n startMultiplierY: number;\n endMultiplierY: number;\n\n constructor(properties: LimitOptions) {\n this.startX = properties.startX;\n this.startY = properties.startY;\n this.endX = properties.endX;\n this.endY = properties.endY;\n // Used to calculate the progress of the element\n this.totalX = this.endX - this.startX;\n this.totalY = this.endY - this.startY;\n\n // Used to scale translate effects\n this.startMultiplierX = properties.startMultiplierX || 1;\n this.endMultiplierX = properties.endMultiplierX || 1;\n this.startMultiplierY = properties.startMultiplierY || 1;\n this.endMultiplierY = properties.endMultiplierY || 1;\n }\n}\n","/**\n * Creates a unique id to distinguish parallax elements.\n */\n\nlet id = 0;\n\nexport function createId(): number {\n ++id;\n return id;\n}\n","import { View } from './View';\nimport { RootMarginShape } from '../types';\n\nexport class Rect {\n height: number;\n width: number;\n left: number;\n right: number;\n top: number;\n bottom: number;\n\n constructor(options: {\n el: HTMLElement;\n view: View;\n rootMargin?: RootMarginShape;\n }) {\n let rect = options.el.getBoundingClientRect();\n\n // rect is based on viewport -- must adjust for relative scroll container\n if (options.view.scrollContainer) {\n const scrollRect = options.view.scrollContainer.getBoundingClientRect();\n rect = {\n ...rect,\n top: rect.top - scrollRect.top,\n right: rect.right - scrollRect.left,\n bottom: rect.bottom - scrollRect.top,\n left: rect.left - scrollRect.left,\n };\n }\n this.height = options.el.offsetHeight;\n this.width = options.el.offsetWidth;\n this.left = rect.left;\n this.right = rect.right;\n this.top = rect.top;\n this.bottom = rect.bottom;\n\n if (options.rootMargin) {\n this._setRectWithRootMargin(options.rootMargin);\n }\n }\n\n /**\n * Apply root margin to all properties\n */\n _setRectWithRootMargin(rootMargin: RootMarginShape) {\n let totalRootY = rootMargin.top + rootMargin.bottom;\n let totalRootX = rootMargin.left + rootMargin.right;\n this.top -= rootMargin.top;\n this.right += rootMargin.right;\n this.bottom += rootMargin.bottom;\n this.left -= rootMargin.left;\n this.height += totalRootY;\n this.width += totalRootX;\n }\n}\n","import {\n ScaleUnits,\n ParsedValueShape,\n RotationUnits,\n Units,\n AllValidUnits,\n} from '../types';\n\nexport const VALID_UNITS = [\n ScaleUnits[''],\n Units.px,\n Units['%'],\n Units['vh'],\n Units['vw'],\n RotationUnits.deg,\n RotationUnits.turn,\n RotationUnits.rad,\n];\n\n/**\n * Determines the unit of a string and parses the value\n */\n\nexport function parseValueAndUnit(\n str?: string | number,\n defaultUnit: AllValidUnits = Units['%']\n): ParsedValueShape {\n let out: ParsedValueShape = { value: 0, unit: defaultUnit };\n\n if (typeof str === 'undefined') return out;\n\n const isValid = typeof str === 'number' || typeof str === 'string';\n\n if (!isValid) {\n throw new Error(\n 'Invalid value provided. Must provide a value as a string or number'\n );\n }\n\n str = String(str);\n out.value = parseFloat(str);\n\n // @ts-ignore\n out.unit = str.match(/[\\d.\\-+]*\\s*(.*)/)[1] || defaultUnit;\n\n // @ts-expect-error\n const isValidUnit: boolean = VALID_UNITS.includes(out.unit);\n\n if (!isValidUnit) {\n throw new Error('Invalid unit provided.');\n }\n\n return out;\n}\n","import { ValidEasingPresets } from './types';\n\nexport type EasingPreset = { [key in ValidEasingPresets]: number[] };\n\nexport const easingPresets: EasingPreset = {\n ease: [0.25, 0.1, 0.25, 1.0],\n easeIn: [0.42, 0.0, 1.0, 1.0],\n easeOut: [0.0, 0.0, 0.58, 1.0],\n easeInOut: [0.42, 0.0, 0.58, 1.0],\n /* Ease IN curves */\n easeInQuad: [0.55, 0.085, 0.68, 0.53],\n easeInCubic: [0.55, 0.055, 0.675, 0.19],\n easeInQuart: [0.895, 0.03, 0.685, 0.22],\n easeInQuint: [0.755, 0.05, 0.855, 0.06],\n easeInSine: [0.47, 0.0, 0.745, 0.715],\n easeInExpo: [0.95, 0.05, 0.795, 0.035],\n easeInCirc: [0.6, 0.04, 0.98, 0.335],\n /* Ease Out Curves */\n easeOutQuad: [0.25, 0.46, 0.45, 0.94],\n easeOutCubic: [0.215, 0.61, 0.355, 1.0],\n easeOutQuart: [0.165, 0.84, 0.44, 1.0],\n easeOutQuint: [0.23, 1.0, 0.32, 1.0],\n easeOutSine: [0.39, 0.575, 0.565, 1.0],\n easeOutExpo: [0.19, 1.0, 0.22, 1.0],\n easeOutCirc: [0.075, 0.82, 0.165, 1.0],\n /* Ease IN Out Curves */\n easeInOutQuad: [0.455, 0.03, 0.515, 0.955],\n easeInOutCubic: [0.645, 0.045, 0.355, 1.0],\n easeInOutQuart: [0.77, 0.0, 0.175, 1.0],\n easeInOutQuint: [0.86, 0.0, 0.07, 1.0],\n easeInOutSine: [0.445, 0.05, 0.55, 0.95],\n easeInOutExpo: [1.0, 0.0, 0.0, 1.0],\n easeInOutCirc: [0.785, 0.135, 0.15, 0.86],\n /* Ease Bounce Curves */\n easeInBack: [0.6, -0.28, 0.735, 0.045],\n easeOutBack: [0.175, 0.885, 0.32, 1.275],\n easeInOutBack: [0.68, -0.55, 0.265, 1.55],\n};\n","import bezier, { EasingFunction } from 'bezier-easing';\nimport { ValidEasingPresets, EasingParams } from '../types';\nimport { easingPresets } from '../constants';\n\nexport function createEasingFunction(\n easing: ValidEasingPresets | EasingParams | undefined\n): EasingFunction | undefined {\n if (Array.isArray(easing)) {\n return bezier(easing[0], easing[1], easing[2], easing[3]);\n }\n if (\n typeof easing === 'string' &&\n typeof easingPresets[easing] !== 'undefined'\n ) {\n const params: number[] = easingPresets[easing];\n return bezier(params[0], params[1], params[2], params[3]);\n }\n return;\n}\n","import { CSSEffect, ScrollAxis, ValidScrollAxis } from '..';\nimport {\n ParsedValueEffect,\n ValidCSSEffects,\n ParallaxElementConfig,\n ParallaxStartEndEffects,\n AllValidUnits,\n} from '../types';\nimport { parseValueAndUnit } from '../utils/parseValueAndUnit';\nimport { createEasingFunction } from './createEasingFunction';\n\nexport const PARALLAX_EFFECTS = Object.values(ValidCSSEffects);\n\nexport const MAP_EFFECT_TO_DEFAULT_UNIT: {\n [key in ValidCSSEffects]: AllValidUnits;\n} = {\n speed: 'px',\n translateX: '%',\n translateY: '%',\n rotate: 'deg',\n rotateX: 'deg',\n rotateY: 'deg',\n rotateZ: 'deg',\n scale: '',\n scaleX: '',\n scaleY: '',\n scaleZ: '',\n opacity: '',\n};\n/**\n * Takes a parallax element effects and parses the properties to get the start and end values and units.\n */\nexport function parseElementTransitionEffects(\n props: ParallaxElementConfig,\n scrollAxis: ValidScrollAxis\n): ParallaxStartEndEffects {\n const parsedEffects: { [key: string]: ParsedValueEffect } = {};\n\n PARALLAX_EFFECTS.forEach((key: keyof typeof ValidCSSEffects) => {\n const defaultValue: AllValidUnits = MAP_EFFECT_TO_DEFAULT_UNIT[key];\n\n // If the provided type is a number, this must be the speed prop\n // in which case we need to construct the proper translate config\n if (typeof props?.[key] === 'number') {\n const value = props?.[key] as number;\n const startSpeed = `${(value || 0) * 10}px`;\n const endSpeed = `${(value || 0) * -10}px`;\n\n const startParsed = parseValueAndUnit(startSpeed);\n const endParsed = parseValueAndUnit(endSpeed);\n\n const speedConfig = {\n start: startParsed.value,\n end: endParsed.value,\n unit: startParsed.unit,\n };\n\n // Manually set translate y value\n if (scrollAxis === ScrollAxis.vertical) {\n parsedEffects.translateY = speedConfig;\n }\n\n // Manually set translate y value\n if (scrollAxis === ScrollAxis.horizontal) {\n parsedEffects.translateX = speedConfig;\n }\n }\n\n // The rest are standard effect being parsed\n if (Array.isArray(props?.[key])) {\n const value = props?.[key] as CSSEffect;\n\n if (typeof value[0] !== 'undefined' && typeof value[1] !== 'undefined') {\n const startParsed = parseValueAndUnit(value?.[0], defaultValue);\n const endParsed = parseValueAndUnit(value?.[1], defaultValue);\n\n const easing = createEasingFunction(value?.[2]);\n\n parsedEffects[key] = {\n start: startParsed.value,\n end: endParsed.value,\n unit: startParsed.unit,\n easing,\n };\n\n if (startParsed.unit !== endParsed.unit) {\n throw new Error(\n 'Must provide matching units for the min and max offset values of each axis.'\n );\n }\n }\n }\n });\n\n return parsedEffects;\n}\n","import bezier from 'bezier-easing';\n\n/**\n * Returns the percent (0 - 100) moved based on position in the viewport\n */\n\nexport function getProgressAmount(\n /*\n * The start value from cache\n */\n start: number,\n /*\n * total dist the element has to move to be 100% complete (view width/height + element width/height)\n */\n totalDist: number,\n /*\n * Current scroll value\n */\n currentScroll: number,\n /*\n * an optional easing function to apply\n */\n easing?: bezier.EasingFunction\n): number {\n // adjust cached value\n const startAdjustedScroll = currentScroll - start;\n\n // Amount the element has moved based on current and total distance to move\n let amount = startAdjustedScroll / totalDist;\n\n // Apply bezier easing if provided\n if (easing) {\n amount = easing(amount);\n }\n\n return amount;\n}\n","import { ParsedValueEffect } from '..';\nimport { AllValidUnits } from '../types';\nimport { scaleBetween } from '../utils/scaleBetween';\n\n/**\n * Scales a start and end value of an effect based on percent moved and easing function\n */\nexport function scaleEffectByProgress(\n effect: ParsedValueEffect,\n progress: number\n): {\n value: number;\n unit: AllValidUnits;\n} {\n const value = scaleBetween(\n typeof effect.easing === 'function' ? effect.easing(progress) : progress,\n effect?.start || 0,\n effect?.end || 0,\n 0,\n 1\n );\n\n return {\n value,\n unit: effect?.unit,\n };\n}\n","// Scale between AKA normalize\nexport function scaleBetween(\n value: number,\n newMin: number,\n newMax: number,\n oldMin: number,\n oldMax: number\n) {\n return ((newMax - newMin) * (value - oldMin)) / (oldMax - oldMin) + newMin;\n}\n","import { Element } from '../classes/Element';\nimport { ParallaxStartEndEffects, ValidCSSEffects } from '../types';\nimport { scaleEffectByProgress } from './scaleEffectByProgress';\n\n// Exclude opacity from transforms\nconst TRANSFORM_EFFECTS = Object.values(ValidCSSEffects).filter(\n v => v !== 'opacity'\n);\n\nexport function setWillChangeStyles(\n el: HTMLElement,\n effects: ParallaxStartEndEffects\n) {\n const keys = Object.keys(effects);\n const hasOpacity = keys.includes('opacity');\n const willChange = `transform${hasOpacity ? ',opacity' : ''}`;\n el.style.willChange = willChange;\n}\n\nexport function setElementStyles(\n effects: ParallaxStartEndEffects,\n progress: number,\n el?: HTMLElement\n) {\n if (!el) return;\n const transform = getTransformStyles(effects, progress);\n const opacity = getOpacityStyles(effects, progress);\n el.style.transform = transform;\n el.style.opacity = opacity;\n}\n\nexport function getOpacityStyles(\n effects: ParallaxStartEndEffects,\n progress: number\n): string {\n const scaledOpacity =\n effects['opacity'] && scaleEffectByProgress(effects['opacity'], progress);\n\n if (\n typeof scaledOpacity === 'undefined' ||\n typeof scaledOpacity.value === 'undefined' ||\n typeof scaledOpacity.unit === 'undefined'\n ) {\n return '';\n }\n\n const styleStr = `${scaledOpacity.value}`;\n\n return styleStr;\n}\n\nexport function getTransformStyles(\n effects: ParallaxStartEndEffects,\n progress: number\n): string {\n const transform: string = TRANSFORM_EFFECTS.reduce((acc, key: string) => {\n const scaledEffect =\n // @ts-expect-error\n effects[key] && scaleEffectByProgress(effects[key], progress);\n\n if (\n typeof scaledEffect === 'undefined' ||\n typeof scaledEffect.value === 'undefined' ||\n typeof scaledEffect.unit === 'undefined'\n ) {\n return acc;\n }\n\n const styleStr = `${key}(${scaledEffect.value}${scaledEffect.unit})`;\n\n return acc + styleStr;\n }, '');\n\n return transform;\n}\n\n/**\n * Takes a parallax element and removes parallax offset styles.\n * @param {object} element\n */\nexport function resetStyles(element: Element) {\n const el = element.el;\n if (!el) return;\n el.style.transform = '';\n el.style.opacity = '';\n}\n","export function getTranslateScalar(\n startTranslatePx: number,\n endTranslatePx: number,\n totalDist: number\n) {\n const slow = endTranslatePx > startTranslatePx;\n\n // calculating necessary scale to increase translations\n const totalAbsOff =\n (Math.abs(startTranslatePx) + Math.abs(endTranslatePx)) * (slow ? -1 : 1);\n const totalDistTrue = totalDist + totalAbsOff;\n\n // Determine multiple to scale by, only values greater than 1\n const scale = Math.max(totalDist / totalDistTrue, 1);\n\n return scale;\n}\n","import { ParsedValueEffect } from '..';\n\n/**\n * Return the start and end pixel values for an elements translations\n */\nexport function getStartEndValueInPx(\n translate: ParsedValueEffect,\n elementSize: number\n) {\n let { start, end, unit } = translate;\n\n if (unit === '%') {\n const scale = elementSize / 100;\n start = start * scale;\n end = end * scale;\n }\n\n if (unit === 'vw') {\n const startScale = start / 100;\n const endScale = end / 100;\n start = window.innerWidth * startScale;\n end = window.innerWidth * endScale;\n }\n\n if (unit === 'vh') {\n const startScale = start / 100;\n const endScale = end / 100;\n start = window.innerHeight * startScale;\n end = window.innerHeight * endScale;\n }\n\n return {\n start,\n end,\n };\n}\n","import { ParsedValueEffect } from '../types';\nimport { Rect } from '../classes/Rect';\nimport { View } from '../classes/View';\nimport { Limits } from '../classes/Limits';\nimport { Scroll } from '../classes/Scroll';\n\nimport { getTranslateScalar } from './getTranslateScalar';\nimport { getStartEndValueInPx } from './getStartEndValueInPx';\nimport { ParallaxStartEndEffects, ScrollAxis, ValidScrollAxis } from '../types';\n\nconst DEFAULT_VALUE: ParsedValueEffect = {\n start: 0,\n end: 0,\n unit: '',\n};\n\nexport function createLimitsWithTranslationsForRelativeElements(\n rect: Rect,\n view: View,\n effects: ParallaxStartEndEffects,\n scroll: Scroll,\n scrollAxis: ValidScrollAxis,\n shouldAlwaysCompleteAnimation?: boolean\n): Limits {\n // get start and end accounting for percent effects\n const translateX: ParsedValueEffect = effects.translateX || DEFAULT_VALUE;\n const translateY: ParsedValueEffect = effects.translateY || DEFAULT_VALUE;\n\n const {\n start: startTranslateXPx,\n end: endTranslateXPx,\n } = getStartEndValueInPx(translateX, rect.width);\n const {\n start: startTranslateYPx,\n end: endTranslateYPx,\n } = getStartEndValueInPx(translateY, rect.height);\n\n // default starting values\n let startY = rect.top - view.height;\n let startX = rect.left - view.width;\n let endY = rect.bottom;\n let endX = rect.right;\n\n let startMultiplierY = 1;\n let endMultiplierY = 1;\n if (scrollAxis === ScrollAxis.vertical) {\n startMultiplierY = getTranslateScalar(\n startTranslateYPx,\n endTranslateYPx,\n view.height + rect.height\n );\n endMultiplierY = startMultiplierY;\n }\n let startMultiplierX = 1;\n let endMultiplierX = 1;\n if (scrollAxis === ScrollAxis.horizontal) {\n startMultiplierX = getTranslateScalar(\n startTranslateXPx,\n endTranslateXPx,\n view.width + rect.width\n );\n endMultiplierX = startMultiplierX;\n }\n\n // Apply the scale to initial values\n if (startTranslateYPx < 0) {\n startY = startY + startTranslateYPx * startMultiplierY;\n }\n if (endTranslateYPx > 0) {\n endY = endY + endTranslateYPx * endMultiplierY;\n }\n if (startTranslateXPx < 0) {\n startX = startX + startTranslateXPx * startMultiplierX;\n }\n if (endTranslateXPx > 0) {\n endX = endX + endTranslateXPx * endMultiplierX;\n }\n\n // add scroll\n startX += scroll.x;\n endX += scroll.x;\n startY += scroll.y;\n endY += scroll.y;\n\n // NOTE: please refactor and isolate this :(\n if (shouldAlwaysCompleteAnimation) {\n const topBeginsInView = scroll.y + rect.top < view.height;\n const leftBeginsInView = scroll.x + rect.left < view.width;\n const bottomEndsInView =\n scroll.y + rect.bottom > view.scrollHeight - view.height;\n const rightEndsInView =\n scroll.x + rect.right > view.scrollWidth - view.height;\n\n if (topBeginsInView && bottomEndsInView) {\n startMultiplierY = 1;\n endMultiplierY = 1;\n startY = 0;\n endY = view.scrollHeight - view.height;\n }\n if (leftBeginsInView && rightEndsInView) {\n startMultiplierX = 1;\n endMultiplierX = 1;\n startX = 0;\n endX = view.scrollWidth - view.width;\n }\n\n if (!topBeginsInView && bottomEndsInView) {\n startY = rect.top - view.height + scroll.y;\n endY = view.scrollHeight - view.height;\n const totalDist = endY - startY;\n startMultiplierY = getTranslateScalar(\n startTranslateYPx,\n endTranslateYPx,\n totalDist\n );\n endMultiplierY = 1;\n if (startTranslateYPx < 0) {\n startY = startY + startTranslateYPx * startMultiplierY;\n }\n }\n if (!leftBeginsInView && rightEndsInView) {\n startX = rect.left - view.width + scroll.x;\n endX = view.scrollWidth - view.width;\n const totalDist = endX - startX;\n startMultiplierX = getTranslateScalar(\n startTranslateXPx,\n endTranslateXPx,\n totalDist\n );\n endMultiplierX = 1;\n if (startTranslateXPx < 0) {\n startX = startX + startTranslateXPx * startMultiplierX;\n }\n }\n\n if (topBeginsInView && !bottomEndsInView) {\n startY = 0;\n endY = rect.bottom + scroll.y;\n const totalDist = endY - startY;\n startMultiplierY = 1;\n endMultiplierY = getTranslateScalar(\n startTranslateYPx,\n endTranslateYPx,\n totalDist\n );\n if (endTranslateYPx > 0) {\n endY = endY + endTranslateYPx * endMultiplierY;\n }\n }\n if (leftBeginsInView && !rightEndsInView) {\n startX = 0;\n endX = rect.right + scroll.x;\n const totalDist = endX - startX;\n startMultiplierX = 1;\n endMultiplierX = getTranslateScalar(\n startTranslateXPx,\n endTranslateXPx,\n totalDist\n );\n if (endTranslateXPx > 0) {\n endX = endX + endTranslateXPx * endMultiplierX;\n }\n }\n }\n\n const limits = new Limits({\n startX,\n startY,\n endX,\n endY,\n startMultiplierX,\n endMultiplierX,\n startMultiplierY,\n endMultiplierY,\n });\n\n return limits;\n}\n","export const clamp = (num: number, min: number, max: number) =>\n Math.min(Math.max(num, min), max);\n","import bezier from 'bezier-easing';\nimport {\n CreateElementOptions,\n ParallaxElementConfig,\n ParallaxStartEndEffects,\n ScrollAxis,\n ValidScrollAxis,\n EasingParam,\n} from '../types';\nimport { createId } from '../utils/createId';\nimport { Rect } from './Rect';\nimport { View } from './View';\nimport { Scroll } from './Scroll';\nimport { Limits } from './Limits';\nimport { parseElementTransitionEffects } from '../helpers/parseElementTransitionEffects';\nimport { getProgressAmount } from '../helpers/getProgressAmount';\nimport { isElementInView } from '../helpers/isElementInView';\nimport {\n resetStyles,\n setElementStyles,\n setWillChangeStyles,\n} from '../helpers/elementStyles';\nimport { createEasingFunction } from '../helpers/createEasingFunction';\nimport { createLimitsForRelativeElements } from '../helpers/createLimitsForRelativeElements';\nimport { createLimitsWithTranslationsForRelativeElements } from '../helpers/createLimitsWithTranslationsForRelativeElements';\nimport { scaleTranslateEffectsForSlowerScroll } from '../helpers/scaleTranslateEffectsForSlowerScroll';\nimport { getShouldScaleTranslateEffects } from '../helpers/getShouldScaleTranslateEffects';\nimport { clamp } from '../helpers/clamp';\n\ntype ParallaxControllerConstructorOptions = {\n scrollAxis: ValidScrollAxis;\n disabledParallaxController?: boolean;\n};\ntype ElementConstructorOptions = CreateElementOptions &\n ParallaxControllerConstructorOptions;\n\nexport class Element {\n el: HTMLElement;\n props: ParallaxElementConfig;\n scrollAxis: ValidScrollAxis;\n disabledParallaxController: boolean;\n id: number;\n effects: ParallaxStartEndEffects;\n isInView: boolean | null;\n progress: number;\n /* Optionally set if translate effect must be scaled */\n scaledEffects?: ParallaxStartEndEffects;\n rect?: Rect;\n limits?: Limits;\n easing?: bezier.EasingFunction;\n\n constructor(options: ElementConstructorOptions) {\n this.el = options.el;\n this.props = options.props;\n this.scrollAxis = options.scrollAxis;\n this.disabledParallaxController =\n options.disabledParallaxController || false;\n this.id = createId();\n this.effects = parseElementTransitionEffects(this.props, this.scrollAxis);\n this.isInView = null;\n this.progress = 0;\n\n this._setElementEasing(options.props.easing);\n\n setWillChangeStyles(options.el, this.effects);\n }\n\n updateProps(nextProps: ParallaxElementConfig) {\n this.props = { ...this.props, ...nextProps };\n this.effects = parseElementTransitionEffects(nextProps, this.scrollAxis);\n this._setElementEasing(nextProps.easing);\n\n return this;\n }\n\n setCachedAttributes(view: View, scroll: Scroll): Element {\n // NOTE: Must reset styles before getting the rect, as it might impact the natural position\n resetStyles(this);\n\n this.rect = new Rect({\n el: this.props.targetElement || this.el,\n rootMargin: this.props.rootMargin,\n view,\n });\n\n const shouldScaleTranslateEffects = getShouldScaleTranslateEffects(\n this.props,\n this.effects,\n this.scrollAxis\n );\n\n if (\n typeof this.props.startScroll === 'number' &&\n typeof this.props.endScroll === 'number'\n ) {\n this.limits = new Limits({\n startX: this.props.startScroll,\n startY: this.props.startScroll,\n endX: this.props.endScroll,\n endY: this.props.endScroll,\n });\n\n // Undo the reset -- place it back at current position with styles\n this._setElementStyles();\n\n return this;\n }\n\n if (shouldScaleTranslateEffects) {\n this.limits = createLimitsWithTranslationsForRelativeElements(\n this.rect,\n view,\n this.effects,\n scroll,\n this.scrollAxis,\n this.props.shouldAlwaysCompleteAnimation\n );\n\n this.scaledEffects = scaleTranslateEffectsForSlowerScroll(\n this.effects,\n this.limits\n );\n } else {\n this.limits = createLimitsForRelativeElements(\n this.rect,\n view,\n scroll,\n this.props.shouldAlwaysCompleteAnimation\n );\n }\n\n // Undo the reset -- place it back at current position with styles\n this._setElementStyles();\n\n return this;\n }\n\n _updateElementIsInView(nextIsInView: boolean) {\n // NOTE: Check if this is the first change to make sure onExit isn't called\n const isFirstChange = this.isInView === null;\n if (nextIsInView !== this.isInView) {\n if (nextIsInView) {\n this.props.onEnter && this.props.onEnter(this);\n } else if (!isFirstChange) {\n this._setFinalProgress();\n this._setElementStyles();\n this.props.onExit && this.props.onExit(this);\n }\n }\n this.isInView = nextIsInView;\n }\n\n _setFinalProgress() {\n const finalProgress = clamp(Math.round(this.progress), 0, 1);\n this._updateElementProgress(finalProgress);\n }\n\n _setElementStyles() {\n if (this.props.disabled || this.disabledParallaxController) return;\n const effects = this.scaledEffects || this.effects;\n setElementStyles(effects, this.progress, this.el);\n }\n\n _updateElementProgress(nextProgress: number) {\n this.progress = nextProgress;\n this.props.onProgressChange && this.props.onProgressChange(this.progress);\n this.props.onChange && this.props.onChange(this);\n }\n\n _setElementEasing(easing?: EasingParam): void {\n this.easing = createEasingFunction(easing);\n }\n\n updateElementOptions(options: ParallaxControllerConstructorOptions) {\n this.scrollAxis = options.scrollAxis;\n this.disabledParallaxController =\n options.disabledParallaxController || false;\n }\n\n updatePosition(scroll: Scroll): Element {\n if (!this.limits) return this;\n\n const isVertical = this.scrollAxis === ScrollAxis.vertical;\n const isFirstChange = this.isInView === null;\n // based on scroll axis\n const start = isVertical ? this.limits.startY : this.limits.startX;\n const end = isVertical ? this.limits.endY : this.limits.endX;\n const total = isVertical ? this.limits.totalY : this.limits.totalX;\n const s = isVertical ? scroll.y : scroll.x;\n\n // check if in view\n const nextIsInView = isElementInView(start, end, s);\n this._updateElementIsInView(nextIsInView);\n\n // set the progress if in view or this is the first change\n if (nextIsInView) {\n const nextProgress = getProgressAmount(start, total, s, this.easing);\n this._updateElementProgress(nextProgress);\n this._setElementStyles();\n } else if (isFirstChange) {\n // NOTE: this._updateElementProgress -- dont use this because it will trigger onChange\n this.progress = clamp(\n Math.round(getProgressAmount(start, total, s, this.easing)),\n 0,\n 1\n );\n this._setElementStyles();\n }\n\n return this;\n }\n}\n","import { ScrollAxis, ValidScrollAxis } from '../types';\nimport { ParallaxElementConfig, ParallaxStartEndEffects } from '../types';\n\nexport function getShouldScaleTranslateEffects(\n props: ParallaxElementConfig,\n effects: ParallaxStartEndEffects,\n scrollAxis: ValidScrollAxis\n): boolean {\n if (\n props.rootMargin ||\n props.targetElement ||\n props.shouldDisableScalingTranslations\n ) {\n return false;\n }\n\n if (\n (!!effects.translateX && scrollAxis === ScrollAxis.horizontal) ||\n (!!effects.translateY && scrollAxis === ScrollAxis.vertical)\n ) {\n return true;\n }\n\n return false;\n}\n","import { ParsedValueEffect, ParallaxStartEndEffects } from '../types';\nimport { Limits } from '../classes/Limits';\n\nexport function scaleTranslateEffectsForSlowerScroll(\n effects: ParallaxStartEndEffects,\n limits: Limits\n): ParallaxStartEndEffects {\n const effectsCopy = {\n ...effects,\n };\n\n if (effectsCopy.translateX) {\n effectsCopy.translateX = {\n ...effects.translateX,\n start: effectsCopy.translateX.start * limits.startMultiplierX,\n end: effectsCopy.translateX.end * limits.endMultiplierX,\n } as ParsedValueEffect;\n }\n if (effectsCopy.translateY) {\n effectsCopy.translateY = {\n ...effects.translateY,\n start: effectsCopy.translateY.start * limits.startMultiplierY,\n end: effectsCopy.translateY.end * limits.endMultiplierY,\n } as ParsedValueEffect;\n }\n\n return effectsCopy;\n}\n","import { Rect, Scroll, View } from '..';\nimport { Limits } from '../classes/Limits';\n\nexport function createLimitsForRelativeElements(\n rect: Rect,\n view: View,\n scroll: Scroll,\n shouldAlwaysCompleteAnimation?: boolean\n): Limits {\n let startY = rect.top - view.height;\n let startX = rect.left - view.width;\n let endY = rect.bottom;\n let endX = rect.right;\n\n // add scroll\n startX += scroll.x;\n endX += scroll.x;\n startY += scroll.y;\n endY += scroll.y;\n\n if (shouldAlwaysCompleteAnimation) {\n if (scroll.y + rect.top < view.height) {\n startY = 0;\n }\n if (scroll.x + rect.left < view.width) {\n startX = 0;\n }\n if (endY > view.scrollHeight - view.height) {\n endY = view.scrollHeight - view.height;\n }\n if (endX > view.scrollWidth - view.width) {\n endX = view.scrollWidth - view.width;\n }\n }\n\n const limits = new Limits({\n startX,\n startY,\n endX,\n endY,\n });\n\n return limits;\n}\n","/**\n * Takes two values (start, end) and returns whether the current scroll is within range\n * @param {number} start - start of scroll (x/y)\n * @param {number} end - end of scroll (x/y)\n * @param {number} scroll - current scroll (x/y)\n * @return {boolean} isInView\n */\n\nexport function isElementInView(\n start: number,\n end: number,\n scroll: number\n): boolean {\n const isInView = scroll >= start && scroll <= end;\n\n return isInView;\n}\n","export type ViewSizeParams = {\n width: number;\n height: number;\n scrollHeight: number;\n scrollWidth: number;\n};\nexport class View {\n scrollContainer: HTMLElement | undefined;\n width: number;\n height: number;\n scrollHeight: number;\n scrollWidth: number;\n\n constructor(config: {\n width: number;\n height: number;\n scrollHeight: number;\n scrollWidth: number;\n scrollContainer?: HTMLElement;\n }) {\n this.scrollContainer = config.scrollContainer;\n this.width = config.width;\n this.height = config.height;\n this.scrollHeight = config.scrollHeight;\n this.scrollWidth = config.scrollWidth;\n }\n\n hasChanged(params: ViewSizeParams) {\n if (\n params.width !== this.width ||\n params.height !== this.height ||\n params.scrollWidth !== this.scrollWidth ||\n params.scrollHeight !== this.scrollHeight\n ) {\n return true;\n }\n return false;\n }\n\n setSize(params: ViewSizeParams) {\n this.width = params.width;\n this.height = params.height;\n this.scrollHeight = params.scrollHeight;\n this.scrollWidth = params.scrollWidth;\n return this;\n }\n}\n","export class Scroll {\n x: number;\n y: number;\n dx: number;\n dy: number;\n\n constructor(x: number, y: number) {\n this.x = x;\n this.y = y;\n this.dx = 0;\n this.dy = 0;\n }\n\n setScroll(x: number, y: number) {\n this.dx = x - this.x;\n this.dy = y - this.y;\n this.x = x;\n this.y = y;\n return this;\n }\n}\n","import { resetStyles } from '../helpers/elementStyles';\nimport { View } from './View';\nimport { Scroll } from './Scroll';\nimport { Element } from './Element';\nimport { testForPassiveScroll } from '../utils/testForPassiveScroll';\nimport {\n CreateElementOptions,\n ParallaxControllerOptions,\n ParallaxElementConfig,\n ScrollAxis,\n ValidScrollAxis,\n ViewElement,\n} from '../types';\n\n/**\n * -------------------------------------------------------\n * Parallax Controller\n * -------------------------------------------------------\n *\n * The global controller for setting up and managing a scroll view of elements.\n *\n */\n\nexport class ParallaxController {\n disabled: boolean;\n elements: Element[];\n scrollAxis: ValidScrollAxis;\n viewEl: ViewElement;\n scroll: Scroll;\n view: View;\n _hasScrollContainer: boolean;\n _ticking: boolean;\n _supportsPassive: boolean;\n _resizeObserver?: ResizeObserver;\n\n /**\n * Static method to instantiate the ParallaxController.\n * @returns {Class} ParallaxController\n */\n static init(options: ParallaxControllerOptions): ParallaxController {\n const hasWindow = typeof window !== 'undefined';\n\n if (!hasWindow) {\n throw new Error(\n 'Looks like ParallaxController.init() was called on the server. This method must be called on the client.'\n );\n }\n\n return new ParallaxController(options);\n }\n\n constructor({\n scrollAxis = ScrollAxis.vertical,\n scrollContainer,\n disabled = false,\n }: ParallaxControllerOptions) {\n this.disabled = disabled;\n this.scrollAxis = scrollAxis;\n // All parallax elements to be updated\n this.elements = [];\n\n this._hasScrollContainer = !!scrollContainer;\n this.viewEl = scrollContainer ?? window;\n\n // Scroll and View\n const [x, y] = this._getScrollPosition();\n this.scroll = new Scroll(x, y);\n\n this.view = new View({\n width: 0,\n height: 0,\n scrollWidth: 0,\n scrollHeight: 0,\n scrollContainer: this._hasScrollContainer ? scrollContainer : undefined,\n });\n\n // Ticking\n this._ticking = false;\n\n // Passive support\n this._supportsPassive = testForPassiveScroll();\n\n // Bind methods to class\n this._bindAllMethods();\n\n // If this is initialized disabled, don't do anything below.\n if (this.disabled) return;\n\n this._addListeners(this.viewEl);\n this._addResizeObserver();\n this._setViewSize();\n }\n\n _bindAllMethods() {\n [\n '_addListeners',\n '_removeListeners',\n '_getScrollPosition',\n '_handleScroll',\n '_handleUpdateCache',\n '_updateAllElements',\n '_updateElementPosition',\n '_setViewSize',\n '_addResizeObserver',\n '_checkIfViewHasChanged',\n '_getViewParams',\n 'getElements',\n 'createElement',\n 'removeElementById',\n 'resetElementStyles',\n 'updateElementPropsById',\n 'update',\n 'updateScrollContainer',\n 'destroy',\n ].forEach((method: string) => {\n // @ts-expect-error\n this[method] = this[method].bind(this);\n });\n }\n\n _addListeners(el: ViewElement) {\n el.addEventListener(\n 'scroll',\n this._handleScroll,\n this._supportsPassive ? { passive: true } : false\n );\n window.addEventListener('resize', this._handleUpdateCache, false);\n window.addEventListener('blur', this._handleUpdateCache, false);\n window.addEventListener('focus', this._handleUpdateCache, false);\n window.addEventListener('load', this._handleUpdateCache, false);\n }\n\n _removeListeners(el: ViewElement) {\n el.removeEventListener('scroll', this._handleScroll, false);\n window.removeEventListener('resize', this._handleUpdateCache, false);\n window.removeEventListener('blur', this._handleUpdateCache, false);\n window.removeEventListener('focus', this._handleUpdateCache, false);\n window.removeEventListener('load', this._handleUpdateCache, false);\n this._resizeObserver?.disconnect();\n }\n\n _addResizeObserver() {\n try {\n const observedEl: HTMLElement = this._hasScrollContainer\n ? (this.viewEl as HTMLElement)\n : document.documentElement;\n this._resizeObserver = new ResizeObserver(() => this.update());\n this._resizeObserver.observe(observedEl);\n } catch (e) {\n console.warn(\n 'Failed to create the resize observer in the ParallaxContoller'\n );\n }\n }\n\n _getScrollPosition() {\n // Save current scroll\n // Supports IE 9 and up.\n const nx = this._hasScrollContainer\n ? // @ts-expect-error\n this.viewEl.scrollLeft\n : window.pageXOffset;\n const ny = this._hasScrollContainer\n ? // @ts-expect-error\n this.viewEl.scrollTop\n : window.pageYOffset;\n\n return [nx, ny];\n }\n\n /**\n * Window scroll handler sets scroll position\n * and then calls '_updateAllElements()'.\n */\n _handleScroll() {\n const [nx, ny] = this._getScrollPosition();\n this.scroll.setScroll(nx, ny);\n\n // Only called if the last animation request has been\n // completed and there are parallax elements to update\n if (!this._ticking && this.elements?.length > 0) {\n this._ticking = true;\n // @ts-ignore\n window.requestAnimationFrame(this._updateAllElements);\n }\n }\n\n /**\n * Window resize handler. Sets the new window inner height\n * then updates parallax element attributes and positions.\n */\n _handleUpdateCache() {\n this._setViewSize();\n this._updateAllElements({ updateCache: true });\n }\n\n /**\n * Update element positions.\n * Determines if the element is in view based on the cached\n * attributes, if so set the elements parallax styles.\n */\n _updateAllElements({ updateCache }: { updateCache?: boolean } = {}) {\n if (this.elements) {\n this.elements.forEach(element => {\n if (updateCache) {\n element.setCachedAttributes(this.view, this.scroll);\n }\n this._updateElementPosition(element);\n });\n }\n // reset ticking so more animations can be called\n this._ticking = false;\n }\n\n /**\n * Update element positions.\n * Determines if the element is in view based on the cached\n * attributes, if so set the elements parallax styles.\n */\n _updateElementPosition(element: Element) {\n if (element.props.disabled || this.disabled) return;\n element.updatePosition(this.scroll);\n }\n\n /**\n * Gets the params to set in the View from the scroll container or the window\n */\n _getViewParams(): {\n width: number;\n height: number;\n scrollHeight: number;\n scrollWidth: number;\n } {\n if (this._hasScrollContainer) {\n // @ts-expect-error\n const width = this.viewEl.offsetWidth;\n // @ts-expect-error\n const height = this.viewEl.offsetHeight;\n // @ts-expect-error\n const scrollHeight = this.viewEl.scrollHeight;\n // @ts-expect-error\n const scrollWidth = this.viewEl.scrollWidth;\n return this.view.setSize({\n width,\n height,\n scrollHeight,\n scrollWidth,\n });\n }\n\n const html = document.documentElement;\n const width = window.innerWidth || html.clientWidth;\n const height = window.innerHeight || html.clientHeight;\n const scrollHeight = html.scrollHeight;\n const scrollWidth = html.scrollWidth;\n\n return { width, height, scrollHeight, scrollWidth };\n }\n\n /**\n * Cache the view attributes\n */\n _setViewSize() {\n return this.view.setSize(this._getViewParams());\n }\n\n /**\n * Checks if any of the cached attributes of the view have changed.\n * @returns boolean\n */\n _checkIfViewHasChanged() {\n return this.view.hasChanged(this._getViewParams());\n }\n\n /**\n * -------------------------------------------------------\n * Public methods\n * -------------------------------------------------------\n */\n\n /**\n * Returns all the parallax elements in the controller\n */\n getElements(): Element[] {\n return this.elements;\n }\n\n /**\n * Creates and returns new parallax element with provided options to be managed by the controller.\n */\n createElement(options: CreateElementOptions): Element {\n const newElement = new Element({\n ...options,\n scrollAxis: this.scrollAxis,\n disabledParallaxController: this.disabled,\n });\n newElement.setCachedAttributes(this.view, this.scroll);\n this.elements = this.elements\n ? [...this.elements, newElement]\n : [newElement];\n this._updateElementPosition(newElement);\n\n // NOTE: This checks if the view has changed then update the controller and all elements if it has\n // This shouldn't always be necessary with a resize observer watching the view element\n // but there seems to be cases where the resize observer does not catch and update.\n if (this._checkIfViewHasChanged()) {\n this.update();\n }\n return newElement;\n }\n\n /**\n * Remove an element by id\n */\n removeElementById(id: number) {\n if (!this.elements) return;\n this.elements = this.elements.filter(el => el.id !== id);\n }\n\n /**\n * Updates an existing parallax element object with new options.\n */\n updateElementPropsById(id: number, props: ParallaxElementConfig): void {\n if (this.elements) {\n this.elements = this.elements.map(el => {\n if (el.id === id) {\n return el.updateProps(props);\n }\n return el;\n });\n }\n\n this.update();\n }\n\n /**\n * Remove a target elements parallax styles\n */\n resetElementStyles(element: Element) {\n resetStyles(element);\n }\n\n /**\n * Updates all cached attributes on parallax elements.\n */\n update() {\n // Save the latest scroll position because window.scroll\n // may be called and the handle scroll event may not be called.\n const [nx, ny] = this._getScrollPosition();\n this.scroll.setScroll(nx, ny);\n\n this._setViewSize();\n this._updateAllElements({ updateCache: true });\n }\n /**\n * Updates the scroll container of the parallax controller\n */\n updateScrollContainer(el: HTMLElement) {\n // remove existing listeners with current el first\n this._removeListeners(this.viewEl);\n\n this.viewEl = el;\n this._hasScrollContainer = !!el;\n this.view = new View({\n width: 0,\n height: 0,\n scrollWidth: 0,\n scrollHeight: 0,\n scrollContainer: el,\n });\n this._setViewSize();\n this._addListeners(this.viewEl);\n this._updateAllElements({ updateCache: true });\n }\n\n disableParallaxController() {\n this.disabled = true;\n // remove listeners\n this._removeListeners(this.viewEl);\n // reset all styles\n if (this.elements) {\n this.elements.forEach(element => resetStyles(element));\n }\n }\n\n enableParallaxController() {\n this.disabled = false;\n if (this.elements) {\n this.elements.forEach(element =>\n element.updateElementOptions({\n disabledParallaxController: false,\n scrollAxis: this.scrollAxis,\n })\n );\n }\n // add back listeners\n this._addListeners(this.viewEl);\n this._addResizeObserver();\n this._setViewSize();\n }\n\n /**\n * Disable all parallax elements\n */\n disableAllElements() {\n console.warn('deprecated: use disableParallaxController() instead');\n if (this.elements) {\n this.elements = this.elements.map(el => {\n return el.updateProps({ disabled: true });\n });\n }\n this.update();\n }\n\n /**\n * Enable all parallax elements\n */\n enableAllElements() {\n console.warn('deprecated: use enableParallaxController() instead');\n if (this.elements) {\n this.elements = this.elements.map(el => {\n return el.updateProps({ disabled: false });\n });\n }\n this.update();\n }\n\n /**\n * Removes all listeners and resets all styles on managed elements.\n */\n destroy() {\n this._removeListeners(this.viewEl);\n if (this.elements) {\n this.elements.forEach(element => resetStyles(element));\n }\n // @ts-expect-error\n this.elements = undefined;\n }\n}\n","export function testForPassiveScroll() {\n let supportsPassiveOption = false;\n try {\n const opts = Object.defineProperty({}, 'passive', {\n get() {\n supportsPassiveOption = true;\n return true;\n },\n });\n // @ts-expect-error\n window.addEventListener('test', null, opts);\n // @ts-expect-error\n window.removeEventListener('test', null, opts);\n } catch (e) {}\n return supportsPassiveOption;\n}\n","import { ParallaxElementConfig } from 'parallax-controller';\nimport { removeUndefinedObjectKeys } from '../utils/removeUndefinedObjectKeys';\n\nexport function getIsolatedParallaxProps(props: any): {\n parallaxProps: ParallaxElementConfig;\n rest: Record;\n} {\n const {\n disabled,\n easing,\n endScroll,\n onChange,\n onEnter,\n onExit,\n onProgressChange,\n opacity,\n rootMargin,\n rotate,\n rotateX,\n rotateY,\n rotateZ,\n scale,\n scaleX,\n scaleY,\n scaleZ,\n shouldAlwaysCompleteAnimation,\n shouldDisableScalingTranslations,\n speed,\n startScroll,\n targetElement,\n translateX,\n translateY,\n ...rest\n } = props;\n\n const parallaxProps = removeUndefinedObjectKeys({\n disabled,\n easing,\n endScroll,\n onChange,\n onEnter,\n onExit,\n onProgressChange,\n opacity,\n rootMargin,\n rotate,\n rotateX,\n rotateY,\n rotateZ,\n scale,\n scaleX,\n scaleY,\n scaleZ,\n shouldAlwaysCompleteAnimation,\n shouldDisableScalingTranslations,\n speed,\n startScroll,\n targetElement,\n translateX,\n translateY,\n });\n\n return {\n parallaxProps,\n rest,\n };\n}\n","export function removeUndefinedObjectKeys(obj: { [key: string]: any }) {\n Object.keys(obj).forEach((key) =>\n obj[key] === undefined && delete obj[key]\n );\n return obj;\n}\n","import React from 'react';\nimport { ParallaxController } from 'parallax-controller';\n\nexport const ParallaxContext = React.createContext(\n null\n);\n","import { CreateElementOptions, Element } from 'parallax-controller';\nimport { useEffect, useRef, useState } from 'react';\nimport { useVerifyController } from '../components/Parallax/hooks';\nimport { ParallaxProps } from '../components/Parallax/types';\nimport { getIsolatedParallaxProps } from '../helpers/getIsolatedParallaxProps';\nimport { useParallaxController } from './useParallaxController';\n\nexport function useParallax(props: ParallaxProps) {\n const controller = useParallaxController();\n const ref = useRef(null);\n const { parallaxProps } = getIsolatedParallaxProps(props);\n\n useVerifyController(controller);\n\n const [element, setElement] = useState();\n\n // create element\n useEffect(() => {\n let newElement: Element | undefined;\n if (ref.current instanceof HTMLElement) {\n const options: CreateElementOptions = {\n el: ref.current,\n props: parallaxProps,\n };\n newElement = controller?.createElement(options);\n setElement(newElement);\n } else {\n throw new Error(\n 'You must assign the ref returned by the useParallax() hook to an HTML Element.'\n );\n }\n\n return () => {\n if (newElement) {\n controller?.removeElementById(newElement.id);\n }\n };\n }, []);\n\n // update element\n useEffect(() => {\n if (element) {\n if (props.disabled) {\n controller?.resetElementStyles(element);\n controller?.updateElementPropsById(element.id, parallaxProps);\n } else {\n controller?.updateElementPropsById(element.id, parallaxProps);\n }\n }\n }, [\n props.disabled,\n props.easing,\n props.endScroll,\n props.onChange,\n props.onEnter,\n props.onExit,\n props.onProgressChange,\n props.opacity,\n props.rootMargin,\n props.rotate,\n props.rotateX,\n props.rotateY,\n props.rotateZ,\n props.scale,\n props.scaleX,\n props.scaleY,\n props.scaleZ,\n props.shouldAlwaysCompleteAnimation,\n props.shouldDisableScalingTranslations,\n props.speed,\n props.startScroll,\n props.targetElement,\n props.translateX,\n props.translateY,\n ]);\n\n return { ref, controller, element };\n}\n","import { useContext } from 'react';\nimport { ParallaxController } from 'parallax-controller';\nimport { ParallaxContext } from '../context/ParallaxContext';\n\nexport function useParallaxController(): ParallaxController | null {\n const parallaxController = useContext(ParallaxContext);\n const isServer = typeof window === 'undefined';\n if (isServer) {\n return null;\n }\n\n if (!parallaxController) {\n throw new Error(\n 'Could not find `react-scroll-parallax` context value. Please ensure the component is wrapped in a '\n );\n }\n\n return parallaxController;\n}\n","import { ParallaxController } from 'parallax-controller';\nimport { useEffect } from 'react';\n\nexport function useVerifyController(controller: ParallaxController | unknown) {\n useEffect(() => {\n const isServer = typeof window === 'undefined';\n // Make sure the provided controller is an instance of the Parallax Controller\n const isInstance = controller instanceof ParallaxController;\n // Throw if neither context or global is available\n if (!isServer && !controller && !isInstance) {\n throw new Error(\n \"Must wrap your application's components in a .\"\n );\n }\n }, [controller]);\n}\n","import {\n ParallaxController,\n ParallaxControllerOptions,\n} from 'parallax-controller';\n\nexport const createController = (options: ParallaxControllerOptions) => {\n // Don't initialize on the server\n const isServer = typeof window === 'undefined';\n\n if (!isServer) {\n // Must not be the server so kick it off...\n return ParallaxController.init(options);\n }\n return null;\n};\n","import React, { PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { ParallaxContext } from '../../context/ParallaxContext';\nimport { ParallaxController, ScrollAxis } from 'parallax-controller';\nimport { ParallaxProviderProps } from './types';\nimport { createController } from './helpers';\n\nexport function ParallaxProvider(\n props: PropsWithChildren\n) {\n const controller = useRef(null);\n\n if (!controller.current) {\n controller.current = createController({\n scrollAxis: props.scrollAxis || ScrollAxis.vertical,\n scrollContainer: props.scrollContainer,\n disabled: props.isDisabled,\n });\n }\n\n // update scroll container\n useEffect(() => {\n if (props.scrollContainer && controller.current) {\n controller.current.updateScrollContainer(props.scrollContainer);\n }\n }, [props.scrollContainer, controller.current]);\n\n // disable/enable parallax\n useEffect(() => {\n if (props.isDisabled && controller.current) {\n controller.current.disableParallaxController();\n }\n if (!props.isDisabled && controller.current) {\n controller.current.enableParallaxController();\n }\n }, [props.isDisabled, controller.current]);\n\n // remove the controller when unmounting\n useEffect(() => {\n return () => {\n controller?.current && controller?.current.destroy();\n };\n }, []);\n\n return (\n \n {props.children}\n \n );\n}\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var baseCreate = require('./_baseCreate'),\n getPrototype = require('./_getPrototype'),\n isPrototype = require('./_isPrototype');\n\n/**\n * Initializes an object clone.\n *\n * @private\n * @param {Object} object The object to clone.\n * @returns {Object} Returns the initialized clone.\n */\nfunction initCloneObject(object) {\n return (typeof object.constructor == 'function' && !isPrototype(object))\n ? baseCreate(getPrototype(object))\n : {};\n}\n\nmodule.exports = initCloneObject;\n","var getTag = require('./_getTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar setTag = '[object Set]';\n\n/**\n * The base implementation of `_.isSet` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n */\nfunction baseIsSet(value) {\n return isObjectLike(value) && getTag(value) == setTag;\n}\n\nmodule.exports = baseIsSet;\n","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };","import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _class, _temp2;\n\nexports.confirmAlert = confirmAlert;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _reactDom = require('react-dom');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ReactConfirmAlert = (_temp2 = _class = function (_Component) {\n _inherits(ReactConfirmAlert, _Component);\n\n function ReactConfirmAlert() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ReactConfirmAlert);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ReactConfirmAlert.__proto__ || Object.getPrototypeOf(ReactConfirmAlert)).call.apply(_ref, [this].concat(args))), _this), _this.handleClickButton = function (button) {\n if (button.onClick) button.onClick();\n _this.close();\n }, _this.handleClickOverlay = function (e) {\n var _this$props = _this.props,\n closeOnClickOutside = _this$props.closeOnClickOutside,\n onClickOutside = _this$props.onClickOutside;\n\n var isClickOutside = e.target === _this.overlay;\n\n if (closeOnClickOutside && isClickOutside) {\n onClickOutside();\n _this.close();\n }\n }, _this.close = function () {\n var afterClose = _this.props.afterClose;\n\n removeBodyClass();\n removeElementReconfirm();\n removeSVGBlurReconfirm(afterClose);\n }, _this.keyboardClose = function (event) {\n var _this$props2 = _this.props,\n closeOnEscape = _this$props2.closeOnEscape,\n onKeypressEscape = _this$props2.onKeypressEscape,\n keyCodeForClose = _this$props2.keyCodeForClose;\n\n var keyCode = event.keyCode;\n var isKeyCodeEscape = keyCode === 27;\n\n if (keyCodeForClose.includes(keyCode)) {\n _this.close();\n }\n\n if (closeOnEscape && isKeyCodeEscape) {\n onKeypressEscape(event);\n _this.close();\n }\n }, _this.componentDidMount = function () {\n document.addEventListener('keydown', _this.keyboardClose, false);\n }, _this.componentWillUnmount = function () {\n document.removeEventListener('keydown', _this.keyboardClose, false);\n _this.props.willUnmount();\n }, _this.renderCustomUI = function () {\n var _this$props3 = _this.props,\n title = _this$props3.title,\n message = _this$props3.message,\n buttons = _this$props3.buttons,\n customUI = _this$props3.customUI;\n\n var dataCustomUI = {\n title: title,\n message: message,\n buttons: buttons,\n onClose: _this.close\n };\n\n return customUI(dataCustomUI);\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(ReactConfirmAlert, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n title = _props.title,\n message = _props.message,\n buttons = _props.buttons,\n childrenElement = _props.childrenElement,\n customUI = _props.customUI,\n overlayClassName = _props.overlayClassName;\n\n\n return _react2.default.createElement(\n 'div',\n {\n className: 'react-confirm-alert-overlay ' + overlayClassName,\n ref: function ref(dom) {\n return _this2.overlay = dom;\n },\n onClick: this.handleClickOverlay\n },\n _react2.default.createElement(\n 'div',\n { className: 'react-confirm-alert' },\n customUI ? this.renderCustomUI() : _react2.default.createElement(\n 'div',\n { className: 'react-confirm-alert-body' },\n title && _react2.default.createElement(\n 'h1',\n null,\n title\n ),\n message,\n childrenElement(),\n _react2.default.createElement(\n 'div',\n { className: 'react-confirm-alert-button-group' },\n buttons.map(function (button, i) {\n return _react2.default.createElement(\n 'button',\n { key: i, onClick: function onClick() {\n return _this2.handleClickButton(button);\n }, className: button.className },\n button.label\n );\n })\n )\n )\n )\n );\n }\n }]);\n\n return ReactConfirmAlert;\n}(_react.Component), _class.propTypes = {\n title: _propTypes2.default.string,\n message: _propTypes2.default.string,\n buttons: _propTypes2.default.array.isRequired,\n childrenElement: _propTypes2.default.func,\n customUI: _propTypes2.default.func,\n closeOnClickOutside: _propTypes2.default.bool,\n closeOnEscape: _propTypes2.default.bool,\n keyCodeForClose: _propTypes2.default.arrayOf(_propTypes2.default.number),\n willUnmount: _propTypes2.default.func,\n afterClose: _propTypes2.default.func,\n onClickOutside: _propTypes2.default.func,\n onKeypressEscape: _propTypes2.default.func,\n overlayClassName: _propTypes2.default.string\n}, _class.defaultProps = {\n buttons: [{\n label: 'Cancel',\n onClick: function onClick() {\n return null;\n },\n className: null\n }, {\n label: 'Confirm',\n onClick: function onClick() {\n return null;\n },\n className: null\n }],\n childrenElement: function childrenElement() {\n return null;\n },\n closeOnClickOutside: true,\n closeOnEscape: true,\n keyCodeForClose: [],\n willUnmount: function willUnmount() {\n return null;\n },\n afterClose: function afterClose() {\n return null;\n },\n onClickOutside: function onClickOutside() {\n return null;\n },\n onKeypressEscape: function onKeypressEscape() {\n return null;\n }\n}, _temp2);\nexports.default = ReactConfirmAlert;\n\n\nfunction createSVGBlurReconfirm() {\n // If has svg ignore to create the svg\n var svg = document.getElementById('react-confirm-alert-firm-svg');\n if (svg) return;\n var svgNS = 'http://www.w3.org/2000/svg';\n var feGaussianBlur = document.createElementNS(svgNS, 'feGaussianBlur');\n feGaussianBlur.setAttribute('stdDeviation', '0.3');\n\n var filter = document.createElementNS(svgNS, 'filter');\n filter.setAttribute('id', 'gaussian-blur');\n filter.appendChild(feGaussianBlur);\n\n var svgElem = document.createElementNS(svgNS, 'svg');\n svgElem.setAttribute('id', 'react-confirm-alert-firm-svg');\n svgElem.setAttribute('class', 'react-confirm-alert-svg');\n svgElem.appendChild(filter);\n\n document.body.appendChild(svgElem);\n}\n\nfunction removeSVGBlurReconfirm(afterClose) {\n var svg = document.getElementById('react-confirm-alert-firm-svg');\n if (svg) {\n svg.parentNode.removeChild(svg);\n }\n document.body.children[0].classList.remove('react-confirm-alert-blur');\n afterClose();\n}\n\nfunction createElementReconfirm(properties) {\n var divTarget = document.getElementById('react-confirm-alert');\n if (divTarget) {\n // Rerender - the mounted ReactConfirmAlert\n (0, _reactDom.render)(_react2.default.createElement(ReactConfirmAlert, properties), divTarget);\n } else {\n // Mount the ReactConfirmAlert component\n document.body.children[0].classList.add('react-confirm-alert-blur');\n divTarget = document.createElement('div');\n divTarget.id = 'react-confirm-alert';\n document.body.appendChild(divTarget);\n (0, _reactDom.render)(_react2.default.createElement(ReactConfirmAlert, properties), divTarget);\n }\n}\n\nfunction removeElementReconfirm() {\n var target = document.getElementById('react-confirm-alert');\n if (target) {\n (0, _reactDom.unmountComponentAtNode)(target);\n target.parentNode.removeChild(target);\n }\n}\n\nfunction addBodyClass() {\n document.body.classList.add('react-confirm-alert-body-element');\n}\n\nfunction removeBodyClass() {\n document.body.classList.remove('react-confirm-alert-body-element');\n}\n\nfunction confirmAlert(properties) {\n addBodyClass();\n createSVGBlurReconfirm();\n createElementReconfirm(properties);\n}","'use strict';\n\nvar has = Object.prototype.hasOwnProperty\n , prefix = '~';\n\n/**\n * Constructor to create a storage for our `EE` objects.\n * An `Events` instance is a plain object whose properties are event names.\n *\n * @constructor\n * @private\n */\nfunction Events() {}\n\n//\n// We try to not inherit from `Object.prototype`. In some engines creating an\n// instance in this way is faster than calling `Object.create(null)` directly.\n// If `Object.create(null)` is not supported we prefix the event names with a\n// character to make sure that the built-in object properties are not\n// overridden or used as an attack vector.\n//\nif (Object.create) {\n Events.prototype = Object.create(null);\n\n //\n // This hack is needed because the `__proto__` property is still inherited in\n // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.\n //\n if (!new Events().__proto__) prefix = false;\n}\n\n/**\n * Representation of a single event listener.\n *\n * @param {Function} fn The listener function.\n * @param {*} context The context to invoke the listener with.\n * @param {Boolean} [once=false] Specify if the listener is a one-time listener.\n * @constructor\n * @private\n */\nfunction EE(fn, context, once) {\n this.fn = fn;\n this.context = context;\n this.once = once || false;\n}\n\n/**\n * Add a listener for a given event.\n *\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} context The context to invoke the listener with.\n * @param {Boolean} once Specify if the listener is a one-time listener.\n * @returns {EventEmitter}\n * @private\n */\nfunction addListener(emitter, event, fn, context, once) {\n if (typeof fn !== 'function') {\n throw new TypeError('The listener must be a function');\n }\n\n var listener = new EE(fn, context || emitter, once)\n , evt = prefix ? prefix + event : event;\n\n if (!emitter._events[evt]) emitter._events[evt] = listener, emitter._eventsCount++;\n else if (!emitter._events[evt].fn) emitter._events[evt].push(listener);\n else emitter._events[evt] = [emitter._events[evt], listener];\n\n return emitter;\n}\n\n/**\n * Clear event by name.\n *\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\n * @param {(String|Symbol)} evt The Event name.\n * @private\n */\nfunction clearEvent(emitter, evt) {\n if (--emitter._eventsCount === 0) emitter._events = new Events();\n else delete emitter._events[evt];\n}\n\n/**\n * Minimal `EventEmitter` interface that is molded against the Node.js\n * `EventEmitter` interface.\n *\n * @constructor\n * @public\n */\nfunction EventEmitter() {\n this._events = new Events();\n this._eventsCount = 0;\n}\n\n/**\n * Return an array listing the events for which the emitter has registered\n * listeners.\n *\n * @returns {Array}\n * @public\n */\nEventEmitter.prototype.eventNames = function eventNames() {\n var names = []\n , events\n , name;\n\n if (this._eventsCount === 0) return names;\n\n for (name in (events = this._events)) {\n if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);\n }\n\n if (Object.getOwnPropertySymbols) {\n return names.concat(Object.getOwnPropertySymbols(events));\n }\n\n return names;\n};\n\n/**\n * Return the listeners registered for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Array} The registered listeners.\n * @public\n */\nEventEmitter.prototype.listeners = function listeners(event) {\n var evt = prefix ? prefix + event : event\n , handlers = this._events[evt];\n\n if (!handlers) return [];\n if (handlers.fn) return [handlers.fn];\n\n for (var i = 0, l = handlers.length, ee = new Array(l); i < l; i++) {\n ee[i] = handlers[i].fn;\n }\n\n return ee;\n};\n\n/**\n * Return the number of listeners listening to a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Number} The number of listeners.\n * @public\n */\nEventEmitter.prototype.listenerCount = function listenerCount(event) {\n var evt = prefix ? prefix + event : event\n , listeners = this._events[evt];\n\n if (!listeners) return 0;\n if (listeners.fn) return 1;\n return listeners.length;\n};\n\n/**\n * Calls each of the listeners registered for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Boolean} `true` if the event had listeners, else `false`.\n * @public\n */\nEventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {\n var evt = prefix ? prefix + event : event;\n\n if (!this._events[evt]) return false;\n\n var listeners = this._events[evt]\n , len = arguments.length\n , args\n , i;\n\n if (listeners.fn) {\n if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);\n\n switch (len) {\n case 1: return listeners.fn.call(listeners.context), true;\n case 2: return listeners.fn.call(listeners.context, a1), true;\n case 3: return listeners.fn.call(listeners.context, a1, a2), true;\n case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;\n case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;\n case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;\n }\n\n for (i = 1, args = new Array(len -1); i < len; i++) {\n args[i - 1] = arguments[i];\n }\n\n listeners.fn.apply(listeners.context, args);\n } else {\n var length = listeners.length\n , j;\n\n for (i = 0; i < length; i++) {\n if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);\n\n switch (len) {\n case 1: listeners[i].fn.call(listeners[i].context); break;\n case 2: listeners[i].fn.call(listeners[i].context, a1); break;\n case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;\n case 4: listeners[i].fn.call(listeners[i].context, a1, a2, a3); break;\n default:\n if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {\n args[j - 1] = arguments[j];\n }\n\n listeners[i].fn.apply(listeners[i].context, args);\n }\n }\n }\n\n return true;\n};\n\n/**\n * Add a listener for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} [context=this] The context to invoke the listener with.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.on = function on(event, fn, context) {\n return addListener(this, event, fn, context, false);\n};\n\n/**\n * Add a one-time listener for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} [context=this] The context to invoke the listener with.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.once = function once(event, fn, context) {\n return addListener(this, event, fn, context, true);\n};\n\n/**\n * Remove the listeners of a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn Only remove the listeners that match this function.\n * @param {*} context Only remove the listeners that have this context.\n * @param {Boolean} once Only remove one-time listeners.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {\n var evt = prefix ? prefix + event : event;\n\n if (!this._events[evt]) return this;\n if (!fn) {\n clearEvent(this, evt);\n return this;\n }\n\n var listeners = this._events[evt];\n\n if (listeners.fn) {\n if (\n listeners.fn === fn &&\n (!once || listeners.once) &&\n (!context || listeners.context === context)\n ) {\n clearEvent(this, evt);\n }\n } else {\n for (var i = 0, events = [], length = listeners.length; i < length; i++) {\n if (\n listeners[i].fn !== fn ||\n (once && !listeners[i].once) ||\n (context && listeners[i].context !== context)\n ) {\n events.push(listeners[i]);\n }\n }\n\n //\n // Reset the array, or remove it completely if we have no more listeners.\n //\n if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;\n else clearEvent(this, evt);\n }\n\n return this;\n};\n\n/**\n * Remove all listeners, or those of the specified event.\n *\n * @param {(String|Symbol)} [event] The event name.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {\n var evt;\n\n if (event) {\n evt = prefix ? prefix + event : event;\n if (this._events[evt]) clearEvent(this, evt);\n } else {\n this._events = new Events();\n this._eventsCount = 0;\n }\n\n return this;\n};\n\n//\n// Alias methods names because people roll like that.\n//\nEventEmitter.prototype.off = EventEmitter.prototype.removeListener;\nEventEmitter.prototype.addListener = EventEmitter.prototype.on;\n\n//\n// Expose the prefix.\n//\nEventEmitter.prefixed = prefix;\n\n//\n// Allow `EventEmitter` to be imported as module namespace.\n//\nEventEmitter.EventEmitter = EventEmitter;\n\n//\n// Expose the module.\n//\nif ('undefined' !== typeof module) {\n module.exports = EventEmitter;\n}\n","/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\n'use strict';\n\nrequire(\"core-js/modules/es.reflect.construct.js\");\n\nrequire(\"core-js/modules/es.symbol.js\");\n\nrequire(\"core-js/modules/es.symbol.description.js\");\n\nrequire(\"core-js/modules/es.object.to-string.js\");\n\nrequire(\"core-js/modules/es.symbol.iterator.js\");\n\nrequire(\"core-js/modules/es.array.iterator.js\");\n\nrequire(\"core-js/modules/es.string.iterator.js\");\n\nrequire(\"core-js/modules/web.dom-collections.iterator.js\");\n\nrequire(\"core-js/modules/es.weak-map.js\");\n\nrequire(\"core-js/modules/es.object.get-own-property-descriptor.js\");\n\nrequire(\"core-js/modules/es.object.set-prototype-of.js\");\n\nrequire(\"core-js/modules/es.object.get-prototype-of.js\");\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _subscribeUiEvent = require(\"subscribe-ui-event\");\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _shallowequal = _interopRequireDefault(require(\"shallowequal\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\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; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n// constants\nvar STATUS_ORIGINAL = 0; // The default status, locating at the original position.\n\nvar STATUS_RELEASED = 1; // The released status, locating at somewhere on document but not default one.\n\nvar STATUS_FIXED = 2; // The sticky status, locating fixed to the top or the bottom of screen.\n\nvar TRANSFORM_PROP = 'transform'; // global variable for all instances\n\nvar doc;\nvar docBody;\nvar docEl;\nvar canEnableTransforms = true; // Use transform by default, so no Sticky on lower-end browser when no Modernizr\n\nvar M;\nvar scrollDelta = 0;\nvar win;\nvar winHeight = -1;\n\nvar Sticky = /*#__PURE__*/function (_Component) {\n _inherits(Sticky, _Component);\n\n var _super = _createSuper(Sticky);\n\n function Sticky(props, context) {\n var _this;\n\n _classCallCheck(this, Sticky);\n\n _this = _super.call(this, props, context);\n _this.handleResize = _this.handleResize.bind(_assertThisInitialized(_this));\n _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized(_this));\n _this.handleScrollStart = _this.handleScrollStart.bind(_assertThisInitialized(_this));\n _this.delta = 0;\n _this.stickyTop = 0;\n _this.stickyBottom = 0;\n _this.frozen = false;\n _this.skipNextScrollEvent = false;\n _this.scrollTop = -1;\n _this.bottomBoundaryTarget;\n _this.topTarget;\n _this.subscribers;\n _this.state = {\n top: 0,\n // A top offset from viewport top where Sticky sticks to when scrolling up\n bottom: 0,\n // A bottom offset from viewport top where Sticky sticks to when scrolling down\n width: 0,\n // Sticky width\n height: 0,\n // Sticky height\n x: 0,\n // The original x of Sticky\n y: 0,\n // The original y of Sticky\n topBoundary: 0,\n // The top boundary on document\n bottomBoundary: Infinity,\n // The bottom boundary on document\n status: STATUS_ORIGINAL,\n // The Sticky status\n pos: 0,\n // Real y-axis offset for rendering position-fixed and position-relative\n activated: false // once browser info is available after mounted, it becomes true to avoid checksum error\n\n };\n return _this;\n }\n\n _createClass(Sticky, [{\n key: \"getTargetHeight\",\n value: function getTargetHeight(target) {\n return target && target.offsetHeight || 0;\n }\n }, {\n key: \"getTopPosition\",\n value: function getTopPosition(top) {\n // a top argument can be provided to override reading from the props\n top = top || this.props.top || 0;\n\n if (typeof top === 'string') {\n if (!this.topTarget) {\n this.topTarget = doc.querySelector(top);\n }\n\n top = this.getTargetHeight(this.topTarget);\n }\n\n return top;\n }\n }, {\n key: \"getTargetBottom\",\n value: function getTargetBottom(target) {\n if (!target) {\n return -1;\n }\n\n var rect = target.getBoundingClientRect();\n return this.scrollTop + rect.bottom;\n }\n }, {\n key: \"getBottomBoundary\",\n value: function getBottomBoundary(bottomBoundary) {\n // a bottomBoundary can be provided to avoid reading from the props\n var boundary = bottomBoundary || this.props.bottomBoundary; // TODO, bottomBoundary was an object, depricate it later.\n\n if (_typeof(boundary) === 'object') {\n boundary = boundary.value || boundary.target || 0;\n }\n\n if (typeof boundary === 'string') {\n if (!this.bottomBoundaryTarget) {\n this.bottomBoundaryTarget = doc.querySelector(boundary);\n }\n\n boundary = this.getTargetBottom(this.bottomBoundaryTarget);\n }\n\n return boundary && boundary > 0 ? boundary : Infinity;\n }\n }, {\n key: \"reset\",\n value: function reset() {\n this.setState({\n status: STATUS_ORIGINAL,\n pos: 0\n });\n }\n }, {\n key: \"release\",\n value: function release(pos) {\n this.setState({\n status: STATUS_RELEASED,\n pos: pos - this.state.y\n });\n }\n }, {\n key: \"fix\",\n value: function fix(pos) {\n this.setState({\n status: STATUS_FIXED,\n pos: pos\n });\n }\n /**\n * Update the initial position, width, and height. It should update whenever children change.\n * @param {Object} options optional top and bottomBoundary new values\n */\n\n }, {\n key: \"updateInitialDimension\",\n value: function updateInitialDimension(options) {\n options = options || {};\n\n if (!this.outerElement || !this.innerElement) {\n return;\n }\n\n var outerRect = this.outerElement.getBoundingClientRect();\n var innerRect = this.innerElement.getBoundingClientRect();\n var width = outerRect.width || outerRect.right - outerRect.left;\n var height = innerRect.height || innerRect.bottom - innerRect.top;\n var outerY = outerRect.top + this.scrollTop;\n this.setState({\n top: this.getTopPosition(options.top),\n bottom: Math.min(this.state.top + height, winHeight),\n width: width,\n height: height,\n x: outerRect.left,\n y: outerY,\n bottomBoundary: this.getBottomBoundary(options.bottomBoundary),\n topBoundary: outerY\n });\n }\n }, {\n key: \"handleResize\",\n value: function handleResize(e, ae) {\n if (this.props.shouldFreeze()) {\n return;\n }\n\n winHeight = ae.resize.height;\n this.updateInitialDimension();\n this.update();\n }\n }, {\n key: \"handleScrollStart\",\n value: function handleScrollStart(e, ae) {\n this.frozen = this.props.shouldFreeze();\n\n if (this.frozen) {\n return;\n }\n\n if (this.scrollTop === ae.scroll.top) {\n // Scroll position hasn't changed,\n // do nothing\n this.skipNextScrollEvent = true;\n } else {\n this.scrollTop = ae.scroll.top;\n this.updateInitialDimension();\n }\n }\n }, {\n key: \"handleScroll\",\n value: function handleScroll(e, ae) {\n // Scroll doesn't need to be handled\n if (this.skipNextScrollEvent) {\n this.skipNextScrollEvent = false;\n return;\n }\n\n scrollDelta = ae.scroll.delta;\n this.scrollTop = ae.scroll.top;\n this.update();\n }\n /**\n * Update Sticky position.\n */\n\n }, {\n key: \"update\",\n value: function update() {\n var disabled = !this.props.enabled || this.state.bottomBoundary - this.state.topBoundary <= this.state.height || this.state.width === 0 && this.state.height === 0;\n\n if (disabled) {\n if (this.state.status !== STATUS_ORIGINAL) {\n this.reset();\n }\n\n return;\n }\n\n var delta = scrollDelta; // \"top\" and \"bottom\" are the positions that this.state.top and this.state.bottom project\n // on document from viewport.\n\n var top = this.scrollTop + this.state.top;\n var bottom = this.scrollTop + this.state.bottom; // There are 2 principles to make sure Sticky won't get wrong so much:\n // 1. Reset Sticky to the original postion when \"top\" <= topBoundary\n // 2. Release Sticky to the bottom boundary when \"bottom\" >= bottomBoundary\n\n if (top <= this.state.topBoundary) {\n // #1\n this.reset();\n } else if (bottom >= this.state.bottomBoundary) {\n // #2\n this.stickyBottom = this.state.bottomBoundary;\n this.stickyTop = this.stickyBottom - this.state.height;\n this.release(this.stickyTop);\n } else {\n if (this.state.height > winHeight - this.state.top) {\n // In this case, Sticky is higher then viewport minus top offset\n switch (this.state.status) {\n case STATUS_ORIGINAL:\n this.release(this.state.y);\n this.stickyTop = this.state.y;\n this.stickyBottom = this.stickyTop + this.state.height;\n // Commentting out \"break\" is on purpose, because there is a chance to transit to FIXED\n // from ORIGINAL when calling window.scrollTo().\n // break;\n\n case STATUS_RELEASED:\n // If \"top\" and \"bottom\" are inbetween stickyTop and stickyBottom, then Sticky is in\n // RELEASE status. Otherwise, it changes to FIXED status, and its bottom sticks to\n // viewport bottom when scrolling down, or its top sticks to viewport top when scrolling up.\n this.stickyBottom = this.stickyTop + this.state.height;\n\n if (delta > 0 && bottom > this.stickyBottom) {\n this.fix(this.state.bottom - this.state.height);\n } else if (delta < 0 && top < this.stickyTop) {\n this.fix(this.state.top);\n }\n\n break;\n\n case STATUS_FIXED:\n var toRelease = true;\n var pos = this.state.pos;\n var height = this.state.height; // In regular cases, when Sticky is in FIXED status,\n // 1. it's top will stick to the screen top,\n // 2. it's bottom will stick to the screen bottom,\n // 3. if not the cases above, then it's height gets changed\n\n if (delta > 0 && pos === this.state.top) {\n // case 1, and scrolling down\n this.stickyTop = top - delta;\n this.stickyBottom = this.stickyTop + height;\n } else if (delta < 0 && pos === this.state.bottom - height) {\n // case 2, and scrolling up\n this.stickyBottom = bottom - delta;\n this.stickyTop = this.stickyBottom - height;\n } else if (pos !== this.state.bottom - height && pos !== this.state.top) {\n // case 3\n // This case only happens when Sticky's bottom sticks to the screen bottom and\n // its height gets changed. Sticky should be in RELEASE status and update its\n // sticky bottom by calculating how much height it changed.\n var deltaHeight = pos + height - this.state.bottom;\n this.stickyBottom = bottom - delta + deltaHeight;\n this.stickyTop = this.stickyBottom - height;\n } else {\n toRelease = false;\n }\n\n if (toRelease) {\n this.release(this.stickyTop);\n }\n\n break;\n }\n } else {\n // In this case, Sticky is shorter then viewport minus top offset\n // and will always fix to the top offset of viewport\n this.fix(this.state.top);\n }\n }\n\n this.delta = delta;\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n var _this2 = this;\n\n if (prevState.status !== this.state.status && this.props.onStateChange) {\n this.props.onStateChange({\n status: this.state.status\n });\n } // check if we are up-to-date, is triggered in case of scroll restoration\n\n\n if (this.props.top !== prevState.top) {\n this.updateInitialDimension();\n this.update();\n }\n\n var arePropsChanged = !(0, _shallowequal.default)(this.props, prevProps);\n\n if (arePropsChanged) {\n // if the props for enabling are toggled, then trigger the update or reset depending on the current props\n if (prevProps.enabled !== this.props.enabled) {\n if (this.props.enabled) {\n this.setState({\n activated: true\n }, function () {\n _this2.updateInitialDimension();\n\n _this2.update();\n });\n } else {\n this.setState({\n activated: false\n }, function () {\n _this2.reset();\n });\n }\n } // if the top or bottomBoundary props were changed, then trigger the update\n else if (prevProps.top !== this.props.top || prevProps.bottomBoundary !== this.props.bottomBoundary) {\n this.updateInitialDimension();\n this.update();\n }\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var subscribers = this.subscribers || [];\n\n for (var i = subscribers.length - 1; i >= 0; i--) {\n this.subscribers[i].unsubscribe();\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n // Only initialize the globals if this is the first\n // time this component type has been mounted\n if (!win) {\n win = window;\n doc = document;\n docEl = doc.documentElement;\n docBody = doc.body;\n winHeight = win.innerHeight || docEl.clientHeight;\n M = window.Modernizr; // No Sticky on lower-end browser when no Modernizr\n\n if (M && M.prefixed) {\n canEnableTransforms = M.csstransforms3d;\n TRANSFORM_PROP = M.prefixed('transform');\n }\n } // when mount, the scrollTop is not necessary on the top\n\n\n this.scrollTop = docBody.scrollTop + docEl.scrollTop;\n\n if (this.props.enabled) {\n this.setState({\n activated: true\n });\n this.updateInitialDimension();\n this.update();\n } // bind the listeners regardless if initially enabled - allows the component to toggle sticky functionality\n\n\n this.subscribers = [(0, _subscribeUiEvent.subscribe)('scrollStart', this.handleScrollStart.bind(this), {\n useRAF: true\n }), (0, _subscribeUiEvent.subscribe)('scroll', this.handleScroll.bind(this), {\n useRAF: true,\n enableScrollInfo: true\n }), (0, _subscribeUiEvent.subscribe)('resize', this.handleResize.bind(this), {\n enableResizeInfo: true\n })];\n }\n }, {\n key: \"translate\",\n value: function translate(style, pos) {\n var enableTransforms = canEnableTransforms && this.props.enableTransforms;\n\n if (enableTransforms && this.state.activated) {\n style[TRANSFORM_PROP] = 'translate3d(0,' + Math.round(pos) + 'px,0)';\n } else {\n style.top = pos + 'px';\n }\n }\n }, {\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps, nextState) {\n return !this.props.shouldFreeze() && !((0, _shallowequal.default)(this.props, nextProps) && (0, _shallowequal.default)(this.state, nextState));\n }\n }, {\n key: \"render\",\n value: function render() {\n var _classNames,\n _this3 = this;\n\n // TODO, \"overflow: auto\" prevents collapse, need a good way to get children height\n var innerStyle = {\n position: this.state.status === STATUS_FIXED ? 'fixed' : 'relative',\n top: this.state.status === STATUS_FIXED ? '0px' : '',\n zIndex: this.props.innerZ\n };\n var outerStyle = {}; // always use translate3d to enhance the performance\n\n this.translate(innerStyle, this.state.pos);\n\n if (this.state.status !== STATUS_ORIGINAL) {\n innerStyle.width = this.state.width + 'px';\n outerStyle.height = this.state.height + 'px';\n }\n\n var outerClasses = (0, _classnames.default)('sticky-outer-wrapper', this.props.className, (_classNames = {}, _defineProperty(_classNames, this.props.activeClass, this.state.status === STATUS_FIXED), _defineProperty(_classNames, this.props.releasedClass, this.state.status === STATUS_RELEASED), _classNames));\n var innerClasses = (0, _classnames.default)('sticky-inner-wrapper', this.props.innerClass, _defineProperty({}, this.props.innerActiveClass, this.state.status === STATUS_FIXED));\n var children = this.props.children;\n return /*#__PURE__*/_react.default.createElement(\"div\", {\n ref: function ref(outer) {\n _this3.outerElement = outer;\n },\n className: outerClasses,\n style: outerStyle\n }, /*#__PURE__*/_react.default.createElement(\"div\", {\n ref: function ref(inner) {\n _this3.innerElement = inner;\n },\n className: innerClasses,\n style: innerStyle\n }, typeof children === 'function' ? children({\n status: this.state.status\n }) : children));\n }\n }]);\n\n return Sticky;\n}(_react.Component);\n\nSticky.displayName = 'Sticky';\nSticky.defaultProps = {\n shouldFreeze: function shouldFreeze() {\n return false;\n },\n enabled: true,\n top: 0,\n bottomBoundary: 0,\n enableTransforms: true,\n activeClass: 'active',\n releasedClass: 'released',\n onStateChange: null,\n innerClass: '',\n innerActiveClass: ''\n};\n/**\n * @param {Bool} enabled A switch to enable or disable Sticky.\n * @param {String/Number} top A top offset px for Sticky. Could be a selector representing a node\n * whose height should serve as the top offset.\n * @param {String/Number} bottomBoundary A bottom boundary px on document where Sticky will stop.\n * Could be a selector representing a node whose bottom should serve as the bottom boudary.\n */\n\nSticky.propTypes = {\n enabled: _propTypes.default.bool,\n top: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n bottomBoundary: _propTypes.default.oneOfType([_propTypes.default.object, // TODO, may remove\n _propTypes.default.string, _propTypes.default.number]),\n enableTransforms: _propTypes.default.bool,\n activeClass: _propTypes.default.string,\n releasedClass: _propTypes.default.string,\n innerClass: _propTypes.default.string,\n innerActiveClass: _propTypes.default.string,\n className: _propTypes.default.string,\n onStateChange: _propTypes.default.func,\n shouldFreeze: _propTypes.default.func,\n innerZ: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])\n};\nSticky.STATUS_ORIGINAL = STATUS_ORIGINAL;\nSticky.STATUS_RELEASED = STATUS_RELEASED;\nSticky.STATUS_FIXED = STATUS_FIXED;\nmodule.exports = Sticky;","export default {\n disabled: false\n};","import React from 'react';\nexport default React.createContext(null);","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 1 },\n * entered: { opacity: 1 },\n * exiting: { opacity: 0 },\n * exited: { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n *
\n * I'm a fade Transition!\n *
\n * )}\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n *
\r\n