\n * \n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n * opacity: 0;\n * }\n * .my-node-enter-active {\n * opacity: 1;\n * transition: opacity 200ms;\n * }\n * .my-node-exit {\n * opacity: 1;\n * }\n * .my-node-exit-active {\n * opacity: 0;\n * transition: opacity 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**.\n */\n\nvar CSSTransition = /*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(CSSTransition, _React$Component);\n function CSSTransition() {\n var _this;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n _this.onEnter = function (node, appearing) {\n var _this$getClassNames = _this.getClassNames(appearing ? 'appear' : 'enter'),\n className = _this$getClassNames.className;\n _this.removeClasses(node, 'exit');\n addClass(node, className);\n if (_this.props.onEnter) {\n _this.props.onEnter(node, appearing);\n }\n };\n _this.onEntering = function (node, appearing) {\n var _this$getClassNames2 = _this.getClassNames(appearing ? 'appear' : 'enter'),\n activeClassName = _this$getClassNames2.activeClassName;\n _this.reflowAndAddClass(node, activeClassName);\n if (_this.props.onEntering) {\n _this.props.onEntering(node, appearing);\n }\n };\n _this.onEntered = function (node, appearing) {\n var appearClassName = _this.getClassNames('appear').doneClassName;\n var enterClassName = _this.getClassNames('enter').doneClassName;\n var doneClassName = appearing ? appearClassName + \" \" + enterClassName : enterClassName;\n _this.removeClasses(node, appearing ? 'appear' : 'enter');\n addClass(node, doneClassName);\n if (_this.props.onEntered) {\n _this.props.onEntered(node, appearing);\n }\n };\n _this.onExit = function (node) {\n var _this$getClassNames3 = _this.getClassNames('exit'),\n className = _this$getClassNames3.className;\n _this.removeClasses(node, 'appear');\n _this.removeClasses(node, 'enter');\n addClass(node, className);\n if (_this.props.onExit) {\n _this.props.onExit(node);\n }\n };\n _this.onExiting = function (node) {\n var _this$getClassNames4 = _this.getClassNames('exit'),\n activeClassName = _this$getClassNames4.activeClassName;\n _this.reflowAndAddClass(node, activeClassName);\n if (_this.props.onExiting) {\n _this.props.onExiting(node);\n }\n };\n _this.onExited = function (node) {\n var _this$getClassNames5 = _this.getClassNames('exit'),\n doneClassName = _this$getClassNames5.doneClassName;\n _this.removeClasses(node, 'exit');\n addClass(node, doneClassName);\n if (_this.props.onExited) {\n _this.props.onExited(node);\n }\n };\n _this.getClassNames = function (type) {\n var classNames = _this.props.classNames;\n var isStringClassNames = typeof classNames === 'string';\n var prefix = isStringClassNames && classNames ? classNames + '-' : '';\n var className = isStringClassNames ? prefix + type : classNames[type];\n var activeClassName = isStringClassNames ? className + '-active' : classNames[type + 'Active'];\n var doneClassName = isStringClassNames ? className + '-done' : classNames[type + 'Done'];\n return {\n className: className,\n activeClassName: activeClassName,\n doneClassName: doneClassName\n };\n };\n return _this;\n }\n var _proto = CSSTransition.prototype;\n _proto.removeClasses = function removeClasses(node, type) {\n var _this$getClassNames6 = this.getClassNames(type),\n className = _this$getClassNames6.className,\n activeClassName = _this$getClassNames6.activeClassName,\n doneClassName = _this$getClassNames6.doneClassName;\n className && removeClass(node, className);\n activeClassName && removeClass(node, activeClassName);\n doneClassName && removeClass(node, doneClassName);\n };\n _proto.reflowAndAddClass = function reflowAndAddClass(node, className) {\n // This is for to force a repaint,\n // which is necessary in order to transition styles when adding a class name.\n if (className) {\n /* eslint-disable no-unused-expressions */\n node && node.scrollTop;\n /* eslint-enable no-unused-expressions */\n\n addClass(node, className);\n }\n };\n _proto.render = function render() {\n var props = _extends({}, this.props);\n delete props.classNames;\n return _react.default.createElement(_Transition.default, _extends({}, props, {\n onEnter: this.onEnter,\n onEntered: this.onEntered,\n onEntering: this.onEntering,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }));\n };\n return CSSTransition;\n}(_react.default.Component);\nCSSTransition.defaultProps = {\n classNames: ''\n};\nCSSTransition.propTypes = process.env.NODE_ENV !== \"production\" ? _extends({}, _Transition.default.propTypes, {\n /**\n * The animation classNames applied to the component as it enters, exits or\n * has finished the transition. A single name can be provided and it will be\n * suffixed for each stage: e.g.\n *\n * `classNames=\"fade\"` applies `fade-enter`, `fade-enter-active`,\n * `fade-enter-done`, `fade-exit`, `fade-exit-active`, `fade-exit-done`,\n * `fade-appear`, `fade-appear-active`, and `fade-appear-done`.\n *\n * **Note**: `fade-appear-done` and `fade-enter-done` will _both_ be applied.\n * This allows you to define different behavior for when appearing is done and\n * when regular entering is done, using selectors like\n * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply an\n * epic entrance animation when element first appears in the DOM using\n * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can\n * simply use `fade-enter-done` for defining both cases.\n *\n * Each individual classNames can also be specified independently like:\n *\n * ```js\n * classNames={{\n * appear: 'my-appear',\n * appearActive: 'my-active-appear',\n * appearDone: 'my-done-appear',\n * enter: 'my-enter',\n * enterActive: 'my-active-enter',\n * enterDone: 'my-done-enter',\n * exit: 'my-exit',\n * exitActive: 'my-active-exit',\n * exitDone: 'my-done-exit',\n * }}\n * ```\n *\n * If you want to set these classes using CSS Modules:\n *\n * ```js\n * import styles from './styles.css';\n * ```\n *\n * you might want to use camelCase in your CSS file, that way could simply\n * spread them instead of listing them one by one:\n *\n * ```js\n * classNames={{ ...styles }}\n * ```\n *\n * @type {string | {\n * appear?: string,\n * appearActive?: string,\n * appearDone?: string,\n * enter?: string,\n * enterActive?: string,\n * enterDone?: string,\n * exit?: string,\n * exitActive?: string,\n * exitDone?: string,\n * }}\n */\n classNames: _PropTypes.classNamesShape,\n /**\n * A `\n * {\"I'll receive my-node-* classes\"}\n *
\n * I appear first
I replace the above
\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nexports.EXITING = EXITING;\nvar Transition = /*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n function Transition(props, context) {\n var _this;\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n return null;\n }; // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n\n var _proto = Transition.prototype;\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n if (prevProps !== this.props) {\n var status = this.state.status;\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n this.updateStatus(false, nextStatus);\n };\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n var node = _reactDom.default.findDOMNode(this);\n if (nextStatus === ENTERING) {\n this.performEnter(node, mounting);\n } else {\n this.performExit(node);\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n _proto.performEnter = function performEnter(node, mounting) {\n var _this2 = this;\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node);\n });\n return;\n }\n this.props.onEnter(node, appearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(node, appearing);\n _this2.onTransitionEnd(node, enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node, appearing);\n });\n });\n });\n };\n _proto.performExit = function performExit(node) {\n var _this3 = this;\n var exit = this.props.exit;\n var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED\n\n if (!exit) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n return;\n }\n this.props.onExit(node);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(node);\n _this3.onTransitionEnd(node, timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n });\n });\n };\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n var active = true;\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n this.nextCallback.cancel = function () {\n active = false;\n };\n return this.nextCallback;\n };\n _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {\n this.setNextCallback(handler);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n if (this.props.addEndListener) {\n this.props.addEndListener(node, this.nextCallback);\n }\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n _proto.render = function render() {\n var status = this.state.status;\n if (status === UNMOUNTED) {\n return null;\n }\n var _this$props = this.props,\n children = _this$props.children,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\"]); // filter props for Transtition\n\n delete childProps.in;\n delete childProps.mountOnEnter;\n delete childProps.unmountOnExit;\n delete childProps.appear;\n delete childProps.enter;\n delete childProps.exit;\n delete childProps.timeout;\n delete childProps.addEndListener;\n delete childProps.onEnter;\n delete childProps.onEntering;\n delete childProps.onEntered;\n delete childProps.onExit;\n delete childProps.onExiting;\n delete childProps.onExited;\n if (typeof children === 'function') {\n // allows for nested Transitions\n return _react.default.createElement(_TransitionGroupContext.default.Provider, {\n value: null\n }, children(status, childProps));\n }\n var child = _react.default.Children.only(children);\n return (\n // allows for nested Transitions\n _react.default.createElement(_TransitionGroupContext.default.Provider, {\n value: null\n }, _react.default.cloneElement(child, childProps))\n );\n };\n return Transition;\n}(_react.default.Component);\nTransition.contextType = _TransitionGroupContext.default;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: _propTypes.default.any,\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: _propTypes.default.node,\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: _propTypes.default.bool,\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: _propTypes.default.bool,\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: _propTypes.default.bool,\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: _propTypes.default.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nvar _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nvar _default = _react.default.createContext(null);\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _CSSTransition = _interopRequireDefault(require(\"./CSSTransition\"));\nvar _ReplaceTransition = _interopRequireDefault(require(\"./ReplaceTransition\"));\nvar _TransitionGroup = _interopRequireDefault(require(\"./TransitionGroup\"));\nvar _Transition = _interopRequireDefault(require(\"./Transition\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nmodule.exports = {\n Transition: _Transition.default,\n TransitionGroup: _TransitionGroup.default,\n ReplaceTransition: _ReplaceTransition.default,\n CSSTransition: _CSSTransition.default\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.getChildMapping = getChildMapping;\nexports.mergeChildMappings = mergeChildMappings;\nexports.getInitialChildMapping = getInitialChildMapping;\nexports.getNextChildMapping = getNextChildMapping;\nvar _react = require(\"react\");\n\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\nfunction getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;\n };\n var result = Object.create(null);\n if (children) _react.Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\nfunction mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n var i;\n var childMapping = {};\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n return childMapping;\n}\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\nfunction getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\nfunction getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!(0, _react.isValidElement)(child)) return;\n var hasPrev = key in prevChildMapping;\n var hasNext = key in nextChildMapping;\n var prevChild = prevChildMapping[key];\n var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = (0, _react.cloneElement)(child, {\n in: false\n });\n } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.classNamesShape = exports.timeoutsShape = void 0;\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nvar timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({\n enter: _propTypes.default.number,\n exit: _propTypes.default.number,\n appear: _propTypes.default.number\n}).isRequired]) : null;\nexports.timeoutsShape = timeoutsShape;\nvar classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({\n enter: _propTypes.default.string,\n exit: _propTypes.default.string,\n active: _propTypes.default.string\n}), _propTypes.default.shape({\n enter: _propTypes.default.string,\n enterDone: _propTypes.default.string,\n enterActive: _propTypes.default.string,\n exit: _propTypes.default.string,\n exitDone: _propTypes.default.string,\n exitActive: _propTypes.default.string\n})]) : null;\nexports.classNamesShape = classNamesShape;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"widths\", \"tag\"];\nimport React from 'react';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType, isObject } from './utils';\nvar colWidths = ['xs', 'sm', 'md', 'lg', 'xl'];\nvar defaultProps = {\n tag: 'div',\n widths: colWidths\n};\nvar getColumnSizeClass = function getColumnSizeClass(isXs, colWidth, colSize) {\n if (colSize === true || colSize === '') {\n return isXs ? 'col' : \"col-\" + colWidth;\n } else if (colSize === 'auto') {\n return isXs ? 'col-auto' : \"col-\" + colWidth + \"-auto\";\n }\n return isXs ? \"col-\" + colSize : \"col-\" + colWidth + \"-\" + colSize;\n};\nvar Col = function Col(props) {\n var className = props.className,\n cssModule = props.cssModule,\n widths = props.widths,\n Tag = props.tag,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n var colClasses = [];\n widths.forEach(function (colWidth, i) {\n var columnProp = props[colWidth];\n delete attributes[colWidth];\n if (!columnProp && columnProp !== '') {\n return;\n }\n var isXs = !i;\n if (isObject(columnProp)) {\n var _classNames;\n var colSizeInterfix = isXs ? '-' : \"-\" + colWidth + \"-\";\n var colClass = getColumnSizeClass(isXs, colWidth, columnProp.size);\n colClasses.push(mapToCssModules(classNames((_classNames = {}, _classNames[colClass] = columnProp.size || columnProp.size === '', _classNames[\"order\" + colSizeInterfix + columnProp.order] = columnProp.order || columnProp.order === 0, _classNames[\"offset\" + colSizeInterfix + columnProp.offset] = columnProp.offset || columnProp.offset === 0, _classNames)), cssModule));\n } else {\n var _colClass = getColumnSizeClass(isXs, colWidth, columnProp);\n colClasses.push(_colClass);\n }\n });\n if (!colClasses.length) {\n colClasses.push('col');\n }\n var classes = mapToCssModules(classNames(className, colClasses), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes\n }));\n};\nCol.defaultProps = defaultProps;\nexport default Col;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"fluid\", \"tag\"];\nimport React from 'react';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar defaultProps = {\n tag: 'div'\n};\nvar Container = function Container(props) {\n var className = props.className,\n cssModule = props.cssModule,\n fluid = props.fluid,\n Tag = props.tag,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n var containerClass = 'container';\n if (fluid === true) {\n containerClass = 'container-fluid';\n } else if (fluid) {\n containerClass = \"container-\" + fluid;\n }\n var classes = mapToCssModules(classNames(className, containerClass), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes\n }));\n};\nContainer.defaultProps = defaultProps;\nexport default Container;","function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\nexport { _typeof as default };","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 };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n value: t,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[r] = t, e;\n}\nexport { _defineProperty as default };","function _assertThisInitialized(e) {\n if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return e;\n}\nexport { _assertThisInitialized as default };","import _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { canUseDOM } from './utils';\nvar propTypes = {\n children: PropTypes.node.isRequired,\n node: PropTypes.any\n};\nvar Portal = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Portal, _React$Component);\n function Portal() {\n return _React$Component.apply(this, arguments) || this;\n }\n var _proto = Portal.prototype;\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.defaultNode) {\n document.body.removeChild(this.defaultNode);\n }\n this.defaultNode = null;\n };\n _proto.render = function render() {\n if (!canUseDOM) {\n return null;\n }\n if (!this.props.node && !this.defaultNode) {\n this.defaultNode = document.createElement('div');\n document.body.appendChild(this.defaultNode);\n }\n return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.props.node || this.defaultNode);\n };\n return Portal;\n}(React.Component);\nPortal.propTypes = propTypes;\nexport default Portal;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _excluded = [\"tag\", \"baseClass\", \"baseClassActive\", \"className\", \"cssModule\", \"children\", \"innerRef\"];\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nimport React from 'react';\nimport classNames from 'classnames';\nimport { Transition } from 'react-transition-group';\nimport { mapToCssModules, omit, pick, TransitionPropTypeKeys, TransitionTimeouts, tagPropType } from './utils';\nvar defaultProps = _objectSpread(_objectSpread({}, Transition.defaultProps), {}, {\n tag: 'div',\n baseClass: 'fade',\n baseClassActive: 'show',\n timeout: TransitionTimeouts.Fade,\n appear: true,\n enter: true,\n exit: true,\n in: true\n});\nfunction Fade(props) {\n var Tag = props.tag,\n baseClass = props.baseClass,\n baseClassActive = props.baseClassActive,\n className = props.className,\n cssModule = props.cssModule,\n children = props.children,\n innerRef = props.innerRef,\n otherProps = _objectWithoutPropertiesLoose(props, _excluded);\n var transitionProps = pick(otherProps, TransitionPropTypeKeys);\n var childProps = omit(otherProps, TransitionPropTypeKeys);\n return /*#__PURE__*/React.createElement(Transition, transitionProps, function (status) {\n var isActive = status === 'entered';\n var classes = mapToCssModules(classNames(className, baseClass, isActive && baseClassActive), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({\n className: classes\n }, childProps, {\n ref: innerRef\n }), children);\n });\n}\nFade.defaultProps = defaultProps;\nexport default Fade;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Portal from './Portal';\nimport Fade from './Fade';\nimport { getOriginalBodyPadding, conditionallyUpdateScrollbar, setScrollbarWidth, mapToCssModules, omit, focusableElements, TransitionTimeouts, keyCodes, targetPropType, getTarget } from './utils';\nfunction noop() {}\nvar FadePropTypes = PropTypes.shape(Fade.propTypes);\nvar propTypes = {\n isOpen: PropTypes.bool,\n autoFocus: PropTypes.bool,\n centered: PropTypes.bool,\n scrollable: PropTypes.bool,\n size: PropTypes.string,\n toggle: PropTypes.func,\n keyboard: PropTypes.bool,\n role: PropTypes.string,\n labelledBy: PropTypes.string,\n backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),\n onEnter: PropTypes.func,\n onExit: PropTypes.func,\n onOpened: PropTypes.func,\n onClosed: PropTypes.func,\n children: PropTypes.node,\n className: PropTypes.string,\n wrapClassName: PropTypes.string,\n modalClassName: PropTypes.string,\n backdropClassName: PropTypes.string,\n contentClassName: PropTypes.string,\n external: PropTypes.node,\n fade: PropTypes.bool,\n cssModule: PropTypes.object,\n zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n backdropTransition: FadePropTypes,\n modalTransition: FadePropTypes,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),\n unmountOnClose: PropTypes.bool,\n returnFocusAfterClose: PropTypes.bool,\n container: targetPropType,\n trapFocus: PropTypes.bool\n};\nvar propsToOmit = Object.keys(propTypes);\nvar defaultProps = {\n isOpen: false,\n autoFocus: true,\n centered: false,\n scrollable: false,\n role: 'dialog',\n backdrop: true,\n keyboard: true,\n zIndex: 1050,\n fade: true,\n onOpened: noop,\n onClosed: noop,\n modalTransition: {\n timeout: TransitionTimeouts.Modal\n },\n backdropTransition: {\n mountOnEnter: true,\n timeout: TransitionTimeouts.Fade // uses standard fade transition\n },\n unmountOnClose: true,\n returnFocusAfterClose: true,\n container: 'body',\n trapFocus: false\n};\nvar Modal = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Modal, _React$Component);\n function Modal(props) {\n var _this;\n _this = _React$Component.call(this, props) || this;\n _this._element = null;\n _this._originalBodyPadding = null;\n _this.getFocusableChildren = _this.getFocusableChildren.bind(_assertThisInitialized(_this));\n _this.handleBackdropClick = _this.handleBackdropClick.bind(_assertThisInitialized(_this));\n _this.handleBackdropMouseDown = _this.handleBackdropMouseDown.bind(_assertThisInitialized(_this));\n _this.handleEscape = _this.handleEscape.bind(_assertThisInitialized(_this));\n _this.handleStaticBackdropAnimation = _this.handleStaticBackdropAnimation.bind(_assertThisInitialized(_this));\n _this.handleTab = _this.handleTab.bind(_assertThisInitialized(_this));\n _this.onOpened = _this.onOpened.bind(_assertThisInitialized(_this));\n _this.onClosed = _this.onClosed.bind(_assertThisInitialized(_this));\n _this.manageFocusAfterClose = _this.manageFocusAfterClose.bind(_assertThisInitialized(_this));\n _this.clearBackdropAnimationTimeout = _this.clearBackdropAnimationTimeout.bind(_assertThisInitialized(_this));\n _this.trapFocus = _this.trapFocus.bind(_assertThisInitialized(_this));\n _this.state = {\n isOpen: false,\n showStaticBackdropAnimation: false\n };\n return _this;\n }\n var _proto = Modal.prototype;\n _proto.componentDidMount = function componentDidMount() {\n var _this$props = this.props,\n isOpen = _this$props.isOpen,\n autoFocus = _this$props.autoFocus,\n onEnter = _this$props.onEnter;\n if (isOpen) {\n this.init();\n this.setState({\n isOpen: true\n });\n if (autoFocus) {\n this.setFocus();\n }\n }\n if (onEnter) {\n onEnter();\n } // traps focus inside the Modal, even if the browser address bar is focused\n\n document.addEventListener('focus', this.trapFocus, true);\n this._isMounted = true;\n };\n _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n if (this.props.isOpen && !prevProps.isOpen) {\n this.init();\n this.setState({\n isOpen: true\n }); // let render() renders Modal Dialog first\n\n return;\n } // now Modal Dialog is rendered and we can refer this._element and this._dialog\n\n if (this.props.autoFocus && this.state.isOpen && !prevState.isOpen) {\n this.setFocus();\n }\n if (this._element && prevProps.zIndex !== this.props.zIndex) {\n this._element.style.zIndex = this.props.zIndex;\n }\n };\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.clearBackdropAnimationTimeout();\n if (this.props.onExit) {\n this.props.onExit();\n }\n if (this._element) {\n this.destroy();\n if (this.props.isOpen || this.state.isOpen) {\n this.close();\n }\n }\n document.removeEventListener('focus', this.trapFocus, true);\n this._isMounted = false;\n };\n _proto.trapFocus = function trapFocus(ev) {\n if (!this.props.trapFocus) {\n return;\n }\n if (!this._element)\n //element is not attached\n return;\n if (this._dialog && this._dialog.parentNode === ev.target)\n // initial focus when the Modal is opened\n return;\n if (this.modalIndex < Modal.openCount - 1)\n // last opened modal\n return;\n var children = this.getFocusableChildren();\n for (var i = 0; i < children.length; i++) {\n // focus is already inside the Modal\n if (children[i] === ev.target) return;\n }\n if (children.length > 0) {\n // otherwise focus the first focusable element in the Modal\n ev.preventDefault();\n ev.stopPropagation();\n children[0].focus();\n }\n };\n _proto.onOpened = function onOpened(node, isAppearing) {\n this.props.onOpened();\n (this.props.modalTransition.onEntered || noop)(node, isAppearing);\n };\n _proto.onClosed = function onClosed(node) {\n var unmountOnClose = this.props.unmountOnClose; // so all methods get called before it is unmounted\n\n this.props.onClosed();\n (this.props.modalTransition.onExited || noop)(node);\n if (unmountOnClose) {\n this.destroy();\n }\n this.close();\n if (this._isMounted) {\n this.setState({\n isOpen: false\n });\n }\n };\n _proto.setFocus = function setFocus() {\n if (this._dialog && this._dialog.parentNode && typeof this._dialog.parentNode.focus === 'function') {\n this._dialog.parentNode.focus();\n }\n };\n _proto.getFocusableChildren = function getFocusableChildren() {\n return this._element.querySelectorAll(focusableElements.join(', '));\n };\n _proto.getFocusedChild = function getFocusedChild() {\n var currentFocus;\n var focusableChildren = this.getFocusableChildren();\n try {\n currentFocus = document.activeElement;\n } catch (err) {\n currentFocus = focusableChildren[0];\n }\n return currentFocus;\n } // not mouseUp because scrollbar fires it, shouldn't close when user scrolls\n ;\n _proto.handleBackdropClick = function handleBackdropClick(e) {\n if (e.target === this._mouseDownElement) {\n e.stopPropagation();\n var backdrop = this._dialog ? this._dialog.parentNode : null;\n if (backdrop && e.target === backdrop && this.props.backdrop === 'static') {\n this.handleStaticBackdropAnimation();\n }\n if (!this.props.isOpen || this.props.backdrop !== true) return;\n if (backdrop && e.target === backdrop && this.props.toggle) {\n this.props.toggle(e);\n }\n }\n };\n _proto.handleTab = function handleTab(e) {\n if (e.which !== 9) return;\n if (this.modalIndex < Modal.openCount - 1) return; // last opened modal\n\n var focusableChildren = this.getFocusableChildren();\n var totalFocusable = focusableChildren.length;\n if (totalFocusable === 0) return;\n var currentFocus = this.getFocusedChild();\n var focusedIndex = 0;\n for (var i = 0; i < totalFocusable; i += 1) {\n if (focusableChildren[i] === currentFocus) {\n focusedIndex = i;\n break;\n }\n }\n if (e.shiftKey && focusedIndex === 0) {\n e.preventDefault();\n focusableChildren[totalFocusable - 1].focus();\n } else if (!e.shiftKey && focusedIndex === totalFocusable - 1) {\n e.preventDefault();\n focusableChildren[0].focus();\n }\n };\n _proto.handleBackdropMouseDown = function handleBackdropMouseDown(e) {\n this._mouseDownElement = e.target;\n };\n _proto.handleEscape = function handleEscape(e) {\n if (this.props.isOpen && e.keyCode === keyCodes.esc && this.props.toggle) {\n if (this.props.keyboard) {\n e.preventDefault();\n e.stopPropagation();\n this.props.toggle(e);\n } else if (this.props.backdrop === 'static') {\n e.preventDefault();\n e.stopPropagation();\n this.handleStaticBackdropAnimation();\n }\n }\n };\n _proto.handleStaticBackdropAnimation = function handleStaticBackdropAnimation() {\n var _this2 = this;\n this.clearBackdropAnimationTimeout();\n this.setState({\n showStaticBackdropAnimation: true\n });\n this._backdropAnimationTimeout = setTimeout(function () {\n _this2.setState({\n showStaticBackdropAnimation: false\n });\n }, 100);\n };\n _proto.init = function init() {\n try {\n this._triggeringElement = document.activeElement;\n } catch (err) {\n this._triggeringElement = null;\n }\n if (!this._element) {\n this._element = document.createElement('div');\n this._element.setAttribute('tabindex', '-1');\n this._element.style.position = 'relative';\n this._element.style.zIndex = this.props.zIndex;\n this._mountContainer = getTarget(this.props.container);\n this._mountContainer.appendChild(this._element);\n }\n this._originalBodyPadding = getOriginalBodyPadding();\n conditionallyUpdateScrollbar();\n if (Modal.openCount === 0) {\n document.body.className = classNames(document.body.className, mapToCssModules('modal-open', this.props.cssModule));\n }\n this.modalIndex = Modal.openCount;\n Modal.openCount += 1;\n };\n _proto.destroy = function destroy() {\n if (this._element) {\n this._mountContainer.removeChild(this._element);\n this._element = null;\n }\n this.manageFocusAfterClose();\n };\n _proto.manageFocusAfterClose = function manageFocusAfterClose() {\n if (this._triggeringElement) {\n var returnFocusAfterClose = this.props.returnFocusAfterClose;\n if (this._triggeringElement.focus && returnFocusAfterClose) this._triggeringElement.focus();\n this._triggeringElement = null;\n }\n };\n _proto.close = function close() {\n if (Modal.openCount <= 1) {\n var modalOpenClassName = mapToCssModules('modal-open', this.props.cssModule); // Use regex to prevent matching `modal-open` as part of a different class, e.g. `my-modal-opened`\n\n var modalOpenClassNameRegex = new RegExp(\"(^| )\" + modalOpenClassName + \"( |$)\");\n document.body.className = document.body.className.replace(modalOpenClassNameRegex, ' ').trim();\n }\n this.manageFocusAfterClose();\n Modal.openCount = Math.max(0, Modal.openCount - 1);\n setScrollbarWidth(this._originalBodyPadding);\n };\n _proto.renderModalDialog = function renderModalDialog() {\n var _classNames,\n _this3 = this;\n var attributes = omit(this.props, propsToOmit);\n var dialogBaseClass = 'modal-dialog';\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: mapToCssModules(classNames(dialogBaseClass, this.props.className, (_classNames = {}, _classNames[\"modal-\" + this.props.size] = this.props.size, _classNames[dialogBaseClass + \"-centered\"] = this.props.centered, _classNames[dialogBaseClass + \"-scrollable\"] = this.props.scrollable, _classNames)), this.props.cssModule),\n role: \"document\",\n ref: function ref(c) {\n _this3._dialog = c;\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: mapToCssModules(classNames('modal-content', this.props.contentClassName), this.props.cssModule)\n }, this.props.children));\n };\n _proto.render = function render() {\n var unmountOnClose = this.props.unmountOnClose;\n if (!!this._element && (this.state.isOpen || !unmountOnClose)) {\n var isModalHidden = !!this._element && !this.state.isOpen && !unmountOnClose;\n this._element.style.display = isModalHidden ? 'none' : 'block';\n var _this$props2 = this.props,\n wrapClassName = _this$props2.wrapClassName,\n modalClassName = _this$props2.modalClassName,\n backdropClassName = _this$props2.backdropClassName,\n cssModule = _this$props2.cssModule,\n isOpen = _this$props2.isOpen,\n backdrop = _this$props2.backdrop,\n role = _this$props2.role,\n labelledBy = _this$props2.labelledBy,\n external = _this$props2.external,\n innerRef = _this$props2.innerRef;\n var modalAttributes = {\n onClick: this.handleBackdropClick,\n onMouseDown: this.handleBackdropMouseDown,\n onKeyUp: this.handleEscape,\n onKeyDown: this.handleTab,\n style: {\n display: 'block'\n },\n 'aria-labelledby': labelledBy,\n role: role,\n tabIndex: '-1'\n };\n var hasTransition = this.props.fade;\n var modalTransition = _objectSpread(_objectSpread(_objectSpread({}, Fade.defaultProps), this.props.modalTransition), {}, {\n baseClass: hasTransition ? this.props.modalTransition.baseClass : '',\n timeout: hasTransition ? this.props.modalTransition.timeout : 0\n });\n var backdropTransition = _objectSpread(_objectSpread(_objectSpread({}, Fade.defaultProps), this.props.backdropTransition), {}, {\n baseClass: hasTransition ? this.props.backdropTransition.baseClass : '',\n timeout: hasTransition ? this.props.backdropTransition.timeout : 0\n });\n var Backdrop = backdrop && (hasTransition ? /*#__PURE__*/React.createElement(Fade, _extends({}, backdropTransition, {\n in: isOpen && !!backdrop,\n cssModule: cssModule,\n className: mapToCssModules(classNames('modal-backdrop', backdropClassName), cssModule)\n })) : /*#__PURE__*/React.createElement(\"div\", {\n className: mapToCssModules(classNames('modal-backdrop', 'show', backdropClassName), cssModule)\n }));\n return /*#__PURE__*/React.createElement(Portal, {\n node: this._element\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: mapToCssModules(wrapClassName)\n }, /*#__PURE__*/React.createElement(Fade, _extends({}, modalAttributes, modalTransition, {\n in: isOpen,\n onEntered: this.onOpened,\n onExited: this.onClosed,\n cssModule: cssModule,\n className: mapToCssModules(classNames('modal', modalClassName, this.state.showStaticBackdropAnimation && 'modal-static'), cssModule),\n innerRef: innerRef\n }), external, this.renderModalDialog()), Backdrop));\n }\n return null;\n };\n _proto.clearBackdropAnimationTimeout = function clearBackdropAnimationTimeout() {\n if (this._backdropAnimationTimeout) {\n clearTimeout(this._backdropAnimationTimeout);\n this._backdropAnimationTimeout = undefined;\n }\n };\n return Modal;\n}(React.Component);\nModal.defaultProps = defaultProps;\nModal.openCount = 0;\nexport default Modal;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"tag\"];\nimport React from 'react';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar defaultProps = {\n tag: 'div'\n};\nvar ModalBody = function ModalBody(props) {\n var className = props.className,\n cssModule = props.cssModule,\n Tag = props.tag,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n var classes = mapToCssModules(classNames(className, 'modal-body'), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes\n }));\n};\nModalBody.defaultProps = defaultProps;\nexport default ModalBody;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"noGutters\", \"tag\", \"form\", \"widths\"];\nimport React from 'react';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar rowColWidths = ['xs', 'sm', 'md', 'lg', 'xl'];\nvar defaultProps = {\n tag: 'div',\n widths: rowColWidths\n};\nvar Row = function Row(props) {\n var className = props.className,\n cssModule = props.cssModule,\n noGutters = props.noGutters,\n Tag = props.tag,\n form = props.form,\n widths = props.widths,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n var colClasses = [];\n widths.forEach(function (colWidth, i) {\n var colSize = props[colWidth];\n delete attributes[colWidth];\n if (!colSize) {\n return;\n }\n var isXs = !i;\n colClasses.push(isXs ? \"row-cols-\" + colSize : \"row-cols-\" + colWidth + \"-\" + colSize);\n });\n var classes = mapToCssModules(classNames(className, noGutters ? 'no-gutters' : null, form ? 'form-row' : 'row', colClasses), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes\n }));\n};\nRow.defaultProps = defaultProps;\nexport default Row;","import PropTypes from 'prop-types'; // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.4/js/src/modal.js#L436-L443\n\nexport function getScrollbarWidth() {\n var scrollDiv = document.createElement('div'); // .modal-scrollbar-measure styles // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.4/scss/_modal.scss#L106-L113\n\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarWidth;\n}\nexport function setScrollbarWidth(padding) {\n document.body.style.paddingRight = padding > 0 ? padding + \"px\" : null;\n}\nexport function isBodyOverflowing() {\n return document.body.clientWidth < window.innerWidth;\n}\nexport function getOriginalBodyPadding() {\n var style = window.getComputedStyle(document.body, null);\n return parseInt(style && style.getPropertyValue('padding-right') || 0, 10);\n}\nexport function conditionallyUpdateScrollbar() {\n var scrollbarWidth = getScrollbarWidth(); // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.6/js/src/modal.js#L433\n\n var fixedContent = document.querySelectorAll('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top')[0];\n var bodyPadding = fixedContent ? parseInt(fixedContent.style.paddingRight || 0, 10) : 0;\n if (isBodyOverflowing()) {\n setScrollbarWidth(bodyPadding + scrollbarWidth);\n }\n}\nvar globalCssModule;\nexport function setGlobalCssModule(cssModule) {\n globalCssModule = cssModule;\n}\nexport function mapToCssModules(className, cssModule) {\n if (className === void 0) {\n className = '';\n }\n if (cssModule === void 0) {\n cssModule = globalCssModule;\n }\n if (!cssModule) return className;\n return className.split(' ').map(function (c) {\n return cssModule[c] || c;\n }).join(' ');\n}\n/**\n * Returns a new object with the key/value pairs from `obj` that are not in the array `omitKeys`.\n */\n\nexport function omit(obj, omitKeys) {\n var result = {};\n Object.keys(obj).forEach(function (key) {\n if (omitKeys.indexOf(key) === -1) {\n result[key] = obj[key];\n }\n });\n return result;\n}\n/**\n * Returns a filtered copy of an object with only the specified keys.\n */\n\nexport function pick(obj, keys) {\n var pickKeys = Array.isArray(keys) ? keys : [keys];\n var length = pickKeys.length;\n var key;\n var result = {};\n while (length > 0) {\n length -= 1;\n key = pickKeys[length];\n result[key] = obj[key];\n }\n return result;\n}\nvar warned = {};\nexport function warnOnce(message) {\n if (!warned[message]) {\n /* istanbul ignore else */\n if (typeof console !== 'undefined') {\n console.error(message); // eslint-disable-line no-console\n }\n warned[message] = true;\n }\n}\nexport function deprecated(propType, explanation) {\n return function validate(props, propName, componentName) {\n if (props[propName] !== null && typeof props[propName] !== 'undefined') {\n warnOnce(\"\\\"\" + propName + \"\\\" property of \\\"\" + componentName + \"\\\" has been deprecated.\\n\" + explanation);\n }\n for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {\n rest[_key - 3] = arguments[_key];\n }\n return propType.apply(void 0, [props, propName, componentName].concat(rest));\n };\n} // Shim Element if needed (e.g. in Node environment)\n\nvar Element = typeof window === 'object' && window.Element || function () {};\nexport function DOMElement(props, propName, componentName) {\n if (!(props[propName] instanceof Element)) {\n return new Error('Invalid prop `' + propName + '` supplied to `' + componentName + '`. Expected prop to be an instance of Element. Validation failed.');\n }\n}\nexport var targetPropType = PropTypes.oneOfType([PropTypes.string, PropTypes.func, DOMElement, PropTypes.shape({\n current: PropTypes.any\n})]);\nexport var tagPropType = PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.shape({\n $$typeof: PropTypes.symbol,\n render: PropTypes.func\n}), PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.shape({\n $$typeof: PropTypes.symbol,\n render: PropTypes.func\n})]))]);\n/* eslint key-spacing: [\"error\", { afterColon: true, align: \"value\" }] */\n// These are all setup to match what is in the bootstrap _variables.scss\n// https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss\n\nexport var TransitionTimeouts = {\n Fade: 150,\n // $transition-fade\n Collapse: 350,\n // $transition-collapse\n Modal: 300,\n // $modal-transition\n Carousel: 600 // $carousel-transition\n}; // Duplicated Transition.propType keys to ensure that Reactstrap builds\n// for distribution properly exclude these keys for nested child HTML attributes\n// since `react-transition-group` removes propTypes in production builds.\n\nexport var TransitionPropTypeKeys = ['in', 'mountOnEnter', 'unmountOnExit', 'appear', 'enter', 'exit', 'timeout', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited'];\nexport var TransitionStatuses = {\n ENTERING: 'entering',\n ENTERED: 'entered',\n EXITING: 'exiting',\n EXITED: 'exited'\n};\nexport var keyCodes = {\n esc: 27,\n space: 32,\n enter: 13,\n tab: 9,\n up: 38,\n down: 40,\n home: 36,\n end: 35,\n n: 78,\n p: 80\n};\nexport var PopperPlacements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];\nexport var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nexport function isReactRefObj(target) {\n if (target && typeof target === 'object') {\n return 'current' in target;\n }\n return false;\n}\nfunction getTag(value) {\n if (value == null) {\n return value === undefined ? '[object Undefined]' : '[object Null]';\n }\n return Object.prototype.toString.call(value);\n}\nexport function toNumber(value) {\n var type = typeof value;\n var NAN = 0 / 0;\n if (type === 'number') {\n return value;\n }\n if (type === 'symbol' || type === 'object' && getTag(value) === '[object Symbol]') {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf === 'function' ? value.valueOf() : value;\n value = isObject(other) ? \"\" + other : other;\n }\n if (type !== 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(/^\\s+|\\s+$/g, '');\n var isBinary = /^0b[01]+$/i.test(value);\n return isBinary || /^0o[0-7]+$/i.test(value) ? parseInt(value.slice(2), isBinary ? 2 : 8) : /^[-+]0x[0-9a-f]+$/i.test(value) ? NAN : +value;\n}\nexport function isObject(value) {\n var type = typeof value;\n return value != null && (type === 'object' || type === 'function');\n}\nexport function isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n var tag = getTag(value);\n return tag === '[object Function]' || tag === '[object AsyncFunction]' || tag === '[object GeneratorFunction]' || tag === '[object Proxy]';\n}\nexport function findDOMElements(target) {\n if (isReactRefObj(target)) {\n return target.current;\n }\n if (isFunction(target)) {\n return target();\n }\n if (typeof target === 'string' && canUseDOM) {\n var selection = document.querySelectorAll(target);\n if (!selection.length) {\n selection = document.querySelectorAll(\"#\" + target);\n }\n if (!selection.length) {\n throw new Error(\"The target '\" + target + \"' could not be identified in the dom, tip: check spelling\");\n }\n return selection;\n }\n return target;\n}\nexport function isArrayOrNodeList(els) {\n if (els === null) {\n return false;\n }\n return Array.isArray(els) || canUseDOM && typeof els.length === 'number';\n}\nexport function getTarget(target, allElements) {\n var els = findDOMElements(target);\n if (allElements) {\n if (isArrayOrNodeList(els)) {\n return els;\n }\n if (els === null) {\n return [];\n }\n return [els];\n } else {\n if (isArrayOrNodeList(els)) {\n return els[0];\n }\n return els;\n }\n}\nexport var defaultToggleEvents = ['touchstart', 'click'];\nexport function addMultipleEventListeners(_els, handler, _events, useCapture) {\n var els = _els;\n if (!isArrayOrNodeList(els)) {\n els = [els];\n }\n var events = _events;\n if (typeof events === 'string') {\n events = events.split(/\\s+/);\n }\n if (!isArrayOrNodeList(els) || typeof handler !== 'function' || !Array.isArray(events)) {\n throw new Error(\"\\n The first argument of this function must be DOM node or an array on DOM nodes or NodeList.\\n The second must be a function.\\n The third is a string or an array of strings that represents DOM events\\n \");\n }\n Array.prototype.forEach.call(events, function (event) {\n Array.prototype.forEach.call(els, function (el) {\n el.addEventListener(event, handler, useCapture);\n });\n });\n return function removeEvents() {\n Array.prototype.forEach.call(events, function (event) {\n Array.prototype.forEach.call(els, function (el) {\n el.removeEventListener(event, handler, useCapture);\n });\n });\n };\n}\nexport var focusableElements = ['a[href]', 'area[href]', 'input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'object', 'embed', '[tabindex]:not(.modal)', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable=\"false\"])'];","// easing functions from \"Tween.js\"\nexports.linear = function (n) {\n return n;\n};\nexports.inQuad = function (n) {\n return n * n;\n};\nexports.outQuad = function (n) {\n return n * (2 - n);\n};\nexports.inOutQuad = function (n) {\n n *= 2;\n if (n < 1) return 0.5 * n * n;\n return -0.5 * (--n * (n - 2) - 1);\n};\nexports.inCube = function (n) {\n return n * n * n;\n};\nexports.outCube = function (n) {\n return --n * n * n + 1;\n};\nexports.inOutCube = function (n) {\n n *= 2;\n if (n < 1) return 0.5 * n * n * n;\n return 0.5 * ((n -= 2) * n * n + 2);\n};\nexports.inQuart = function (n) {\n return n * n * n * n;\n};\nexports.outQuart = function (n) {\n return 1 - --n * n * n * n;\n};\nexports.inOutQuart = function (n) {\n n *= 2;\n if (n < 1) return 0.5 * n * n * n * n;\n return -0.5 * ((n -= 2) * n * n * n - 2);\n};\nexports.inQuint = function (n) {\n return n * n * n * n * n;\n};\nexports.outQuint = function (n) {\n return --n * n * n * n * n + 1;\n};\nexports.inOutQuint = function (n) {\n n *= 2;\n if (n < 1) return 0.5 * n * n * n * n * n;\n return 0.5 * ((n -= 2) * n * n * n * n + 2);\n};\nexports.inSine = function (n) {\n return 1 - Math.cos(n * Math.PI / 2);\n};\nexports.outSine = function (n) {\n return Math.sin(n * Math.PI / 2);\n};\nexports.inOutSine = function (n) {\n return .5 * (1 - Math.cos(Math.PI * n));\n};\nexports.inExpo = function (n) {\n return 0 == n ? 0 : Math.pow(1024, n - 1);\n};\nexports.outExpo = function (n) {\n return 1 == n ? n : 1 - Math.pow(2, -10 * n);\n};\nexports.inOutExpo = function (n) {\n if (0 == n) return 0;\n if (1 == n) return 1;\n if ((n *= 2) < 1) return .5 * Math.pow(1024, n - 1);\n return .5 * (-Math.pow(2, -10 * (n - 1)) + 2);\n};\nexports.inCirc = function (n) {\n return 1 - Math.sqrt(1 - n * n);\n};\nexports.outCirc = function (n) {\n return Math.sqrt(1 - --n * n);\n};\nexports.inOutCirc = function (n) {\n n *= 2;\n if (n < 1) return -0.5 * (Math.sqrt(1 - n * n) - 1);\n return 0.5 * (Math.sqrt(1 - (n -= 2) * n) + 1);\n};\nexports.inBack = function (n) {\n var s = 1.70158;\n return n * n * ((s + 1) * n - s);\n};\nexports.outBack = function (n) {\n var s = 1.70158;\n return --n * n * ((s + 1) * n + s) + 1;\n};\nexports.inOutBack = function (n) {\n var s = 1.70158 * 1.525;\n if ((n *= 2) < 1) return 0.5 * (n * n * ((s + 1) * n - s));\n return 0.5 * ((n -= 2) * n * ((s + 1) * n + s) + 2);\n};\nexports.inBounce = function (n) {\n return 1 - exports.outBounce(1 - n);\n};\nexports.outBounce = function (n) {\n if (n < 1 / 2.75) {\n return 7.5625 * n * n;\n } else if (n < 2 / 2.75) {\n return 7.5625 * (n -= 1.5 / 2.75) * n + 0.75;\n } else if (n < 2.5 / 2.75) {\n return 7.5625 * (n -= 2.25 / 2.75) * n + 0.9375;\n } else {\n return 7.5625 * (n -= 2.625 / 2.75) * n + 0.984375;\n }\n};\nexports.inOutBounce = function (n) {\n if (n < .5) return exports.inBounce(n * 2) * .5;\n return exports.outBounce(n * 2 - 1) * .5 + .5;\n};\nexports.inElastic = function (n) {\n var s,\n a = 0.1,\n p = 0.4;\n if (n === 0) return 0;\n if (n === 1) return 1;\n if (!a || a < 1) {\n a = 1;\n s = p / 4;\n } else s = p * Math.asin(1 / a) / (2 * Math.PI);\n return -(a * Math.pow(2, 10 * (n -= 1)) * Math.sin((n - s) * (2 * Math.PI) / p));\n};\nexports.outElastic = function (n) {\n var s,\n a = 0.1,\n p = 0.4;\n if (n === 0) return 0;\n if (n === 1) return 1;\n if (!a || a < 1) {\n a = 1;\n s = p / 4;\n } else s = p * Math.asin(1 / a) / (2 * Math.PI);\n return a * Math.pow(2, -10 * n) * Math.sin((n - s) * (2 * Math.PI) / p) + 1;\n};\nexports.inOutElastic = function (n) {\n var s,\n a = 0.1,\n p = 0.4;\n if (n === 0) return 0;\n if (n === 1) return 1;\n if (!a || a < 1) {\n a = 1;\n s = p / 4;\n } else s = p * Math.asin(1 / a) / (2 * Math.PI);\n if ((n *= 2) < 1) return -0.5 * (a * Math.pow(2, 10 * (n -= 1)) * Math.sin((n - s) * (2 * Math.PI) / p));\n return a * Math.pow(2, -10 * (n -= 1)) * Math.sin((n - s) * (2 * Math.PI) / p) * 0.5 + 1;\n};\n\n// aliases\nexports['in-quad'] = exports.inQuad;\nexports['out-quad'] = exports.outQuad;\nexports['in-out-quad'] = exports.inOutQuad;\nexports['in-cube'] = exports.inCube;\nexports['out-cube'] = exports.outCube;\nexports['in-out-cube'] = exports.inOutCube;\nexports['in-quart'] = exports.inQuart;\nexports['out-quart'] = exports.outQuart;\nexports['in-out-quart'] = exports.inOutQuart;\nexports['in-quint'] = exports.inQuint;\nexports['out-quint'] = exports.outQuint;\nexports['in-out-quint'] = exports.inOutQuint;\nexports['in-sine'] = exports.inSine;\nexports['out-sine'] = exports.outSine;\nexports['in-out-sine'] = exports.inOutSine;\nexports['in-expo'] = exports.inExpo;\nexports['out-expo'] = exports.outExpo;\nexports['in-out-expo'] = exports.inOutExpo;\nexports['in-circ'] = exports.inCirc;\nexports['out-circ'] = exports.outCirc;\nexports['in-out-circ'] = exports.inOutCirc;\nexports['in-back'] = exports.inBack;\nexports['out-back'] = exports.outBack;\nexports['in-out-back'] = exports.inOutBack;\nexports['in-bounce'] = exports.inBounce;\nexports['out-bounce'] = exports.outBounce;\nexports['in-out-bounce'] = exports.inOutBounce;\nexports['in-elastic'] = exports.inElastic;\nexports['out-elastic'] = exports.outElastic;\nexports['in-out-elastic'] = exports.inOutElastic;","function Emitter(obj) {\n if (obj) return mixin(obj);\n}\n;\nfunction mixin(obj) {\n for (var key in Emitter.prototype) {\n obj[key] = Emitter.prototype[key];\n }\n return obj;\n}\nEmitter.prototype.on = Emitter.prototype.addEventListener = function (event, fn) {\n this._callbacks = this._callbacks || {};\n (this._callbacks['$' + event] = this._callbacks['$' + event] || []).push(fn);\n return this;\n};\nEmitter.prototype.once = function (event, fn) {\n function on() {\n this.off(event, on);\n fn.apply(this, arguments);\n }\n on.fn = fn;\n this.on(event, on);\n return this;\n};\nEmitter.prototype.off = Emitter.prototype.removeListener = Emitter.prototype.removeAllListeners = Emitter.prototype.removeEventListener = function (event, fn) {\n this._callbacks = this._callbacks || {};\n\n // all\n if (0 == arguments.length) {\n this._callbacks = {};\n return this;\n }\n\n // specific event\n var callbacks = this._callbacks['$' + event];\n if (!callbacks) return this;\n\n // remove all handlers\n if (1 == arguments.length) {\n delete this._callbacks['$' + event];\n return this;\n }\n\n // remove specific handler\n var cb;\n for (var i = 0; i < callbacks.length; i++) {\n cb = callbacks[i];\n if (cb === fn || cb.fn === fn) {\n callbacks.splice(i, 1);\n break;\n }\n }\n\n // Remove event specific arrays for event types that no\n // one is subscribed for to avoid memory leak.\n if (callbacks.length === 0) {\n delete this._callbacks['$' + event];\n }\n return this;\n};\nEmitter.prototype.emit = function (event) {\n this._callbacks = this._callbacks || {};\n var args = [].slice.call(arguments, 1),\n callbacks = this._callbacks['$' + event];\n if (callbacks) {\n callbacks = callbacks.slice(0);\n for (var i = 0, len = callbacks.length; i < len; ++i) {\n callbacks[i].apply(this, args);\n }\n }\n return this;\n};\nEmitter.prototype.listeners = function (event) {\n this._callbacks = this._callbacks || {};\n return this._callbacks['$' + event] || [];\n};\nEmitter.prototype.hasListeners = function (event) {\n return !!this.listeners(event).length;\n};\nif (typeof module !== 'undefined') {\n module.exports = Emitter;\n}","var scroll = require('./scroll-to');\nfunction calculateScrollOffset(elem, additionalOffset, alignment) {\n var body = document.body,\n html = document.documentElement;\n var elemRect = elem.getBoundingClientRect();\n var clientHeight = html.clientHeight;\n var documentHeight = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);\n additionalOffset = additionalOffset || 0;\n var scrollPosition;\n if (alignment === 'bottom') {\n scrollPosition = elemRect.bottom - clientHeight;\n } else if (alignment === 'middle') {\n scrollPosition = elemRect.bottom - clientHeight / 2 - elemRect.height / 2;\n } else {\n // top and default\n scrollPosition = elemRect.top;\n }\n var maxScrollPosition = documentHeight - clientHeight;\n return Math.min(scrollPosition + additionalOffset + window.pageYOffset, maxScrollPosition);\n}\nmodule.exports = function (elem, options) {\n options = options || {};\n if (typeof elem === 'string') elem = document.querySelector(elem);\n if (elem) return scroll(0, calculateScrollOffset(elem, options.offset, options.align), options);\n};","var Tween = require('./tween');\nvar raf = require('raf');\nfunction scroll() {\n var y = window.pageYOffset || document.documentElement.scrollTop;\n var x = window.pageXOffset || document.documentElement.scrollLeft;\n return {\n top: y,\n left: x\n };\n}\nfunction scrollTo(x, y, options) {\n options = options || {};\n\n // start position\n var start = scroll();\n\n // setup tween\n var tween = Tween(start).ease(options.ease || 'out-circ').to({\n top: y,\n left: x\n }).duration(options.duration || 1000);\n\n // scroll\n tween.update(function (o) {\n window.scrollTo(o.left | 0, o.top | 0);\n });\n\n // handle end\n tween.on('end', function () {\n animate = function () {};\n });\n\n // animate\n function animate() {\n raf(animate);\n tween.update();\n }\n animate();\n return tween;\n}\nmodule.exports = scrollTo;","var ease = require('./ease');\nvar Emitter = require('./emitter');\nfunction extend(obj, src) {\n for (var key in src) {\n if (src.hasOwnProperty(key)) obj[key] = src[key];\n }\n return obj;\n}\nfunction Tween(obj) {\n if (!(this instanceof Tween)) return new Tween(obj);\n this._from = obj;\n this.ease('linear');\n this.duration(500);\n}\nEmitter(Tween.prototype);\nTween.prototype.reset = function () {\n this.isArray = Object.prototype.toString.call(this._from) === '[object Array]';\n this._curr = extend({}, this._from);\n this._done = false;\n this._start = Date.now();\n return this;\n};\nTween.prototype.to = function (obj) {\n this.reset();\n this._to = obj;\n return this;\n};\nTween.prototype.duration = function (ms) {\n this._duration = ms;\n return this;\n};\nTween.prototype.ease = function (fn) {\n fn = 'function' == typeof fn ? fn : ease[fn];\n if (!fn) throw new TypeError('invalid easing function');\n this._ease = fn;\n return this;\n};\nTween.prototype.stop = function () {\n this.stopped = true;\n this._done = true;\n this.emit('stop');\n this.emit('end');\n return this;\n};\nTween.prototype.step = function () {\n if (this._done) return;\n var duration = this._duration;\n var now = Date.now();\n var delta = now - this._start;\n var done = delta >= duration;\n if (done) {\n this._from = this._to;\n this._update(this._to);\n this._done = true;\n this.emit('end');\n return this;\n }\n var from = this._from;\n var to = this._to;\n var curr = this._curr;\n var fn = this._ease;\n var p = (now - this._start) / duration;\n var n = fn(p);\n if (this.isArray) {\n for (var i = 0; i < from.length; ++i) {\n curr[i] = from[i] + (to[i] - from[i]) * n;\n }\n this._update(curr);\n return this;\n }\n for (var k in from) {\n curr[k] = from[k] + (to[k] - from[k]) * n;\n }\n this._update(curr);\n return this;\n};\nTween.prototype.update = function (fn) {\n if (0 == arguments.length) return this.step();\n this._update = fn;\n return this;\n};\nmodule.exports = Tween;","import camelCase from \"camelcase\"\nimport type { IGatsbyImageData } from \"./index\"\n\nconst DEFAULT_PIXEL_DENSITIES = [0.25, 0.5, 1, 2]\nexport const DEFAULT_BREAKPOINTS = [750, 1080, 1366, 1920]\nexport const EVERY_BREAKPOINT = [\n 320, 654, 768, 1024, 1366, 1600, 1920, 2048, 2560, 3440, 3840, 4096,\n]\nconst DEFAULT_FLUID_WIDTH = 800\nconst DEFAULT_FIXED_WIDTH = 800\nconst DEFAULT_ASPECT_RATIO = 4 / 3\n\nexport type Fit = \"cover\" | \"fill\" | \"inside\" | \"outside\" | \"contain\"\n\nexport type Layout = \"fixed\" | \"fullWidth\" | \"constrained\"\nexport type ImageFormat = \"jpg\" | \"png\" | \"webp\" | \"avif\" | \"auto\" | \"\"\n\n/**\n * The minimal required reporter, as we don't want to import it from gatsby-cli\n */\nexport interface IReporter {\n warn(message: string): void\n}\n\nexport interface ISharpGatsbyImageArgs {\n layout?: Layout\n formats?: Array\n placeholder?: \"tracedSVG\" | \"dominantColor\" | \"blurred\" | \"none\"\n tracedSVGOptions?: Record\n width?: number\n height?: number\n aspectRatio?: number\n sizes?: string\n quality?: number\n transformOptions?: {\n fit?: Fit\n cropFocus?: number | string\n duotone?: {\n highlight: string\n shadow: string\n opacity?: number\n }\n grayscale?: boolean\n rotate?: number\n trim?: number\n }\n jpgOptions?: Record\n pngOptions?: Record\n webpOptions?: Record\n avifOptions?: Record\n blurredOptions?: { width?: number; toFormat?: ImageFormat }\n breakpoints?: Array\n outputPixelDensities?: Array\n backgroundColor?: string\n}\n\nexport interface IImageSizeArgs {\n width?: number\n height?: number\n layout?: Layout\n filename: string\n outputPixelDensities?: Array\n breakpoints?: Array\n fit?: Fit\n reporter?: IReporter\n sourceMetadata: { width: number; height: number }\n}\n\nexport interface IImageSizes {\n sizes: Array\n presentationWidth: number\n presentationHeight: number\n aspectRatio: number\n unscaledWidth: number\n}\n\nexport interface IImage {\n src: string\n width: number\n height: number\n format: ImageFormat\n}\n\nexport interface IGatsbyImageHelperArgs {\n pluginName: string\n generateImageSource: (\n filename: string,\n width: number,\n height: number,\n format: ImageFormat,\n fit?: Fit,\n options?: Record\n ) => IImage\n layout?: Layout\n formats?: Array\n filename: string\n placeholderURL?: string\n width?: number\n height?: number\n sizes?: string\n reporter?: IReporter\n sourceMetadata?: { width: number; height: number; format: ImageFormat }\n fit?: Fit\n options?: Record\n breakpoints?: Array\n backgroundColor?: string\n aspectRatio?: number\n}\n\nconst warn = (message: string): void => console.warn(message)\n\nconst sortNumeric = (a: number, b: number): number => a - b\n\nexport const getSizes = (width: number, layout: Layout): string | undefined => {\n switch (layout) {\n // If screen is wider than the max size, image width is the max size,\n // otherwise it's the width of the screen\n case `constrained`:\n return `(min-width: ${width}px) ${width}px, 100vw`\n\n // Image is always the same width, whatever the size of the screen\n case `fixed`:\n return `${width}px`\n\n // Image is always the width of the screen\n case `fullWidth`:\n return `100vw`\n\n default:\n return undefined\n }\n}\n\nexport const getSrcSet = (images: Array): string =>\n images.map(image => `${image.src} ${image.width}w`).join(`,\\n`)\n\nexport function formatFromFilename(filename: string): ImageFormat | undefined {\n const dot = filename.lastIndexOf(`.`)\n if (dot !== -1) {\n const ext = filename.slice(dot + 1)\n if (ext === `jpeg`) {\n return `jpg`\n }\n if (ext.length === 3 || ext.length === 4) {\n return ext as ImageFormat\n }\n }\n return undefined\n}\n\nexport function setDefaultDimensions(\n args: IGatsbyImageHelperArgs\n): IGatsbyImageHelperArgs {\n let {\n layout = `constrained`,\n width,\n height,\n sourceMetadata,\n breakpoints,\n aspectRatio,\n formats = [`auto`, `webp`],\n } = args\n formats = formats.map(format => format.toLowerCase() as ImageFormat)\n layout = camelCase(layout) as Layout\n\n if (width && height) {\n return { ...args, formats, layout, aspectRatio: width / height }\n }\n if (sourceMetadata.width && sourceMetadata.height && !aspectRatio) {\n aspectRatio = sourceMetadata.width / sourceMetadata.height\n }\n\n if (layout === `fullWidth`) {\n width = width || sourceMetadata.width || breakpoints[breakpoints.length - 1]\n height = height || Math.round(width / (aspectRatio || DEFAULT_ASPECT_RATIO))\n } else {\n if (!width) {\n if (height && aspectRatio) {\n width = height * aspectRatio\n } else if (sourceMetadata.width) {\n width = sourceMetadata.width\n } else if (height) {\n width = Math.round(height / DEFAULT_ASPECT_RATIO)\n } else {\n width = DEFAULT_FIXED_WIDTH\n }\n }\n\n if (aspectRatio && !height) {\n height = Math.round(width / aspectRatio)\n } else if (!aspectRatio) {\n aspectRatio = width / height\n }\n }\n return { ...args, width, height, aspectRatio, layout, formats }\n}\n\n/**\n * Use this for getting an image for the blurred placeholder. This ensures the\n * aspect ratio and crop match the main image\n */\nexport function getLowResolutionImageURL(\n args: IGatsbyImageHelperArgs,\n width = 20\n): string {\n args = setDefaultDimensions(args)\n const { generateImageSource, filename, aspectRatio } = args\n return generateImageSource(\n filename,\n width,\n Math.round(width / aspectRatio),\n args.sourceMetadata.format || `jpg`,\n args.fit,\n args.options\n )?.src\n}\n\nexport function generateImageData(\n args: IGatsbyImageHelperArgs\n): IGatsbyImageData {\n args = setDefaultDimensions(args)\n\n let {\n pluginName,\n sourceMetadata,\n generateImageSource,\n layout,\n fit,\n options,\n width,\n height,\n filename,\n reporter = { warn },\n backgroundColor,\n placeholderURL,\n } = args\n\n if (!pluginName) {\n reporter.warn(\n `[gatsby-plugin-image] \"generateImageData\" was not passed a plugin name`\n )\n }\n\n if (typeof generateImageSource !== `function`) {\n throw new Error(`generateImageSource must be a function`)\n }\n\n if (!sourceMetadata || (!sourceMetadata.width && !sourceMetadata.height)) {\n // No metadata means we let the CDN handle max size etc, aspect ratio etc\n sourceMetadata = {\n width,\n height,\n format: sourceMetadata?.format || formatFromFilename(filename) || `auto`,\n }\n } else if (!sourceMetadata.format) {\n sourceMetadata.format = formatFromFilename(filename)\n }\n\n const formats = new Set(args.formats)\n\n if (formats.size === 0 || formats.has(`auto`) || formats.has(``)) {\n formats.delete(`auto`)\n formats.delete(``)\n formats.add(sourceMetadata.format)\n }\n\n if (formats.has(`jpg`) && formats.has(`png`)) {\n reporter.warn(\n `[${pluginName}] Specifying both 'jpg' and 'png' formats is not supported. Using 'auto' instead`\n )\n if (sourceMetadata.format === `jpg`) {\n formats.delete(`png`)\n } else {\n formats.delete(`jpg`)\n }\n }\n\n const imageSizes = calculateImageSizes({ ...args, sourceMetadata })\n\n const result: IGatsbyImageData[\"images\"] = {\n sources: [],\n }\n\n let sizes = args.sizes\n if (!sizes) {\n sizes = getSizes(imageSizes.presentationWidth, layout)\n }\n\n formats.forEach(format => {\n const images = imageSizes.sizes\n .map(size => {\n const imageSrc = generateImageSource(\n filename,\n size,\n Math.round(size / imageSizes.aspectRatio),\n format,\n fit,\n options\n )\n if (\n !imageSrc?.width ||\n !imageSrc.height ||\n !imageSrc.src ||\n !imageSrc.format\n ) {\n reporter.warn(\n `[${pluginName}] The resolver for image ${filename} returned an invalid value.`\n )\n return undefined\n }\n return imageSrc\n })\n .filter(Boolean)\n\n if (format === `jpg` || format === `png` || format === `auto`) {\n const unscaled =\n images.find(img => img.width === imageSizes.unscaledWidth) || images[0]\n\n if (unscaled) {\n result.fallback = {\n src: unscaled.src,\n srcSet: getSrcSet(images),\n sizes,\n }\n }\n } else {\n result.sources?.push({\n srcSet: getSrcSet(images),\n sizes,\n type: `image/${format}`,\n })\n }\n })\n\n const imageProps: Partial = {\n images: result,\n layout,\n backgroundColor,\n }\n\n if (placeholderURL) {\n imageProps.placeholder = { fallback: placeholderURL }\n }\n\n switch (layout) {\n case `fixed`:\n imageProps.width = imageSizes.presentationWidth\n imageProps.height = imageSizes.presentationHeight\n break\n\n case `fullWidth`:\n imageProps.width = 1\n imageProps.height = 1 / imageSizes.aspectRatio\n break\n\n case `constrained`:\n imageProps.width = args.width || imageSizes.presentationWidth || 1\n imageProps.height = (imageProps.width || 1) / imageSizes.aspectRatio\n }\n\n return imageProps as IGatsbyImageData\n}\n\nconst dedupeAndSortDensities = (values: Array): Array =>\n Array.from(new Set([1, ...values])).sort(sortNumeric)\n\nexport function calculateImageSizes(args: IImageSizeArgs): IImageSizes {\n const {\n width,\n height,\n filename,\n layout = `constrained`,\n sourceMetadata: imgDimensions,\n reporter = { warn },\n breakpoints = DEFAULT_BREAKPOINTS,\n } = args\n\n // check that all dimensions provided are positive\n const userDimensions = { width, height }\n const erroneousUserDimensions = Object.entries(userDimensions).filter(\n ([_, size]) => typeof size === `number` && size < 1\n )\n if (erroneousUserDimensions.length) {\n throw new Error(\n `Specified dimensions for images must be positive numbers (> 0). Problem dimensions you have are ${erroneousUserDimensions\n .map(dim => dim.join(`: `))\n .join(`, `)}`\n )\n }\n\n if (layout === `fixed`) {\n return fixedImageSizes(args)\n } else if (layout === `constrained`) {\n return responsiveImageSizes(args)\n } else if (layout === `fullWidth`) {\n return responsiveImageSizes({ breakpoints, ...args })\n } else {\n reporter.warn(\n `No valid layout was provided for the image at ${filename}. Valid image layouts are fixed, fullWidth, and constrained. Found ${layout}`\n )\n return {\n sizes: [imgDimensions.width],\n presentationWidth: imgDimensions.width,\n presentationHeight: imgDimensions.height,\n aspectRatio: imgDimensions.width / imgDimensions.height,\n unscaledWidth: imgDimensions.width,\n }\n }\n}\nexport function fixedImageSizes({\n filename,\n sourceMetadata: imgDimensions,\n width,\n height,\n fit = `cover`,\n outputPixelDensities = DEFAULT_PIXEL_DENSITIES,\n reporter = { warn },\n}: IImageSizeArgs): IImageSizes {\n let aspectRatio = imgDimensions.width / imgDimensions.height\n // Sort, dedupe and ensure there's a 1\n const densities = dedupeAndSortDensities(outputPixelDensities)\n\n // If both are provided then we need to check the fit\n if (width && height) {\n const calculated = getDimensionsAndAspectRatio(imgDimensions, {\n width,\n height,\n fit,\n })\n width = calculated.width\n height = calculated.height\n aspectRatio = calculated.aspectRatio\n }\n\n if (!width) {\n if (!height) {\n width = DEFAULT_FIXED_WIDTH\n } else {\n width = Math.round(height * aspectRatio)\n }\n } else if (!height) {\n height = Math.round(width / aspectRatio)\n }\n\n const originalWidth = width // will use this for presentationWidth, don't want to lose it\n const isTopSizeOverriden =\n imgDimensions.width < width || imgDimensions.height < (height as number)\n\n // If the image is smaller than requested, warn the user that it's being processed as such\n // print out this message with the necessary information before we overwrite it for sizing\n if (isTopSizeOverriden) {\n const fixedDimension = imgDimensions.width < width ? `width` : `height`\n reporter.warn(`\nThe requested ${fixedDimension} \"${\n fixedDimension === `width` ? width : height\n }px\" for the image ${filename} was larger than the actual image ${fixedDimension} of ${\n imgDimensions[fixedDimension]\n }px. If possible, replace the current image with a larger one.`)\n\n if (fixedDimension === `width`) {\n width = imgDimensions.width\n height = Math.round(width / aspectRatio)\n } else {\n height = imgDimensions.height\n width = height * aspectRatio\n }\n }\n\n const sizes = densities\n .filter(size => size >= 1) // remove smaller densities because fixed images don't need them\n .map(density => Math.round(density * (width as number)))\n .filter(size => size <= imgDimensions.width)\n\n return {\n sizes,\n aspectRatio,\n presentationWidth: originalWidth,\n presentationHeight: Math.round(originalWidth / aspectRatio),\n unscaledWidth: width,\n }\n}\n\nexport function responsiveImageSizes({\n sourceMetadata: imgDimensions,\n width,\n height,\n fit = `cover`,\n outputPixelDensities = DEFAULT_PIXEL_DENSITIES,\n breakpoints,\n layout,\n}: IImageSizeArgs): IImageSizes {\n let sizes\n let aspectRatio = imgDimensions.width / imgDimensions.height\n // Sort, dedupe and ensure there's a 1\n const densities = dedupeAndSortDensities(outputPixelDensities)\n\n // If both are provided then we need to check the fit\n if (width && height) {\n const calculated = getDimensionsAndAspectRatio(imgDimensions, {\n width,\n height,\n fit,\n })\n width = calculated.width\n height = calculated.height\n aspectRatio = calculated.aspectRatio\n }\n\n // Case 1: width of height were passed in, make sure it isn't larger than the actual image\n width = width && Math.min(width, imgDimensions.width)\n height = height && Math.min(height, imgDimensions.height)\n\n // Case 2: neither width or height were passed in, use default size\n if (!width && !height) {\n width = Math.min(DEFAULT_FLUID_WIDTH, imgDimensions.width)\n height = width / aspectRatio\n }\n\n // if it still hasn't been found, calculate width from the derived height.\n // TS isn't smart enough to realise the type for height has been narrowed here\n if (!width) {\n width = (height as number) * aspectRatio\n }\n\n const originalWidth = width\n const isTopSizeOverriden =\n imgDimensions.width < width || imgDimensions.height < (height as number)\n if (isTopSizeOverriden) {\n width = imgDimensions.width\n height = imgDimensions.height\n }\n\n width = Math.round(width)\n\n if (breakpoints?.length > 0) {\n sizes = breakpoints.filter(size => size <= imgDimensions.width)\n\n // If a larger breakpoint has been filtered-out, add the actual image width instead\n if (\n sizes.length < breakpoints.length &&\n !sizes.includes(imgDimensions.width)\n ) {\n sizes.push(imgDimensions.width)\n }\n } else {\n sizes = densities.map(density => Math.round(density * (width as number)))\n sizes = sizes.filter(size => size <= imgDimensions.width)\n }\n\n // ensure that the size passed in is included in the final output\n if (layout === `constrained` && !sizes.includes(width)) {\n sizes.push(width)\n }\n sizes = sizes.sort(sortNumeric)\n return {\n sizes,\n aspectRatio,\n presentationWidth: originalWidth,\n presentationHeight: Math.round(originalWidth / aspectRatio),\n unscaledWidth: width,\n }\n}\n\nexport function getDimensionsAndAspectRatio(\n dimensions,\n options\n): { width: number; height: number; aspectRatio: number } {\n // Calculate the eventual width/height of the image.\n const imageAspectRatio = dimensions.width / dimensions.height\n\n let width = options.width\n let height = options.height\n\n switch (options.fit) {\n case `fill`: {\n width = options.width ? options.width : dimensions.width\n height = options.height ? options.height : dimensions.height\n break\n }\n case `inside`: {\n const widthOption = options.width\n ? options.width\n : Number.MAX_SAFE_INTEGER\n const heightOption = options.height\n ? options.height\n : Number.MAX_SAFE_INTEGER\n\n width = Math.min(widthOption, Math.round(heightOption * imageAspectRatio))\n height = Math.min(\n heightOption,\n Math.round(widthOption / imageAspectRatio)\n )\n break\n }\n case `outside`: {\n const widthOption = options.width ? options.width : 0\n const heightOption = options.height ? options.height : 0\n\n width = Math.max(widthOption, Math.round(heightOption * imageAspectRatio))\n height = Math.max(\n heightOption,\n Math.round(widthOption / imageAspectRatio)\n )\n break\n }\n\n default: {\n if (options.width && !options.height) {\n width = options.width\n height = Math.round(options.width / imageAspectRatio)\n }\n\n if (options.height && !options.width) {\n width = Math.round(options.height * imageAspectRatio)\n height = options.height\n }\n }\n }\n\n return {\n width,\n height,\n aspectRatio: width / height,\n }\n}\n","/* global GATSBY___IMAGE */\nimport { generateImageData, EVERY_BREAKPOINT } from \"../image-utils\"\nimport type { CSSProperties, HTMLAttributes, ImgHTMLAttributes } from \"react\"\nimport type { Node } from \"gatsby\"\nimport type { PlaceholderProps } from \"./placeholder\"\nimport type { MainImageProps } from \"./main-image\"\nimport type { IGatsbyImageData } from \"./gatsby-image.browser\"\nimport type {\n IGatsbyImageHelperArgs,\n Layout,\n IImage,\n ImageFormat,\n} from \"../image-utils\"\n\n// Native lazy-loading support: https://addyosmani.com/blog/lazy-loading/\nexport const hasNativeLazyLoadSupport = (): boolean =>\n typeof HTMLImageElement !== `undefined` &&\n `loading` in HTMLImageElement.prototype\n\nexport function gatsbyImageIsInstalled(): boolean {\n return typeof GATSBY___IMAGE !== `undefined` && GATSBY___IMAGE\n}\n\nexport type IGatsbyImageDataParent = T & {\n gatsbyImageData: IGatsbyImageData\n}\nexport type IGatsbyImageParent = T & {\n gatsbyImage: IGatsbyImageData\n}\nexport type FileNode = Partial & {\n childImageSharp?: IGatsbyImageDataParent>\n}\n\nconst isGatsbyImageData = (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n node: IGatsbyImageData | any\n): node is IGatsbyImageData =>\n // 🦆 check for a deep prop to be sure this is a valid gatsbyImageData object\n Boolean(node?.images?.fallback?.src)\n\nconst isGatsbyImageDataParent = (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n node: IGatsbyImageDataParent | any\n): node is IGatsbyImageDataParent => Boolean(node?.gatsbyImageData)\n\nconst isGatsbyImageParent = (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n node: IGatsbyImageParent | any\n): node is IGatsbyImageParent => Boolean(node?.gatsbyImage)\n\nexport type ImageDataLike =\n | FileNode\n | IGatsbyImageDataParent\n | IGatsbyImageParent\n | IGatsbyImageData\n\nexport const getImage = (\n node: ImageDataLike | null\n): IGatsbyImageData | undefined => {\n // This checks both for gatsbyImageData and gatsbyImage\n if (isGatsbyImageData(node)) {\n return node\n }\n // gatsbyImageData GraphQL field\n if (isGatsbyImageDataParent(node)) {\n return node.gatsbyImageData\n }\n // gatsbyImage GraphQL field for Gatsby's Image CDN service\n if (isGatsbyImageParent(node)) {\n return node.gatsbyImage\n }\n return node?.childImageSharp?.gatsbyImageData\n}\n\nexport const getSrc = (node: ImageDataLike): string | undefined =>\n getImage(node)?.images?.fallback?.src\n\nexport const getSrcSet = (node: ImageDataLike): string | undefined =>\n getImage(node)?.images?.fallback?.srcSet\n\nexport function getWrapperProps(\n width: number,\n height: number,\n layout: Layout\n): Pick, \"className\" | \"style\"> & {\n \"data-gatsby-image-wrapper\": string\n} {\n const wrapperStyle: CSSProperties = {}\n\n let className = `gatsby-image-wrapper`\n\n // If the plugin isn't installed we need to apply the styles inline\n if (!gatsbyImageIsInstalled()) {\n wrapperStyle.position = `relative`\n wrapperStyle.overflow = `hidden`\n }\n\n if (layout === `fixed`) {\n wrapperStyle.width = width\n wrapperStyle.height = height\n } else if (layout === `constrained`) {\n if (!gatsbyImageIsInstalled()) {\n wrapperStyle.display = `inline-block`\n wrapperStyle.verticalAlign = `top`\n }\n className = `gatsby-image-wrapper gatsby-image-wrapper-constrained`\n }\n\n return {\n className,\n \"data-gatsby-image-wrapper\": ``,\n style: wrapperStyle,\n }\n}\n\nexport interface IUrlBuilderArgs {\n width: number\n height: number\n baseUrl: string\n format: ImageFormat\n options: OptionsType\n}\nexport interface IGetImageDataArgs> {\n baseUrl: string\n /**\n * For constrained and fixed images, the size of the image element\n */\n width?: number\n height?: number\n /**\n * If available, pass the source image width and height\n */\n sourceWidth?: number\n sourceHeight?: number\n /**\n * If only one dimension is passed, then this will be used to calculate the other.\n */\n aspectRatio?: number\n layout?: Layout\n /**\n * Returns a URL based on the passed arguments. Should be a pure function\n */\n urlBuilder: (args: IUrlBuilderArgs) => string\n\n /**\n * Should be a data URI\n */\n placeholderURL?: string\n backgroundColor?: string\n /**\n * Used in error messages etc\n */\n pluginName?: string\n\n /**\n * If you do not support auto-format, pass an array of image types here\n */\n formats?: Array\n\n breakpoints?: Array\n\n /**\n * Passed to the urlBuilder function\n */\n options?: OptionsType\n}\n\n/**\n * Use this hook to generate gatsby-plugin-image data in the browser.\n */\nexport function getImageData({\n baseUrl,\n urlBuilder,\n sourceWidth,\n sourceHeight,\n pluginName = `getImageData`,\n formats = [`auto`],\n breakpoints,\n options,\n ...props\n}: IGetImageDataArgs): IGatsbyImageData {\n if (\n !breakpoints?.length &&\n (props.layout === `fullWidth` || (props.layout as string) === `FULL_WIDTH`)\n ) {\n breakpoints = EVERY_BREAKPOINT\n }\n const generateImageSource = (\n baseUrl: string,\n width: number,\n height?: number,\n format?: ImageFormat\n ): IImage => {\n return {\n width,\n height,\n format,\n src: urlBuilder({ baseUrl, width, height, options, format }),\n }\n }\n\n const sourceMetadata: IGatsbyImageHelperArgs[\"sourceMetadata\"] = {\n width: sourceWidth,\n height: sourceHeight,\n format: `auto`,\n }\n\n const args: IGatsbyImageHelperArgs = {\n ...props,\n pluginName,\n generateImageSource,\n filename: baseUrl,\n formats,\n breakpoints,\n sourceMetadata,\n }\n return generateImageData(args)\n}\n\nexport function getMainProps(\n isLoading: boolean,\n isLoaded: boolean,\n images: IGatsbyImageData[\"images\"],\n loading?: \"eager\" | \"lazy\",\n style: CSSProperties = {}\n): Partial {\n // fallback when it's not configured in gatsby-config.\n if (!gatsbyImageIsInstalled()) {\n style = {\n height: `100%`,\n left: 0,\n position: `absolute`,\n top: 0,\n transform: `translateZ(0)`,\n transition: `opacity 250ms linear`,\n width: `100%`,\n willChange: `opacity`,\n ...style,\n }\n }\n\n const result = {\n ...images,\n loading,\n shouldLoad: isLoading,\n \"data-main-image\": ``,\n style: {\n ...style,\n opacity: isLoaded ? 1 : 0,\n },\n }\n\n return result\n}\n\nexport type PlaceholderImageAttrs = ImgHTMLAttributes &\n Pick & {\n \"data-placeholder-image\"?: string\n }\n\nexport function getPlaceholderProps(\n placeholder: PlaceholderImageAttrs | undefined,\n isLoaded: boolean,\n layout: Layout,\n width?: number,\n height?: number,\n backgroundColor?: string,\n objectFit?: CSSProperties[\"objectFit\"],\n objectPosition?: CSSProperties[\"objectPosition\"]\n): PlaceholderImageAttrs {\n const wrapperStyle: CSSProperties = {}\n\n if (backgroundColor) {\n wrapperStyle.backgroundColor = backgroundColor\n\n if (layout === `fixed`) {\n wrapperStyle.width = width\n wrapperStyle.height = height\n wrapperStyle.backgroundColor = backgroundColor\n wrapperStyle.position = `relative`\n } else if (layout === `constrained`) {\n wrapperStyle.position = `absolute`\n wrapperStyle.top = 0\n wrapperStyle.left = 0\n wrapperStyle.bottom = 0\n wrapperStyle.right = 0\n } else if (layout === `fullWidth`) {\n wrapperStyle.position = `absolute`\n wrapperStyle.top = 0\n wrapperStyle.left = 0\n wrapperStyle.bottom = 0\n wrapperStyle.right = 0\n }\n }\n\n if (objectFit) {\n wrapperStyle.objectFit = objectFit\n }\n\n if (objectPosition) {\n wrapperStyle.objectPosition = objectPosition\n }\n const result: PlaceholderImageAttrs = {\n ...placeholder,\n \"aria-hidden\": true,\n \"data-placeholder-image\": ``,\n style: {\n opacity: isLoaded ? 0 : 1,\n transition: `opacity 500ms linear`,\n ...wrapperStyle,\n },\n }\n\n // fallback when it's not configured in gatsby-config.\n if (!gatsbyImageIsInstalled()) {\n result.style = {\n height: `100%`,\n left: 0,\n position: `absolute`,\n top: 0,\n width: `100%`,\n }\n }\n\n return result\n}\n\nexport interface IArtDirectedImage {\n media: string\n image: IGatsbyImageData\n}\n\n/**\n * Generate a Gatsby image data object with multiple, art-directed images that display at different\n * resolutions.\n *\n * @param defaultImage The image displayed when no media query matches.\n * It is also used for all other settings applied to the image, such as width, height and layout.\n * You should pass a className to the component with media queries to adjust the size of the container,\n * as this cannot be adjusted automatically.\n * @param artDirected Array of objects which each contains a `media` string which is a media query\n * such as `(min-width: 320px)`, and the image object to use when that query matches.\n */\nexport function withArtDirection(\n defaultImage: IGatsbyImageData,\n artDirected: Array\n): IGatsbyImageData {\n const { images, placeholder, ...props } = defaultImage\n const output: IGatsbyImageData = {\n ...props,\n images: {\n ...images,\n sources: [],\n },\n placeholder: placeholder && {\n ...placeholder,\n sources: [],\n },\n }\n\n artDirected.forEach(({ media, image }) => {\n if (!media) {\n if (process.env.NODE_ENV === `development`) {\n console.warn(\n \"[gatsby-plugin-image] All art-directed images passed to must have a value set for `media`. Skipping.\"\n )\n }\n return\n }\n\n if (\n image.layout !== defaultImage.layout &&\n process.env.NODE_ENV === `development`\n ) {\n console.warn(\n `[gatsby-plugin-image] Mismatched image layout: expected \"${defaultImage.layout}\" but received \"${image.layout}\". All art-directed images use the same layout as the default image`\n )\n }\n\n output.images.sources.push(\n ...image.images.sources.map(source => {\n return { ...source, media }\n }),\n {\n media,\n srcSet: image.images.fallback.srcSet,\n }\n )\n\n if (!output.placeholder) {\n return\n }\n\n output.placeholder.sources.push({\n media,\n srcSet: image.placeholder.fallback,\n })\n })\n output.images.sources.push(...images.sources)\n if (placeholder?.sources) {\n output.placeholder?.sources.push(...placeholder.sources)\n }\n return output\n}\n","import React, { Fragment, FunctionComponent } from \"react\"\nimport terserMacro from \"../../macros/terser.macro\"\nimport { Layout } from \"../image-utils\"\n\nexport interface ILayoutWrapperProps {\n layout: Layout\n width: number\n height: number\n}\n\nconst NativeScriptLoading: FunctionComponent = () => (\n ![\"\"](\"data:image/svg+xml;charset=utf-8,%3Csvg)
`\n }\n\n return sizer\n}\n\nconst Sizer: FunctionComponent = function Sizer({\n layout,\n width,\n height,\n}) {\n if (layout === `fullWidth`) {\n return (\n \n )\n }\n\n if (layout === `constrained`) {\n return (\n =\n function LayoutWrapper({ children, ...props }) {\n return (\n \n \n )\n }\n","import React, { FunctionComponent, ImgHTMLAttributes } from \"react\"\nimport * as PropTypes from \"prop-types\"\n\nexport interface IResponsiveImageProps {\n sizes?: string\n srcSet: string\n}\n\nexport type SourceProps = IResponsiveImageProps &\n (\n | {\n media: string\n type?: string\n }\n | {\n media?: string\n type: string\n }\n )\n\ntype FallbackProps = { src: string } & Partial\n\ntype ImageProps = ImgHTMLAttributes & {\n src: string\n alt: string\n shouldLoad: boolean\n}\n\nexport type PictureProps = ImgHTMLAttributes & {\n fallback?: FallbackProps\n sources?: Array\n alt: string\n shouldLoad?: boolean\n}\n\nconst Image: FunctionComponent = function Image({\n src,\n srcSet,\n loading,\n alt = ``,\n shouldLoad,\n ...props\n}) {\n return (\n = function Picture({\n fallback,\n sources = [],\n shouldLoad = true,\n ...props\n}) {\n const sizes = props.sizes || fallback?.sizes\n const fallbackImage = (\n \n {sources.map(({ media, srcSet, type }) => (\n \n )\n}\n\nImage.propTypes = {\n src: PropTypes.string.isRequired,\n alt: PropTypes.string.isRequired,\n sizes: PropTypes.string,\n srcSet: PropTypes.string,\n shouldLoad: PropTypes.bool,\n}\n\nPicture.displayName = `Picture`\nPicture.propTypes = {\n alt: PropTypes.string.isRequired,\n shouldLoad: PropTypes.bool,\n fallback: PropTypes.exact({\n src: PropTypes.string.isRequired,\n srcSet: PropTypes.string,\n sizes: PropTypes.string,\n }),\n sources: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.exact({\n media: PropTypes.string.isRequired,\n type: PropTypes.string,\n sizes: PropTypes.string,\n srcSet: PropTypes.string.isRequired,\n }),\n PropTypes.exact({\n media: PropTypes.string,\n type: PropTypes.string.isRequired,\n sizes: PropTypes.string,\n srcSet: PropTypes.string.isRequired,\n }),\n ])\n ),\n}\n","import React, { FunctionComponent, ImgHTMLAttributes } from \"react\"\nimport * as PropTypes from \"prop-types\"\nimport { Picture, SourceProps } from \"./picture\"\n\nexport type PlaceholderProps = ImgHTMLAttributes & {\n fallback?: string\n sources?: Array\n}\n\nexport const Placeholder: FunctionComponent =\n function Placeholder({ fallback, ...props }) {\n if (fallback) {\n return (\n = function MainImage(props) {\n return (\n <>\n \n =\n function GatsbyImage({\n as = `div`,\n className,\n class: preactClass,\n style,\n image,\n loading = `lazy`,\n imgClassName,\n imgStyle,\n backgroundColor,\n objectFit,\n objectPosition,\n ...props\n }) {\n if (!image) {\n console.warn(`[gatsby-plugin-image] Missing image prop`)\n return null\n }\n\n if (preactClass) {\n className = preactClass\n }\n\n imgStyle = {\n objectFit,\n objectPosition,\n backgroundColor,\n ...imgStyle,\n }\n\n const {\n width,\n height,\n layout,\n images,\n placeholder,\n backgroundColor: placeholderBackgroundColor,\n } = image\n\n const {\n style: wStyle,\n className: wClass,\n ...wrapperProps\n } = getWrapperProps(width, height, layout)\n\n const cleanedImages: IGatsbyImageData[\"images\"] = {\n fallback: undefined,\n sources: [],\n }\n if (images.fallback) {\n cleanedImages.fallback = {\n ...images.fallback,\n srcSet: images.fallback.srcSet\n ? removeNewLines(images.fallback.srcSet)\n : undefined,\n }\n }\n\n if (images.sources) {\n cleanedImages.sources = images.sources.map(source => {\n return {\n ...source,\n srcSet: removeNewLines(source.srcSet),\n }\n })\n }\n\n return React.createElement(\n as,\n {\n ...wrapperProps,\n style: {\n ...wStyle,\n ...style,\n backgroundColor,\n },\n className: `${wClass}${className ? ` ${className}` : ``}`,\n },\n \n )}\n // When eager is set we want to start the isLoading state on true (we want to load the img without react)\n {...getMainProps(\n loading === `eager`,\n false,\n cleanedImages,\n loading,\n imgStyle\n )}\n />\n \n )\n }\n\nexport const altValidator: PropTypes.Validator = (\n props: GatsbyImageProps,\n propName,\n componentName,\n ...rest\n): Error | undefined => {\n if (!props.alt && props.alt !== ``) {\n return new Error(\n `The \"alt\" prop is required in ${componentName}. If the image is purely presentational then pass an empty string: e.g. alt=\"\". Learn more: https://a11y-style-guide.com/style-guide/section-media.html`\n )\n }\n\n return PropTypes.string(props, propName, componentName, ...rest)\n}\n\nexport const propTypes = {\n image: PropTypes.object.isRequired,\n alt: altValidator,\n} as WeakValidationMap\n","import {\n createElement,\n memo,\n useMemo,\n useEffect,\n useLayoutEffect,\n useRef,\n} from \"react\"\nimport {\n getWrapperProps,\n gatsbyImageIsInstalled,\n hasNativeLazyLoadSupport,\n} from \"./hooks\"\nimport { getSizer } from \"./layout-wrapper\"\nimport { propTypes } from \"./gatsby-image.server\"\nimport type {\n FC,\n ElementType,\n FunctionComponent,\n ImgHTMLAttributes,\n CSSProperties,\n ReactEventHandler,\n} from \"react\"\nimport type { renderImageToString } from \"./lazy-hydrate\"\nimport type { PlaceholderProps } from \"./placeholder\"\nimport type { MainImageProps } from \"./main-image\"\nimport type { Layout } from \"../image-utils\"\n\nconst imageCache = new Set()\nlet renderImageToStringPromise\nlet renderImage: typeof renderImageToString | undefined\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface GatsbyImageProps\n extends Omit<\n ImgHTMLAttributes,\n \"placeholder\" | \"onLoad\" | \"src\" | \"srcSet\" | \"width\" | \"height\"\n > {\n alt: string\n as?: ElementType\n className?: string\n class?: string\n imgClassName?: string\n image: IGatsbyImageData\n imgStyle?: CSSProperties\n backgroundColor?: string\n objectFit?: CSSProperties[\"objectFit\"]\n objectPosition?: CSSProperties[\"objectPosition\"]\n onLoad?: (props: { wasCached: boolean }) => void\n onError?: ReactEventHandler\n onStartLoad?: (props: { wasCached: boolean }) => void\n}\n\nexport interface IGatsbyImageData {\n layout: Layout\n width: number\n height: number\n backgroundColor?: string\n images: Pick\n placeholder?: Pick\n}\n\nconst GatsbyImageHydrator: FC = function GatsbyImageHydrator({\n as = `div`,\n image,\n style,\n backgroundColor,\n className,\n class: preactClass,\n onStartLoad,\n onLoad,\n onError,\n ...props\n}) {\n const { width, height, layout } = image\n const {\n style: wStyle,\n className: wClass,\n ...wrapperProps\n } = getWrapperProps(width, height, layout)\n const root = useRef()\n const cacheKey = useMemo(() => JSON.stringify(image.images), [image.images])\n\n // Preact uses class instead of className so we need to check for both\n if (preactClass) {\n className = preactClass\n }\n\n const sizer = getSizer(layout, width, height)\n\n useEffect(() => {\n if (!renderImageToStringPromise) {\n renderImageToStringPromise = import(`./lazy-hydrate`).then(\n ({ renderImageToString, swapPlaceholderImage }) => {\n renderImage = renderImageToString\n\n return {\n renderImageToString,\n swapPlaceholderImage,\n }\n }\n )\n }\n\n // The plugin image component is a bit special where if it's server-side rendered, we add extra script tags to support lazy-loading without\n // In this case we stop hydration but fire the correct events.\n const ssrImage = root.current.querySelector(\n `[data-gatsby-image-ssr]`\n ) as HTMLImageElement\n if (ssrImage && hasNativeLazyLoadSupport()) {\n if (ssrImage.complete) {\n // Trigger onStartload and onLoad events\n onStartLoad?.({\n wasCached: true,\n })\n onLoad?.({\n wasCached: true,\n })\n\n // remove ssr key for state updates but add delay to not fight with native code snippt of gatsby-ssr\n setTimeout(() => {\n ssrImage.removeAttribute(`data-gatsby-image-ssr`)\n }, 0)\n } else {\n onStartLoad?.({\n wasCached: true,\n })\n\n ssrImage.addEventListener(`load`, function onLoadListener() {\n ssrImage.removeEventListener(`load`, onLoadListener)\n\n onLoad?.({\n wasCached: true,\n })\n // remove ssr key for state updates but add delay to not fight with native code snippt of gatsby-ssr\n setTimeout(() => {\n ssrImage.removeAttribute(`data-gatsby-image-ssr`)\n }, 0)\n })\n }\n\n imageCache.add(cacheKey)\n\n return\n }\n\n if (renderImage && imageCache.has(cacheKey)) {\n return\n }\n\n let animationFrame\n let cleanupCallback\n renderImageToStringPromise.then(\n ({ renderImageToString, swapPlaceholderImage }) => {\n if (!root.current) {\n return\n }\n\n root.current.innerHTML = renderImageToString({\n isLoading: true,\n isLoaded: imageCache.has(cacheKey),\n image,\n ...props,\n })\n\n if (!imageCache.has(cacheKey)) {\n animationFrame = requestAnimationFrame(() => {\n if (root.current) {\n cleanupCallback = swapPlaceholderImage(\n root.current,\n cacheKey,\n imageCache,\n style,\n onStartLoad,\n onLoad,\n onError\n )\n }\n })\n }\n }\n )\n\n // eslint-disable-next-line consistent-return\n return (): void => {\n if (animationFrame) {\n cancelAnimationFrame(animationFrame)\n }\n if (cleanupCallback) {\n cleanupCallback()\n }\n }\n }, [image])\n\n // useLayoutEffect is ran before React commits to the DOM. This allows us to make sure our HTML is using our cached image version\n useLayoutEffect(() => {\n if (imageCache.has(cacheKey) && renderImage) {\n root.current.innerHTML = renderImage({\n isLoading: imageCache.has(cacheKey),\n isLoaded: imageCache.has(cacheKey),\n image,\n ...props,\n })\n\n // Trigger onStartload and onLoad events\n onStartLoad?.({\n wasCached: true,\n })\n onLoad?.({\n wasCached: true,\n })\n }\n }, [image])\n\n // By keeping all props equal React will keep the component in the DOM\n return createElement(as, {\n ...wrapperProps,\n style: {\n ...wStyle,\n ...style,\n backgroundColor,\n },\n className: `${wClass}${className ? ` ${className}` : ``}`,\n ref: root,\n dangerouslySetInnerHTML: {\n __html: sizer,\n },\n suppressHydrationWarning: true,\n })\n}\n\nexport const GatsbyImage: FunctionComponent = memo(\n function GatsbyImage(props) {\n if (!props.image) {\n if (process.env.NODE_ENV === `development`) {\n console.warn(`[gatsby-plugin-image] Missing image prop`)\n }\n\n return null\n }\n\n if (!gatsbyImageIsInstalled() && process.env.NODE_ENV === `development`) {\n console.warn(\n `[gatsby-plugin-image] You're missing out on some cool performance features. Please add \"gatsby-plugin-image\" to your gatsby-config.js`\n )\n }\n\n return createElement(GatsbyImageHydrator, props)\n }\n)\n\nGatsbyImage.propTypes = propTypes\nGatsbyImage.displayName = `GatsbyImage`\n","import React, { FunctionComponent, ReactElement } from \"react\"\nimport {\n altValidator,\n GatsbyImage as GatsbyImageServer,\n} from \"./gatsby-image.server\"\nimport { GatsbyImageProps, IGatsbyImageData } from \"./gatsby-image.browser\"\nimport PropTypes from \"prop-types\"\nimport { ISharpGatsbyImageArgs } from \"../image-utils\"\n\nexport interface IStaticImageProps\n extends Omit,\n Omit {\n src: string\n}\n\n// These values are added by Babel. Do not add them manually\ninterface IPrivateProps {\n __imageData?: IGatsbyImageData\n __error?: string\n}\n\nexport function _getStaticImage(\n GatsbyImage: FunctionComponent\n): React.FC {\n return function StaticImage({\n src,\n __imageData: imageData,\n __error,\n // We extract these because they're not meant to be passed-down to GatsbyImage\n /* eslint-disable @typescript-eslint/no-unused-vars */\n width,\n height,\n aspectRatio,\n tracedSVGOptions,\n placeholder,\n formats,\n quality,\n transformOptions,\n jpgOptions,\n pngOptions,\n webpOptions,\n avifOptions,\n blurredOptions,\n breakpoints,\n outputPixelDensities,\n /* eslint-enable @typescript-eslint/no-unused-vars */\n ...props\n }): ReactElement {\n if (__error) {\n console.warn(__error)\n }\n\n if (imageData) {\n return =\n _getStaticImage(GatsbyImageServer)\n\nconst checkDimensionProps: PropTypes.Validator = (\n props: IStaticImageProps & IPrivateProps,\n propName: keyof IStaticImageProps & IPrivateProps,\n ...rest\n) => {\n if (\n props.layout === `fullWidth` &&\n (propName === `width` || propName === `height`) &&\n props[propName]\n ) {\n return new Error(\n `\"${propName}\" ${props[propName]} may not be passed when layout is fullWidth.`\n )\n }\n return PropTypes.number(props, propName, ...rest)\n}\n\nconst validLayouts = new Set([`fixed`, `fullWidth`, `constrained`])\n\nexport const propTypes = {\n src: PropTypes.string.isRequired,\n alt: altValidator,\n width: checkDimensionProps,\n height: checkDimensionProps,\n sizes: PropTypes.string,\n layout: (props: IStaticImageProps & IPrivateProps): Error | undefined => {\n if (props.layout === undefined) {\n return undefined\n }\n if (validLayouts.has(props.layout)) {\n return undefined\n }\n\n return new Error(\n `Invalid value ${props.layout}\" provided for prop \"layout\". Defaulting to \"constrained\". Valid values are \"fixed\", \"fullWidth\" or \"constrained\".`\n )\n },\n}\n\nStaticImage.displayName = `StaticImage`\nStaticImage.propTypes = propTypes\n\nexport { StaticImage }\n","import {\n GatsbyImage as GatsbyImageBrowser,\n IGatsbyImageData,\n} from \"./gatsby-image.browser\"\nimport React from \"react\"\nimport {\n _getStaticImage,\n propTypes,\n IStaticImageProps,\n} from \"./static-image.server\"\n// These values are added by Babel. Do not add them manually\ninterface IPrivateProps {\n __imageData?: IGatsbyImageData\n __error?: string\n}\n\nconst StaticImage: React.FC =\n _getStaticImage(GatsbyImageBrowser)\n\nStaticImage.displayName = `StaticImage`\nStaticImage.propTypes = propTypes\n\nexport { StaticImage }\n","import PropTypes from 'prop-types';\nimport withSideEffect from 'react-side-effect';\nimport isEqual from 'react-fast-compare';\nimport React from 'react';\nimport objectAssign from 'object-assign';\nvar ATTRIBUTE_NAMES = {\n BODY: \"bodyAttributes\",\n HTML: \"htmlAttributes\",\n TITLE: \"titleAttributes\"\n};\nvar TAG_NAMES = {\n BASE: \"base\",\n BODY: \"body\",\n HEAD: \"head\",\n HTML: \"html\",\n LINK: \"link\",\n META: \"meta\",\n NOSCRIPT: \"noscript\",\n SCRIPT: \"script\",\n STYLE: \"style\",\n TITLE: \"title\"\n};\nvar VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(function (name) {\n return TAG_NAMES[name];\n});\nvar TAG_PROPERTIES = {\n CHARSET: \"charset\",\n CSS_TEXT: \"cssText\",\n HREF: \"href\",\n HTTPEQUIV: \"http-equiv\",\n INNER_HTML: \"innerHTML\",\n ITEM_PROP: \"itemprop\",\n NAME: \"name\",\n PROPERTY: \"property\",\n REL: \"rel\",\n SRC: \"src\",\n TARGET: \"target\"\n};\nvar REACT_TAG_MAP = {\n accesskey: \"accessKey\",\n charset: \"charSet\",\n class: \"className\",\n contenteditable: \"contentEditable\",\n contextmenu: \"contextMenu\",\n \"http-equiv\": \"httpEquiv\",\n itemprop: \"itemProp\",\n tabindex: \"tabIndex\"\n};\nvar HELMET_PROPS = {\n DEFAULT_TITLE: \"defaultTitle\",\n DEFER: \"defer\",\n ENCODE_SPECIAL_CHARACTERS: \"encodeSpecialCharacters\",\n ON_CHANGE_CLIENT_STATE: \"onChangeClientState\",\n TITLE_TEMPLATE: \"titleTemplate\"\n};\nvar HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key]] = key;\n return obj;\n}, {});\nvar SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];\nvar HELMET_ATTRIBUTE = \"data-react-helmet\";\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n};\nvar inherits = function (subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\nvar objectWithoutProperties = function (obj, keys) {\n var target = {};\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n return target;\n};\nvar possibleConstructorReturn = function (self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\nvar encodeSpecialCharacters = function encodeSpecialCharacters(str) {\n var encode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n if (encode === false) {\n return String(str);\n }\n return String(str).replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\").replace(/'/g, \"'\");\n};\nvar getTitleFromPropsList = function getTitleFromPropsList(propsList) {\n var innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);\n var innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);\n if (innermostTemplate && innermostTitle) {\n // use function arg to avoid need to escape $ characters\n return innermostTemplate.replace(/%s/g, function () {\n return Array.isArray(innermostTitle) ? innermostTitle.join(\"\") : innermostTitle;\n });\n }\n var innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);\n return innermostTitle || innermostDefaultTitle || undefined;\n};\nvar getOnChangeClientState = function getOnChangeClientState(propsList) {\n return getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || function () {};\n};\nvar getAttributesFromPropsList = function getAttributesFromPropsList(tagType, propsList) {\n return propsList.filter(function (props) {\n return typeof props[tagType] !== \"undefined\";\n }).map(function (props) {\n return props[tagType];\n }).reduce(function (tagAttrs, current) {\n return _extends({}, tagAttrs, current);\n }, {});\n};\nvar getBaseTagFromPropsList = function getBaseTagFromPropsList(primaryAttributes, propsList) {\n return propsList.filter(function (props) {\n return typeof props[TAG_NAMES.BASE] !== \"undefined\";\n }).map(function (props) {\n return props[TAG_NAMES.BASE];\n }).reverse().reduce(function (innermostBaseTag, tag) {\n if (!innermostBaseTag.length) {\n var keys = Object.keys(tag);\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase();\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && tag[lowerCaseAttributeKey]) {\n return innermostBaseTag.concat(tag);\n }\n }\n }\n return innermostBaseTag;\n }, []);\n};\nvar getTagsFromPropsList = function getTagsFromPropsList(tagName, primaryAttributes, propsList) {\n // Calculate list of tags, giving priority innermost component (end of the propslist)\n var approvedSeenTags = {};\n return propsList.filter(function (props) {\n if (Array.isArray(props[tagName])) {\n return true;\n }\n if (typeof props[tagName] !== \"undefined\") {\n warn(\"Helmet: \" + tagName + \" should be of type \\\"Array\\\". Instead found type \\\"\" + _typeof(props[tagName]) + \"\\\"\");\n }\n return false;\n }).map(function (props) {\n return props[tagName];\n }).reverse().reduce(function (approvedTags, instanceTags) {\n var instanceSeenTags = {};\n instanceTags.filter(function (tag) {\n var primaryAttributeKey = void 0;\n var keys = Object.keys(tag);\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n // Special rule with link tags, since rel and href are both primary tags, rel takes priority\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && !(primaryAttributeKey === TAG_PROPERTIES.REL && tag[primaryAttributeKey].toLowerCase() === \"canonical\") && !(lowerCaseAttributeKey === TAG_PROPERTIES.REL && tag[lowerCaseAttributeKey].toLowerCase() === \"stylesheet\")) {\n primaryAttributeKey = lowerCaseAttributeKey;\n }\n // Special case for innerHTML which doesn't work lowercased\n if (primaryAttributes.indexOf(attributeKey) !== -1 && (attributeKey === TAG_PROPERTIES.INNER_HTML || attributeKey === TAG_PROPERTIES.CSS_TEXT || attributeKey === TAG_PROPERTIES.ITEM_PROP)) {\n primaryAttributeKey = attributeKey;\n }\n }\n if (!primaryAttributeKey || !tag[primaryAttributeKey]) {\n return false;\n }\n var value = tag[primaryAttributeKey].toLowerCase();\n if (!approvedSeenTags[primaryAttributeKey]) {\n approvedSeenTags[primaryAttributeKey] = {};\n }\n if (!instanceSeenTags[primaryAttributeKey]) {\n instanceSeenTags[primaryAttributeKey] = {};\n }\n if (!approvedSeenTags[primaryAttributeKey][value]) {\n instanceSeenTags[primaryAttributeKey][value] = true;\n return true;\n }\n return false;\n }).reverse().forEach(function (tag) {\n return approvedTags.push(tag);\n });\n\n // Update seen tags with tags from this instance\n var keys = Object.keys(instanceSeenTags);\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var tagUnion = objectAssign({}, approvedSeenTags[attributeKey], instanceSeenTags[attributeKey]);\n approvedSeenTags[attributeKey] = tagUnion;\n }\n return approvedTags;\n }, []).reverse();\n};\nvar getInnermostProperty = function getInnermostProperty(propsList, property) {\n for (var i = propsList.length - 1; i >= 0; i--) {\n var props = propsList[i];\n if (props.hasOwnProperty(property)) {\n return props[property];\n }\n }\n return null;\n};\nvar reducePropsToState = function reducePropsToState(propsList) {\n return {\n baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF, TAG_PROPERTIES.TARGET], propsList),\n bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),\n defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),\n encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),\n htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),\n linkTags: getTagsFromPropsList(TAG_NAMES.LINK, [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF], propsList),\n metaTags: getTagsFromPropsList(TAG_NAMES.META, [TAG_PROPERTIES.NAME, TAG_PROPERTIES.CHARSET, TAG_PROPERTIES.HTTPEQUIV, TAG_PROPERTIES.PROPERTY, TAG_PROPERTIES.ITEM_PROP], propsList),\n noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),\n onChangeClientState: getOnChangeClientState(propsList),\n scriptTags: getTagsFromPropsList(TAG_NAMES.SCRIPT, [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML], propsList),\n styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),\n title: getTitleFromPropsList(propsList),\n titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList)\n };\n};\nvar rafPolyfill = function () {\n var clock = Date.now();\n return function (callback) {\n var currentTime = Date.now();\n if (currentTime - clock > 16) {\n clock = currentTime;\n callback(currentTime);\n } else {\n setTimeout(function () {\n rafPolyfill(callback);\n }, 0);\n }\n };\n}();\nvar cafPolyfill = function cafPolyfill(id) {\n return clearTimeout(id);\n};\nvar requestAnimationFrame = typeof window !== \"undefined\" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || rafPolyfill : global.requestAnimationFrame || rafPolyfill;\nvar cancelAnimationFrame = typeof window !== \"undefined\" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || cafPolyfill : global.cancelAnimationFrame || cafPolyfill;\nvar warn = function warn(msg) {\n return console && typeof console.warn === \"function\" && console.warn(msg);\n};\nvar _helmetCallback = null;\nvar handleClientStateChange = function handleClientStateChange(newState) {\n if (_helmetCallback) {\n cancelAnimationFrame(_helmetCallback);\n }\n if (newState.defer) {\n _helmetCallback = requestAnimationFrame(function () {\n commitTagChanges(newState, function () {\n _helmetCallback = null;\n });\n });\n } else {\n commitTagChanges(newState);\n _helmetCallback = null;\n }\n};\nvar commitTagChanges = function commitTagChanges(newState, cb) {\n var baseTag = newState.baseTag,\n bodyAttributes = newState.bodyAttributes,\n htmlAttributes = newState.htmlAttributes,\n linkTags = newState.linkTags,\n metaTags = newState.metaTags,\n noscriptTags = newState.noscriptTags,\n onChangeClientState = newState.onChangeClientState,\n scriptTags = newState.scriptTags,\n styleTags = newState.styleTags,\n title = newState.title,\n titleAttributes = newState.titleAttributes;\n updateAttributes(TAG_NAMES.BODY, bodyAttributes);\n updateAttributes(TAG_NAMES.HTML, htmlAttributes);\n updateTitle(title, titleAttributes);\n var tagUpdates = {\n baseTag: updateTags(TAG_NAMES.BASE, baseTag),\n linkTags: updateTags(TAG_NAMES.LINK, linkTags),\n metaTags: updateTags(TAG_NAMES.META, metaTags),\n noscriptTags: updateTags(TAG_NAMES.NOSCRIPT, noscriptTags),\n scriptTags: updateTags(TAG_NAMES.SCRIPT, scriptTags),\n styleTags: updateTags(TAG_NAMES.STYLE, styleTags)\n };\n var addedTags = {};\n var removedTags = {};\n Object.keys(tagUpdates).forEach(function (tagType) {\n var _tagUpdates$tagType = tagUpdates[tagType],\n newTags = _tagUpdates$tagType.newTags,\n oldTags = _tagUpdates$tagType.oldTags;\n if (newTags.length) {\n addedTags[tagType] = newTags;\n }\n if (oldTags.length) {\n removedTags[tagType] = tagUpdates[tagType].oldTags;\n }\n });\n cb && cb();\n onChangeClientState(newState, addedTags, removedTags);\n};\nvar flattenArray = function flattenArray(possibleArray) {\n return Array.isArray(possibleArray) ? possibleArray.join(\"\") : possibleArray;\n};\nvar updateTitle = function updateTitle(title, attributes) {\n if (typeof title !== \"undefined\" && document.title !== title) {\n document.title = flattenArray(title);\n }\n updateAttributes(TAG_NAMES.TITLE, attributes);\n};\nvar updateAttributes = function updateAttributes(tagName, attributes) {\n var elementTag = document.getElementsByTagName(tagName)[0];\n if (!elementTag) {\n return;\n }\n var helmetAttributeString = elementTag.getAttribute(HELMET_ATTRIBUTE);\n var helmetAttributes = helmetAttributeString ? helmetAttributeString.split(\",\") : [];\n var attributesToRemove = [].concat(helmetAttributes);\n var attributeKeys = Object.keys(attributes);\n for (var i = 0; i < attributeKeys.length; i++) {\n var attribute = attributeKeys[i];\n var value = attributes[attribute] || \"\";\n if (elementTag.getAttribute(attribute) !== value) {\n elementTag.setAttribute(attribute, value);\n }\n if (helmetAttributes.indexOf(attribute) === -1) {\n helmetAttributes.push(attribute);\n }\n var indexToSave = attributesToRemove.indexOf(attribute);\n if (indexToSave !== -1) {\n attributesToRemove.splice(indexToSave, 1);\n }\n }\n for (var _i = attributesToRemove.length - 1; _i >= 0; _i--) {\n elementTag.removeAttribute(attributesToRemove[_i]);\n }\n if (helmetAttributes.length === attributesToRemove.length) {\n elementTag.removeAttribute(HELMET_ATTRIBUTE);\n } else if (elementTag.getAttribute(HELMET_ATTRIBUTE) !== attributeKeys.join(\",\")) {\n elementTag.setAttribute(HELMET_ATTRIBUTE, attributeKeys.join(\",\"));\n }\n};\nvar updateTags = function updateTags(type, tags) {\n var headElement = document.head || document.querySelector(TAG_NAMES.HEAD);\n var tagNodes = headElement.querySelectorAll(type + \"[\" + HELMET_ATTRIBUTE + \"]\");\n var oldTags = Array.prototype.slice.call(tagNodes);\n var newTags = [];\n var indexToDelete = void 0;\n if (tags && tags.length) {\n tags.forEach(function (tag) {\n var newElement = document.createElement(type);\n for (var attribute in tag) {\n if (tag.hasOwnProperty(attribute)) {\n if (attribute === TAG_PROPERTIES.INNER_HTML) {\n newElement.innerHTML = tag.innerHTML;\n } else if (attribute === TAG_PROPERTIES.CSS_TEXT) {\n if (newElement.styleSheet) {\n newElement.styleSheet.cssText = tag.cssText;\n } else {\n newElement.appendChild(document.createTextNode(tag.cssText));\n }\n } else {\n var value = typeof tag[attribute] === \"undefined\" ? \"\" : tag[attribute];\n newElement.setAttribute(attribute, value);\n }\n }\n }\n newElement.setAttribute(HELMET_ATTRIBUTE, \"true\");\n\n // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.\n if (oldTags.some(function (existingTag, index) {\n indexToDelete = index;\n return newElement.isEqualNode(existingTag);\n })) {\n oldTags.splice(indexToDelete, 1);\n } else {\n newTags.push(newElement);\n }\n });\n }\n oldTags.forEach(function (tag) {\n return tag.parentNode.removeChild(tag);\n });\n newTags.forEach(function (tag) {\n return headElement.appendChild(tag);\n });\n return {\n oldTags: oldTags,\n newTags: newTags\n };\n};\nvar generateElementAttributesAsString = function generateElementAttributesAsString(attributes) {\n return Object.keys(attributes).reduce(function (str, key) {\n var attr = typeof attributes[key] !== \"undefined\" ? key + \"=\\\"\" + attributes[key] + \"\\\"\" : \"\" + key;\n return str ? str + \" \" + attr : attr;\n }, \"\");\n};\nvar generateTitleAsString = function generateTitleAsString(type, title, attributes, encode) {\n var attributeString = generateElementAttributesAsString(attributes);\n var flattenedTitle = flattenArray(title);\n return attributeString ? \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeString + \">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\" : \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\";\n};\nvar generateTagsAsString = function generateTagsAsString(type, tags, encode) {\n return tags.reduce(function (str, tag) {\n var attributeHtml = Object.keys(tag).filter(function (attribute) {\n return !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT);\n }).reduce(function (string, attribute) {\n var attr = typeof tag[attribute] === \"undefined\" ? attribute : attribute + \"=\\\"\" + encodeSpecialCharacters(tag[attribute], encode) + \"\\\"\";\n return string ? string + \" \" + attr : attr;\n }, \"\");\n var tagContent = tag.innerHTML || tag.cssText || \"\";\n var isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;\n return str + \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeHtml + (isSelfClosing ? \"/>\" : \">\" + tagContent + \"\");\n }, \"\");\n};\nvar convertElementAttributestoReactProps = function convertElementAttributestoReactProps(attributes) {\n var initProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(attributes).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key] || key] = attributes[key];\n return obj;\n }, initProps);\n};\nvar convertReactPropstoHtmlAttributes = function convertReactPropstoHtmlAttributes(props) {\n var initAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(props).reduce(function (obj, key) {\n obj[HTML_TAG_MAP[key] || key] = props[key];\n return obj;\n }, initAttributes);\n};\nvar generateTitleAsReactComponent = function generateTitleAsReactComponent(type, title, attributes) {\n var _initProps;\n\n // assigning into an array to define toString function on it\n var initProps = (_initProps = {\n key: title\n }, _initProps[HELMET_ATTRIBUTE] = true, _initProps);\n var props = convertElementAttributestoReactProps(attributes, initProps);\n return [React.createElement(TAG_NAMES.TITLE, props, title)];\n};\nvar generateTagsAsReactComponent = function generateTagsAsReactComponent(type, tags) {\n return tags.map(function (tag, i) {\n var _mappedTag;\n var mappedTag = (_mappedTag = {\n key: i\n }, _mappedTag[HELMET_ATTRIBUTE] = true, _mappedTag);\n Object.keys(tag).forEach(function (attribute) {\n var mappedAttribute = REACT_TAG_MAP[attribute] || attribute;\n if (mappedAttribute === TAG_PROPERTIES.INNER_HTML || mappedAttribute === TAG_PROPERTIES.CSS_TEXT) {\n var content = tag.innerHTML || tag.cssText;\n mappedTag.dangerouslySetInnerHTML = {\n __html: content\n };\n } else {\n mappedTag[mappedAttribute] = tag[attribute];\n }\n });\n return React.createElement(type, mappedTag);\n });\n};\nvar getMethodsForTag = function getMethodsForTag(type, tags, encode) {\n switch (type) {\n case TAG_NAMES.TITLE:\n return {\n toComponent: function toComponent() {\n return generateTitleAsReactComponent(type, tags.title, tags.titleAttributes, encode);\n },\n toString: function toString() {\n return generateTitleAsString(type, tags.title, tags.titleAttributes, encode);\n }\n };\n case ATTRIBUTE_NAMES.BODY:\n case ATTRIBUTE_NAMES.HTML:\n return {\n toComponent: function toComponent() {\n return convertElementAttributestoReactProps(tags);\n },\n toString: function toString() {\n return generateElementAttributesAsString(tags);\n }\n };\n default:\n return {\n toComponent: function toComponent() {\n return generateTagsAsReactComponent(type, tags);\n },\n toString: function toString() {\n return generateTagsAsString(type, tags, encode);\n }\n };\n }\n};\nvar mapStateOnServer = function mapStateOnServer(_ref) {\n var baseTag = _ref.baseTag,\n bodyAttributes = _ref.bodyAttributes,\n encode = _ref.encode,\n htmlAttributes = _ref.htmlAttributes,\n linkTags = _ref.linkTags,\n metaTags = _ref.metaTags,\n noscriptTags = _ref.noscriptTags,\n scriptTags = _ref.scriptTags,\n styleTags = _ref.styleTags,\n _ref$title = _ref.title,\n title = _ref$title === undefined ? \"\" : _ref$title,\n titleAttributes = _ref.titleAttributes;\n return {\n base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),\n bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),\n htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),\n link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),\n meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),\n noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),\n script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),\n style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),\n title: getMethodsForTag(TAG_NAMES.TITLE, {\n title: title,\n titleAttributes: titleAttributes\n }, encode)\n };\n};\nvar Helmet = function Helmet(Component) {\n var _class, _temp;\n return _temp = _class = function (_React$Component) {\n inherits(HelmetWrapper, _React$Component);\n function HelmetWrapper() {\n classCallCheck(this, HelmetWrapper);\n return possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n HelmetWrapper.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n return !isEqual(this.props, nextProps);\n };\n HelmetWrapper.prototype.mapNestedChildrenToProps = function mapNestedChildrenToProps(child, nestedChildren) {\n if (!nestedChildren) {\n return null;\n }\n switch (child.type) {\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.NOSCRIPT:\n return {\n innerHTML: nestedChildren\n };\n case TAG_NAMES.STYLE:\n return {\n cssText: nestedChildren\n };\n }\n throw new Error(\"<\" + child.type + \" /> elements are self-closing and can not contain children. Refer to our API for more information.\");\n };\n HelmetWrapper.prototype.flattenArrayTypeChildren = function flattenArrayTypeChildren(_ref) {\n var _babelHelpers$extends;\n var child = _ref.child,\n arrayTypeChildren = _ref.arrayTypeChildren,\n newChildProps = _ref.newChildProps,\n nestedChildren = _ref.nestedChildren;\n return _extends({}, arrayTypeChildren, (_babelHelpers$extends = {}, _babelHelpers$extends[child.type] = [].concat(arrayTypeChildren[child.type] || [], [_extends({}, newChildProps, this.mapNestedChildrenToProps(child, nestedChildren))]), _babelHelpers$extends));\n };\n HelmetWrapper.prototype.mapObjectTypeChildren = function mapObjectTypeChildren(_ref2) {\n var _babelHelpers$extends2, _babelHelpers$extends3;\n var child = _ref2.child,\n newProps = _ref2.newProps,\n newChildProps = _ref2.newChildProps,\n nestedChildren = _ref2.nestedChildren;\n switch (child.type) {\n case TAG_NAMES.TITLE:\n return _extends({}, newProps, (_babelHelpers$extends2 = {}, _babelHelpers$extends2[child.type] = nestedChildren, _babelHelpers$extends2.titleAttributes = _extends({}, newChildProps), _babelHelpers$extends2));\n case TAG_NAMES.BODY:\n return _extends({}, newProps, {\n bodyAttributes: _extends({}, newChildProps)\n });\n case TAG_NAMES.HTML:\n return _extends({}, newProps, {\n htmlAttributes: _extends({}, newChildProps)\n });\n }\n return _extends({}, newProps, (_babelHelpers$extends3 = {}, _babelHelpers$extends3[child.type] = _extends({}, newChildProps), _babelHelpers$extends3));\n };\n HelmetWrapper.prototype.mapArrayTypeChildrenToProps = function mapArrayTypeChildrenToProps(arrayTypeChildren, newProps) {\n var newFlattenedProps = _extends({}, newProps);\n Object.keys(arrayTypeChildren).forEach(function (arrayChildName) {\n var _babelHelpers$extends4;\n newFlattenedProps = _extends({}, newFlattenedProps, (_babelHelpers$extends4 = {}, _babelHelpers$extends4[arrayChildName] = arrayTypeChildren[arrayChildName], _babelHelpers$extends4));\n });\n return newFlattenedProps;\n };\n HelmetWrapper.prototype.warnOnInvalidChildren = function warnOnInvalidChildren(child, nestedChildren) {\n if (process.env.NODE_ENV !== \"production\") {\n if (!VALID_TAG_NAMES.some(function (name) {\n return child.type === name;\n })) {\n if (typeof child.type === \"function\") {\n return warn(\"You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.\");\n }\n return warn(\"Only elements types \" + VALID_TAG_NAMES.join(\", \") + \" are allowed. Helmet does not support rendering <\" + child.type + \"> elements. Refer to our API for more information.\");\n }\n if (nestedChildren && typeof nestedChildren !== \"string\" && (!Array.isArray(nestedChildren) || nestedChildren.some(function (nestedChild) {\n return typeof nestedChild !== \"string\";\n }))) {\n throw new Error(\"Helmet expects a string as a child of <\" + child.type + \">. Did you forget to wrap your children in braces? ( <\" + child.type + \">{``} ) Refer to our API for more information.\");\n }\n }\n return true;\n };\n HelmetWrapper.prototype.mapChildrenToProps = function mapChildrenToProps(children, newProps) {\n var _this2 = this;\n var arrayTypeChildren = {};\n React.Children.forEach(children, function (child) {\n if (!child || !child.props) {\n return;\n }\n var _child$props = child.props,\n nestedChildren = _child$props.children,\n childProps = objectWithoutProperties(_child$props, [\"children\"]);\n var newChildProps = convertReactPropstoHtmlAttributes(childProps);\n _this2.warnOnInvalidChildren(child, nestedChildren);\n switch (child.type) {\n case TAG_NAMES.LINK:\n case TAG_NAMES.META:\n case TAG_NAMES.NOSCRIPT:\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.STYLE:\n arrayTypeChildren = _this2.flattenArrayTypeChildren({\n child: child,\n arrayTypeChildren: arrayTypeChildren,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n default:\n newProps = _this2.mapObjectTypeChildren({\n child: child,\n newProps: newProps,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n }\n });\n newProps = this.mapArrayTypeChildrenToProps(arrayTypeChildren, newProps);\n return newProps;\n };\n HelmetWrapper.prototype.render = function render() {\n var _props = this.props,\n children = _props.children,\n props = objectWithoutProperties(_props, [\"children\"]);\n var newProps = _extends({}, props);\n if (children) {\n newProps = this.mapChildrenToProps(children, newProps);\n }\n return React.createElement(Component, newProps);\n };\n createClass(HelmetWrapper, null, [{\n key: \"canUseDOM\",\n // Component.peek comes from react-side-effect:\n // For testing, you may use a static peek() method available on the returned component.\n // It lets you get the current state without resetting the mounted instance stack.\n // Don’t use it for anything other than testing.\n\n /**\n * @param {Object} base: {\"target\": \"_blank\", \"href\": \"http://mysite.com/\"}\n * @param {Object} bodyAttributes: {\"className\": \"root\"}\n * @param {String} defaultTitle: \"Default Title\"\n * @param {Boolean} defer: true\n * @param {Boolean} encodeSpecialCharacters: true\n * @param {Object} htmlAttributes: {\"lang\": \"en\", \"amp\": undefined}\n * @param {Array} link: [{\"rel\": \"canonical\", \"href\": \"http://mysite.com/example\"}]\n * @param {Array} meta: [{\"name\": \"description\", \"content\": \"Test description\"}]\n * @param {Array} noscript: [{\"innerHTML\": \"
console.log(newState)\"\n * @param {Array} script: [{\"type\": \"text/javascript\", \"src\": \"http://mysite.com/js/test.js\"}]\n * @param {Array} style: [{\"type\": \"text/css\", \"cssText\": \"div { display: block; color: blue; }\"}]\n * @param {String} title: \"Title\"\n * @param {Object} titleAttributes: {\"itemprop\": \"name\"}\n * @param {String} titleTemplate: \"MySite.com - %s\"\n */\n set: function set$$1(canUseDOM) {\n Component.canUseDOM = canUseDOM;\n }\n }]);\n return HelmetWrapper;\n }(React.Component), _class.propTypes = {\n base: PropTypes.object,\n bodyAttributes: PropTypes.object,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n defaultTitle: PropTypes.string,\n defer: PropTypes.bool,\n encodeSpecialCharacters: PropTypes.bool,\n htmlAttributes: PropTypes.object,\n link: PropTypes.arrayOf(PropTypes.object),\n meta: PropTypes.arrayOf(PropTypes.object),\n noscript: PropTypes.arrayOf(PropTypes.object),\n onChangeClientState: PropTypes.func,\n script: PropTypes.arrayOf(PropTypes.object),\n style: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string,\n titleAttributes: PropTypes.object,\n titleTemplate: PropTypes.string\n }, _class.defaultProps = {\n defer: true,\n encodeSpecialCharacters: true\n }, _class.peek = Component.peek, _class.rewind = function () {\n var mappedState = Component.rewind();\n if (!mappedState) {\n // provide fallback if mappedState is undefined\n mappedState = mapStateOnServer({\n baseTag: [],\n bodyAttributes: {},\n encodeSpecialCharacters: true,\n htmlAttributes: {},\n linkTags: [],\n metaTags: [],\n noscriptTags: [],\n scriptTags: [],\n styleTags: [],\n title: \"\",\n titleAttributes: {}\n });\n }\n return mappedState;\n }, _temp;\n};\nvar NullComponent = function NullComponent() {\n return null;\n};\nvar HelmetSideEffects = withSideEffect(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);\nvar HelmetExport = Helmet(HelmetSideEffects);\nHelmetExport.renderStatic = HelmetExport.rewind;\nexport default HelmetExport;\nexport { HelmetExport as Helmet };","export default __webpack_public_path__ + \"static/share-image-9d1615498ff1c2ece839fd56bed98a31.jpg\";","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Helmet from \"react-helmet\"\nimport {StaticQuery, graphql} from \"gatsby\"\nimport shareImage from 'images/share-image.jpg'\n\nfunction SEO({description, lang, meta, keywords, title, slug}) {\n \n return (\n {\n const site = data.site;\n const metaDescription = description || site.siteMetadata.description\n let siteTitle = `${site.siteMetadata.title}`\n \n let url = typeof slug === 'undefined' ? site.siteMetadata.siteUrl : `${site.siteMetadata.siteUrl}/${slug}/`\n return (\n 0\n ? {\n name: `keywords`,\n content: keywords.join(`, `),\n }\n : []\n )\n .concat(meta)}\n >\n \n \n \n \n )\n }}\n />\n )\n}\n\nSEO.defaultProps = {\n lang: `en`,\n meta: [],\n keywords: [],\n description: ``,\n}\n\nSEO.propTypes = {\n description: PropTypes.string,\n lang: PropTypes.string,\n meta: PropTypes.arrayOf(PropTypes.object),\n keywords: PropTypes.arrayOf(PropTypes.string),\n title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n\nconst detailsQuery = graphql`\n query DefaultSEOQuery {\n site {\n siteMetadata {\n title\n description\n author\n siteUrl\n }\n }\n }\n`\n","export default __webpack_public_path__ + \"static/snow-flake-menu-top-af2eb98555a3d38356a1e1d688073e59.svg\";","export default __webpack_public_path__ + \"static/snow-flake-menu-bottom-c4c2b052840a847a5766033e45c5b495.svg\";","import React, {Component} from 'react';\nimport {Link} from \"gatsby\";\nimport styled from \"styled-components\";\nimport {media} from \"utils/Media\"\nimport snowFlakeTop from \"../../images/snow-flake-menu-top.svg\"\nimport snowFlakeBottom from \"../../images/snow-flake-menu-bottom.svg\"\n\nconst Nav = styled.nav`\n transition: opacity .2s ease-in-out;\n position: absolute;\n top: 5px;\n bottom: 0;\n left: 0;\n z-index: 500;\n max-width: initial;\n transform: translateX(-100%);\n opacity: 0;\n width: 100%;\n background: white;\n display: unset;\n\n @media ${media.md} {\n width: 450px;\n }\n\n ul {\n position: sticky;\n top: 70px;\n z-index: 502;\n margin-top: 9rem;\n max-height: calc(100vh - 70px);\n margin-bottom: 0;\n text-align: left;\n overflow-y: auto;\n padding-bottom: 4rem;\n padding-left: 0;\n margin-right: -17px;\n width: 100%;\n height: 100%;\n\n @media ${media.md} {\n margin-right: 0;\n width: 100%;\n }\n\n &.navToggled {\n width: calc(100% + 17px);\n }\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n z-index: 503;\n width: 100%;\n height: 100%;\n background: url(\"${snowFlakeTop}\") no-repeat right top;\n background-size: 200px;\n }\n\n &::after {\n position: absolute;\n top: 50px;\n left: 0;\n content: \"\";\n z-index: 503;\n width: 100%;\n height: calc(100% - 70px);\n background: url(\"${snowFlakeBottom}\") no-repeat -20% bottom;\n background-size: 200px;\n }\n\n li {\n display: block;\n margin: 1rem 0;\n position: relative;\n width: calc(100% - 17px);\n padding-left: 15px;\n z-index: 504;\n\n @media ${media.md} {\n width: 100%;\n }\n\n &.bg {\n padding-left: 0;\n div {\n background: linear-gradient(180deg, rgba(129, 224, 255, 0.5) 0%, rgba(129, 224, 255, 0) 100%);\n }\n }\n\n &.bigger span {\n font-size: 1.25rem;\n text-transform: uppercase;\n font-weight: bold;\n line-height: 150%;\n color: #000;\n\n @media ${media.sm} {\n font-size: 1.75rem;\n }\n }\n\n .link {\n color: #000;\n font-style: normal;\n font-size: 1rem;\n line-height: 150%;\n font-weight: normal;\n\n @media ${media.sm} {\n font-size: 1.25rem;\n }\n\n &.active, &:hover {\n color: #3400A3;\n text-decoration: none;\n }\n }\n\n button {\n background: none;\n border: none;\n padding: 0;\n }\n }\n }\n\n .submenu {\n display: none;\n margin: 0 auto;\n padding: 0;\n .link {\n font-size: 0.875rem;\n font-weight: bold;\n\n @media ${media.sm} {\n font-size: 1.125rem;\n }\n }\n\n &.visible {\n display: block;\n }\n }\n\n &.enrichment {\n ul {\n margin-top: 0;\n height: calc(100vh - 70px) !important;\n background: white;\n position: relative !important;\n }\n }\n\n &.active {\n transform: translateX(0);\n opacity: 1;\n }\n`\n\nclass Navigation extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n subMenuVisible: false\n }\n }\n\n toggleSubMenu = () => {\n this.setState({subMenuVisible: !this.state.subMenuVisible})\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default Navigation;\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst IframeWrapper = styled.div`\n margin: 0 auto;\n\n @media (min-width: 992px) {\n /* margin: 2.5% auto; */\n }\n\n iframe {\n border: 0;\n }\n`\n\nconst TrailerIframe = (props) => {\n console.log(props)\n return (\n \n \n )\n}\n\nexport default TrailerIframe","import React, {Component} from 'react';\nimport {Modal, ModalBody} from \"reactstrap\"\nimport styled from \"styled-components\"\nimport TrailerIframe from '../TrailerIframe/TrailerIframe'\n\nconst VModal = styled(Modal)`\n max-width: 1400px;\n padding: 0;\n border: 0;\n\n .modal-content {\n border: 0;\n position: relative;\n }\n\n .modal-body {\n padding: 0;\n border: 0;\n }\n`\n\nconst ButtonClose = styled.button`\n position: absolute;\n background-color: transparent;\n border: 0;\n z-index: 10;\n right: 1rem;\n top: 1rem;\n width: 30px;\n height: 30px;\n\n @media (min-width: 992px) {\n width: 50px;\n height: 50px;\n }\n\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 2px;\n background-color: #fff;\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:after {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n`\n\nclass VideoModal extends Component {\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (prevProps.modalOpen !== this.props.modalOpen && this.props.modalOpen) {\n if (typeof window !== 'undefined' && typeof window.__dataLayer !== 'undefined') {\n window.__dataLayer.publish('dtci.media', 'dtci.play', {\n \"mediaItem.show.name\": \"Frozen the Musical\",\n \"mediaItem.title\": \"\"\n });\n console.log(\"Video is tracked\")\n }\n }\n }\n\n render() {\n return (\n \n this.props.toggleModal(e, false)}>\n Close\n \n \n \n \n );\n }\n}\n\nexport default VideoModal;","import React, {Component} from \"react\"\nimport styled from \"styled-components\"\nimport {media} from \"utils/Media\"\nimport {disneynewsletterJs} from \"js/disney-newsletter.js\"\nimport moment from 'moment'\nimport 'moment-timezone';\nimport Navigation from \"./Navigation\";\nimport VideoModal from \"../shared/VideoModal\";\nimport {haversine} from \"../../js/geolocationDistance\";\n\nconst scrollToElement = require('scroll-to-element');\n\nconst Relative = styled.div`\n position: relative;\n padding: 0 15px;\n\n @media ${media.lg} {\n display: flex;\n justify-content: space-between;\n }\n\n .downloadAllBtn {\n padding-left: 10px;\n padding-right: 5px;\n width: 240px;\n max-width: 240px;\n font-size: 1rem;\n margin-top: 10px;\n margin-right: 15px;\n float: right;\n\n @media ${media.lg} {\n float: none;\n margin-top: 15px;\n width: 300px;\n max-width: 300px;\n }\n\n img {\n padding-left: 3px;\n }\n }\n`\n\nconst HeaderContainer = styled.div`\n background: white;\n display: block;\n position: absolute;\n top: 68px;\n width: 100%;\n max-width: 1920px;\n padding: 0;\n transition: background .2s ease-in-out;\n z-index: 501;\n min-height: 60px;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\n\n @media ${media.sm} {\n min-height: 50px;\n box-shadow: none;\n border-top: 1px solid;\n }\n\n @media ${media.lg} {\n min-height: 70px;\n }\n\n &.collapsed {\n top: 0;\n position: fixed;\n }\n\n`\n\nconst NavToggle = styled.button`\n position: relative;\n z-index: 502;\n height: 30px;\n width: 30px;\n margin-left: 0;\n margin-top: 15px;\n transition: all .2s linear;\n cursor: pointer;\n padding: 0;\n border: none;\n background: linear-gradient(135deg, #7BF6EF 0%, #3400A3 100%);\n\n @media ${media.sm} {\n height: 40px;\n width: 40px;\n margin-top: 5px;\n }\n\n @media ${media.lg} {\n margin-top: 15px;\n }\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 501;\n opacity: 0;\n transition: opacity 0.2s linear;\n background: linear-gradient(135deg, #9A8AFF 0%, #3B1293 48.96%, #000355 100%);\n }\n\n :hover::before {\n opacity: 1;\n }\n\n span {\n width: 19px;\n height: 2px;\n display: block;\n background-color: white;\n position: absolute;\n transition: all .2s ease-in-out;\n left: 6px;\n z-index: 503;\n\n &:nth-child(1) {\n top: 9px;\n }\n\n &:nth-child(2) {\n top: 50%;\n transform: translateY(-50%);\n }\n\n &:nth-child(3) {\n bottom: 9px;\n }\n\n @media ${media.sm} {\n left: 8px;\n width: 24px;\n height: 3px;\n\n &:nth-child(1) {\n top: 11px;\n }\n\n &:nth-child(2) {\n top: 50%;\n transform: translateY(-50%);\n }\n\n &:nth-child(3) {\n bottom: 11px;\n }\n }\n }\n\n &.active {\n span {\n &:nth-child(1) {\n top: 50%;\n transform: translateY(-50%) rotate(-45deg);\n }\n\n &:nth-child(2) {\n opacity: 0;\n }\n\n &:nth-child(3) {\n top: 50%;\n bottom: auto;\n transform: translateY(-50%) rotate(45deg);\n }\n }\n }\n\n`\n\nconst CounterStyled = styled.div`\n position: absolute;\n right: 15px;\n top: 15px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n @media ${media.sm} {\n width: 470px;\n top: 5px;\n }\n\n @media ${media.lg} {\n width: 900px;\n text-align: left;\n right: 15px;\n top: 15px;\n }\n\n &.active {\n //right: 30px;\n }\n\n &.counterOver {\n width: 320px;\n top: 15px;\n\n @media ${media.sm} {\n width: 470px;\n top: 5px;\n }\n\n @media ${media.lg} {\n width: 900px;\n top: 15px;\n }\n\n a {\n margin: 0 0 0 auto;\n }\n }\n\n .counter-text {\n font-size: 14px;\n font-weight: bold;\n color: ${props => props.theme.colors.navy};\n\n @media ${media.lg} {\n }\n }\n\n .counter-item {\n line-height: 1rem;\n position: relative;\n padding-right: 5px;\n width: 60px;\n\n &:first-of-type {\n width: 65px;\n flex-grow: 1;\n }\n\n &:not(:first-of-type) {\n flex-shrink: 0;\n }\n\n &.faded {\n opacity: 0.3;\n }\n\n .divider {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n height: 50px;\n }\n }\n\n .number {\n font-size: 2rem;\n line-height: 1rem;\n font-weight: bold;\n font-family: 'Proxima Nova W05 Bold', Arial, sans-serif;\n color: ${props => props.theme.colors.navy};\n display: inline-block;\n width: 56px;\n text-align: center;\n padding-top: 5px;\n\n @media ${media.lg} {\n padding-top: 0;\n font-size: 1.75rem;\n line-height: 1.5rem;\n }\n }\n\n .copy {\n font-size: 12px;\n color: ${props => props.theme.colors.navy};\n text-transform: uppercase;\n display: inline-block;\n width: 56px;\n text-align: center;\n }\n\n .counter-left-side {\n @media ${media.lg} {\n width: 700px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n }\n`\n\nconst PriorityButton = styled.a`\n width: 100px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n text-transform: uppercase;\n font-size: 1rem;\n font-family: ${props => props.theme.font.family.bold};\n font-weight: bold;\n transition: all .25s ease-in-out;\n margin-top: 0 !important;\n\n @media ${media.sm} {\n width: 200px;\n height: 40px;\n }\n\n @media ${media.lg} {\n margin-left: 10px !important;\n }\n\n &.smaller {\n width: 200px;\n height: 40px;\n }\n`\n\nconst TrailerButton = styled.button`\n width: 100px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n text-transform: uppercase;\n font-size: 1rem;\n font-family: ${props => props.theme.font.family.bold};\n font-weight: bold;\n transition: all .25s ease-in-out;\n margin-top: 0 !important;\n\n @media ${media.sm} {\n width: 200px;\n height: 40px;\n }\n\n @media ${media.lg} {\n margin-left: 10px !important;\n }\n\n &.smaller {\n width: 200px;\n height: 40px;\n }\n`\n\nclass Header extends Component {\n constructor(props) {\n super(props);\n \n this.state = {\n navToggled: false,\n collapsed: false,\n disneynewsletterjs: false,\n storyDropdownOpen: false,\n teachingDropdownOpen: false,\n videoModalOpen: false,\n showImages: false\n };\n }\n \n componentDidMount() {\n window.addEventListener('scroll', this.handleScroll, true)\n window.addEventListener('resize', this.handleScroll, true)\n \n if (!this.state.disneynewsletterjs) {\n const s = document.createElement('script')\n s.appendChild(document.createTextNode(disneynewsletterJs))\n document.body.appendChild(s)\n \n this.setState({\n disneynewsletterjs: !this.state.disneynewsletterjs\n })\n }\n }\n \n componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll, true)\n window.removeEventListener('resize', this.handleScroll, true)\n }\n \n handleScroll = () => {\n // let scrollPosition = document.documentElement.scrollTop\n let scrollPosition = Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop)\n let collapsed = scrollPosition < 63 ? false : true\n this.setState({\n collapsed\n })\n }\n \n toggleNav = () => {\n this.setState({\n navToggled: !this.state.navToggled\n })\n }\n \n scrollDown = (id, offset = 0) => {\n scrollToElement(id, {\n duration: 300,\n offset: offset\n })\n \n this.setState({\n navToggled: false\n })\n }\n \n onClick = (e) => {\n if (typeof window !== 'undefined') {\n window.did.launchNewsletters('frozen')\n // this API returns a Promise object (thenable)\n // the first function passed to then() is success(data)\n .then(function (data) {\n console.log(data);\n })\n // the second function is an error handler (optional)\n .fail(function (error) {\n console.log(error);\n });\n \n }\n }\n \n toggleVideoModal = (e, src) => {\n console.log(e, src)\n e.preventDefault();\n \n this.setState({\n src: src,\n videoModalOpen: !this.state.videoModalOpen\n });\n }\n \n render() {\n const {navToggled, collapsed} = this.state\n \n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n }\n}\n\nexport default Header\n","import React, {Component} from 'react';\nimport styled from 'styled-components';\nimport {media} from \"utils/Media\"\n\nconst FooterStyles = styled.footer`\n width: 100%;\n font: 12.5px/1.2 'Noto Sans', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n .df {\n margin: 0 auto;\n padding: 0;\n font-size: inherit;\n -webkit-font-smoothing: antialiased;\n line-height: inherit;\n max-width: 1300px;\n\n @media ${media.md} {\n padding: 1rem 2rem;\n }\n &__links {\n padding: 1rem 0 0.25rem 0;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin: 0;\n list-style: none;\n li {\n padding: 0 3.5px 0 0;\n margin: 0;\n line-height: 1.8;\n @media ${media.md} {\n line-height: 2.5; \n }\n a {\n color: #333333;\n text-decoration: none;\n will-change: color;\n transition: color 0.25s ease-in-out;\n &:hover,\n &:active {\n color: #007bff;\n }\n }\n }\n @media only screen and (min-width: 1024px) {\n justify-content: flex-start;\n }\n }\n p {\n margin-top: 1rem;\n font-size: 0.75rem;\n text-align: center;\n color: #333333;\n @media only screen and (min-width: 1024px) {\n text-align: left;\n text-align: left;\n }\n }\n @media ${media.sm} {\n\n }\n }\n`;\n\nclass Footer extends Component {\n openDialog = (e) => {\n if (typeof window !== 'undefined' && typeof window.__dataLayer !== 'undefined') {\n window.__dataLayer.OneTrustDialog(e)\n }\n }\n\n render() {\n return (\n \n \n )\n }\n}\n\nexport default Footer;\n","import React, { Component } from \"react\"\nimport styled from 'styled-components'\nimport DisneyFooter from \"./NewDisneyFooter\"\nimport seeItSafety from \"../../images/See-It-Safely-Logo.png\"\nimport { Container, Row, Col} from \"reactstrap\";\nimport {media} from \"utils/Media\"\n\nconst FooterStyled = styled.footer`\n background-color: white;\n width: 100%;\n position: relative;\n z-index: 5;\n @media ${media.xl} {\n .container {\n max-width: 1400px !important;\n }\n }\n`\n\nconst SocialIcons = styled.div`\n padding-top: 2rem;\n text-align: center;\n display: flex;\n margin: 0 auto;\n align-items: center;\n justify-content: center;\n`\n\nconst SocialIcon = styled.a`\n margin: 0 1rem;\n text-decoration: none;\n color: #003199;\n font-size: 2rem;\n\n &:hover {\n text-decoration: none;\n color: black;\n }\n`\n\nclass Footer extends Component {\n render() {\n return (\n \n \n \n \n \n facebook\n \n\n \n \n twitter\n \n\n \n instagram\n \n\n {/* \n ![\"See]({seeItSafety} "\\"See")
\n \n \n\n
\n \n \n )\n }\n}\nexport default Footer\n\n\n\n","export default \"data:image/png;base64,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\"","import React from 'react'\n\nexport default function DisneyLogo() {\n return (\n \n \n \n \n {/* \n \n )\n}\n\n\n\n// onClick={(e) => this.toggleVideoModal(e, \"\")}","import { cloneElement, Component, createElement } from 'react';\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (typeof call === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction zeroPad(value) {\n var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;\n var strValue = String(value);\n if (length === 0) return strValue;\n var match = strValue.match(/(.*?)([0-9]+)(.*)/);\n var prefix = match ? match[1] : '';\n var suffix = match ? match[3] : '';\n var strNo = match ? match[2] : strValue;\n var paddedNo = strNo.length >= length ? strNo : (_toConsumableArray(Array(length)).map(function () {\n return '0';\n }).join('') + strNo).slice(length * -1);\n return \"\".concat(prefix).concat(paddedNo).concat(suffix);\n}\nvar timeDeltaFormatOptionsDefaults = {\n daysInHours: false,\n zeroPadTime: 2\n};\nfunction calcTimeDelta(date) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var _options$now = options.now,\n now = _options$now === void 0 ? Date.now : _options$now,\n _options$precision = options.precision,\n precision = _options$precision === void 0 ? 0 : _options$precision,\n controlled = options.controlled,\n _options$offsetTime = options.offsetTime,\n offsetTime = _options$offsetTime === void 0 ? 0 : _options$offsetTime,\n overtime = options.overtime;\n var startTimestamp;\n if (typeof date === 'string') {\n startTimestamp = new Date(date).getTime();\n } else if (date instanceof Date) {\n startTimestamp = date.getTime();\n } else {\n startTimestamp = date;\n }\n if (!controlled) {\n startTimestamp += offsetTime;\n }\n var timeLeft = controlled ? startTimestamp : startTimestamp - now();\n var clampedPrecision = Math.min(20, Math.max(0, precision));\n var total = Math.round(parseFloat(((overtime ? timeLeft : Math.max(0, timeLeft)) / 1000).toFixed(clampedPrecision)) * 1000);\n var seconds = Math.abs(total) / 1000;\n return {\n total: total,\n days: Math.floor(seconds / (3600 * 24)),\n hours: Math.floor(seconds / 3600 % 24),\n minutes: Math.floor(seconds / 60 % 60),\n seconds: Math.floor(seconds % 60),\n milliseconds: Number((seconds % 1 * 1000).toFixed()),\n completed: total <= 0\n };\n}\nfunction formatTimeDelta(timeDelta, options) {\n var days = timeDelta.days,\n hours = timeDelta.hours,\n minutes = timeDelta.minutes,\n seconds = timeDelta.seconds;\n var _Object$assign = Object.assign(Object.assign({}, timeDeltaFormatOptionsDefaults), options),\n daysInHours = _Object$assign.daysInHours,\n zeroPadTime = _Object$assign.zeroPadTime,\n _Object$assign$zeroPa = _Object$assign.zeroPadDays,\n zeroPadDays = _Object$assign$zeroPa === void 0 ? zeroPadTime : _Object$assign$zeroPa;\n var zeroPadTimeLength = Math.min(2, zeroPadTime);\n var formattedHours = daysInHours ? zeroPad(hours + days * 24, zeroPadTime) : zeroPad(hours, zeroPadTimeLength);\n return {\n days: daysInHours ? '' : zeroPad(days, zeroPadDays),\n hours: formattedHours,\n minutes: zeroPad(minutes, zeroPadTimeLength),\n seconds: zeroPad(seconds, zeroPadTimeLength)\n };\n}\nvar Countdown = function (_React$Component) {\n _inherits(Countdown, _React$Component);\n var _super = _createSuper(Countdown);\n function Countdown() {\n var _this;\n _classCallCheck(this, Countdown);\n _this = _super.apply(this, arguments);\n _this.state = {\n count: _this.props.count || 3\n };\n _this.startCountdown = function () {\n _this.interval = window.setInterval(function () {\n var count = _this.state.count - 1;\n if (count === 0) {\n _this.stopCountdown();\n _this.props.onComplete && _this.props.onComplete();\n } else {\n _this.setState(function (prevState) {\n return {\n count: prevState.count - 1\n };\n });\n }\n }, 1000);\n };\n _this.stopCountdown = function () {\n clearInterval(_this.interval);\n };\n _this.addTime = function (seconds) {\n _this.stopCountdown();\n _this.setState(function (prevState) {\n return {\n count: prevState.count + seconds\n };\n }, _this.startCountdown);\n };\n return _this;\n }\n _createClass(Countdown, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.startCountdown();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearInterval(this.interval);\n }\n }, {\n key: \"render\",\n value: function render() {\n return this.props.children ? cloneElement(this.props.children, {\n count: this.state.count\n }) : null;\n }\n }]);\n return Countdown;\n}(Component);\nvar Countdown$1 = function (_React$Component) {\n _inherits(Countdown$1, _React$Component);\n var _super = _createSuper(Countdown$1);\n function Countdown$1(props) {\n var _this;\n _classCallCheck(this, Countdown$1);\n _this = _super.call(this, props);\n _this.mounted = false;\n _this.initialTimestamp = _this.calcOffsetStartTimestamp();\n _this.offsetStartTimestamp = _this.props.autoStart ? 0 : _this.initialTimestamp;\n _this.offsetTime = 0;\n _this.legacyMode = false;\n _this.legacyCountdownRef = null;\n _this.tick = function () {\n var timeDelta = _this.calcTimeDelta();\n var callback = timeDelta.completed && !_this.props.overtime ? undefined : _this.props.onTick;\n _this.setTimeDeltaState(timeDelta, undefined, callback);\n };\n _this.setLegacyCountdownRef = function (ref) {\n _this.legacyCountdownRef = ref;\n };\n _this.start = function () {\n if (_this.isStarted()) return;\n var prevOffsetStartTimestamp = _this.offsetStartTimestamp;\n _this.offsetStartTimestamp = 0;\n _this.offsetTime += prevOffsetStartTimestamp ? _this.calcOffsetStartTimestamp() - prevOffsetStartTimestamp : 0;\n var timeDelta = _this.calcTimeDelta();\n _this.setTimeDeltaState(timeDelta, \"STARTED\", _this.props.onStart);\n if (!_this.props.controlled && (!timeDelta.completed || _this.props.overtime)) {\n _this.clearTimer();\n _this.interval = window.setInterval(_this.tick, _this.props.intervalDelay);\n }\n };\n _this.pause = function () {\n if (_this.isPaused()) return;\n _this.clearTimer();\n _this.offsetStartTimestamp = _this.calcOffsetStartTimestamp();\n _this.setTimeDeltaState(_this.state.timeDelta, \"PAUSED\", _this.props.onPause);\n };\n _this.stop = function () {\n if (_this.isStopped()) return;\n _this.clearTimer();\n _this.offsetStartTimestamp = _this.calcOffsetStartTimestamp();\n _this.offsetTime = _this.offsetStartTimestamp - _this.initialTimestamp;\n _this.setTimeDeltaState(_this.calcTimeDelta(), \"STOPPED\", _this.props.onStop);\n };\n _this.isStarted = function () {\n return _this.isStatus(\"STARTED\");\n };\n _this.isPaused = function () {\n return _this.isStatus(\"PAUSED\");\n };\n _this.isStopped = function () {\n return _this.isStatus(\"STOPPED\");\n };\n _this.isCompleted = function () {\n return _this.isStatus(\"COMPLETED\");\n };\n if (props.date) {\n var timeDelta = _this.calcTimeDelta();\n _this.state = {\n timeDelta: timeDelta,\n status: timeDelta.completed ? \"COMPLETED\" : \"STOPPED\"\n };\n } else {\n _this.legacyMode = true;\n }\n return _this;\n }\n _createClass(Countdown$1, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.legacyMode) {\n return;\n }\n this.mounted = true;\n if (this.props.onMount) this.props.onMount(this.calcTimeDelta());\n if (this.props.autoStart) this.start();\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.legacyMode) {\n return;\n }\n if (this.props.date !== prevProps.date) {\n this.initialTimestamp = this.calcOffsetStartTimestamp();\n this.offsetStartTimestamp = this.initialTimestamp;\n this.offsetTime = 0;\n this.setTimeDeltaState(this.calcTimeDelta());\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n if (this.legacyMode) {\n return;\n }\n this.mounted = false;\n this.clearTimer();\n }\n }, {\n key: \"calcTimeDelta\",\n value: function calcTimeDelta$1() {\n var _this$props = this.props,\n date = _this$props.date,\n now = _this$props.now,\n precision = _this$props.precision,\n controlled = _this$props.controlled,\n overtime = _this$props.overtime;\n return calcTimeDelta(date, {\n now: now,\n precision: precision,\n controlled: controlled,\n offsetTime: this.offsetTime,\n overtime: overtime\n });\n }\n }, {\n key: \"calcOffsetStartTimestamp\",\n value: function calcOffsetStartTimestamp() {\n return Date.now();\n }\n }, {\n key: \"addTime\",\n value: function addTime(seconds) {\n this.legacyCountdownRef.addTime(seconds);\n }\n }, {\n key: \"clearTimer\",\n value: function clearTimer() {\n window.clearInterval(this.interval);\n }\n }, {\n key: \"isStatus\",\n value: function isStatus(status) {\n return this.state.status === status;\n }\n }, {\n key: \"setTimeDeltaState\",\n value: function setTimeDeltaState(timeDelta, status, callback) {\n var _this2 = this;\n if (!this.mounted) return;\n var completing = timeDelta.completed && !this.state.timeDelta.completed;\n var completedOnStart = timeDelta.completed && status === \"STARTED\";\n if (completing && !this.props.overtime) {\n this.clearTimer();\n }\n var onDone = function onDone() {\n if (callback) callback(_this2.state.timeDelta);\n if (_this2.props.onComplete && (completing || completedOnStart)) {\n _this2.props.onComplete(timeDelta, completedOnStart);\n }\n };\n return this.setState(function (prevState) {\n var newStatus = status || prevState.status;\n if (timeDelta.completed && !_this2.props.overtime) {\n newStatus = \"COMPLETED\";\n } else if (!status && newStatus === \"COMPLETED\") {\n newStatus = \"STOPPED\";\n }\n return {\n timeDelta: timeDelta,\n status: newStatus\n };\n }, onDone);\n }\n }, {\n key: \"getApi\",\n value: function getApi() {\n return this.api = this.api || {\n start: this.start,\n pause: this.pause,\n stop: this.stop,\n isStarted: this.isStarted,\n isPaused: this.isPaused,\n isStopped: this.isStopped,\n isCompleted: this.isCompleted\n };\n }\n }, {\n key: \"getRenderProps\",\n value: function getRenderProps() {\n var _this$props2 = this.props,\n daysInHours = _this$props2.daysInHours,\n zeroPadTime = _this$props2.zeroPadTime,\n zeroPadDays = _this$props2.zeroPadDays;\n var timeDelta = this.state.timeDelta;\n return Object.assign(Object.assign({}, timeDelta), {\n api: this.getApi(),\n props: this.props,\n formatted: formatTimeDelta(timeDelta, {\n daysInHours: daysInHours,\n zeroPadTime: zeroPadTime,\n zeroPadDays: zeroPadDays\n })\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n if (this.legacyMode) {\n var _this$props3 = this.props,\n count = _this$props3.count,\n _children = _this$props3.children,\n onComplete = _this$props3.onComplete;\n return createElement(Countdown, {\n ref: this.setLegacyCountdownRef,\n count: count,\n onComplete: onComplete\n }, _children);\n }\n var _this$props4 = this.props,\n className = _this$props4.className,\n overtime = _this$props4.overtime,\n children = _this$props4.children,\n renderer = _this$props4.renderer;\n var renderProps = this.getRenderProps();\n if (renderer) {\n return renderer(renderProps);\n }\n if (children && this.state.timeDelta.completed && !overtime) {\n return cloneElement(children, {\n countdown: renderProps\n });\n }\n var _renderProps$formatte = renderProps.formatted,\n days = _renderProps$formatte.days,\n hours = _renderProps$formatte.hours,\n minutes = _renderProps$formatte.minutes,\n seconds = _renderProps$formatte.seconds;\n return createElement(\"span\", {\n className: className\n }, renderProps.total < 0 ? '-' : '', days, days ? ':' : '', hours, \":\", minutes, \":\", seconds);\n }\n }]);\n return Countdown$1;\n}(Component);\nCountdown$1.defaultProps = Object.assign(Object.assign({}, timeDeltaFormatOptionsDefaults), {\n controlled: false,\n intervalDelay: 1000,\n precision: 0,\n autoStart: true\n});\nexport default Countdown$1;\nexport { calcTimeDelta, formatTimeDelta, zeroPad };","export default __webpack_public_path__ + \"static/background-2e9e68709933e5b82c7952d330e05541.png\";","export default __webpack_public_path__ + \"static/icicle-918fcbe3b3a8dd8a75f877832927f4b6.png\";","import React from 'react';\nimport styled from 'styled-components';\nimport Countdown from 'react-countdown';\n\nimport { media } from 'utils/Media';\n\nimport Background from '../../images/countdown/background.png';\nimport SnowFlake from '../../images/countdown/icicle.png';\n\nconst StyledCountdown = styled.section`\n width: 100%;\n padding: 1rem 0;\n background: linear-gradient(148deg, #4595E7 21.34%, #63DBE7 37.32%, #63DBE7 47.97%, #68B6DB 61.51%, #494BBA 75.83%);\n filter: blur(0px);\n font-variant-numeric: tabular-nums;\n position: relative;\n .sm-hidden {\n @media ${media.sm} {\n display: none;\n }\n }\n .xl-hidden {\n @media ${media.xl} {\n display: none;\n }\n }\n &:after {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.2);\n /* content: ''; */\n }\n .background-image {\n position: absolute;\n inset: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-image: url(${props => props.backgroundImage});\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n mix-blend-mode: screen;\n /* opacity: 0.5; */\n }\n .wrapper {\n position: relative;\n z-index: 5;\n width: 90%;\n margin: 0 auto;\n max-width: 1150px;\n text-align: center;\n .icy {\n position: absolute;\n top: 0%;\n img {\n width: 58px;\n height: 58px;\n @media ${media.sm} {\n width: 65px;\n height: 65px;\n }\n @media ${media.md} {\n width: 85px;\n height: 85px;\n }\n }\n }\n .left {\n left: 0;\n }\n .right {\n right: 0;\n }\n p {\n color: #FFF;\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n text-shadow: 0px 2px 2px black;\n margin: 0;\n padding: 0;\n @media ${media.sm} {\n font-size: 22px;\n }\n @media ${media.xl} {\n font-size: 24px;\n }\n span {\n font-family: 'Turquoise W05 Inline';\n color: #004684;\n text-align: center;\n text-shadow: 0px 2px 2px rgba(0, 70, 132, 0.40);\n font-size: 26px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n @media ${media.sm} {\n font-size: 40px;\n }\n @media ${media.md} {\n font-size: 60px;\n }\n @media ${media.xl} {\n font-size: 70px;\n }\n }\n }\n }\n`;\n\nexport default function CountdownBlock() {\n const targetDate = new Date('2024-09-08T17:30:00');\n\n const renderer = ({ days, hours, minutes }) => {\n return (\n \n \n );\n}\n","import React, {Component} from \"react\"\nimport PropTypes from \"prop-types\"\nimport styled, {ThemeProvider} from \"styled-components\"\nimport 'scss/main.scss'\nimport SEO from \"components/Seo/Seo\"\nimport GlobalStyles from \"utils/GlobalStyles\";\nimport {media} from \"utils/Media\"\nimport theme from \"utils/Theme\"\nimport Header from \"../Header/Header\"\nimport Footer from \"components/Footer/Footer\"\nimport {handleLinkClick} from \"js/handleLinkClick\"\nimport icon from \"../../images/white-diamond.svg\";\nimport { NewHeader } from \"../NewHeader\"\nimport Countdown from \"../Header/Countdown\"\n// import Snowfall from 'react-snowfall'\n\n\nconst scrollToElement = require('scroll-to-element');\n\nconst BestAvailability = styled.div`\n font-family: ${props => props.theme.font.family.bold};\n font-weight: bold;\n color: ${props => props.theme.colors.navy};\n font-size: 1rem;\n text-transform: uppercase;\n text-align: center;\n padding: 0.5rem 1rem;\n background-color: ${props => props.theme.colors.blue};\n\n @media ${media.sm} {\n font-size: 20px;\n }\n\n img {\n display: none;\n\n @media ${media.sm} {\n display: inline-block;\n padding-bottom: 7px;\n }\n }\n`\n\nclass Layout extends Component {\n componentDidMount() {\n this.interstitialCheck()\n this.dcfTracking()\n const hash = window.location.hash.split(\"?\");\n \n if (hash[0] && hash[0].includes('#')) {\n setTimeout(() => {\n scrollToElement(hash[0]);\n }, 200)\n } else {\n scrollToElement('body', {\n duration: 200\n });\n\n \n \n }\n \n window.addEventListener('keydown', this.handleFirstTab);\n\n const header = document.getElementById(\"header\");\n const siteWrap = document.getElementById(\"site-wrap\");\n if (header) {\n let headerHeight = header.clientHeight;\n siteWrap.style.paddingTop = `${headerHeight + 1}px`;\n window.addEventListener(\"resize\", () => {\n headerHeight = header.clientHeight;\n siteWrap.style.paddingTop = `${headerHeight + 1}px`;\n });\n }\n }\n \n interstitialCheck() {\n \n // Do not fire following code if already on interstitial\n if (window.location.pathname !== '/interstitial/') {\n \n // Grab all links\n const links = document.getElementById('site-wrap').getElementsByTagName('a');\n \n // Loop links\n Array.prototype.forEach.call(links, link => {\n \n // Skip links that have a class with no-interstitial-check\n if (!link.classList.contains('no-interstitial-check') && link.hasAttribute('href')) {\n \n // Add event listener to each\n link.addEventListener(\"click\", function (event) {\n handleLinkClick(event, link);\n });\n \n }\n })\n }\n }\n \n handleFirstTab(e) {\n if (e.keyCode === 9) { // the \"I am a keyboard user\" key\n document.body.classList.add('user-is-tabbing');\n window.removeEventListener('keydown', this.handleFirstTab);\n }\n }\n \n dcfTracking() {\n if (typeof window !== 'undefined' && typeof window.__dataLayer !== 'undefined') {\n window.__dataLayer.page.page_name = `emea:uk:disney:frozenthemusical:${this.props.pageName}`;\n window.__dataLayer.trackPage()\n console.log('Tracking is set')\n }\n }\n \n render() {\n return (\n \n\n \n )\n }\n}\n\nLayout.propTypes = {\n children: PropTypes.node.isRequired,\n}\n\nexport default Layout","import { navigate } from \"gatsby\"\n\nexport function handleLinkClick(event, link) {\n event.preventDefault();\n\n const element = event.currentTarget;\n const href = element.getAttribute(\"href\")\n const siteUrl = \"frozenthemusical.co.uk\"\n let actionName = \"link-click\"\n\n if (element.className.includes(\"btn\")) {\n actionName = \"button-click\"\n }\n\n // If href is a for the site itself exit\n if (href.indexOf(siteUrl) > 0 || (href.substring(0, 1) === \"/\" && href.substring(0, 2) !== \"//\")) {\n // Proceed with link as normal\n // DCF tracking\n console.log(actionName)\n const eventData = {\n actionName: actionName,\n actionValue1: \"Sign Up For Tickets\"\n }\n if (typeof window !== \"undefined\" && typeof window.__dataLayer !== \"undefined\") {\n window.__dataLayer.publish(\"click\",eventData);\n }\n navigate(href);\n } else {\n // DCF tracking\n actionName = \"exit-link\"\n console.log(actionName)\n console.log(window.__dataLayer)\n const exitLinkEventData = {\n event_name: \"click\",\n actionName: \"exit-link\",\n actionValue: href\n }\n if (typeof window !== \"undefined\" && typeof window.__dataLayer !== \"undefined\") {\n window.__dataLayer.publish('click', exitLinkEventData);\n }\n // Redirect to interstitial with correct state\n navigate(\"/interstitial/\", {\n state: {\n href: href,\n }\n });\n }\n}","import ProximaNovaW05LightEOT from \"./fonts/c48b9e64-9616-4651-8136-26dcc90b518f.eot?#iefix\";\nimport ProximaNovaW05LightWOFF2 from \"./fonts/27f5855e-1f73-42cc-a083-cb0f319ea42a.woff2\";\nimport ProximaNovaW05LightWOFF from \"./fonts/f44944f0-b92e-4152-9ea1-eb41de241416.woff\";\nimport ProximaNovaW05LightTTF from \"./fonts/b3ca6462-e5b3-4cfd-9c86-69bd1444273f.ttf\";\n\nimport ProximaNovaW05RegularEOT from \"./fonts/3bc45708-b148-4161-9d38-fa10e8cd8ed7.eot?#iefix\";\nimport ProximaNovaW05RegularWOFF2 from \"./fonts/33ca2000-af7b-4444-97cd-6392ab2e24b2.woff2\";\nimport ProximaNovaW05RegularWOFF from \"./fonts/1c003cc6-0f8f-4c82-adde-a5a026b56b50.woff\";\nimport ProximaNovaW05RegularTTF from \"./fonts/96dc6d98-013d-4a94-9c09-8476abc0abc6.ttf\";\n\nimport ProximaNovaW05MediumEOT from \"./fonts/e49a997f-7512-4cb2-b647-589aaacffab5.eot?#iefix\";\nimport ProximaNovaW05MediumWOFF2 from \"./fonts/fefa128d-8eb9-48e9-adf7-568b92a2e991.woff2\";\nimport ProximaNovaW05MediumWOFF from \"./fonts/8c025621-11f1-4af4-8dfa-69eb993b51b9.woff\";\nimport ProximaNovaW05MediumTTF from \"./fonts/7b58123f-5968-4e40-a0e0-6568b05ed816.ttf\";\n\nimport ProximaNovaW05BoldEOT from \"./fonts/9a48aea6-1175-475c-9ca0-e88402e8c3e3.eot?#iefix\";\nimport ProximaNovaW05BoldWOFF2 from \"./fonts/3c35dc60-9fe3-480f-90ac-e453db0271e2.woff2\";\nimport ProximaNovaW05BoldWOFF from \"./fonts/2b2b7939-693b-44cd-873a-1aa065a906b8.woff\";\nimport ProximaNovaW05BoldTTF from \"./fonts/b3268637-7b92-4f81-9d7f-1ee8e8a5d517.ttf\";\n\nimport noto_sansboldWOFF2 from \"./fonts/notosans-bold-webfont.woff2\";\nimport noto_sansboldWOFF from \"./fonts/notosans-bold-webfont.woff\";\nimport noto_sansboldTTF from \"./fonts/notosans-bold-webfont.ttf\";\n\nimport noto_sansregularWOFF2 from \"./fonts/notosans-regular-webfont.woff2\";\nimport noto_sansregularWOFF from \"./fonts/notosans-regular-webfont.woff\";\nimport noto_sansregularTTF from \"./fonts/notosans-regular-webfont.ttf\";\n\nimport TurquoiseW05InlineEOT from \"./fonts/dd805563-c51d-4e72-9f13-7bcffb8c5c28.eot?#iefix\";\nimport TurquoiseW05InlineWOFF2 from \"./fonts/fde16880-e6d7-449c-aef2-7aa6dd977118.woff2\";\nimport TurquoiseW05InlineWOFF from \"./fonts/99b977a1-b764-4eb9-ae07-76a78672eb9e.woff\";\nimport TurquoiseW05InlineTTF from \"./fonts/296b6fd4-209f-45d6-b8c3-d2cebb7d987c.ttf\";\n\nexport default {\n ProximaNovaW05LightEOT,\n ProximaNovaW05LightWOFF2,\n ProximaNovaW05LightWOFF,\n ProximaNovaW05LightTTF,\n\n ProximaNovaW05RegularEOT,\n ProximaNovaW05RegularWOFF2,\n ProximaNovaW05RegularWOFF,\n ProximaNovaW05RegularTTF,\n\n ProximaNovaW05MediumEOT,\n ProximaNovaW05MediumWOFF2,\n ProximaNovaW05MediumWOFF,\n ProximaNovaW05MediumTTF,\n\n ProximaNovaW05BoldEOT,\n ProximaNovaW05BoldWOFF2,\n ProximaNovaW05BoldWOFF,\n ProximaNovaW05BoldTTF,\n\n noto_sansboldWOFF2,\n noto_sansboldWOFF,\n noto_sansboldTTF,\n\n noto_sansregularWOFF2,\n noto_sansregularWOFF,\n noto_sansregularTTF,\n\n TurquoiseW05InlineEOT,\n TurquoiseW05InlineWOFF2,\n TurquoiseW05InlineWOFF,\n TurquoiseW05InlineTTF\n};","export default __webpack_public_path__ + \"static/c48b9e64-9616-4651-8136-26dcc90b518f-213fa8c7af55cf26eeae8e372a950061.eot\";","export default __webpack_public_path__ + \"static/27f5855e-1f73-42cc-a083-cb0f319ea42a-79b93f717676e6cc8fc25385ce54d32a.woff2\";","export default __webpack_public_path__ + \"static/f44944f0-b92e-4152-9ea1-eb41de241416-331cb919185fe0d89e35751561a6f766.woff\";","export default __webpack_public_path__ + \"static/b3ca6462-e5b3-4cfd-9c86-69bd1444273f-da3a29cb7bb23462129ecf9faed408a9.ttf\";","export default __webpack_public_path__ + \"static/3bc45708-b148-4161-9d38-fa10e8cd8ed7-ef7749bf4785257d6615fc6dc2131596.eot\";","export default __webpack_public_path__ + \"static/33ca2000-af7b-4444-97cd-6392ab2e24b2-d241888a8a8f0343e114f02fceafc391.woff2\";","export default __webpack_public_path__ + \"static/1c003cc6-0f8f-4c82-adde-a5a026b56b50-1fa9a50e632cdcd87125e90f4a782af1.woff\";","export default __webpack_public_path__ + \"static/96dc6d98-013d-4a94-9c09-8476abc0abc6-fe787d295f87f7d8c7e940958a1fb023.ttf\";","export default __webpack_public_path__ + \"static/e49a997f-7512-4cb2-b647-589aaacffab5-04b1e3e8e3a333da4b7ff3446c3aec9f.eot\";","export default __webpack_public_path__ + \"static/fefa128d-8eb9-48e9-adf7-568b92a2e991-c56584a03646aef63d3515b0025948d6.woff2\";","export default __webpack_public_path__ + \"static/8c025621-11f1-4af4-8dfa-69eb993b51b9-9bc2be006eaf0da03d3db6ae4d11b236.woff\";","export default __webpack_public_path__ + \"static/7b58123f-5968-4e40-a0e0-6568b05ed816-7f8d51295b6e8c10c6a92a68586221da.ttf\";","export default __webpack_public_path__ + \"static/9a48aea6-1175-475c-9ca0-e88402e8c3e3-444bf4a6e8703e49f695558ab891f086.eot\";","export default __webpack_public_path__ + \"static/3c35dc60-9fe3-480f-90ac-e453db0271e2-7e7d8dd5560c058bcc71ccf449ef043d.woff2\";","export default __webpack_public_path__ + \"static/2b2b7939-693b-44cd-873a-1aa065a906b8-3751a8117aa27ba9fb4943beb56d7c6c.woff\";","export default __webpack_public_path__ + \"static/b3268637-7b92-4f81-9d7f-1ee8e8a5d517-ad15061e029eb34230bf2c55b3481662.ttf\";","export default __webpack_public_path__ + \"static/notosans-bold-webfont-7ae13341ef1c03b98e8f02909cbccca6.woff2\";","export default __webpack_public_path__ + \"static/notosans-bold-webfont-63e087cd1016685cc41d0bb92f874403.woff\";","export default __webpack_public_path__ + \"static/notosans-bold-webfont-a98fde6adc9e37882589611b00fc50ea.ttf\";","export default __webpack_public_path__ + \"static/notosans-regular-webfont-0a49d9b849d9103afc6b370640aa30d0.woff2\";","export default __webpack_public_path__ + \"static/notosans-regular-webfont-334c209b5de521256e50e21543025399.woff\";","export default __webpack_public_path__ + \"static/notosans-regular-webfont-cd66b030d53f94ca052762691a346716.ttf\";","export default __webpack_public_path__ + \"static/dd805563-c51d-4e72-9f13-7bcffb8c5c28-a996ff0a2ef7e0b2d24bb236a9ab8e3c.eot\";","export default __webpack_public_path__ + \"static/fde16880-e6d7-449c-aef2-7aa6dd977118-100537a9b58312aa28bc7c67967c2e17.woff2\";","export default __webpack_public_path__ + \"static/99b977a1-b764-4eb9-ae07-76a78672eb9e-b82aebb26e9634efbb3162712a0b1b77.woff\";","export default __webpack_public_path__ + \"static/296b6fd4-209f-45d6-b8c3-d2cebb7d987c-ba740cea1f289661fe4b3d6772fd0a5c.ttf\";","import {createGlobalStyle, withTheme} from \"styled-components\";\nimport fontFiles from \"./Fonts\";\nimport {media} from \"utils/Media\"\n\nconst GlobalStyles = createGlobalStyle`\n/* \n @font-face {\n font-family: \"Proxima Nova W05 Light\";\n src: url(${fontFiles.ProximaNovaW05LightEOT});\n src: url(${fontFiles.ProximaNovaW05LightEOT}) format(\"eot\"),\n url(${fontFiles.ProximaNovaW05LightWOFF2}) format(\"woff2\"),\n url(${fontFiles.ProximaNovaW05LightWOFF}) format(\"woff\"),\n url(${fontFiles.ProximaNovaW05LightTTF}) format(\"truetype\");\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Proxima Nova W05 Regular\";\n src: url(${fontFiles.ProximaNovaW05RegularEOT});\n src: url(${fontFiles.ProximaNovaW05RegularEOT}) format(\"eot\"),\n url(${fontFiles.ProximaNovaW0RegularWOFF2}) format(\"woff2\"),\n url(${fontFiles.ProximaNovaW05RegularWOFF}) format(\"woff\"),\n url(${fontFiles.ProximaNovaW05RegularTTF}) format(\"truetype\");\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Proxima Nova W05 Medium\";\n src: url(${fontFiles.ProximaNovaW05MediumEOT});\n src: url(${fontFiles.ProximaNovaW05MediumEOT}) format(\"eot\"),\n url(${fontFiles.ProximaNovaW05MediumWOFF2}) format(\"woff2\"),\n url(${fontFiles.ProximaNovaW05MediumWOFF}) format(\"woff\"),\n url(${fontFiles.ProximaNovaW05MediumTTF}) format(\"truetype\");\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Proxima Nova W05 Bold\";\n src: url(${fontFiles.ProximaNovaW05BoldEOT});\n src: url(${fontFiles.ProximaNovaW05BoldEOT}) format(\"eot\"),\n url(${fontFiles.ProximaNovaW05BoldWOFF2}) format(\"woff2\"),\n url(${fontFiles.ProximaNovaW05BoldWOFF}) format(\"woff\"),\n url(${fontFiles.ProximaNovaW05BoldTTF}) format(\"truetype\");\n font-display: swap;\n }\n\n @font-face {\n font-family: \"noto_sansbold\";\n src: url(${fontFiles.noto_sansboldWOFF2}) format(\"woff2\"),\n url(${fontFiles.noto_sansboldWOFF}) format(\"woff\"),\n url(${fontFiles.noto_sansboldTTF}) format(\"truetype\");\n font-display: swap;\n } */\n\n @font-face {\n font-family: \"noto_sansregular\";\n src: url(${fontFiles.noto_sansregularWOFF2}) format(\"woff2\"),\n url(${fontFiles.noto_sansregularWOFF}) format(\"woff\"),\n url(${fontFiles.noto_sansregularTTF}) format(\"truetype\");\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Turquoise W05 Inline\";\n src: url(${fontFiles.TurquoiseW05InlineEOT});\n src: url(${fontFiles.TurquoiseW05InlineEOT}) format(\"eot\"),\n url(${fontFiles.TurquoiseW05InlineWOFF2}) format(\"woff2\"),\n url(${fontFiles.TurquoiseW05InlineWOFF}) format(\"woff\"),\n url(${fontFiles.TurquoiseW05InlineTTF}) format(\"truetype\");\n font-display: swap;\n }\n\n .nav-active {\n overflow: hidden;\n height: 100%;\n position: relative;\n}\nhtml {\n scroll-behavior: smooth;\n\n}\n body {\n font-family: ${props => props.theme.font.family.body};\n font-size: ${props => props.theme.font.size.base};\n font-weight: normal;\n line-height: ${props => props.theme.font.lineHeight.base};\n color: ${props => props.theme.colors.black};\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: ${props => props.theme.font.family.bold};\n font-weight: bold;\n font-weight: normal;\n }\n\n h1, h2, .h1, .h2 {\n font-size: ${props => props.theme.font.h2.xs.size};\n line-height: ${props => props.theme.font.h2.xs.lineHeight};\n\n @media ${media.sm} {\n font-size: ${props => props.theme.font.h2.sm.size};\n line-height: ${props => props.theme.font.h2.sm.lineHeight};\n }\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.h2.size};\n line-height: ${props => props.theme.font.h2.lineHeight};\n }\n\n &.font--bigger {\n font-size: ${props => props.theme.font.h2.bigger.xs.size};\n line-height: ${props => props.theme.font.h2.bigger.xs.lineHeight};\n\n @media ${media.sm} {\n font-size: ${props => props.theme.font.h2.bigger.sm.size};\n line-height: ${props => props.theme.font.h2.bigger.sm.lineHeight};\n }\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.h2.bigger.size};\n line-height: ${props => props.theme.font.h2.bigger.lineHeight};\n }\n }\n\n &.font--smaller {\n font-size: ${props => props.theme.font.h2.smaller.xs.size};\n line-height: ${props => props.theme.font.h2.smaller.xs.lineHeight};\n\n @media ${media.sm} {\n font-size: ${props => props.theme.font.h2.smaller.sm.size};\n line-height: ${props => props.theme.font.h2.smaller.sm.lineHeight};\n }\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.h2.smaller.size};\n line-height: ${props => props.theme.font.h2.smaller.lineHeight};\n }\n }\n }\n\n h3 {\n font-size: ${props => props.theme.font.h3.sm.size};\n line-height: ${props => props.theme.font.h3.sm.lineHeight};\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.h3.size};\n line-height: ${props => props.theme.font.h3.lineHeight};\n }\n }\n\n h4 {\n font-size: ${props => props.theme.font.h4.sm.size};\n line-height: ${props => props.theme.font.h4.sm.lineHeight};\n\n @media ${media.md} {\n font-size: ${props => props.theme.font.h4.md.size};\n line-height: ${props => props.theme.font.h4.md.lineHeight};\n }\n\n @media ${media.xl} {\n font-size: ${props => props.theme.font.h4.size};\n line-height: ${props => props.theme.font.h4.lineHeight};\n }\n }\n\n h5 {\n font-size: ${props => props.theme.font.h5.sm.size};\n line-height: ${props => props.theme.font.h5.sm.lineHeight};\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.h5.size};\n line-height: ${props => props.theme.font.h5.lineHeight};\n }\n\n &.font--bigger {\n font-size: ${props => props.theme.font.h5.bigger.sm.size};\n line-height: ${props => props.theme.font.h5.bigger.sm.lineHeight};\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.h5.bigger.size};\n line-height: ${props => props.theme.font.h5.bigger.lineHeight};\n }\n }\n }\n\n h6 {\n font-size: ${props => props.theme.font.h6.sm.size};\n line-height: ${props => props.theme.font.h6.sm.lineHeight};\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.h6.size};\n line-height: ${props => props.theme.font.h6.lineHeight};\n }\n }\n\n p, ol, ul {\n font-size: ${props => props.theme.font.p.sm.size};\n line-height: ${props => props.theme.font.p.sm.lineHeight};\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.p.size};\n line-height: ${props => props.theme.font.p.lineHeight};\n }\n\n &.smaller {\n font-size: ${props => props.theme.font.p.smaller.sm.size};\n line-height: ${props => props.theme.font.p.smaller.sm.lineHeight};\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.p.smaller.size};\n line-height: ${props => props.theme.font.p.smaller.lineHeight};\n }\n }\n\n &.bigger {\n font-size: ${props => props.theme.font.p.bigger.sm.size};\n line-height: ${props => props.theme.font.p.bigger.sm.lineHeight};\n\n @media ${media.lg} {\n font-size: ${props => props.theme.font.p.bigger.size};\n line-height: ${props => props.theme.font.p.bigger.lineHeight};\n }\n }\n }\n .navigation-link {\n color: #000;\n cursor: pointer;\n &:hover, &:active {\n color: #003199;\n }\n }\n a {\n color: ${props => props.theme.colors.navy};\n font-weight: ${props => props.theme.font.family.bold};\n\n &:hover {\n color: ${props => props.theme.colors.navy};\n }\n }\n\n ul {\n padding-left: 20px;\n }\n\n img {\n max-width: 100%;\n }\n\n .video-wrapper {\n position: relative;\n //padding-bottom: 75%; /* 4:3 aspect ratio */\n padding-bottom: 56.25%; /* 16:9 aspect ratio */\n padding-top: 0; // height of controls\n height: 0;\n\n iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n .posterImage {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n cursor: pointer;\n\n &.playing {\n display: none;\n }\n }\n }\n\n .play-icon {\n position: absolute;\n z-index: 2;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 70px;\n\n @media ${media.lg} {\n width: 120px;\n }\n }\n\n .modal-backdrop.show {\n background: #003199;\n opacity: 0.8;\n }\n\n //.modal-dialog {\n // max-width: calc(100% - 30px);\n // margin: 1.75rem auto;\n //}\n\n /* #main {\n margin-top: 60px;\n @media ${media.sm} {\n margin-top: 55px;\n }\n @media ${media.lg} {\n margin-top: 74px;\n }\n\n &.enrichmentHeader {\n margin-top: 100px;\n @media (min-width: 992px) {\n margin-top: 140px;\n }\n }\n\n &.subMenuHidden {\n margin-top: 70px !important;\n }\n\n &.interstitial {\n margin-top: 0;\n }\n } */\n\n .container {\n margin-left: auto;\n margin-right: auto;\n }\n\n .slider-arrow {\n position: absolute;\n z-index: 10;\n top: calc(0% + 45%);\n border: none;\n background: ${props => props.theme.colors.darkBlue};\n color: #fff;\n width: 45px;\n height: 45px;\n font-size: 20px;\n cursor: pointer;\n\n }\n\n .next {\n\n right: 0;\n }\n\n .prev {\n\n left: 0;\n }\n\n .hygge {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n min-height: 15px !important;\n }\n\n .lineHeightSmaller {\n line-height: 14px;\n margin-top: .5rem;\n min-height: 15px !important;\n }\n\n /* .c-collapse__item {\n display: flex;\n align-items: center;\n justify-content: center;\n } */\n #site-wrap {\n position: relative\n }\n\n .pride-grad {\n background: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));\n span {\n /* color: black; */\n }\n }\n\n\n`;\n\nexport default withTheme(GlobalStyles);\n","import theme from \"./Theme.js\";\n\nexport const media = Object.keys(theme.sizes).reduce((acc, cur) => {\n acc[cur] = `(min-width: ${theme.sizes[cur]})`;\n return acc;\n}, {});","import { media } from \"utils/Media\"\n// match bootstrap sizes, also add xxl\nconst sizes = {\n xs: \"0px\",\n sm: \"576px\",\n md: \"768px\",\n lg: \"992px\",\n xl: \"1200px\",\n xxl: \"1400px\",\n disney: \"1024px\"\n};\n\nconst fontSizeBase = 1;\n\nconst font = {\n family: {\n disneyRegular: `\"noto_sansregular\", Helvetica, Arial, sans-serif`,\n disneyBold: `\"noto_sansbold\", Helvetica, Arial, sans-serif`,\n special: `Turquoise W05 Inline`,\n light: `proxima-nova, sans-serif;`,\n base: `proxima-nova, sans-serif;`,\n medium: `proxima-nova, sans-serif;`,\n bold: `proxima-nova, sans-serif;`,\n body: `proxima-nova, sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"`\n },\n size: {\n base: `${fontSizeBase * .875}rem`, // 14px\n sm: `${fontSizeBase * .75}rem`, // 12px\n md: `${fontSizeBase}rem`, // 16px\n lg: `${fontSizeBase * 1.25}rem`, // 20px\n xl: `${fontSizeBase * 1.5}rem` // 24px\n },\n lineHeight: {\n sm: 1.1,\n base: 1.4,\n headings: 1.2\n },\n h1: {\n size: `${fontSizeBase * 3.5}rem`,\n lineHeight: `${fontSizeBase * 4.5}rem`,\n sm: {\n size: `${fontSizeBase * 3.5}rem`,\n lineHeight: `${fontSizeBase * 4.5}rem`,\n }\n },\n h2: {\n size: `${fontSizeBase * 3}rem`,\n lineHeight: `${fontSizeBase * 3.75}rem`,\n sm: {\n size: `${fontSizeBase * 2.5}rem`,\n lineHeight: `${fontSizeBase * 3}rem`,\n },\n xs: {\n size: `${fontSizeBase * 1.875}rem`,\n lineHeight: `${fontSizeBase * 2}rem`,\n },\n bigger: {\n size: `${fontSizeBase * 3 * 1.25}rem`,\n lineHeight: `${fontSizeBase * 3.75 * 1.25}rem`,\n sm: {\n size: `${fontSizeBase * 2.5 * 1.25}rem`,\n lineHeight: `${fontSizeBase * 3 * 1.25}rem`,\n },\n xs: {\n size: `${fontSizeBase * 1.875}rem`,\n lineHeight: `${fontSizeBase * 2}rem`,\n }\n },\n smaller: {\n size: `${fontSizeBase * 2}rem`,\n lineHeight: `${fontSizeBase * 2.75}rem`,\n sm: {\n size: `${fontSizeBase * 1.75}rem`,\n lineHeight: `${fontSizeBase * 2.25}rem`,\n },\n xs: {\n size: `${fontSizeBase * 1.5}rem`,\n lineHeight: `${fontSizeBase * 2}rem`,\n },\n }\n },\n h3: {\n size: `${fontSizeBase * 1.875}rem`,\n lineHeight: `${fontSizeBase * 2}rem`,\n sm: {\n size: `${fontSizeBase * 1.25}rem`,\n lineHeight: `${fontSizeBase * 1.5}rem`,\n },\n },\n h4: {\n size: `${fontSizeBase * 1.5}rem`,\n lineHeight: `${fontSizeBase * 1.8125}rem`,\n sm: {\n size: `${fontSizeBase * 1.125}rem`,\n lineHeight: `${fontSizeBase * 1.25}rem`,\n },\n md: {\n size: `${fontSizeBase * 1.25}rem`,\n lineHeight: `${fontSizeBase * 1.5}rem`,\n }\n },\n h5: {\n size: `${fontSizeBase * 1.25}rem`,\n lineHeight: `${fontSizeBase * 1.75}rem`,\n sm: {\n size: `${fontSizeBase}rem`,\n lineHeight: `${fontSizeBase * 1.375}rem`,\n },\n bigger: {\n size: `${fontSizeBase * 1.5}rem`,\n lineHeight: `${fontSizeBase * 2.25}rem`,\n sm: {\n size: `${fontSizeBase * 1.25}rem`,\n lineHeight: `${fontSizeBase * 1.5}rem`,\n },\n }\n },\n h6: {\n size: `${fontSizeBase * 1.25}rem`,\n lineHeight: `${fontSizeBase * 1.75}rem`,\n sm: {\n size: `${fontSizeBase}rem`,\n lineHeight: `${fontSizeBase * 1.375}rem`,\n },\n },\n p: {\n size: `${fontSizeBase * 1.125}rem`,\n lineHeight: `${fontSizeBase * 1.75}rem`,\n sm: {\n size: `${fontSizeBase}rem`,\n lineHeight: `${fontSizeBase * 1.375}rem`,\n },\n smaller: {\n size: `${fontSizeBase}rem`,\n lineHeight: `${fontSizeBase * 1.5}rem`,\n sm: {\n size: `${fontSizeBase * 0.875}rem`,\n lineHeight: `${fontSizeBase * 1.25}rem`,\n }\n },\n bigger: {\n size: `${fontSizeBase * 2}rem`,\n lineHeight: `${fontSizeBase * 2.5}rem`,\n sm: {\n size: `${fontSizeBase * 1.5}rem`,\n lineHeight: `${fontSizeBase * 1.75}rem`,\n }\n }\n }\n}\n\nexport default {\n sizes,\n font,\n transitionBase: \"all .4s ease-in-out\",\n colors: {\n white: \"#ffffff\",\n black: \"#000000\",\n blackOff: \"#222222\",\n greyDark: \"#4B4B4B\",\n blue: \"#8AECF5\",\n darkBlue: \"#003199\",\n navy: \"#004684\",\n grey: \"#E5E5E5\",\n greyMedium: \"#C9C6C6\",\n pink: \"#E84261\",\n purple: \"#702283\",\n purpleDark: \"#42145F\",\n yellow: \"#FFB624\",\n turquoise: \"#00ADB9\",\n turquoise2: \"#63DBE7\",\n turquoise3: \"#E2FFFF\",\n lightTurquoise: \"#c0f0f9\"\n }\n};","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = addClass;\n\nvar _hasClass = _interopRequireDefault(require(\"./hasClass\"));\n\nfunction addClass(element, className) {\n if (element.classList) element.classList.add(className);else if (!(0, _hasClass.default)(element, className)) if (typeof element.className === 'string') element.className = element.className + ' ' + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + ' ' + className);\n}\n\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.default = hasClass;\n\nfunction hasClass(element, className) {\n if (element.classList) return !!className && element.classList.contains(className);else return (\" \" + (element.className.baseVal || element.className) + \" \").indexOf(\" \" + className + \" \") !== -1;\n}\n\nmodule.exports = exports[\"default\"];","'use strict';\n\nfunction replaceClassName(origClass, classToRemove) {\n return origClass.replace(new RegExp('(^|\\\\s)' + classToRemove + '(?:\\\\s|$)', 'g'), '$1').replace(/\\s+/g, ' ').replace(/^\\s*|\\s*$/g, '');\n}\n\nmodule.exports = function removeClass(element, className) {\n if (element.classList) element.classList.remove(className);else if (typeof element.className === 'string') element.className = replaceClassName(element.className, className);else element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));\n};","function _extends() {\n return _extends = Object.assign ? Object.assign.bind() : function (n) {\n for (var e = 1; e < arguments.length; e++) {\n var t = arguments[e];\n for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n }\n return n;\n }, _extends.apply(null, arguments);\n}\nexport { _extends as default };","function _objectWithoutPropertiesLoose(r, e) {\n if (null == r) return {};\n var t = {};\n for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n if (e.includes(n)) continue;\n t[n] = r[n];\n }\n return t;\n}\nexport { _objectWithoutPropertiesLoose as default };"],"names":["camelCase","input","options","Array","isArray","TypeError","Object","assign","pascalCase","map","x","trim","filter","length","join","toUpperCase","toLowerCase","string","isLastCharLower","isLastCharUpper","isLastLastCharUpper","i","character","test","slice","preserveCamelCase","replace","_","p1","m","charAt","module","exports","hasOwn","hasOwnProperty","classNames","classes","arguments","arg","appendClass","parseValue","apply","toString","prototype","includes","key","call","value","newClass","default","tz","load","root","factory","this","moment","undefined","version","cachedGuess","zones","links","countries","names","guesses","logError","momentVersion","split","major","minor","charCodeToInt","charCode","unpackBase60","parts","whole","fractional","multiplier","out","sign","charCodeAt","arrayToInt","array","mapIndices","source","indices","unpack","data","offsets","untils","Math","round","Infinity","intToUntil","name","abbrs","population","Zone","packedString","_set","Country","country_name","zone_names","OffsetAt","at","timeString","toTimeString","abbr","match","offset","getTimezoneOffset","ZoneScore","zone","offsetScore","abbrScore","findChange","low","high","mid","diff","Date","sortZoneScores","a","b","localeCompare","addToGuesses","guessesForUserOffsets","j","guessesOffset","offsetsLength","filteredGuesses","checkedOffsets","push","rebuildGuess","intlName","Intl","DateTimeFormat","resolvedOptions","timeZone","normalizeName","e","zoneScore","change","next","nextOffset","startYear","getFullYear","last","lastOffset","userOffsets","zoneScores","getZone","scoreOffsetAt","sort","addZone","packed","normalized","caller","link","addLink","aliases","alias","normal0","normal1","needsOffset","isUnixTimestamp","_f","_a","_tzm","message","console","error","args","utc","isMoment","add","parse","unpacked","_index","timestamp","num","arr","len","lo","hi","floor","closest","zone_name","keys","country_code","indexOf","offsetNext","offsetPrev","target","max","moveAmbiguousForward","moveInvalidForward","mom","utcOffset","offsetAt","abs","dataVersion","_zones","_links","_names","_countries","country_zones","addCountries","zoneExists","didShowError","guess","ignoreCache","zonesForCountry","country","with_offset","old","fn","abbrWrap","_z","resetZoneWrap","defaultZone","updateOffset","keepTime","_isUTC","isValid","_d","z","Error","zoneName","zoneAbbr","local","setDefault","momentProperties","hookCallback","some","hooks","setHookCallback","callback","isObject","hasOwnProp","isObjectEmpty","obj","getOwnPropertyNames","k","isUndefined","isNumber","isDate","res","arrLen","extend","valueOf","createUTC","format","locale","strict","createLocalOrUTC","defaultParsingFlags","empty","unusedTokens","unusedInput","overflow","charsLeftOver","nullInput","invalidEra","invalidMonth","invalidFormat","userInvalidated","iso","parsedDateParts","era","meridiem","rfc2822","weekdayMismatch","getParsingFlags","_pf","flags","parsedParts","isNowValid","isNaN","getTime","invalidWeekday","_strict","bigHour","isFrozen","_isValid","createInvalid","NaN","fun","t","updateInProgress","copyConfig","to","from","prop","val","momentPropertiesLen","_isAMomentObject","_i","_l","_offset","_locale","Moment","config","warn","msg","suppressDeprecationWarnings","deprecate","firstTime","deprecationHandler","argLen","stack","deprecations","deprecateSimple","isFunction","Function","set","_config","_dayOfMonthOrdinalParseLenient","RegExp","_dayOfMonthOrdinalParse","_ordinalParse","mergeConfigs","parentConfig","childConfig","Locale","defaultCalendar","sameDay","nextDay","nextWeek","lastDay","lastWeek","sameElse","calendar","now","output","_calendar","zeroFill","number","targetLength","forceSign","absNumber","zerosToFill","pow","substr","formattingTokens","localFormattingTokens","formatFunctions","formatTokenFunctions","addFormatToken","token","padded","ordinal","func","localeData","removeFormattingTokens","makeFormatFunction","formatMoment","expandFormat","invalidDate","replaceLongDateFormatTokens","longDateFormat","lastIndex","defaultLongDateFormat","LTS","LT","L","LL","LLL","LLLL","_longDateFormat","formatUpper","tok","defaultInvalidDate","_invalidDate","defaultOrdinal","defaultDayOfMonthOrdinalParse","_ordinal","defaultRelativeTime","future","past","s","ss","mm","h","hh","d","dd","w","ww","M","MM","y","yy","relativeTime","withoutSuffix","isFuture","_relativeTime","pastFuture","D","dates","date","days","day","weekdays","weekday","E","isoweekdays","isoweekday","DDD","dayofyears","dayofyear","hours","hour","ms","milliseconds","millisecond","minutes","minute","months","month","Q","quarters","quarter","seconds","second","gg","weekyears","weekyear","GG","isoweekyears","isoweekyear","weeks","week","W","isoweeks","isoweek","years","year","normalizeUnits","units","normalizeObjectUnits","inputObject","normalizedProp","normalizedInput","priorities","isoWeekday","dayOfYear","weekYear","isoWeekYear","isoWeek","getPrioritizedUnits","unitsObj","u","unit","priority","regexes","match1","match2","match3","match4","match6","match1to2","match3to4","match5to6","match1to3","match1to4","match1to6","matchUnsigned","matchSigned","matchOffset","matchShortOffset","matchTimestamp","matchWord","match1to2NoLeadingZero","match1to2HasZero","addRegexToken","regex","strictRegex","isStrict","getParseRegexForToken","unescapeFormat","regexEscape","matched","p2","p3","p4","absFloor","ceil","toInt","argumentForCoercion","coercedNumber","isFinite","tokens","addParseToken","tokenLen","addWeekParseToken","_w","addTimeToArrayFromToken","isLeapYear","YEAR","MONTH","DATE","HOUR","MINUTE","SECOND","MILLISECOND","WEEK","WEEKDAY","daysInYear","parseTwoDigitYear","parseInt","getSetYear","makeGetSet","getIsLeapYear","set$1","get","isUTC","getUTCMilliseconds","getMilliseconds","getUTCSeconds","getSeconds","getUTCMinutes","getMinutes","getUTCHours","getHours","getUTCDate","getDate","getUTCDay","getDay","getUTCMonth","getMonth","getUTCFullYear","setUTCMilliseconds","setMilliseconds","setUTCSeconds","setSeconds","setUTCMinutes","setMinutes","setUTCHours","setHours","setUTCDate","setDate","setUTCFullYear","setFullYear","stringGet","stringSet","prioritized","prioritizedLen","mod","n","daysInMonth","modMonth","o","monthsShort","monthsShortRegex","monthsRegex","monthsParse","defaultLocaleMonths","defaultLocaleMonthsShort","MONTHS_IN_FORMAT","defaultMonthsShortRegex","defaultMonthsRegex","localeMonths","_months","isFormat","localeMonthsShort","_monthsShort","handleStrictParse","monthName","ii","llc","toLocaleLowerCase","_monthsParse","_longMonthsParse","_shortMonthsParse","localeMonthsParse","_monthsParseExact","setMonth","min","setUTCMonth","getSetMonth","getDaysInMonth","computeMonthsParse","_monthsShortStrictRegex","_monthsShortRegex","_monthsStrictRegex","_monthsRegex","cmpLenRev","shortP","longP","shortPieces","longPieces","mixedPieces","createDate","createUTCDate","UTC","firstWeekOffset","dow","doy","fwd","dayOfYearFromWeeks","resYear","resDayOfYear","weekOfYear","resWeek","weekOffset","weeksInYear","weekOffsetNext","localeWeek","_week","defaultLocaleWeek","localeFirstDayOfWeek","localeFirstDayOfYear","getSetWeek","getSetISOWeek","parseWeekday","weekdaysParse","parseIsoWeekday","shiftWeekdays","ws","concat","weekdaysMin","weekdaysShort","weekdaysMinRegex","weekdaysShortRegex","weekdaysRegex","defaultLocaleWeekdays","defaultLocaleWeekdaysShort","defaultLocaleWeekdaysMin","defaultWeekdaysRegex","defaultWeekdaysShortRegex","defaultWeekdaysMinRegex","localeWeekdays","_weekdays","localeWeekdaysShort","_weekdaysShort","localeWeekdaysMin","_weekdaysMin","handleStrictParse$1","weekdayName","_weekdaysParse","_shortWeekdaysParse","_minWeekdaysParse","localeWeekdaysParse","_weekdaysParseExact","_fullWeekdaysParse","getSetDayOfWeek","getSetLocaleDayOfWeek","getSetISODayOfWeek","computeWeekdaysParse","_weekdaysStrictRegex","_weekdaysRegex","_weekdaysShortStrictRegex","_weekdaysShortRegex","_weekdaysMinStrictRegex","_weekdaysMinRegex","minp","shortp","longp","minPieces","hFormat","kFormat","lowercase","matchMeridiem","_meridiemParse","localeIsPM","kInput","_isPm","isPM","_meridiem","pos","pos1","pos2","defaultLocaleMeridiemParse","getSetHour","localeMeridiem","isLower","globalLocale","baseConfig","dayOfMonthOrdinalParse","meridiemParse","locales","localeFamilies","commonPrefix","arr1","arr2","minl","normalizeLocale","chooseLocale","loadLocale","isLocaleNameSane","oldLocale","_abbr","getSetGlobalLocale","values","getLocale","defineLocale","parentLocale","forEach","updateLocale","tmpLocale","listLocales","checkOverflow","_overflowDayOfYear","_overflowWeeks","_overflowWeekday","extendedIsoRegex","basicIsoRegex","tzRegex","isoDates","isoTimes","aspNetJsonRegex","obsOffsets","UT","GMT","EDT","EST","CDT","CST","MDT","MST","PDT","PST","configFromISO","l","allowTime","dateFormat","timeFormat","tzFormat","exec","isoDatesLen","isoTimesLen","configFromStringAndFormat","extractFromRFC2822Strings","yearStr","monthStr","dayStr","hourStr","minuteStr","secondStr","result","untruncateYear","preprocessRFC2822","checkWeekday","weekdayStr","parsedInput","calculateOffset","obsOffset","militaryOffset","numOffset","hm","configFromRFC2822","parsedArray","configFromString","createFromInputFallback","defaults","c","currentDateArray","nowValue","_useUTC","configFromArray","currentDate","expectedWeekday","yearToUse","dayOfYearFromWeekInfo","_dayOfYear","_nextDay","temp","weekdayOverflow","curWeek","createLocal","ISO_8601","RFC_2822","skipped","stringLength","totalParsedInputLength","meridiemFixWrap","erasConvertYear","isPm","meridiemHour","configFromStringAndArray","tempConfig","bestMoment","scoreToBeat","currentScore","validFormatFound","bestFormatIsValid","configfLen","score","configFromObject","dayOrDate","createFromConfig","prepareConfig","preparse","configFromInput","prototypeMin","other","prototypeMax","pickBy","moments","ordering","isDurationValid","unitHasDecimal","orderLen","parseFloat","isValid$1","createInvalid$1","createDuration","Duration","duration","_milliseconds","_days","_data","_bubble","isDuration","absRound","compareArrays","array1","array2","dontConvert","lengthDiff","diffs","separator","offsetFromString","chunkOffset","matcher","matches","cloneWithOffset","model","clone","setTime","getDateOffset","getSetOffset","keepLocalTime","keepMinutes","localAdjust","_changeInProgress","addSubtract","getSetZone","setOffsetToUTC","setOffsetToLocal","subtract","setOffsetToParsedOffset","tZone","hasAlignedHourOffset","isDaylightSavingTime","isDaylightSavingTimeShifted","_isDSTShifted","toArray","isLocal","isUtcOffset","isUtc","aspNetRegex","isoRegex","ret","diffRes","parseIso","momentsDifference","inp","positiveMomentsDifference","base","isAfter","isBefore","createAdder","direction","period","tmp","isAdding","invalid","isString","String","isMomentInput","isNumberOrStringArray","isMomentInputObject","property","objectTest","propertyTest","properties","propertyLen","arrayTest","dataTypeTest","item","isCalendarSpec","getCalendarFormat","myMoment","calendar$1","time","formats","sod","startOf","calendarFormat","localInput","endOf","isBetween","inclusivity","localFrom","localTo","isSame","inputMs","isSameOrAfter","isSameOrBefore","asFloat","that","zoneDelta","monthDiff","wholeMonthDiff","anchor","toISOString","keepOffset","toDate","inspect","prefix","datetime","suffix","inputString","defaultFormatUtc","defaultFormat","postformat","humanize","fromNow","toNow","newLocaleData","lang","MS_PER_SECOND","MS_PER_MINUTE","MS_PER_HOUR","MS_PER_400_YEARS","mod$1","dividend","divisor","localStartOfDate","utcStartOfDate","startOfDate","unix","toObject","toJSON","isValid$2","parsingFlags","invalidAt","creationData","localeEras","eras","_eras","since","until","localeErasParse","eraName","narrow","localeErasConvertYear","dir","getEraName","getEraNarrow","getEraAbbr","getEraYear","erasNameRegex","computeErasParse","_erasNameRegex","_erasRegex","erasAbbrRegex","_erasAbbrRegex","erasNarrowRegex","_erasNarrowRegex","matchEraAbbr","matchEraName","matchEraNarrow","matchEraYearOrdinal","_eraYearOrdinalRegex","erasName","erasAbbr","erasNarrow","abbrPieces","namePieces","narrowPieces","addWeekYearFormatToken","getter","getSetWeekYear","getSetWeekYearHelper","getSetISOWeekYear","getISOWeeksInYear","getISOWeeksInISOWeekYear","getWeeksInYear","weekInfo","getWeeksInWeekYear","weeksTarget","setWeekAll","dayOfYearData","getSetQuarter","erasParse","eraYearOrdinalParse","getSetDayOfMonth","getSetDayOfYear","getSetMinute","getSetMillisecond","getSetSecond","parseMs","getZoneAbbr","getZoneName","proto","createUnix","createInZone","parseZone","preParsePostFormat","Symbol","for","eraNarrow","eraAbbr","eraYear","isoWeeks","weeksInWeekYear","isoWeeksInYear","isoWeeksInISOWeekYear","isDST","isDSTShifted","proto$1","get$1","index","field","setter","listMonthsImpl","listWeekdaysImpl","localeSorted","shift","listMonths","listMonthsShort","listWeekdays","listWeekdaysShort","listWeekdaysMin","firstDayOfYear","firstDayOfWeek","langData","mathAbs","addSubtract$1","add$1","subtract$1","absCeil","bubble","monthsFromDays","monthsToDays","daysToMonths","as","makeAs","asMilliseconds","asSeconds","asMinutes","asHours","asDays","asWeeks","asMonths","asQuarters","asYears","valueOf$1","clone$1","get$2","makeGetter","thresholds","substituteTimeAgo","relativeTime$1","posNegDuration","getSetRelativeTimeRounding","roundingFunction","getSetRelativeTimeThreshold","threshold","limit","argWithSuffix","argThresholds","withSuffix","th","abs$1","toISOString$1","totalSign","ymSign","daysSign","hmsSign","total","toFixed","proto$2","toIsoString","relativeTimeRounding","relativeTimeThreshold","HTML5_FMT","DATETIME_LOCAL","DATETIME_LOCAL_SECONDS","DATETIME_LOCAL_MS","TIME","TIME_SECONDS","TIME_MS","getNanoSeconds","hrtime","loadTime","moduleLoadTime","nodeLoadTime","upTime","performance","process","hr","uptime","window","g","vendors","raf","caf","id","queue","frameDuration","_now","setTimeout","cp","cancelled","handle","cancel","polyfill","object","requestAnimationFrame","cancelAnimationFrame","hasElementType","Element","hasMap","Map","hasSet","Set","hasArrayBuffer","ArrayBuffer","isView","equal","constructor","it","size","entries","done","has","$$typeof","ex","React","React__default","_defineProperty","defineProperty","enumerable","configurable","writable","canUseDOM","document","createElement","reducePropsToState","handleStateChangeOnClient","mapStateOnServer","WrappedComponent","state","mountedInstances","emitChange","instance","props","SideEffect","_PureComponent","subClass","superClass","create","__proto__","peek","rewind","recordedState","_proto","UNSAFE_componentWillMount","componentDidUpdate","componentWillUnmount","splice","render","PureComponent","displayName","getDisplayName","__esModule","newObj","desc","getOwnPropertyDescriptor","_interopRequireWildcard","_addClass","_interopRequireDefault","_removeClass","_react","_Transition","_extends","addClass","node","removeClass","CSSTransition","_React$Component","_this","_len","_key","onEnter","appearing","className","getClassNames","removeClasses","onEntering","activeClassName","reflowAndAddClass","onEntered","appearClassName","doneClassName","enterClassName","onExit","onExiting","onExited","type","isStringClassNames","_this$getClassNames6","scrollTop","Component","defaultProps","propTypes","_default","_reactDom","_TransitionGroup","ReplaceTransition","_args","handleEnter","_len2","_key2","handleLifecycle","handleEntering","_len3","_key3","handleEntered","_len4","_key4","handleExit","_len5","_key5","handleExiting","_len6","_key6","handleExited","_len7","_key7","handler","idx","originalArgs","_child$props","children","child","Children","findDOMNode","_this$props","inProp","in","excluded","sourceKeys","_objectWithoutPropertiesLoose","_React$Children$toArr","first","cloneElement","EXITING","ENTERED","ENTERING","EXITED","UNMOUNTED","_reactLifecyclesCompat","_TransitionGroupContext","Transition","context","initialStatus","appear","isMounting","enter","appearStatus","unmountOnExit","mountOnEnter","status","nextCallback","getDerivedStateFromProps","_ref","prevState","componentDidMount","updateStatus","prevProps","nextStatus","cancelNextCallback","getTimeouts","exit","timeout","mounting","performEnter","performExit","setState","_this2","timeouts","enterTimeout","safeSetState","onTransitionEnd","_this3","nextState","setNextCallback","_this4","active","event","doesNotHaveTimeoutOrListener","addEndListener","childProps","Provider","only","noop","contextType","_ChildMapping","_assertThisInitialized","self","ReferenceError","TransitionGroup","bind","contextValue","firstRender","mounted","nextProps","prevChildMapping","getInitialChildMapping","getNextChildMapping","currentChildMapping","getChildMapping","component","childFactory","createContext","_CSSTransition","_ReplaceTransition","mergeChildMappings","getProp","nextChildMapping","isValidElement","hasPrev","hasNext","prevChild","isLeaving","mapFn","mapper","prev","getValueForKey","nextKeysPending","pendingKeys","prevKey","childMapping","nextKey","pendingNextKey","classNamesShape","timeoutsShape","_excluded","getColumnSizeClass","isXs","colWidth","colSize","Col","cssModule","widths","Tag","tag","attributes","colClasses","columnProp","_classNames","colSizeInterfix","colClass","order","_colClass","Container","fluid","containerClass","_typeof","iterator","toPropertyKey","r","toPrimitive","Number","isRequired","Portal","defaultNode","body","removeChild","appendChild","ownKeys","enumerableOnly","getOwnPropertySymbols","symbols","sym","_objectSpread","getOwnPropertyDescriptors","defineProperties","baseClass","baseClassActive","Fade","innerRef","otherProps","transitionProps","isActive","ref","FadePropTypes","isOpen","autoFocus","centered","scrollable","toggle","keyboard","role","labelledBy","backdrop","onOpened","onClosed","wrapClassName","modalClassName","backdropClassName","contentClassName","external","fade","zIndex","backdropTransition","modalTransition","unmountOnClose","returnFocusAfterClose","container","trapFocus","propsToOmit","Modal","_element","_originalBodyPadding","getFocusableChildren","handleBackdropClick","handleBackdropMouseDown","handleEscape","handleStaticBackdropAnimation","handleTab","manageFocusAfterClose","clearBackdropAnimationTimeout","showStaticBackdropAnimation","init","setFocus","addEventListener","_isMounted","style","destroy","close","removeEventListener","ev","_dialog","parentNode","modalIndex","openCount","preventDefault","stopPropagation","focus","isAppearing","querySelectorAll","getFocusedChild","currentFocus","focusableChildren","activeElement","err","_mouseDownElement","which","totalFocusable","focusedIndex","shiftKey","keyCode","esc","_backdropAnimationTimeout","_triggeringElement","setAttribute","position","_mountContainer","modalOpenClassName","modalOpenClassNameRegex","renderModalDialog","dialogBaseClass","isModalHidden","display","_this$props2","modalAttributes","onClick","onMouseDown","onKeyUp","onKeyDown","tabIndex","hasTransition","Backdrop","clearTimeout","ModalBody","Row","noGutters","form","globalCssModule","setScrollbarWidth","padding","paddingRight","getOriginalBodyPadding","getComputedStyle","getPropertyValue","conditionallyUpdateScrollbar","scrollbarWidth","scrollDiv","top","width","height","offsetWidth","clientWidth","getScrollbarWidth","fixedContent","bodyPadding","innerWidth","mapToCssModules","omit","omitKeys","pick","pickKeys","targetPropType","propName","componentName","current","TransitionTimeouts","Collapse","Carousel","TransitionPropTypeKeys","keyCodes","space","tab","up","down","home","end","p","getTag","findDOMElements","isReactRefObj","selection","isArrayOrNodeList","els","getTarget","allElements","focusableElements","linear","inQuad","outQuad","inOutQuad","inCube","outCube","inOutCube","inQuart","outQuart","inOutQuart","inQuint","outQuint","inOutQuint","inSine","cos","PI","outSine","sin","inOutSine","inExpo","outExpo","inOutExpo","inCirc","sqrt","outCirc","inOutCirc","inBack","outBack","inOutBack","inBounce","outBounce","inOutBounce","inElastic","asin","outElastic","inOutElastic","Emitter","mixin","on","_callbacks","once","off","removeListener","removeAllListeners","cb","callbacks","emit","listeners","hasListeners","scroll","elem","querySelector","additionalOffset","alignment","scrollPosition","html","documentElement","elemRect","getBoundingClientRect","clientHeight","documentHeight","scrollHeight","offsetHeight","bottom","maxScrollPosition","pageYOffset","calculateScrollOffset","align","Tween","start","left","pageXOffset","scrollLeft","tween","ease","animate","update","scrollTo","_from","reset","_curr","src","_done","_start","_to","_duration","_ease","stop","stopped","step","_update","curr","N","HTMLImageElement","loading","shouldLoad","opacity","O","backgroundColor","right","objectFit","objectPosition","transition","_ref5","layout","paddingTop","maxWidth","alt","A","q","P","H","srcSet","decoding","G","fallback","sources","sizes","_ref6","media","V","B","F","U","Y","X","image","J","Z","K","ee","te","class","onStartLoad","onLoad","onError","f","v","S","$","I","JSON","stringify","images","then","_ref7","renderImageToString","swapPlaceholderImage","complete","wasCached","removeAttribute","_ref8","innerHTML","isLoading","isLoaded","dangerouslySetInnerHTML","__html","suppressHydrationWarning","ae","ie","re","ne","se","oe","__imageData","__error","clock","ATTRIBUTE_NAMES","TAG_NAMES","BASE","BODY","HEAD","HTML","LINK","META","NOSCRIPT","SCRIPT","STYLE","TITLE","TAG_PROPERTIES","REACT_TAG_MAP","accesskey","charset","contenteditable","contextmenu","itemprop","tabindex","HELMET_PROPS","HTML_TAG_MAP","reduce","SELF_CLOSING_TAGS","HELMET_ATTRIBUTE","createClass","descriptor","Constructor","protoProps","staticProps","objectWithoutProperties","encodeSpecialCharacters","str","getTitleFromPropsList","propsList","innermostTitle","getInnermostProperty","innermostTemplate","innermostDefaultTitle","getOnChangeClientState","getAttributesFromPropsList","tagType","tagAttrs","getBaseTagFromPropsList","primaryAttributes","reverse","innermostBaseTag","lowerCaseAttributeKey","getTagsFromPropsList","tagName","approvedSeenTags","approvedTags","instanceTags","instanceSeenTags","primaryAttributeKey","attributeKey","tagUnion","rafPolyfill","currentTime","cafPolyfill","webkitRequestAnimationFrame","mozRequestAnimationFrame","webkitCancelAnimationFrame","mozCancelAnimationFrame","_helmetCallback","commitTagChanges","newState","baseTag","bodyAttributes","htmlAttributes","linkTags","metaTags","noscriptTags","onChangeClientState","scriptTags","styleTags","title","titleAttributes","updateAttributes","updateTitle","tagUpdates","updateTags","addedTags","removedTags","_tagUpdates$tagType","newTags","oldTags","flattenArray","possibleArray","elementTag","getElementsByTagName","helmetAttributeString","getAttribute","helmetAttributes","attributesToRemove","attributeKeys","attribute","indexToSave","tags","headElement","head","tagNodes","indexToDelete","newElement","styleSheet","cssText","createTextNode","existingTag","isEqualNode","generateElementAttributesAsString","attr","convertElementAttributestoReactProps","initProps","getMethodsForTag","encode","toComponent","_initProps","attributeString","flattenedTitle","generateTitleAsString","_mappedTag","mappedTag","mappedAttribute","content","generateTagsAsReactComponent","attributeHtml","tagContent","isSelfClosing","generateTagsAsString","_ref$title","meta","noscript","script","HelmetExport","_class","_temp","HelmetWrapper","classCallCheck","possibleConstructorReturn","setPrototypeOf","inherits","shouldComponentUpdate","mapNestedChildrenToProps","nestedChildren","flattenArrayTypeChildren","_babelHelpers$extends","arrayTypeChildren","newChildProps","mapObjectTypeChildren","_ref2","_babelHelpers$extends2","_babelHelpers$extends3","newProps","mapArrayTypeChildrenToProps","newFlattenedProps","arrayChildName","_babelHelpers$extends4","warnOnInvalidChildren","mapChildrenToProps","initAttributes","convertReactPropstoHtmlAttributes","_props","defaultTitle","defer","titleTemplate","mappedState","Helmet","renderStatic","SEO","description","keywords","slug","StaticQuery","query","detailsQuery","site","metaDescription","siteMetadata","siteTitle","url","siteUrl","shareImage","author","rel","hrefLang","href","styled","nav","withConfig","componentId","md","snowFlakeTop","snowFlakeBottom","sm","IframeWrapper","div","log","allowFullScreen","allow","sandbox","frameBorder","VModal","ButtonClose","button","VideoModal","_Component","_inheritsLoose","snapshot","modalOpen","__dataLayer","publish","toggleModal","TrailerIframe","require","lg","theme","colors","navy","font","family","bold","FooterStyles","footer","Footer","openDialog","OneTrustDialog","FooterStyled","xl","SocialIcons","SocialIcon","xmlns","viewBox","DisneyFooter","DisneyLogo","StyledHeader","header","NewHeader","open","setOpen","useState","videoOpen","setVideoOpen","useEffect","classList","remove","_classCallCheck","_defineProperties","_createClass","_inherits","_setPrototypeOf","_getPrototypeOf","getPrototypeOf","_possibleConstructorReturn","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","_isNativeReflectConstruct","Super","NewTarget","_toConsumableArray","_arrayLikeToArray","_arrayWithoutHoles","iter","_iterableToArray","minLen","_unsupportedIterableToArray","_nonIterableSpread","zeroPad","strValue","strNo","paddedNo","timeDeltaFormatOptionsDefaults","daysInHours","zeroPadTime","formatTimeDelta","timeDelta","_Object$assign","_Object$assign$zeroPa","zeroPadDays","zeroPadTimeLength","formattedHours","Countdown","_super","count","startCountdown","interval","setInterval","stopCountdown","onComplete","clearInterval","addTime","Countdown$1","initialTimestamp","calcOffsetStartTimestamp","offsetStartTimestamp","autoStart","offsetTime","legacyMode","legacyCountdownRef","tick","calcTimeDelta","completed","overtime","onTick","setTimeDeltaState","setLegacyCountdownRef","isStarted","prevOffsetStartTimestamp","onStart","controlled","clearTimer","intervalDelay","pause","isPaused","onPause","isStopped","onStop","isStatus","isCompleted","onMount","precision","startTimestamp","_options$now","_options$precision","_options$offsetTime","timeLeft","clampedPrecision","completing","completedOnStart","newStatus","api","getApi","formatted","_this$props3","_children","_this$props4","renderer","renderProps","getRenderProps","countdown","_renderProps$formatte","section","backgroundImage","scrollToElement","blue","Layout","interstitialCheck","dcfTracking","hash","location","handleFirstTab","getElementById","siteWrap","headerHeight","pathname","contains","hasAttribute","element","currentTarget","actionName","substring","eventData","actionValue1","navigate","exitLinkEventData","event_name","actionValue","handleLinkClick","page","page_name","pageName","trackPage","ThemeProvider","interstitial","GlobalStyles","enrichmentHeader","subMenuHidden","ProximaNovaW05LightEOT","ProximaNovaW05LightWOFF2","ProximaNovaW05LightWOFF","ProximaNovaW05LightTTF","ProximaNovaW05RegularEOT","ProximaNovaW05RegularWOFF2","ProximaNovaW05RegularWOFF","ProximaNovaW05RegularTTF","ProximaNovaW05MediumEOT","ProximaNovaW05MediumWOFF2","ProximaNovaW05MediumWOFF","ProximaNovaW05MediumTTF","ProximaNovaW05BoldEOT","ProximaNovaW05BoldWOFF2","ProximaNovaW05BoldWOFF","ProximaNovaW05BoldTTF","noto_sansboldWOFF2","noto_sansboldWOFF","noto_sansboldTTF","noto_sansregularWOFF2","noto_sansregularWOFF","noto_sansregularTTF","TurquoiseW05InlineEOT","TurquoiseW05InlineWOFF2","TurquoiseW05InlineWOFF","TurquoiseW05InlineTTF","createGlobalStyle","fontFiles","lineHeight","black","h2","xs","bigger","smaller","h3","h4","h5","h6","darkBlue","withTheme","acc","cur","disneyRegular","disneyBold","special","light","medium","headings","h1","xxl","disney","transitionBase","white","blackOff","greyDark","grey","greyMedium","pink","purple","purpleDark","yellow","turquoise","turquoise2","turquoise3","lightTurquoise","_hasClass","baseVal","replaceClassName","origClass","classToRemove"],"sourceRoot":""}
\n
\n )\n }\n\n return null\n}\n\nexport const LayoutWrapper: FunctionComponent\n
\n \n \n \n Book tickets\n Tickets\n \n
\n \n
\n - \n
- \n \n Help •\n \n \n
- \n \n Register •\n \n \n
- \n
- \n
- \n
- \n
- \n this.openDialog(e)} href=\"#\" role=\"button\">\n Manage Your Cookie Settings •\n \n \n
- \n
- \n
- \n
- \n
- \n
\n © Disney and its related entities. All Rights Reserved.\n
\n\n {days} days, {hours} hours, {minutes} minutes
\n until our final show!
\n 8th September 5.30pm\n
\n \n 
\n \n
\n \n \n {!this.props.interstitial &&\n // \n {!this.props.interstitial && this.props.pageName !== \"access\" &&\n <>\n {/* \n 
*/}\n {/* BEST AVAILABILITY MARCH – APRIL ON THURS 7PM, SAT & SUN 5:30PM. SOME GOOD SEATS SUN 1PM */}\n {/* Final seats remaining! */}\n {/* May Half-Term: Good seats still available for some Eve Performances */}\n {/* Great seats available for May and June performances */}\n {/* Great seats available for April and May performances */}\n {/* SOME GOOD SEATS STILL AVAILABLE FOR MIDWEEKS OVER THE FESTIVE PERIOD */}\n {/* */}\n {/* */}\n {/* \n {!this.props.interstitial && }\n
\n