\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\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\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\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\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\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\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\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\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\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\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\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 || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\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\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\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\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'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * `.\n * If you wish to change that mapping, you can provide your own.\n * Alternatively, you can use the `component` prop.\n */\n variantMapping: PropTypes.object\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiTypography'\n})(Typography);","import { getGlobalObject } from './misc';\nimport { dynamicRequire, isNodeEnv } from './node';\n/**\n * A TimestampSource implementation for environments that do not support the Performance Web API natively.\n *\n * Note that this TimestampSource does not use a monotonic clock. A call to `nowSeconds` may return a timestamp earlier\n * than a previously returned value. We do not try to emulate a monotonic behavior in order to facilitate debugging. It\n * is more obvious to explain \"why does my span have negative duration\" than \"why my spans have zero duration\".\n */\n\nvar dateTimestampSource = {\n nowSeconds: function nowSeconds() {\n return Date.now() / 1000;\n }\n};\n/**\n * Returns a wrapper around the native Performance API browser implementation, or undefined for browsers that do not\n * support the API.\n *\n * Wrapping the native API works around differences in behavior from different browsers.\n */\n\nfunction getBrowserPerformance() {\n var performance = getGlobalObject().performance;\n\n if (!performance || !performance.now) {\n return undefined;\n } // Replace performance.timeOrigin with our own timeOrigin based on Date.now().\n //\n // This is a partial workaround for browsers reporting performance.timeOrigin such that performance.timeOrigin +\n // performance.now() gives a date arbitrarily in the past.\n //\n // Additionally, computing timeOrigin in this way fills the gap for browsers where performance.timeOrigin is\n // undefined.\n //\n // The assumption that performance.timeOrigin + performance.now() ~= Date.now() is flawed, but we depend on it to\n // interact with data coming out of performance entries.\n //\n // Note that despite recommendations against it in the spec, browsers implement the Performance API with a clock that\n // might stop when the computer is asleep (and perhaps under other circumstances). Such behavior causes\n // performance.timeOrigin + performance.now() to have an arbitrary skew over Date.now(). In laptop computers, we have\n // observed skews that can be as long as days, weeks or months.\n //\n // See https://github.com/getsentry/sentry-javascript/issues/2590.\n //\n // BUG: despite our best intentions, this workaround has its limitations. It mostly addresses timings of pageload\n // transactions, but ignores the skew built up over time that can aversely affect timestamps of navigation\n // transactions of long-lived web pages.\n\n\n var timeOrigin = Date.now() - performance.now();\n return {\n now: function now() {\n return performance.now();\n },\n timeOrigin: timeOrigin\n };\n}\n/**\n * Returns the native Performance API implementation from Node.js. Returns undefined in old Node.js versions that don't\n * implement the API.\n */\n\n\nfunction getNodePerformance() {\n try {\n var perfHooks = dynamicRequire(module, 'perf_hooks');\n return perfHooks.performance;\n } catch (_) {\n return undefined;\n }\n}\n/**\n * The Performance API implementation for the current platform, if available.\n */\n\n\nvar platformPerformance = isNodeEnv() ? getNodePerformance() : getBrowserPerformance();\nvar timestampSource = platformPerformance === undefined ? dateTimestampSource : {\n nowSeconds: function nowSeconds() {\n return (platformPerformance.timeOrigin + platformPerformance.now()) / 1000;\n }\n};\n/**\n * Returns a timestamp in seconds since the UNIX epoch using the Date API.\n */\n\nexport var dateTimestampInSeconds = dateTimestampSource.nowSeconds.bind(dateTimestampSource);\n/**\n * Returns a timestamp in seconds since the UNIX epoch using either the Performance or Date APIs, depending on the\n * availability of the Performance API.\n *\n * See `usingPerformanceAPI` to test whether the Performance API is used.\n *\n * BUG: Note that because of how browsers implement the Performance API, the clock might stop when the computer is\n * asleep. This creates a skew between `dateTimestampInSeconds` and `timestampInSeconds`. The\n * skew can grow to arbitrary amounts like days, weeks or months.\n * See https://github.com/getsentry/sentry-javascript/issues/2590.\n */\n\nexport var timestampInSeconds = timestampSource.nowSeconds.bind(timestampSource); // Re-exported with an old name for backwards-compatibility.\n\nexport var timestampWithMs = timestampInSeconds;\n/**\n * A boolean that is true when timestampInSeconds uses the Performance API to produce monotonic timestamps.\n */\n\nexport var usingPerformanceAPI = platformPerformance !== undefined;\n/**\n * Internal helper to store what is the source of browserPerformanceTimeOrigin below. For debugging only.\n */\n\nexport var _browserPerformanceTimeOriginMode;\n/**\n * The number of milliseconds since the UNIX epoch. This value is only usable in a browser, and only when the\n * performance API is available.\n */\n\nexport var browserPerformanceTimeOrigin = function () {\n // Unfortunately browsers may report an inaccurate time origin data, through either performance.timeOrigin or\n // performance.timing.navigationStart, which results in poor results in performance data. We only treat time origin\n // data as reliable if they are within a reasonable threshold of the current time.\n var performance = getGlobalObject().performance;\n\n if (!performance || !performance.now) {\n _browserPerformanceTimeOriginMode = 'none';\n return undefined;\n }\n\n var threshold = 3600 * 1000;\n var performanceNow = performance.now();\n var dateNow = Date.now(); // if timeOrigin isn't available set delta to threshold so it isn't used\n\n var timeOriginDelta = performance.timeOrigin ? Math.abs(performance.timeOrigin + performanceNow - dateNow) : threshold;\n var timeOriginIsReliable = timeOriginDelta < threshold; // While performance.timing.navigationStart is deprecated in favor of performance.timeOrigin, performance.timeOrigin\n // is not as widely supported. Namely, performance.timeOrigin is undefined in Safari as of writing.\n // Also as of writing, performance.timing is not available in Web Workers in mainstream browsers, so it is not always\n // a valid fallback. In the absence of an initial time provided by the browser, fallback to the current time from the\n // Date API.\n // eslint-disable-next-line deprecation/deprecation\n\n var navigationStart = performance.timing && performance.timing.navigationStart;\n var hasNavigationStart = typeof navigationStart === 'number'; // if navigationStart isn't available set delta to threshold so it isn't used\n\n var navigationStartDelta = hasNavigationStart ? Math.abs(navigationStart + performanceNow - dateNow) : threshold;\n var navigationStartIsReliable = navigationStartDelta < threshold;\n\n if (timeOriginIsReliable || navigationStartIsReliable) {\n // Use the more reliable time origin\n if (timeOriginDelta <= navigationStartDelta) {\n _browserPerformanceTimeOriginMode = 'timeOrigin';\n return performance.timeOrigin;\n } else {\n _browserPerformanceTimeOriginMode = 'navigationStart';\n return navigationStart;\n }\n } // Either both timeOrigin and navigationStart are skewed or neither is available, fallback to Date.\n\n\n _browserPerformanceTimeOriginMode = 'dateNow';\n return dateNow;\n}();","import { SessionStatus } from '@sentry/types';\nimport { dropUndefinedKeys, timestampInSeconds, uuid4 } from '@sentry/utils';\n/**\n * @inheritdoc\n */\n\nvar Session =\n/** @class */\nfunction () {\n function Session(context) {\n this.errors = 0;\n this.sid = uuid4();\n this.duration = 0;\n this.status = SessionStatus.Ok;\n this.init = true;\n this.ignoreDuration = false; // Both timestamp and started are in seconds since the UNIX epoch.\n\n var startingTime = timestampInSeconds();\n this.timestamp = startingTime;\n this.started = startingTime;\n\n if (context) {\n this.update(context);\n }\n }\n /** JSDoc */\n // eslint-disable-next-line complexity\n\n\n Session.prototype.update = function (context) {\n if (context === void 0) {\n context = {};\n }\n\n if (context.user) {\n if (!this.ipAddress && context.user.ip_address) {\n this.ipAddress = context.user.ip_address;\n }\n\n if (!this.did && !context.did) {\n this.did = context.user.id || context.user.email || context.user.username;\n }\n }\n\n this.timestamp = context.timestamp || timestampInSeconds();\n\n if (context.ignoreDuration) {\n this.ignoreDuration = context.ignoreDuration;\n }\n\n if (context.sid) {\n // Good enough uuid validation. — Kamil\n this.sid = context.sid.length === 32 ? context.sid : uuid4();\n }\n\n if (context.init !== undefined) {\n this.init = context.init;\n }\n\n if (!this.did && context.did) {\n this.did = \"\" + context.did;\n }\n\n if (typeof context.started === 'number') {\n this.started = context.started;\n }\n\n if (this.ignoreDuration) {\n this.duration = undefined;\n } else if (typeof context.duration === 'number') {\n this.duration = context.duration;\n } else {\n var duration = this.timestamp - this.started;\n this.duration = duration >= 0 ? duration : 0;\n }\n\n if (context.release) {\n this.release = context.release;\n }\n\n if (context.environment) {\n this.environment = context.environment;\n }\n\n if (!this.ipAddress && context.ipAddress) {\n this.ipAddress = context.ipAddress;\n }\n\n if (!this.userAgent && context.userAgent) {\n this.userAgent = context.userAgent;\n }\n\n if (typeof context.errors === 'number') {\n this.errors = context.errors;\n }\n\n if (context.status) {\n this.status = context.status;\n }\n };\n /** JSDoc */\n\n\n Session.prototype.close = function (status) {\n if (status) {\n this.update({\n status: status\n });\n } else if (this.status === SessionStatus.Ok) {\n this.update({\n status: SessionStatus.Exited\n });\n } else {\n this.update();\n }\n };\n /** JSDoc */\n\n\n Session.prototype.toJSON = function () {\n return dropUndefinedKeys({\n sid: \"\" + this.sid,\n init: this.init,\n // Make sure that sec is converted to ms for date constructor\n started: new Date(this.started * 1000).toISOString(),\n timestamp: new Date(this.timestamp * 1000).toISOString(),\n status: this.status,\n errors: this.errors,\n did: typeof this.did === 'number' || typeof this.did === 'string' ? \"\" + this.did : undefined,\n duration: this.duration,\n attrs: dropUndefinedKeys({\n release: this.release,\n environment: this.environment,\n ip_address: this.ipAddress,\n user_agent: this.userAgent\n })\n });\n };\n\n return Session;\n}();\n\nexport { Session };","import { __assign, __read, __spread } from \"tslib\";\n/* eslint-disable max-lines */\n\nimport { SessionStatus } from '@sentry/types';\nimport { consoleSandbox, dateTimestampInSeconds, getGlobalObject, isNodeEnv, logger, uuid4 } from '@sentry/utils';\nimport { Scope } from './scope';\nimport { Session } from './session';\n/**\n * API compatibility version of this hub.\n *\n * WARNING: This number should only be increased when the global interface\n * changes and new methods are introduced.\n *\n * @hidden\n */\n\nexport var API_VERSION = 4;\n/**\n * Default maximum number of breadcrumbs added to an event. Can be overwritten\n * with {@link Options.maxBreadcrumbs}.\n */\n\nvar DEFAULT_BREADCRUMBS = 100;\n/**\n * @inheritDoc\n */\n\nvar Hub =\n/** @class */\nfunction () {\n /**\n * Creates a new instance of the hub, will push one {@link Layer} into the\n * internal stack on creation.\n *\n * @param client bound to the hub.\n * @param scope bound to the hub.\n * @param version number, higher number means higher priority.\n */\n function Hub(client, scope, _version) {\n if (scope === void 0) {\n scope = new Scope();\n }\n\n if (_version === void 0) {\n _version = API_VERSION;\n }\n\n this._version = _version;\n /** Is a {@link Layer}[] containing the client and scope */\n\n this._stack = [{}];\n this.getStackTop().scope = scope;\n\n if (client) {\n this.bindClient(client);\n }\n }\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.isOlderThan = function (version) {\n return this._version < version;\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.bindClient = function (client) {\n var top = this.getStackTop();\n top.client = client;\n\n if (client && client.setupIntegrations) {\n client.setupIntegrations();\n }\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.pushScope = function () {\n // We want to clone the content of prev scope\n var scope = Scope.clone(this.getScope());\n this.getStack().push({\n client: this.getClient(),\n scope: scope\n });\n return scope;\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.popScope = function () {\n if (this.getStack().length <= 1) return false;\n return !!this.getStack().pop();\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.withScope = function (callback) {\n var scope = this.pushScope();\n\n try {\n callback(scope);\n } finally {\n this.popScope();\n }\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.getClient = function () {\n return this.getStackTop().client;\n };\n /** Returns the scope of the top stack. */\n\n\n Hub.prototype.getScope = function () {\n return this.getStackTop().scope;\n };\n /** Returns the scope stack for domains or the process. */\n\n\n Hub.prototype.getStack = function () {\n return this._stack;\n };\n /** Returns the topmost scope layer in the order domain > local > process. */\n\n\n Hub.prototype.getStackTop = function () {\n return this._stack[this._stack.length - 1];\n };\n /**\n * @inheritDoc\n */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types\n\n\n Hub.prototype.captureException = function (exception, hint) {\n var eventId = this._lastEventId = uuid4();\n var finalHint = hint; // If there's no explicit hint provided, mimic the same thing that would happen\n // in the minimal itself to create a consistent behavior.\n // We don't do this in the client, as it's the lowest level API, and doing this,\n // would prevent user from having full control over direct calls.\n\n if (!hint) {\n var syntheticException = void 0;\n\n try {\n throw new Error('Sentry syntheticException');\n } catch (exception) {\n syntheticException = exception;\n }\n\n finalHint = {\n originalException: exception,\n syntheticException: syntheticException\n };\n }\n\n this._invokeClient('captureException', exception, __assign(__assign({}, finalHint), {\n event_id: eventId\n }));\n\n return eventId;\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.captureMessage = function (message, level, hint) {\n var eventId = this._lastEventId = uuid4();\n var finalHint = hint; // If there's no explicit hint provided, mimic the same thing that would happen\n // in the minimal itself to create a consistent behavior.\n // We don't do this in the client, as it's the lowest level API, and doing this,\n // would prevent user from having full control over direct calls.\n\n if (!hint) {\n var syntheticException = void 0;\n\n try {\n throw new Error(message);\n } catch (exception) {\n syntheticException = exception;\n }\n\n finalHint = {\n originalException: message,\n syntheticException: syntheticException\n };\n }\n\n this._invokeClient('captureMessage', message, level, __assign(__assign({}, finalHint), {\n event_id: eventId\n }));\n\n return eventId;\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.captureEvent = function (event, hint) {\n var eventId = this._lastEventId = uuid4();\n\n this._invokeClient('captureEvent', event, __assign(__assign({}, hint), {\n event_id: eventId\n }));\n\n return eventId;\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.lastEventId = function () {\n return this._lastEventId;\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.addBreadcrumb = function (breadcrumb, hint) {\n var _a = this.getStackTop(),\n scope = _a.scope,\n client = _a.client;\n\n if (!scope || !client) return; // eslint-disable-next-line @typescript-eslint/unbound-method\n\n var _b = client.getOptions && client.getOptions() || {},\n _c = _b.beforeBreadcrumb,\n beforeBreadcrumb = _c === void 0 ? null : _c,\n _d = _b.maxBreadcrumbs,\n maxBreadcrumbs = _d === void 0 ? DEFAULT_BREADCRUMBS : _d;\n\n if (maxBreadcrumbs <= 0) return;\n var timestamp = dateTimestampInSeconds();\n\n var mergedBreadcrumb = __assign({\n timestamp: timestamp\n }, breadcrumb);\n\n var finalBreadcrumb = beforeBreadcrumb ? consoleSandbox(function () {\n return beforeBreadcrumb(mergedBreadcrumb, hint);\n }) : mergedBreadcrumb;\n if (finalBreadcrumb === null) return;\n scope.addBreadcrumb(finalBreadcrumb, maxBreadcrumbs);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.setUser = function (user) {\n var scope = this.getScope();\n if (scope) scope.setUser(user);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.setTags = function (tags) {\n var scope = this.getScope();\n if (scope) scope.setTags(tags);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.setExtras = function (extras) {\n var scope = this.getScope();\n if (scope) scope.setExtras(extras);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.setTag = function (key, value) {\n var scope = this.getScope();\n if (scope) scope.setTag(key, value);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.setExtra = function (key, extra) {\n var scope = this.getScope();\n if (scope) scope.setExtra(key, extra);\n };\n /**\n * @inheritDoc\n */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n\n Hub.prototype.setContext = function (name, context) {\n var scope = this.getScope();\n if (scope) scope.setContext(name, context);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.configureScope = function (callback) {\n var _a = this.getStackTop(),\n scope = _a.scope,\n client = _a.client;\n\n if (scope && client) {\n callback(scope);\n }\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.run = function (callback) {\n var oldHub = makeMain(this);\n\n try {\n callback(this);\n } finally {\n makeMain(oldHub);\n }\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.getIntegration = function (integration) {\n var client = this.getClient();\n if (!client) return null;\n\n try {\n return client.getIntegration(integration);\n } catch (_oO) {\n logger.warn(\"Cannot retrieve integration \" + integration.id + \" from the current Hub\");\n return null;\n }\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.startSpan = function (context) {\n return this._callExtensionMethod('startSpan', context);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.startTransaction = function (context, customSamplingContext) {\n return this._callExtensionMethod('startTransaction', context, customSamplingContext);\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.traceHeaders = function () {\n return this._callExtensionMethod('traceHeaders');\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.captureSession = function (endSession) {\n if (endSession === void 0) {\n endSession = false;\n } // both send the update and pull the session from the scope\n\n\n if (endSession) {\n return this.endSession();\n } // only send the update\n\n\n this._sendSessionUpdate();\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.endSession = function () {\n var _a, _b, _c, _d, _e;\n\n (_c = (_b = (_a = this.getStackTop()) === null || _a === void 0 ? void 0 : _a.scope) === null || _b === void 0 ? void 0 : _b.getSession()) === null || _c === void 0 ? void 0 : _c.close();\n\n this._sendSessionUpdate(); // the session is over; take it off of the scope\n\n\n (_e = (_d = this.getStackTop()) === null || _d === void 0 ? void 0 : _d.scope) === null || _e === void 0 ? void 0 : _e.setSession();\n };\n /**\n * @inheritDoc\n */\n\n\n Hub.prototype.startSession = function (context) {\n var _a = this.getStackTop(),\n scope = _a.scope,\n client = _a.client;\n\n var _b = client && client.getOptions() || {},\n release = _b.release,\n environment = _b.environment; // Will fetch userAgent if called from browser sdk\n\n\n var global = getGlobalObject();\n var userAgent = (global.navigator || {}).userAgent;\n var session = new Session(__assign(__assign(__assign({\n release: release,\n environment: environment\n }, scope && {\n user: scope.getUser()\n }), userAgent && {\n userAgent: userAgent\n }), context));\n\n if (scope) {\n // End existing session if there's one\n var currentSession = scope.getSession && scope.getSession();\n\n if (currentSession && currentSession.status === SessionStatus.Ok) {\n currentSession.update({\n status: SessionStatus.Exited\n });\n }\n\n this.endSession(); // Afterwards we set the new session on the scope\n\n scope.setSession(session);\n }\n\n return session;\n };\n /**\n * Sends the current Session on the scope\n */\n\n\n Hub.prototype._sendSessionUpdate = function () {\n var _a = this.getStackTop(),\n scope = _a.scope,\n client = _a.client;\n\n if (!scope) return;\n var session = scope.getSession && scope.getSession();\n\n if (session) {\n if (client && client.captureSession) {\n client.captureSession(session);\n }\n }\n };\n /**\n * Internal helper function to call a method on the top client if it exists.\n *\n * @param method The method to call on the client.\n * @param args Arguments to pass to the client function.\n */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n\n Hub.prototype._invokeClient = function (method) {\n var _a;\n\n var args = [];\n\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n\n var _b = this.getStackTop(),\n scope = _b.scope,\n client = _b.client;\n\n if (client && client[method]) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-explicit-any\n (_a = client)[method].apply(_a, __spread(args, [scope]));\n }\n };\n /**\n * Calls global extension method and binding current instance to the function call\n */\n // @ts-ignore Function lacks ending return statement and return type does not include 'undefined'. ts(2366)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n\n Hub.prototype._callExtensionMethod = function (method) {\n var args = [];\n\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n\n var carrier = getMainCarrier();\n var sentry = carrier.__SENTRY__;\n\n if (sentry && sentry.extensions && typeof sentry.extensions[method] === 'function') {\n return sentry.extensions[method].apply(this, args);\n }\n\n logger.warn(\"Extension method \" + method + \" couldn't be found, doing nothing.\");\n };\n\n return Hub;\n}();\n\nexport { Hub };\n/**\n * Returns the global shim registry.\n *\n * FIXME: This function is problematic, because despite always returning a valid Carrier,\n * it has an optional `__SENTRY__` property, which then in turn requires us to always perform an unnecessary check\n * at the call-site. We always access the carrier through this function, so we can guarantee that `__SENTRY__` is there.\n **/\n\nexport function getMainCarrier() {\n var carrier = getGlobalObject();\n carrier.__SENTRY__ = carrier.__SENTRY__ || {\n extensions: {},\n hub: undefined\n };\n return carrier;\n}\n/**\n * Replaces the current main hub with the passed one on the global object\n *\n * @returns The old replaced hub\n */\n\nexport function makeMain(hub) {\n var registry = getMainCarrier();\n var oldHub = getHubFromCarrier(registry);\n setHubOnCarrier(registry, hub);\n return oldHub;\n}\n/**\n * Returns the default hub instance.\n *\n * If a hub is already registered in the global carrier but this module\n * contains a more recent version, it replaces the registered version.\n * Otherwise, the currently registered hub will be returned.\n */\n\nexport function getCurrentHub() {\n // Get main carrier (global for every environment)\n var registry = getMainCarrier(); // If there's no hub, or its an old API, assign a new one\n\n if (!hasHubOnCarrier(registry) || getHubFromCarrier(registry).isOlderThan(API_VERSION)) {\n setHubOnCarrier(registry, new Hub());\n } // Prefer domains over global if they are there (applicable only to Node environment)\n\n\n if (isNodeEnv()) {\n return getHubFromActiveDomain(registry);\n } // Return hub that lives on a global object\n\n\n return getHubFromCarrier(registry);\n}\n/**\n * Returns the active domain, if one exists\n * @deprecated No longer used; remove in v7\n * @returns The domain, or undefined if there is no active domain\n */\n// eslint-disable-next-line deprecation/deprecation\n\nexport function getActiveDomain() {\n logger.warn('Function `getActiveDomain` is deprecated and will be removed in a future version.');\n\n var sentry = getMainCarrier().__SENTRY__;\n\n return sentry && sentry.extensions && sentry.extensions.domain && sentry.extensions.domain.active;\n}\n/**\n * Try to read the hub from an active domain, and fallback to the registry if one doesn't exist\n * @returns discovered hub\n */\n\nfunction getHubFromActiveDomain(registry) {\n var _a, _b, _c;\n\n try {\n var activeDomain = (_c = (_b = (_a = getMainCarrier().__SENTRY__) === null || _a === void 0 ? void 0 : _a.extensions) === null || _b === void 0 ? void 0 : _b.domain) === null || _c === void 0 ? void 0 : _c.active; // If there's no active domain, just return global hub\n\n if (!activeDomain) {\n return getHubFromCarrier(registry);\n } // If there's no hub on current domain, or it's an old API, assign a new one\n\n\n if (!hasHubOnCarrier(activeDomain) || getHubFromCarrier(activeDomain).isOlderThan(API_VERSION)) {\n var registryHubTopStack = getHubFromCarrier(registry).getStackTop();\n setHubOnCarrier(activeDomain, new Hub(registryHubTopStack.client, Scope.clone(registryHubTopStack.scope)));\n } // Return hub that lives on a domain\n\n\n return getHubFromCarrier(activeDomain);\n } catch (_Oo) {\n // Return hub that lives on a global object\n return getHubFromCarrier(registry);\n }\n}\n/**\n * This will tell whether a carrier has a hub on it or not\n * @param carrier object\n */\n\n\nfunction hasHubOnCarrier(carrier) {\n return !!(carrier && carrier.__SENTRY__ && carrier.__SENTRY__.hub);\n}\n/**\n * This will create a new {@link Hub} and add to the passed object on\n * __SENTRY__.hub.\n * @param carrier object\n * @hidden\n */\n\n\nexport function getHubFromCarrier(carrier) {\n if (carrier && carrier.__SENTRY__ && carrier.__SENTRY__.hub) return carrier.__SENTRY__.hub;\n carrier.__SENTRY__ = carrier.__SENTRY__ || {};\n carrier.__SENTRY__.hub = new Hub();\n return carrier.__SENTRY__.hub;\n}\n/**\n * This will set passed {@link Hub} on the passed object's __SENTRY__.hub attribute\n * @param carrier object\n * @param hub Hub\n * @returns A boolean indicating success or failure\n */\n\nexport function setHubOnCarrier(carrier, hub) {\n if (!carrier) return false;\n carrier.__SENTRY__ = carrier.__SENTRY__ || {};\n carrier.__SENTRY__.hub = hub;\n return true;\n}","export default function unsupportedProp(props, propName, componentName, location, propFullName) {\n if (process.env.NODE_ENV === 'production') {\n return null;\n }\n\n var propFullNameSafe = propFullName || propName;\n\n if (typeof props[propName] !== 'undefined') {\n return new Error(\"The prop `\".concat(propFullNameSafe, \"` is not supported. Please remove it.\"));\n }\n\n return null;\n}","export { default } from './StylesProvider';\nexport * from './StylesProvider';","export default {\n disabled: false\n};","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}","/* eslint-disable @typescript-eslint/explicit-function-return-type */\n\n/* eslint-disable @typescript-eslint/typedef */\n\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { isThenable } from './is';\n/** SyncPromise internal states */\n\nvar States;\n\n(function (States) {\n /** Pending */\n States[\"PENDING\"] = \"PENDING\";\n /** Resolved / OK */\n\n States[\"RESOLVED\"] = \"RESOLVED\";\n /** Rejected / Error */\n\n States[\"REJECTED\"] = \"REJECTED\";\n})(States || (States = {}));\n/**\n * Thenable class that behaves like a Promise and follows it's interface\n * but is not async internally\n */\n\n\nvar SyncPromise =\n/** @class */\nfunction () {\n function SyncPromise(executor) {\n var _this = this;\n\n this._state = States.PENDING;\n this._handlers = [];\n /** JSDoc */\n\n this._resolve = function (value) {\n _this._setResult(States.RESOLVED, value);\n };\n /** JSDoc */\n\n\n this._reject = function (reason) {\n _this._setResult(States.REJECTED, reason);\n };\n /** JSDoc */\n\n\n this._setResult = function (state, value) {\n if (_this._state !== States.PENDING) {\n return;\n }\n\n if (isThenable(value)) {\n void value.then(_this._resolve, _this._reject);\n return;\n }\n\n _this._state = state;\n _this._value = value;\n\n _this._executeHandlers();\n }; // TODO: FIXME\n\n /** JSDoc */\n\n\n this._attachHandler = function (handler) {\n _this._handlers = _this._handlers.concat(handler);\n\n _this._executeHandlers();\n };\n /** JSDoc */\n\n\n this._executeHandlers = function () {\n if (_this._state === States.PENDING) {\n return;\n }\n\n var cachedHandlers = _this._handlers.slice();\n\n _this._handlers = [];\n cachedHandlers.forEach(function (handler) {\n if (handler.done) {\n return;\n }\n\n if (_this._state === States.RESOLVED) {\n if (handler.onfulfilled) {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n handler.onfulfilled(_this._value);\n }\n }\n\n if (_this._state === States.REJECTED) {\n if (handler.onrejected) {\n handler.onrejected(_this._value);\n }\n }\n\n handler.done = true;\n });\n };\n\n try {\n executor(this._resolve, this._reject);\n } catch (e) {\n this._reject(e);\n }\n }\n /** JSDoc */\n\n\n SyncPromise.resolve = function (value) {\n return new SyncPromise(function (resolve) {\n resolve(value);\n });\n };\n /** JSDoc */\n\n\n SyncPromise.reject = function (reason) {\n return new SyncPromise(function (_, reject) {\n reject(reason);\n });\n };\n /** JSDoc */\n\n\n SyncPromise.all = function (collection) {\n return new SyncPromise(function (resolve, reject) {\n if (!Array.isArray(collection)) {\n reject(new TypeError(\"Promise.all requires an array as input.\"));\n return;\n }\n\n if (collection.length === 0) {\n resolve([]);\n return;\n }\n\n var counter = collection.length;\n var resolvedCollection = [];\n collection.forEach(function (item, index) {\n void SyncPromise.resolve(item).then(function (value) {\n resolvedCollection[index] = value;\n counter -= 1;\n\n if (counter !== 0) {\n return;\n }\n\n resolve(resolvedCollection);\n }).then(null, reject);\n });\n });\n };\n /** JSDoc */\n\n\n SyncPromise.prototype.then = function (_onfulfilled, _onrejected) {\n var _this = this;\n\n return new SyncPromise(function (resolve, reject) {\n _this._attachHandler({\n done: false,\n onfulfilled: function onfulfilled(result) {\n if (!_onfulfilled) {\n // TODO: ¯\\_(ツ)_/¯\n // TODO: FIXME\n resolve(result);\n return;\n }\n\n try {\n resolve(_onfulfilled(result));\n return;\n } catch (e) {\n reject(e);\n return;\n }\n },\n onrejected: function onrejected(reason) {\n if (!_onrejected) {\n reject(reason);\n return;\n }\n\n try {\n resolve(_onrejected(reason));\n return;\n } catch (e) {\n reject(e);\n return;\n }\n }\n });\n });\n };\n /** JSDoc */\n\n\n SyncPromise.prototype.catch = function (onrejected) {\n return this.then(function (val) {\n return val;\n }, onrejected);\n };\n /** JSDoc */\n\n\n SyncPromise.prototype.finally = function (onfinally) {\n var _this = this;\n\n return new SyncPromise(function (resolve, reject) {\n var val;\n var isRejected;\n return _this.then(function (value) {\n isRejected = false;\n val = value;\n\n if (onfinally) {\n onfinally();\n }\n }, function (reason) {\n isRejected = true;\n val = reason;\n\n if (onfinally) {\n onfinally();\n }\n }).then(function () {\n if (isRejected) {\n reject(val);\n return;\n }\n\n resolve(val);\n });\n });\n };\n /** JSDoc */\n\n\n SyncPromise.prototype.toString = function () {\n return '[object SyncPromise]';\n };\n\n return SyncPromise;\n}();\n\nexport { SyncPromise };","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp } from '@material-ui/utils';\nimport createGenerateClassName from '../createGenerateClassName';\nimport { create } from 'jss';\nimport jssPreset from '../jssPreset'; // Default JSS instance.\n\nvar jss = create(jssPreset()); // Use a singleton or the provided one by the context.\n//\n// The counter-based approach doesn't tolerate any mistake.\n// It's much safer to use the same counter everywhere.\n\nvar generateClassName = createGenerateClassName(); // Exported for test purposes\n\nexport var sheetsManager = new Map();\nvar defaultOptions = {\n disableGeneration: false,\n generateClassName: generateClassName,\n jss: jss,\n sheetsCache: null,\n sheetsManager: sheetsManager,\n sheetsRegistry: null\n};\nexport var StylesContext = React.createContext(defaultOptions);\n\nif (process.env.NODE_ENV !== 'production') {\n StylesContext.displayName = 'StylesContext';\n}\n\nvar injectFirstNode;\nexport default function StylesProvider(props) {\n var children = props.children,\n _props$injectFirst = props.injectFirst,\n injectFirst = _props$injectFirst === void 0 ? false : _props$injectFirst,\n _props$disableGenerat = props.disableGeneration,\n disableGeneration = _props$disableGenerat === void 0 ? false : _props$disableGenerat,\n localOptions = _objectWithoutProperties(props, [\"children\", \"injectFirst\", \"disableGeneration\"]);\n\n var outerOptions = React.useContext(StylesContext);\n\n var context = _extends({}, outerOptions, {\n disableGeneration: disableGeneration\n }, localOptions);\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof window === 'undefined' && !context.sheetsManager) {\n console.error('Material-UI: You need to use the ServerStyleSheets API when rendering on the server.');\n }\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (context.jss.options.insertionPoint && injectFirst) {\n console.error('Material-UI: You cannot use a custom insertionPoint and at the same time.');\n }\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (injectFirst && localOptions.jss) {\n console.error('Material-UI: You cannot use the jss and injectFirst props at the same time.');\n }\n }\n\n if (!context.jss.options.insertionPoint && injectFirst && typeof window !== 'undefined') {\n if (!injectFirstNode) {\n var head = document.head;\n injectFirstNode = document.createComment('mui-inject-first');\n head.insertBefore(injectFirstNode, head.firstChild);\n }\n\n context.jss = create({\n plugins: jssPreset().plugins,\n insertionPoint: injectFirstNode\n });\n }\n\n return /*#__PURE__*/React.createElement(StylesContext.Provider, {\n value: context\n }, children);\n}\nprocess.env.NODE_ENV !== \"production\" ? StylesProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n\n /**\n * You can disable the generation of the styles with this option.\n * It can be useful when traversing the React tree outside of the HTML\n * rendering step on the server.\n * Let's say you are using react-apollo to extract all\n * the queries made by the interface server-side - you can significantly speed up the traversal with this prop.\n */\n disableGeneration: PropTypes.bool,\n\n /**\n * JSS's class name generator.\n */\n generateClassName: PropTypes.func,\n\n /**\n * By default, the styles are injected last in the element of the page.\n * As a result, they gain more specificity than any other style sheet.\n * If you want to override Material-UI's styles, set this prop.\n */\n injectFirst: PropTypes.bool,\n\n /**\n * JSS's instance.\n */\n jss: PropTypes.object,\n\n /**\n * @ignore\n */\n serverGenerateClassName: PropTypes.func,\n\n /**\n * @ignore\n *\n * Beta feature.\n *\n * Cache for the sheets.\n */\n sheetsCache: PropTypes.object,\n\n /**\n * @ignore\n *\n * The sheetsManager is used to deduplicate style sheet injection in the page.\n * It's deduplicating using the (theme, styles) couple.\n * On the server, you should provide a new instance for each request.\n */\n sheetsManager: PropTypes.object,\n\n /**\n * @ignore\n *\n * Collect the sheets.\n */\n sheetsRegistry: PropTypes.object\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n process.env.NODE_ENV !== \"production\" ? StylesProvider.propTypes = exactProp(StylesProvider.propTypes) : void 0;\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport PropTypes from 'prop-types';\nimport { chainPropTypes } from '@material-ui/utils';\nimport merge from './merge';\n\nfunction omit(input, fields) {\n var output = {};\n Object.keys(input).forEach(function (prop) {\n if (fields.indexOf(prop) === -1) {\n output[prop] = input[prop];\n }\n });\n return output;\n}\n\nvar warnedOnce = false;\n\nfunction styleFunctionSx(styleFunction) {\n var newStyleFunction = function newStyleFunction(props) {\n var output = styleFunction(props);\n\n if (props.css) {\n return _extends({}, merge(output, styleFunction(_extends({\n theme: props.theme\n }, props.css))), omit(props.css, [styleFunction.filterProps]));\n }\n\n if (props.sx) {\n return _extends({}, merge(output, styleFunction(_extends({\n theme: props.theme\n }, props.sx))), omit(props.sx, [styleFunction.filterProps]));\n }\n\n return output;\n };\n\n newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {\n css: chainPropTypes(PropTypes.object, function (props) {\n if (!warnedOnce && props.css !== undefined) {\n warnedOnce = true;\n return new Error('Material-UI: The `css` prop is deprecated, please use the `sx` prop instead.');\n }\n\n return null;\n }),\n sx: PropTypes.object\n }) : {};\n newStyleFunction.filterProps = ['css', 'sx'].concat(_toConsumableArray(styleFunction.filterProps));\n return newStyleFunction;\n}\n/**\r\n *\r\n * @deprecated\r\n * The css style function is deprecated. Use the `styleFunctionSx` instead.\r\n */\n\n\nexport function css(styleFunction) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn('Material-UI: The `css` function is deprecated. Use the `styleFunctionSx` instead.');\n }\n\n return styleFunctionSx(styleFunction);\n}\nexport default styleFunctionSx;","import style from './style';\nimport compose from './compose';\n\nfunction getBorder(value) {\n if (typeof value !== 'number') {\n return value;\n }\n\n return \"\".concat(value, \"px solid\");\n}\n\nexport var border = style({\n prop: 'border',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderTop = style({\n prop: 'borderTop',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderRight = style({\n prop: 'borderRight',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderBottom = style({\n prop: 'borderBottom',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderLeft = style({\n prop: 'borderLeft',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderColor = style({\n prop: 'borderColor',\n themeKey: 'palette'\n});\nexport var borderRadius = style({\n prop: 'borderRadius',\n themeKey: 'shape'\n});\nvar borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderRadius);\nexport default borders;","import style from './style';\nimport compose from './compose';\nexport var flexBasis = style({\n prop: 'flexBasis'\n});\nexport var flexDirection = style({\n prop: 'flexDirection'\n});\nexport var flexWrap = style({\n prop: 'flexWrap'\n});\nexport var justifyContent = style({\n prop: 'justifyContent'\n});\nexport var alignItems = style({\n prop: 'alignItems'\n});\nexport var alignContent = style({\n prop: 'alignContent'\n});\nexport var order = style({\n prop: 'order'\n});\nexport var flex = style({\n prop: 'flex'\n});\nexport var flexGrow = style({\n prop: 'flexGrow'\n});\nexport var flexShrink = style({\n prop: 'flexShrink'\n});\nexport var alignSelf = style({\n prop: 'alignSelf'\n});\nexport var justifyItems = style({\n prop: 'justifyItems'\n});\nexport var justifySelf = style({\n prop: 'justifySelf'\n});\nvar flexbox = compose(flexBasis, flexDirection, flexWrap, justifyContent, alignItems, alignContent, order, flex, flexGrow, flexShrink, alignSelf, justifyItems, justifySelf);\nexport default flexbox;","import style from './style';\nimport compose from './compose';\nexport var gridGap = style({\n prop: 'gridGap'\n});\nexport var gridColumnGap = style({\n prop: 'gridColumnGap'\n});\nexport var gridRowGap = style({\n prop: 'gridRowGap'\n});\nexport var gridColumn = style({\n prop: 'gridColumn'\n});\nexport var gridRow = style({\n prop: 'gridRow'\n});\nexport var gridAutoFlow = style({\n prop: 'gridAutoFlow'\n});\nexport var gridAutoColumns = style({\n prop: 'gridAutoColumns'\n});\nexport var gridAutoRows = style({\n prop: 'gridAutoRows'\n});\nexport var gridTemplateColumns = style({\n prop: 'gridTemplateColumns'\n});\nexport var gridTemplateRows = style({\n prop: 'gridTemplateRows'\n});\nexport var gridTemplateAreas = style({\n prop: 'gridTemplateAreas'\n});\nexport var gridArea = style({\n prop: 'gridArea'\n});\nvar grid = compose(gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;","import style from './style';\nimport compose from './compose';\nexport var position = style({\n prop: 'position'\n});\nexport var zIndex = style({\n prop: 'zIndex',\n themeKey: 'zIndex'\n});\nexport var top = style({\n prop: 'top'\n});\nexport var right = style({\n prop: 'right'\n});\nexport var bottom = style({\n prop: 'bottom'\n});\nexport var left = style({\n prop: 'left'\n});\nexport default compose(position, zIndex, top, right, bottom, left);","import style from './style';\nimport compose from './compose';\nexport var color = style({\n prop: 'color',\n themeKey: 'palette'\n});\nexport var bgcolor = style({\n prop: 'bgcolor',\n cssProperty: 'backgroundColor',\n themeKey: 'palette'\n});\nvar palette = compose(color, bgcolor);\nexport default palette;","import style from './style';\nimport compose from './compose';\n\nfunction transform(value) {\n return value <= 1 ? \"\".concat(value * 100, \"%\") : value;\n}\n\nexport var width = style({\n prop: 'width',\n transform: transform\n});\nexport var maxWidth = style({\n prop: 'maxWidth',\n transform: transform\n});\nexport var minWidth = style({\n prop: 'minWidth',\n transform: transform\n});\nexport var height = style({\n prop: 'height',\n transform: transform\n});\nexport var maxHeight = style({\n prop: 'maxHeight',\n transform: transform\n});\nexport var minHeight = style({\n prop: 'minHeight',\n transform: transform\n});\nexport var sizeWidth = style({\n prop: 'size',\n cssProperty: 'width',\n transform: transform\n});\nexport var sizeHeight = style({\n prop: 'size',\n cssProperty: 'height',\n transform: transform\n});\nexport var boxSizing = style({\n prop: 'boxSizing'\n});\nvar sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);\nexport default sizing;","import style from './style';\nimport compose from './compose';\nexport var fontFamily = style({\n prop: 'fontFamily',\n themeKey: 'typography'\n});\nexport var fontSize = style({\n prop: 'fontSize',\n themeKey: 'typography'\n});\nexport var fontStyle = style({\n prop: 'fontStyle',\n themeKey: 'typography'\n});\nexport var fontWeight = style({\n prop: 'fontWeight',\n themeKey: 'typography'\n});\nexport var letterSpacing = style({\n prop: 'letterSpacing'\n});\nexport var lineHeight = style({\n prop: 'lineHeight'\n});\nexport var textAlign = style({\n prop: 'textAlign'\n});\nvar typography = compose(fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign);\nexport default typography;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"checkIndexBounds\", {\n enumerable: true,\n get: function get() {\n return _checkIndexBounds.default;\n }\n});\nObject.defineProperty(exports, \"computeIndex\", {\n enumerable: true,\n get: function get() {\n return _computeIndex.default;\n }\n});\nObject.defineProperty(exports, \"constant\", {\n enumerable: true,\n get: function get() {\n return _constant.default;\n }\n});\nObject.defineProperty(exports, \"getDisplaySameSlide\", {\n enumerable: true,\n get: function get() {\n return _getDisplaySameSlide.default;\n }\n});\nObject.defineProperty(exports, \"mod\", {\n enumerable: true,\n get: function get() {\n return _mod.default;\n }\n});\n\nvar _checkIndexBounds = _interopRequireDefault(require(\"./checkIndexBounds\"));\n\nvar _computeIndex = _interopRequireDefault(require(\"./computeIndex\"));\n\nvar _constant = _interopRequireDefault(require(\"./constant\"));\n\nvar _getDisplaySameSlide = _interopRequireDefault(require(\"./getDisplaySameSlide\"));\n\nvar _mod = _interopRequireDefault(require(\"./mod\"));","function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nmodule.exports = _interopRequireDefault;","function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nmodule.exports = _interopRequireDefault;","var _typeof = require(\"@babel/runtime/helpers/typeof\")[\"default\"];\n\nfunction _getRequireWildcardCache(nodeInterop) {\n if (typeof WeakMap !== \"function\") return null;\n var cacheBabelInterop = new WeakMap();\n var cacheNodeInterop = new WeakMap();\n return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {\n return nodeInterop ? cacheNodeInterop : cacheBabelInterop;\n })(nodeInterop);\n}\n\nfunction _interopRequireWildcard(obj, nodeInterop) {\n if (!nodeInterop && obj && obj.__esModule) {\n return obj;\n }\n\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n\n var cache = _getRequireWildcardCache(nodeInterop);\n\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n\n for (var key in obj) {\n if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n\n newObj[\"default\"] = obj;\n\n if (cache) {\n cache.set(obj, newObj);\n }\n\n return newObj;\n}\n\nmodule.exports = _interopRequireWildcard;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport responsivePropType from './responsivePropType';\nimport { handleBreakpoints } from './breakpoints';\nimport merge from './merge';\nimport memoize from './memoize';\nvar properties = {\n m: 'margin',\n p: 'padding'\n};\nvar directions = {\n t: 'Top',\n r: 'Right',\n b: 'Bottom',\n l: 'Left',\n x: ['Left', 'Right'],\n y: ['Top', 'Bottom']\n};\nvar aliases = {\n marginX: 'mx',\n marginY: 'my',\n paddingX: 'px',\n paddingY: 'py'\n}; // memoize() impact:\n// From 300,000 ops/sec\n// To 350,000 ops/sec\n\nvar getCssProperties = memoize(function (prop) {\n // It's not a shorthand notation.\n if (prop.length > 2) {\n if (aliases[prop]) {\n prop = aliases[prop];\n } else {\n return [prop];\n }\n }\n\n var _prop$split = prop.split(''),\n _prop$split2 = _slicedToArray(_prop$split, 2),\n a = _prop$split2[0],\n b = _prop$split2[1];\n\n var property = properties[a];\n var direction = directions[b] || '';\n return Array.isArray(direction) ? direction.map(function (dir) {\n return property + dir;\n }) : [property + direction];\n});\nvar spacingKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY'];\nexport function createUnarySpacing(theme) {\n var themeSpacing = theme.spacing || 8;\n\n if (typeof themeSpacing === 'number') {\n return function (abs) {\n if (process.env.NODE_ENV !== 'production') {\n if (typeof abs !== 'number') {\n console.error(\"Material-UI: Expected spacing argument to be a number, got \".concat(abs, \".\"));\n }\n }\n\n return themeSpacing * abs;\n };\n }\n\n if (Array.isArray(themeSpacing)) {\n return function (abs) {\n if (process.env.NODE_ENV !== 'production') {\n if (abs > themeSpacing.length - 1) {\n console.error([\"Material-UI: The value provided (\".concat(abs, \") overflows.\"), \"The supported values are: \".concat(JSON.stringify(themeSpacing), \".\"), \"\".concat(abs, \" > \").concat(themeSpacing.length - 1, \", you need to add the missing values.\")].join('\\n'));\n }\n }\n\n return themeSpacing[abs];\n };\n }\n\n if (typeof themeSpacing === 'function') {\n return themeSpacing;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n console.error([\"Material-UI: The `theme.spacing` value (\".concat(themeSpacing, \") is invalid.\"), 'It should be a number, an array or a function.'].join('\\n'));\n }\n\n return function () {\n return undefined;\n };\n}\n\nfunction getValue(transformer, propValue) {\n if (typeof propValue === 'string' || propValue == null) {\n return propValue;\n }\n\n var abs = Math.abs(propValue);\n var transformed = transformer(abs);\n\n if (propValue >= 0) {\n return transformed;\n }\n\n if (typeof transformed === 'number') {\n return -transformed;\n }\n\n return \"-\".concat(transformed);\n}\n\nfunction getStyleFromPropValue(cssProperties, transformer) {\n return function (propValue) {\n return cssProperties.reduce(function (acc, cssProperty) {\n acc[cssProperty] = getValue(transformer, propValue);\n return acc;\n }, {});\n };\n}\n\nfunction spacing(props) {\n var theme = props.theme;\n var transformer = createUnarySpacing(theme);\n return Object.keys(props).map(function (prop) {\n // Using a hash computation over an array iteration could be faster, but with only 28 items,\n // it's doesn't worth the bundle size.\n if (spacingKeys.indexOf(prop) === -1) {\n return null;\n }\n\n var cssProperties = getCssProperties(prop);\n var styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);\n var propValue = props[prop];\n return handleBreakpoints(props, propValue, styleFromPropValue);\n }).reduce(merge, {});\n}\n\nspacing.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce(function (obj, key) {\n obj[key] = responsivePropType;\n return obj;\n}, {}) : {};\nspacing.filterProps = spacingKeys;\nexport default spacing;","export default function memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) {\n cache[arg] = fn(arg);\n }\n\n return cache[arg];\n };\n}","import { Children, cloneElement, isValidElement } from 'react';\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 */\n\nexport function getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && isValidElement(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) 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\nexport function mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\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\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\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\n var i;\n var childMapping = {};\n\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\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nexport function getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return 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}\nexport function 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 (!isValidElement(child)) return;\n var hasPrev = (key in prevChildMapping);\n var hasNext = (key in nextChildMapping);\n var prevChild = prevChildMapping[key];\n var isLeaving = isValidElement(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = 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] = cloneElement(child, {\n in: false\n });\n } else if (hasNext && hasPrev && isValidElement(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = 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}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { getChildMapping, getInitialChildMapping, getNextChildMapping } from './utils/ChildMapping';\n\nvar values = Object.values || function (obj) {\n return Object.keys(obj).map(function (k) {\n return obj[k];\n });\n};\n\nvar defaultProps = {\n component: 'div',\n childFactory: function childFactory(child) {\n return child;\n }\n};\n/**\n * The `` component manages a set of transition components\n * (`` and ``) in a list. Like with the transition\n * components, `` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the ``.\n *\n * Note that `` does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\nvar TransitionGroup = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(TransitionGroup, _React$Component);\n\n function TransitionGroup(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n\n var handleExited = _this.handleExited.bind(_assertThisInitialized(_this)); // Initial children should all be entering, dependent on appear\n\n\n _this.state = {\n contextValue: {\n isMounting: true\n },\n handleExited: handleExited,\n firstRender: true\n };\n return _this;\n }\n\n var _proto = TransitionGroup.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.mounted = true;\n this.setState({\n contextValue: {\n isMounting: false\n }\n });\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.mounted = false;\n };\n\n TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n var prevChildMapping = _ref.children,\n handleExited = _ref.handleExited,\n firstRender = _ref.firstRender;\n return {\n children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),\n firstRender: false\n };\n } // node is `undefined` when user provided `nodeRef` prop\n ;\n\n _proto.handleExited = function handleExited(child, node) {\n var currentChildMapping = getChildMapping(this.props.children);\n if (child.key in currentChildMapping) return;\n\n if (child.props.onExited) {\n child.props.onExited(node);\n }\n\n if (this.mounted) {\n this.setState(function (state) {\n var children = _extends({}, state.children);\n\n delete children[child.key];\n return {\n children: children\n };\n });\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n Component = _this$props.component,\n childFactory = _this$props.childFactory,\n props = _objectWithoutPropertiesLoose(_this$props, [\"component\", \"childFactory\"]);\n\n var contextValue = this.state.contextValue;\n var children = values(this.state.children).map(childFactory);\n delete props.appear;\n delete props.enter;\n delete props.exit;\n\n if (Component === null) {\n return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n value: contextValue\n }, children);\n }\n\n return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n value: contextValue\n }, /*#__PURE__*/React.createElement(Component, props, children));\n };\n\n return TransitionGroup;\n}(React.Component);\n\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * `` renders a `` 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.any,\n\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.node,\n\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.bool,\n\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.bool,\n\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.bool,\n\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.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","import React from 'react';\nvar ThemeContext = React.createContext(null);\n\nif (process.env.NODE_ENV !== 'production') {\n ThemeContext.displayName = 'ThemeContext';\n}\n\nexport default ThemeContext;","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","var hasSymbol = typeof Symbol === 'function' && Symbol.for;\nexport default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';","/**\n * WARNING: Don't import this directly.\n * Use `MuiError` from `@material-ui/utils/macros/MuiError.macro` instead.\n * @param {number} code\n */\nexport default function formatMuiErrorMessage(code) {\n // Apply babel-plugin-transform-template-literals in loose mode\n // loose mode is safe iff we're concatenating primitives\n // see https://babeljs.io/docs/en/babel-plugin-transform-template-literals#loose\n\n /* eslint-disable prefer-template */\n var url = 'https://material-ui.com/production-error/?code=' + code;\n\n for (var i = 1; i < arguments.length; i += 1) {\n // rest params over-transpile for this case\n // eslint-disable-next-line prefer-rest-params\n url += '&args[]=' + encodeURIComponent(arguments[i]);\n }\n\n return 'Minified Material-UI error #' + code + '; visit ' + url + ' for the full message.';\n /* eslint-enable prefer-template */\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","// We need to centralize the zIndex definitions as they work\n// like global values in the browser.\nvar zIndex = {\n mobileStepper: 1000,\n speedDial: 1050,\n appBar: 1100,\n drawer: 1200,\n modal: 1300,\n snackbar: 1400,\n tooltip: 1500\n};\nexport default zIndex;","export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}","// A change of the browser zoom change the scrollbar size.\n// Credit https://github.com/twbs/bootstrap/blob/3ffe3a5d82f6f561b82ff78d82b32a7d14aed558/js/src/modal.js#L512-L519\nexport default function getScrollbarSize() {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.width = '99px';\n scrollDiv.style.height = '99px';\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n var scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarSize;\n}","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar RadioGroupContext = React.createContext();\n\nif (process.env.NODE_ENV !== 'production') {\n RadioGroupContext.displayName = 'RadioGroupContext';\n}\n\nexport default RadioGroupContext;","\"use strict\";\n\nvar tester = /^[-!#$%&'*+\\/0-9=?A-Z^_a-z{|}~](\\.?[-!#$%&'*+\\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\\.?[a-zA-Z0-9])*\\.[a-zA-Z](-?[a-zA-Z0-9])+$/; // Thanks to:\n// http://fightingforalostcause.net/misc/2006/compare-email-regex.php\n// http://thedailywtf.com/Articles/Validating_Email_Addresses.aspx\n// http://stackoverflow.com/questions/201323/what-is-the-best-regular-expression-for-validating-email-addresses/201378#201378\n\nexports.validate = function (email) {\n if (!email) return false;\n if (email.length > 254) return false;\n var valid = tester.test(email);\n if (!valid) return false; // Further checking of some things regex can't handle\n\n var parts = email.split(\"@\");\n if (parts[0].length > 64) return false;\n var domainParts = parts[1].split(\".\");\n if (domainParts.some(function (part) {\n return part.length > 63;\n })) return false;\n return true;\n};","import * as React from 'react';\n/**\n * @ignore - internal component.\n * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}\n */\n\nvar AccordionContext = React.createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n AccordionContext.displayName = 'AccordionContext';\n}\n\nexport default AccordionContext;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar TableContext = React.createContext();\n\nif (process.env.NODE_ENV !== 'production') {\n TableContext.displayName = 'TableContext';\n}\n\nexport default TableContext;","import { createElement, Component, useRef, useState, useCallback, useEffect } from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar ObserverMap = new Map();\nvar RootIds = new WeakMap();\nvar rootId = 0;\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n if (!root) return '0';\n if (RootIds.has(root)) return RootIds.get(root);\n rootId += 1;\n RootIds.set(root, rootId.toString());\n return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n return Object.keys(options).sort().filter(function (key) {\n return options[key] !== undefined;\n }).map(function (key) {\n return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n }).toString();\n}\n\nfunction createObserver(options) {\n // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n var id = optionsToId(options);\n var instance = ObserverMap.get(id);\n\n if (!instance) {\n // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n var elements = new Map();\n var thresholds;\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n var _elements$get; // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n\n\n var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n return entry.intersectionRatio >= threshold;\n }); // @ts-ignore support IntersectionObserver v2\n\n if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n // @ts-ignore\n entry.isVisible = inView;\n }\n\n (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n callback(inView, entry);\n });\n });\n }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n instance = {\n id: id,\n observer: observer,\n elements: elements\n };\n ObserverMap.set(id, instance);\n }\n\n return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\n\nfunction observe(element, callback, options) {\n if (options === void 0) {\n options = {};\n }\n\n if (!element) return function () {}; // An observer with the same options can be reused, so lets use this fact\n\n var _createObserver = createObserver(options),\n id = _createObserver.id,\n observer = _createObserver.observer,\n elements = _createObserver.elements; // Register the callback listener for this element\n\n\n var callbacks = elements.get(element) || [];\n\n if (!elements.has(element)) {\n elements.set(element, callbacks);\n }\n\n callbacks.push(callback);\n observer.observe(element);\n return function unobserve() {\n // Remove the callback from the callback list\n callbacks.splice(callbacks.indexOf(callback), 1);\n\n if (callbacks.length === 0) {\n // No more callback exists for element, so destroy it\n elements[\"delete\"](element);\n observer.unobserve(element);\n }\n\n if (elements.size === 0) {\n // No more elements are being observer by this instance, so destroy it\n observer.disconnect();\n ObserverMap[\"delete\"](id);\n }\n };\n}\n\nfunction isPlainChildren(props) {\n return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n \r\n {({ inView, ref, entry }) => (\r\n \r\n {`Header inside viewport ${inView}.`}
\r\n \r\n )}\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n console.log('Inview:', inView)}>\r\n Plain children are always rendered. Use onChange to monitor state.
\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(InView, _React$Component);\n\n function InView(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.node = null;\n _this._unobserveCb = null;\n\n _this.handleNode = function (node) {\n if (_this.node) {\n // Clear the old observer, before we start observing a new element\n _this.unobserve();\n\n if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n _this.setState({\n inView: !!_this.props.initialInView,\n entry: undefined\n });\n }\n }\n\n _this.node = node ? node : null;\n\n _this.observeNode();\n };\n\n _this.handleChange = function (inView, entry) {\n if (inView && _this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n _this.unobserve();\n }\n\n if (!isPlainChildren(_this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n _this.setState({\n inView: inView,\n entry: entry\n });\n }\n\n if (_this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n _this.props.onChange(inView, entry);\n }\n };\n\n _this.state = {\n inView: !!props.initialInView,\n entry: undefined\n };\n return _this;\n }\n\n var _proto = InView.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n this.unobserve();\n this.observeNode();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unobserve();\n this.node = null;\n };\n\n _proto.observeNode = function observeNode() {\n if (!this.node || this.props.skip) return;\n var _this$props = this.props,\n threshold = _this$props.threshold,\n root = _this$props.root,\n rootMargin = _this$props.rootMargin,\n trackVisibility = _this$props.trackVisibility,\n delay = _this$props.delay;\n this._unobserveCb = observe(this.node, this.handleChange, {\n threshold: threshold,\n root: root,\n rootMargin: rootMargin,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n };\n\n _proto.unobserve = function unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n\n this._unobserveCb = null;\n }\n };\n\n _proto.render = function render() {\n if (!isPlainChildren(this.props)) {\n var _this$state = this.state,\n inView = _this$state.inView,\n entry = _this$state.entry;\n return this.props.children({\n inView: inView,\n entry: entry,\n ref: this.handleNode\n });\n }\n\n var _this$props2 = this.props,\n children = _this$props2.children,\n as = _this$props2.as,\n tag = _this$props2.tag,\n props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n ref: this.handleNode\n }, props), children);\n };\n\n return InView;\n}(Component);\n\nInView.displayName = 'InView';\nInView.defaultProps = {\n threshold: 0,\n triggerOnce: false,\n initialInView: false\n};\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n * const { ref, inView, entry } = useInView({\r\n * threshold: 0,\r\n * });\r\n *\r\n * return (\r\n * \r\n * {`Header inside viewport ${inView}.`}
\r\n * \r\n * );\r\n * };\r\n * ```\r\n */\n\nfunction useInView(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n threshold = _ref.threshold,\n delay = _ref.delay,\n trackVisibility = _ref.trackVisibility,\n rootMargin = _ref.rootMargin,\n root = _ref.root,\n triggerOnce = _ref.triggerOnce,\n skip = _ref.skip,\n initialInView = _ref.initialInView;\n\n var unobserve = useRef();\n\n var _React$useState = useState({\n inView: !!initialInView\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var setRef = useCallback(function (node) {\n if (unobserve.current !== undefined) {\n unobserve.current();\n unobserve.current = undefined;\n } // Skip creating the observer\n\n\n if (skip) return;\n\n if (node) {\n unobserve.current = observe(node, function (inView, entry) {\n setState({\n inView: inView,\n entry: entry\n });\n\n if (entry.isIntersecting && triggerOnce && unobserve.current) {\n // If it should only trigger once, unobserve the element after it's inView\n unobserve.current();\n unobserve.current = undefined;\n }\n }, {\n root: root,\n rootMargin: rootMargin,\n threshold: threshold,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n }\n }, // We break the rule here, because we aren't including the actual `threshold` variable\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [// If the threshold is an array, convert it to a string so it won't change between renders.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n /* eslint-disable-next-line */\n\n useEffect(function () {\n if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n setState({\n inView: !!initialInView\n });\n }\n });\n var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n return result;\n}\n\nexport default InView;\nexport { InView, observe, useInView };","var defaultFunctionName = '';\n/**\n * Safely extract function name from itself\n */\n\nexport function getFunctionName(fn) {\n try {\n if (!fn || typeof fn !== 'function') {\n return defaultFunctionName;\n }\n\n return fn.name || defaultFunctionName;\n } catch (e) {\n // Just accessing custom props in some Selenium environments\n // can cause a \"Permission denied\" exception (see raven-js#495).\n return defaultFunctionName;\n }\n}","export default function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}","export default function _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\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}","import _typeof from \"../../helpers/esm/typeof\";\nimport assertThisInitialized from \"./assertThisInitialized\";\nexport default function _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","import getPrototypeOf from \"./getPrototypeOf\";\nimport isNativeReflectConstruct from \"./isNativeReflectConstruct\";\nimport possibleConstructorReturn from \"./possibleConstructorReturn\";\nexport default function _createSuper(Derived) {\n return function () {\n var Super = getPrototypeOf(Derived),\n result;\n\n if (isNativeReflectConstruct()) {\n var NewTarget = getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return possibleConstructorReturn(this, result);\n };\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import setPrototypeOf from \"./setPrototypeOf\";\nexport default function _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\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}","import { __assign, __read, __spread } from \"tslib\";\nimport { dateTimestampInSeconds, getGlobalObject, isPlainObject, isThenable, SyncPromise } from '@sentry/utils';\n/**\n * Absolute maximum number of breadcrumbs added to an event.\n * The `maxBreadcrumbs` option cannot be higher than this value.\n */\n\nvar MAX_BREADCRUMBS = 100;\n/**\n * Holds additional event information. {@link Scope.applyToEvent} will be\n * called by the client before an event will be sent.\n */\n\nvar Scope =\n/** @class */\nfunction () {\n function Scope() {\n /** Flag if notifying is happening. */\n this._notifyingListeners = false;\n /** Callback for client to receive scope changes. */\n\n this._scopeListeners = [];\n /** Callback list that will be called after {@link applyToEvent}. */\n\n this._eventProcessors = [];\n /** Array of breadcrumbs. */\n\n this._breadcrumbs = [];\n /** User */\n\n this._user = {};\n /** Tags */\n\n this._tags = {};\n /** Extra */\n\n this._extra = {};\n /** Contexts */\n\n this._contexts = {};\n }\n /**\n * Inherit values from the parent scope.\n * @param scope to clone.\n */\n\n\n Scope.clone = function (scope) {\n var newScope = new Scope();\n\n if (scope) {\n newScope._breadcrumbs = __spread(scope._breadcrumbs);\n newScope._tags = __assign({}, scope._tags);\n newScope._extra = __assign({}, scope._extra);\n newScope._contexts = __assign({}, scope._contexts);\n newScope._user = scope._user;\n newScope._level = scope._level;\n newScope._span = scope._span;\n newScope._session = scope._session;\n newScope._transactionName = scope._transactionName;\n newScope._fingerprint = scope._fingerprint;\n newScope._eventProcessors = __spread(scope._eventProcessors);\n newScope._requestSession = scope._requestSession;\n }\n\n return newScope;\n };\n /**\n * Add internal on change listener. Used for sub SDKs that need to store the scope.\n * @hidden\n */\n\n\n Scope.prototype.addScopeListener = function (callback) {\n this._scopeListeners.push(callback);\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.addEventProcessor = function (callback) {\n this._eventProcessors.push(callback);\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setUser = function (user) {\n this._user = user || {};\n\n if (this._session) {\n this._session.update({\n user: user\n });\n }\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getUser = function () {\n return this._user;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getRequestSession = function () {\n return this._requestSession;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setRequestSession = function (requestSession) {\n this._requestSession = requestSession;\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setTags = function (tags) {\n this._tags = __assign(__assign({}, this._tags), tags);\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setTag = function (key, value) {\n var _a;\n\n this._tags = __assign(__assign({}, this._tags), (_a = {}, _a[key] = value, _a));\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setExtras = function (extras) {\n this._extra = __assign(__assign({}, this._extra), extras);\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setExtra = function (key, extra) {\n var _a;\n\n this._extra = __assign(__assign({}, this._extra), (_a = {}, _a[key] = extra, _a));\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setFingerprint = function (fingerprint) {\n this._fingerprint = fingerprint;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setLevel = function (level) {\n this._level = level;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setTransactionName = function (name) {\n this._transactionName = name;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * Can be removed in major version.\n * @deprecated in favor of {@link this.setTransactionName}\n */\n\n\n Scope.prototype.setTransaction = function (name) {\n return this.setTransactionName(name);\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setContext = function (key, context) {\n var _a;\n\n if (context === null) {\n // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n delete this._contexts[key];\n } else {\n this._contexts = __assign(__assign({}, this._contexts), (_a = {}, _a[key] = context, _a));\n }\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setSpan = function (span) {\n this._span = span;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getSpan = function () {\n return this._span;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getTransaction = function () {\n var _a, _b, _c, _d; // often, this span will be a transaction, but it's not guaranteed to be\n\n\n var span = this.getSpan(); // try it the new way first\n\n if ((_a = span) === null || _a === void 0 ? void 0 : _a.transaction) {\n return (_b = span) === null || _b === void 0 ? void 0 : _b.transaction;\n } // fallback to the old way (known bug: this only finds transactions with sampled = true)\n\n\n if ((_d = (_c = span) === null || _c === void 0 ? void 0 : _c.spanRecorder) === null || _d === void 0 ? void 0 : _d.spans[0]) {\n return span.spanRecorder.spans[0];\n } // neither way found a transaction\n\n\n return undefined;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setSession = function (session) {\n if (!session) {\n delete this._session;\n } else {\n this._session = session;\n }\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getSession = function () {\n return this._session;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.update = function (captureContext) {\n if (!captureContext) {\n return this;\n }\n\n if (typeof captureContext === 'function') {\n var updatedScope = captureContext(this);\n return updatedScope instanceof Scope ? updatedScope : this;\n }\n\n if (captureContext instanceof Scope) {\n this._tags = __assign(__assign({}, this._tags), captureContext._tags);\n this._extra = __assign(__assign({}, this._extra), captureContext._extra);\n this._contexts = __assign(__assign({}, this._contexts), captureContext._contexts);\n\n if (captureContext._user && Object.keys(captureContext._user).length) {\n this._user = captureContext._user;\n }\n\n if (captureContext._level) {\n this._level = captureContext._level;\n }\n\n if (captureContext._fingerprint) {\n this._fingerprint = captureContext._fingerprint;\n }\n\n if (captureContext._requestSession) {\n this._requestSession = captureContext._requestSession;\n }\n } else if (isPlainObject(captureContext)) {\n // eslint-disable-next-line no-param-reassign\n captureContext = captureContext;\n this._tags = __assign(__assign({}, this._tags), captureContext.tags);\n this._extra = __assign(__assign({}, this._extra), captureContext.extra);\n this._contexts = __assign(__assign({}, this._contexts), captureContext.contexts);\n\n if (captureContext.user) {\n this._user = captureContext.user;\n }\n\n if (captureContext.level) {\n this._level = captureContext.level;\n }\n\n if (captureContext.fingerprint) {\n this._fingerprint = captureContext.fingerprint;\n }\n\n if (captureContext.requestSession) {\n this._requestSession = captureContext.requestSession;\n }\n }\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.clear = function () {\n this._breadcrumbs = [];\n this._tags = {};\n this._extra = {};\n this._user = {};\n this._contexts = {};\n this._level = undefined;\n this._transactionName = undefined;\n this._fingerprint = undefined;\n this._requestSession = undefined;\n this._span = undefined;\n this._session = undefined;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.addBreadcrumb = function (breadcrumb, maxBreadcrumbs) {\n var maxCrumbs = typeof maxBreadcrumbs === 'number' ? Math.min(maxBreadcrumbs, MAX_BREADCRUMBS) : MAX_BREADCRUMBS; // No data has been changed, so don't notify scope listeners\n\n if (maxCrumbs <= 0) {\n return this;\n }\n\n var mergedBreadcrumb = __assign({\n timestamp: dateTimestampInSeconds()\n }, breadcrumb);\n\n this._breadcrumbs = __spread(this._breadcrumbs, [mergedBreadcrumb]).slice(-maxCrumbs);\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.clearBreadcrumbs = function () {\n this._breadcrumbs = [];\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * Applies the current context and fingerprint to the event.\n * Note that breadcrumbs will be added by the client.\n * Also if the event has already breadcrumbs on it, we do not merge them.\n * @param event Event\n * @param hint May contain additional information about the original exception.\n * @hidden\n */\n\n\n Scope.prototype.applyToEvent = function (event, hint) {\n var _a;\n\n if (this._extra && Object.keys(this._extra).length) {\n event.extra = __assign(__assign({}, this._extra), event.extra);\n }\n\n if (this._tags && Object.keys(this._tags).length) {\n event.tags = __assign(__assign({}, this._tags), event.tags);\n }\n\n if (this._user && Object.keys(this._user).length) {\n event.user = __assign(__assign({}, this._user), event.user);\n }\n\n if (this._contexts && Object.keys(this._contexts).length) {\n event.contexts = __assign(__assign({}, this._contexts), event.contexts);\n }\n\n if (this._level) {\n event.level = this._level;\n }\n\n if (this._transactionName) {\n event.transaction = this._transactionName;\n } // We want to set the trace context for normal events only if there isn't already\n // a trace context on the event. There is a product feature in place where we link\n // errors with transaction and it relies on that.\n\n\n if (this._span) {\n event.contexts = __assign({\n trace: this._span.getTraceContext()\n }, event.contexts);\n var transactionName = (_a = this._span.transaction) === null || _a === void 0 ? void 0 : _a.name;\n\n if (transactionName) {\n event.tags = __assign({\n transaction: transactionName\n }, event.tags);\n }\n }\n\n this._applyFingerprint(event);\n\n event.breadcrumbs = __spread(event.breadcrumbs || [], this._breadcrumbs);\n event.breadcrumbs = event.breadcrumbs.length > 0 ? event.breadcrumbs : undefined;\n return this._notifyEventProcessors(__spread(getGlobalEventProcessors(), this._eventProcessors), event, hint);\n };\n /**\n * This will be called after {@link applyToEvent} is finished.\n */\n\n\n Scope.prototype._notifyEventProcessors = function (processors, event, hint, index) {\n var _this = this;\n\n if (index === void 0) {\n index = 0;\n }\n\n return new SyncPromise(function (resolve, reject) {\n var processor = processors[index];\n\n if (event === null || typeof processor !== 'function') {\n resolve(event);\n } else {\n var result = processor(__assign({}, event), hint);\n\n if (isThenable(result)) {\n void result.then(function (final) {\n return _this._notifyEventProcessors(processors, final, hint, index + 1).then(resolve);\n }).then(null, reject);\n } else {\n void _this._notifyEventProcessors(processors, result, hint, index + 1).then(resolve).then(null, reject);\n }\n }\n });\n };\n /**\n * This will be called on every set call.\n */\n\n\n Scope.prototype._notifyScopeListeners = function () {\n var _this = this; // We need this check for this._notifyingListeners to be able to work on scope during updates\n // If this check is not here we'll produce endless recursion when something is done with the scope\n // during the callback.\n\n\n if (!this._notifyingListeners) {\n this._notifyingListeners = true;\n\n this._scopeListeners.forEach(function (callback) {\n callback(_this);\n });\n\n this._notifyingListeners = false;\n }\n };\n /**\n * Applies fingerprint from the scope to the event if there's one,\n * uses message if there's one instead or get rid of empty fingerprint\n */\n\n\n Scope.prototype._applyFingerprint = function (event) {\n // Make sure it's an array first and we actually have something in place\n event.fingerprint = event.fingerprint ? Array.isArray(event.fingerprint) ? event.fingerprint : [event.fingerprint] : []; // If we have something on the scope, then merge it with event\n\n if (this._fingerprint) {\n event.fingerprint = event.fingerprint.concat(this._fingerprint);\n } // If we have no data at all, remove empty array default\n\n\n if (event.fingerprint && !event.fingerprint.length) {\n delete event.fingerprint;\n }\n };\n\n return Scope;\n}();\n\nexport { Scope };\n/**\n * Returns the global event processors.\n */\n\nfunction getGlobalEventProcessors() {\n /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */\n var global = getGlobalObject();\n global.__SENTRY__ = global.__SENTRY__ || {};\n global.__SENTRY__.globalEventProcessors = global.__SENTRY__.globalEventProcessors || [];\n return global.__SENTRY__.globalEventProcessors;\n /* eslint-enable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */\n}\n/**\n * Add a EventProcessor to be kept globally.\n * @param callback EventProcessor to add\n */\n\n\nexport function addGlobalEventProcessor(callback) {\n getGlobalEventProcessors().push(callback);\n}","import React from 'react';\nimport ThemeContext from './ThemeContext';\nexport default function useTheme() {\n var theme = React.useContext(ThemeContext);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n\n return theme;\n}","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nexport var styles = function styles(theme) {\n var elevations = {};\n theme.shadows.forEach(function (shadow, index) {\n elevations[\"elevation\".concat(index)] = {\n boxShadow: shadow\n };\n });\n return _extends({\n /* Styles applied to the root element. */\n root: {\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n transition: theme.transitions.create('box-shadow')\n },\n\n /* Styles applied to the root element if `square={false}`. */\n rounded: {\n borderRadius: theme.shape.borderRadius\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"`. */\n outlined: {\n border: \"1px solid \".concat(theme.palette.divider)\n }\n }, elevations);\n};\nvar Paper = /*#__PURE__*/React.forwardRef(function Paper(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n _props$square = props.square,\n square = _props$square === void 0 ? false : _props$square,\n _props$elevation = props.elevation,\n elevation = _props$elevation === void 0 ? 1 : _props$elevation,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'elevation' : _props$variant,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\", \"square\", \"elevation\", \"variant\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, variant === 'outlined' ? classes.outlined : classes[\"elevation\".concat(elevation)], !square && classes.rounded),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Paper.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * Shadow depth, corresponds to `dp` in the spec.\n * It accepts values between 0 and 24 inclusive.\n */\n elevation: chainPropTypes(PropTypes.number, function (props) {\n var classes = props.classes,\n elevation = props.elevation; // in case `withStyles` fails to inject we don't need this warning\n\n if (classes === undefined) {\n return null;\n }\n\n if (elevation != null && classes[\"elevation\".concat(elevation)] === undefined) {\n return new Error(\"Material-UI: This elevation `\".concat(elevation, \"` is not implemented.\"));\n }\n\n return null;\n }),\n\n /**\n * If `true`, rounded corners are disabled.\n */\n square: PropTypes.bool,\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['elevation', 'outlined'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiPaper'\n})(Paper);","export var TransactionSamplingMethod;\n\n(function (TransactionSamplingMethod) {\n TransactionSamplingMethod[\"Explicit\"] = \"explicitly_set\";\n TransactionSamplingMethod[\"Sampler\"] = \"client_sampler\";\n TransactionSamplingMethod[\"Rate\"] = \"client_rate\";\n TransactionSamplingMethod[\"Inheritance\"] = \"inheritance\";\n})(TransactionSamplingMethod || (TransactionSamplingMethod = {}));","var arrayLikeToArray = require(\"./arrayLikeToArray\");\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(n);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}\n\nmodule.exports = _unsupportedIterableToArray;","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nvar warning = function warning() {};\n\nif (__DEV__) {\n var printWarning = function printWarning(format, args) {\n var len = arguments.length;\n args = new Array(len > 1 ? len - 1 : 0);\n\n for (var key = 1; key < len; key++) {\n args[key - 1] = arguments[key];\n }\n\n var argIndex = 0;\n var message = 'Warning: ' + format.replace(/%s/g, function () {\n return args[argIndex++];\n });\n\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n };\n\n warning = function warning(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n\n if (format === undefined) {\n throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');\n }\n\n if (!condition) {\n printWarning.apply(null, [format].concat(args));\n }\n };\n}\n\nmodule.exports = warning;","function _extends() {\n module.exports = _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nmodule.exports = _extends;","var objectWithoutPropertiesLoose = require(\"./objectWithoutPropertiesLoose\");\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nmodule.exports = _objectWithoutProperties;","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","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\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","var setPrototypeOf = require(\"./setPrototypeOf\");\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\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}\n\nmodule.exports = _inherits;","function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;","export default function requirePropFactory(componentNameInError) {\n if (process.env.NODE_ENV === 'production') {\n return function () {\n return null;\n };\n }\n\n var requireProp = function requireProp(requiredProp) {\n return function (props, propName, componentName, location, propFullName) {\n var propFullNameSafe = propFullName || propName;\n\n if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {\n return new Error(\"The prop `\".concat(propFullNameSafe, \"` of \") + \"`\".concat(componentNameInError, \"` must be used on `\").concat(requiredProp, \"`.\"));\n }\n\n return null;\n };\n };\n\n return requireProp;\n}","/** @license Material-UI v4.12.1\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport { default as borders } from './borders';\nexport * from './borders';\nexport { default as breakpoints } from './breakpoints';\nexport { default as compose } from './compose';\nexport { default as styleFunctionSx } from './styleFunctionSx';\nexport * from './styleFunctionSx';\nexport { default as display } from './display';\nexport { default as flexbox } from './flexbox';\nexport * from './flexbox';\nexport { default as grid } from './grid';\nexport * from './grid';\nexport { default as palette } from './palette';\nexport * from './palette';\nexport { default as positions } from './positions';\nexport * from './positions';\nexport { default as shadows } from './shadows';\nexport { default as sizing } from './sizing';\nexport * from './sizing';\nexport { default as spacing } from './spacing';\nexport * from './spacing';\nexport { default as style } from './style';\nexport { default as typography } from './typography';\nexport * from './typography';","module.exports = function (originalModule) {\n if (!originalModule.webpackPolyfill) {\n var module = Object.create(originalModule); // module.parent = undefined by default\n\n if (!module.children) module.children = [];\n Object.defineProperty(module, \"loaded\", {\n enumerable: true,\n get: function get() {\n return module.l;\n }\n });\n Object.defineProperty(module, \"id\", {\n enumerable: true,\n get: function get() {\n return module.i;\n }\n });\n Object.defineProperty(module, \"exports\", {\n enumerable: true\n });\n module.webpackPolyfill = 1;\n }\n\n return module;\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nexport function isPlainObject(item) {\n return item && _typeof(item) === 'object' && item.constructor === Object;\n}\nexport default function deepmerge(target, source) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {\n clone: true\n };\n var output = options.clone ? _extends({}, target) : target;\n\n if (isPlainObject(target) && isPlainObject(source)) {\n Object.keys(source).forEach(function (key) {\n // Avoid prototype pollution\n if (key === '__proto__') {\n return;\n }\n\n if (isPlainObject(source[key]) && key in target) {\n output[key] = deepmerge(target[key], source[key], options);\n } else {\n output[key] = source[key];\n }\n });\n }\n\n return output;\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = createBreakpoints;\nexports.keys = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\")); // Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\n\n\nvar keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.\n\nexports.keys = keys;\n\nfunction createBreakpoints(breakpoints) {\n var _breakpoints$values = breakpoints.values,\n values = _breakpoints$values === void 0 ? {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n } : _breakpoints$values,\n _breakpoints$unit = breakpoints.unit,\n unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,\n _breakpoints$step = breakpoints.step,\n step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,\n other = (0, _objectWithoutProperties2.default)(breakpoints, [\"values\", \"unit\", \"step\"]);\n\n function up(key) {\n var value = typeof values[key] === 'number' ? values[key] : key;\n return \"@media (min-width:\".concat(value).concat(unit, \")\");\n }\n\n function down(key) {\n var endIndex = keys.indexOf(key) + 1;\n var upperbound = values[keys[endIndex]];\n\n if (endIndex === keys.length) {\n // xl down applies to all sizes\n return up('xs');\n }\n\n var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;\n return \"@media (max-width:\".concat(value - step / 100).concat(unit, \")\");\n }\n\n function between(start, end) {\n var endIndex = keys.indexOf(end);\n\n if (endIndex === keys.length - 1) {\n return up(start);\n }\n\n return \"@media (min-width:\".concat(typeof values[start] === 'number' ? values[start] : start).concat(unit, \") and \") + \"(max-width:\".concat((endIndex !== -1 && typeof values[keys[endIndex + 1]] === 'number' ? values[keys[endIndex + 1]] : end) - step / 100).concat(unit, \")\");\n }\n\n function only(key) {\n return between(key, key);\n }\n\n var warnedOnce = false;\n\n function width(key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.warn([\"Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.\", 'Use the `theme.breakpoints.values` instead.'].join('\\n'));\n }\n }\n\n return values[key];\n }\n\n return (0, _extends2.default)({\n keys: keys,\n values: values,\n up: up,\n down: down,\n between: between,\n only: only,\n width: width\n }, other);\n}","var isarray = require('isarray');\n/**\n * Expose `pathToRegexp`.\n */\n\n\nmodule.exports = pathToRegexp;\nmodule.exports.parse = parse;\nmodule.exports.compile = compile;\nmodule.exports.tokensToFunction = tokensToFunction;\nmodule.exports.tokensToRegExp = tokensToRegExp;\n/**\n * The main path matching regexp utility.\n *\n * @type {RegExp}\n */\n\nvar PATH_REGEXP = new RegExp([// Match escaped characters that would otherwise appear in future matches.\n// This allows the user to escape special characters that won't transform.\n'(\\\\\\\\.)', // Match Express-style parameters and un-named parameters with a prefix\n// and optional suffixes. Matches appear as:\n//\n// \"/:test(\\\\d+)?\" => [\"/\", \"test\", \"\\d+\", undefined, \"?\", undefined]\n// \"/route(\\\\d+)\" => [undefined, undefined, undefined, \"\\d+\", undefined, undefined]\n// \"/*\" => [\"/\", undefined, undefined, undefined, undefined, \"*\"]\n'([\\\\/.])?(?:(?:\\\\:(\\\\w+)(?:\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))?|\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))([+*?])?|(\\\\*))'].join('|'), 'g');\n/**\n * Parse a string for the raw tokens.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!Array}\n */\n\nfunction parse(str, options) {\n var tokens = [];\n var key = 0;\n var index = 0;\n var path = '';\n var defaultDelimiter = options && options.delimiter || '/';\n var res;\n\n while ((res = PATH_REGEXP.exec(str)) != null) {\n var m = res[0];\n var escaped = res[1];\n var offset = res.index;\n path += str.slice(index, offset);\n index = offset + m.length; // Ignore already escaped sequences.\n\n if (escaped) {\n path += escaped[1];\n continue;\n }\n\n var next = str[index];\n var prefix = res[2];\n var name = res[3];\n var capture = res[4];\n var group = res[5];\n var modifier = res[6];\n var asterisk = res[7]; // Push the current path onto the tokens.\n\n if (path) {\n tokens.push(path);\n path = '';\n }\n\n var partial = prefix != null && next != null && next !== prefix;\n var repeat = modifier === '+' || modifier === '*';\n var optional = modifier === '?' || modifier === '*';\n var delimiter = res[2] || defaultDelimiter;\n var pattern = capture || group;\n tokens.push({\n name: name || key++,\n prefix: prefix || '',\n delimiter: delimiter,\n optional: optional,\n repeat: repeat,\n partial: partial,\n asterisk: !!asterisk,\n pattern: pattern ? escapeGroup(pattern) : asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?'\n });\n } // Match any characters still remaining.\n\n\n if (index < str.length) {\n path += str.substr(index);\n } // If the path exists, push it onto the end.\n\n\n if (path) {\n tokens.push(path);\n }\n\n return tokens;\n}\n/**\n * Compile a string to a template function for the path.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!function(Object=, Object=)}\n */\n\n\nfunction compile(str, options) {\n return tokensToFunction(parse(str, options), options);\n}\n/**\n * Prettier encoding of URI path segments.\n *\n * @param {string}\n * @return {string}\n */\n\n\nfunction encodeURIComponentPretty(str) {\n return encodeURI(str).replace(/[\\/?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n });\n}\n/**\n * Encode the asterisk parameter. Similar to `pretty`, but allows slashes.\n *\n * @param {string}\n * @return {string}\n */\n\n\nfunction encodeAsterisk(str) {\n return encodeURI(str).replace(/[?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n });\n}\n/**\n * Expose a method for transforming tokens into the path function.\n */\n\n\nfunction tokensToFunction(tokens, options) {\n // Compile all the tokens into regexps.\n var matches = new Array(tokens.length); // Compile all the patterns before compilation.\n\n for (var i = 0; i < tokens.length; i++) {\n if (typeof tokens[i] === 'object') {\n matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options));\n }\n }\n\n return function (obj, opts) {\n var path = '';\n var data = obj || {};\n var options = opts || {};\n var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent;\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n path += token;\n continue;\n }\n\n var value = data[token.name];\n var segment;\n\n if (value == null) {\n if (token.optional) {\n // Prepend partial segment prefixes.\n if (token.partial) {\n path += token.prefix;\n }\n\n continue;\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to be defined');\n }\n }\n\n if (isarray(value)) {\n if (!token.repeat) {\n throw new TypeError('Expected \"' + token.name + '\" to not repeat, but received `' + JSON.stringify(value) + '`');\n }\n\n if (value.length === 0) {\n if (token.optional) {\n continue;\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to not be empty');\n }\n }\n\n for (var j = 0; j < value.length; j++) {\n segment = encode(value[j]);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected all \"' + token.name + '\" to match \"' + token.pattern + '\", but received `' + JSON.stringify(segment) + '`');\n }\n\n path += (j === 0 ? token.prefix : token.delimiter) + segment;\n }\n\n continue;\n }\n\n segment = token.asterisk ? encodeAsterisk(value) : encode(value);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected \"' + token.name + '\" to match \"' + token.pattern + '\", but received \"' + segment + '\"');\n }\n\n path += token.prefix + segment;\n }\n\n return path;\n };\n}\n/**\n * Escape a regular expression string.\n *\n * @param {string} str\n * @return {string}\n */\n\n\nfunction escapeString(str) {\n return str.replace(/([.+*?=^!:${}()[\\]|\\/\\\\])/g, '\\\\$1');\n}\n/**\n * Escape the capturing group by escaping special characters and meaning.\n *\n * @param {string} group\n * @return {string}\n */\n\n\nfunction escapeGroup(group) {\n return group.replace(/([=!:$\\/()])/g, '\\\\$1');\n}\n/**\n * Attach the keys as a property of the regexp.\n *\n * @param {!RegExp} re\n * @param {Array} keys\n * @return {!RegExp}\n */\n\n\nfunction attachKeys(re, keys) {\n re.keys = keys;\n return re;\n}\n/**\n * Get the flags for a regexp from the options.\n *\n * @param {Object} options\n * @return {string}\n */\n\n\nfunction flags(options) {\n return options && options.sensitive ? '' : 'i';\n}\n/**\n * Pull out keys from a regexp.\n *\n * @param {!RegExp} path\n * @param {!Array} keys\n * @return {!RegExp}\n */\n\n\nfunction regexpToRegexp(path, keys) {\n // Use a negative lookahead to match only capturing groups.\n var groups = path.source.match(/\\((?!\\?)/g);\n\n if (groups) {\n for (var i = 0; i < groups.length; i++) {\n keys.push({\n name: i,\n prefix: null,\n delimiter: null,\n optional: false,\n repeat: false,\n partial: false,\n asterisk: false,\n pattern: null\n });\n }\n }\n\n return attachKeys(path, keys);\n}\n/**\n * Transform an array into a regexp.\n *\n * @param {!Array} path\n * @param {Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\n\n\nfunction arrayToRegexp(path, keys, options) {\n var parts = [];\n\n for (var i = 0; i < path.length; i++) {\n parts.push(pathToRegexp(path[i], keys, options).source);\n }\n\n var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options));\n return attachKeys(regexp, keys);\n}\n/**\n * Create a path regexp from string input.\n *\n * @param {string} path\n * @param {!Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\n\n\nfunction stringToRegexp(path, keys, options) {\n return tokensToRegExp(parse(path, options), keys, options);\n}\n/**\n * Expose a function for taking tokens and returning a RegExp.\n *\n * @param {!Array} tokens\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\n\n\nfunction tokensToRegExp(tokens, keys, options) {\n if (!isarray(keys)) {\n options =\n /** @type {!Object} */\n keys || options;\n keys = [];\n }\n\n options = options || {};\n var strict = options.strict;\n var end = options.end !== false;\n var route = ''; // Iterate over the tokens and create our regexp string.\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n route += escapeString(token);\n } else {\n var prefix = escapeString(token.prefix);\n var capture = '(?:' + token.pattern + ')';\n keys.push(token);\n\n if (token.repeat) {\n capture += '(?:' + prefix + capture + ')*';\n }\n\n if (token.optional) {\n if (!token.partial) {\n capture = '(?:' + prefix + '(' + capture + '))?';\n } else {\n capture = prefix + '(' + capture + ')?';\n }\n } else {\n capture = prefix + '(' + capture + ')';\n }\n\n route += capture;\n }\n }\n\n var delimiter = escapeString(options.delimiter || '/');\n var endsWithDelimiter = route.slice(-delimiter.length) === delimiter; // In non-strict mode we allow a slash at the end of match. If the path to\n // match already ends with a slash, we remove it for consistency. The slash\n // is valid at the end of a path match, not in the middle. This is important\n // in non-ending mode, where \"/test/\" shouldn't match \"/test//route\".\n\n if (!strict) {\n route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?';\n }\n\n if (end) {\n route += '$';\n } else {\n // In non-ending mode, we need the capturing groups to match as much as\n // possible by using a positive lookahead to the end or next path segment.\n route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)';\n }\n\n return attachKeys(new RegExp('^' + route, flags(options)), keys);\n}\n/**\n * Normalize the given path string, returning a regular expression.\n *\n * An empty array can be passed in for the keys, which will hold the\n * placeholder key descriptions. For example, using `/user/:id`, `keys` will\n * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.\n *\n * @param {(string|RegExp|Array)} path\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\n\n\nfunction pathToRegexp(path, keys, options) {\n if (!isarray(keys)) {\n options =\n /** @type {!Object} */\n keys || options;\n keys = [];\n }\n\n options = options || {};\n\n if (path instanceof RegExp) {\n return regexpToRegexp(path,\n /** @type {!Array} */\n keys);\n }\n\n if (isarray(path)) {\n return arrayToRegexp(\n /** @type {!Array} */\n path,\n /** @type {!Array} */\n keys, options);\n }\n\n return stringToRegexp(\n /** @type {string} */\n path,\n /** @type {!Array} */\n keys, options);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _ga = _interopRequireDefault(require(\"./ga4\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nvar _default = _ga[\"default\"];\nexports[\"default\"] = _default;","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}","import { isString } from './is';\n/**\n * Given a child DOM element, returns a query-selector statement describing that\n * and its ancestors\n * e.g. [HTMLElement] => body > div > input#foo.btn[name=baz]\n * @returns generated DOM path\n */\n\nexport function htmlTreeAsString(elem, keyAttrs) {\n // try/catch both:\n // - accessing event.target (see getsentry/raven-js#838, #768)\n // - `htmlTreeAsString` because it's complex, and just accessing the DOM incorrectly\n // - can throw an exception in some circumstances.\n try {\n var currentElem = elem;\n var MAX_TRAVERSE_HEIGHT = 5;\n var MAX_OUTPUT_LEN = 80;\n var out = [];\n var height = 0;\n var len = 0;\n var separator = ' > ';\n var sepLength = separator.length;\n var nextStr = void 0; // eslint-disable-next-line no-plusplus\n\n while (currentElem && height++ < MAX_TRAVERSE_HEIGHT) {\n nextStr = _htmlElementAsString(currentElem, keyAttrs); // bail out if\n // - nextStr is the 'html' element\n // - the length of the string that would be created exceeds MAX_OUTPUT_LEN\n // (ignore this limit if we are on the first iteration)\n\n if (nextStr === 'html' || height > 1 && len + out.length * sepLength + nextStr.length >= MAX_OUTPUT_LEN) {\n break;\n }\n\n out.push(nextStr);\n len += nextStr.length;\n currentElem = currentElem.parentNode;\n }\n\n return out.reverse().join(separator);\n } catch (_oO) {\n return '';\n }\n}\n/**\n * Returns a simple, query-selector representation of a DOM element\n * e.g. [HTMLElement] => input#foo.btn[name=baz]\n * @returns generated DOM path\n */\n\nfunction _htmlElementAsString(el, keyAttrs) {\n var _a, _b;\n\n var elem = el;\n var out = [];\n var className;\n var classes;\n var key;\n var attr;\n var i;\n\n if (!elem || !elem.tagName) {\n return '';\n }\n\n out.push(elem.tagName.toLowerCase()); // Pairs of attribute keys defined in `serializeAttribute` and their values on element.\n\n var keyAttrPairs = ((_a = keyAttrs) === null || _a === void 0 ? void 0 : _a.length) ? keyAttrs.filter(function (keyAttr) {\n return elem.getAttribute(keyAttr);\n }).map(function (keyAttr) {\n return [keyAttr, elem.getAttribute(keyAttr)];\n }) : null;\n\n if ((_b = keyAttrPairs) === null || _b === void 0 ? void 0 : _b.length) {\n keyAttrPairs.forEach(function (keyAttrPair) {\n out.push(\"[\" + keyAttrPair[0] + \"=\\\"\" + keyAttrPair[1] + \"\\\"]\");\n });\n } else {\n if (elem.id) {\n out.push(\"#\" + elem.id);\n } // eslint-disable-next-line prefer-const\n\n\n className = elem.className;\n\n if (className && isString(className)) {\n classes = className.split(/\\s+/);\n\n for (i = 0; i < classes.length; i++) {\n out.push(\".\" + classes[i]);\n }\n }\n }\n\n var allowedAttrs = ['type', 'name', 'title', 'alt'];\n\n for (i = 0; i < allowedAttrs.length; i++) {\n key = allowedAttrs[i];\n attr = elem.getAttribute(key);\n\n if (attr) {\n out.push(\"[\" + key + \"=\\\"\" + attr + \"\\\"]\");\n }\n }\n\n return out.join('');\n}","import { logger } from './logger';\nimport { getGlobalObject } from './misc';\n/**\n * Tells whether current environment supports ErrorEvent objects\n * {@link supportsErrorEvent}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsErrorEvent() {\n try {\n new ErrorEvent('');\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports DOMError objects\n * {@link supportsDOMError}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsDOMError() {\n try {\n // Chrome: VM89:1 Uncaught TypeError: Failed to construct 'DOMError':\n // 1 argument required, but only 0 present.\n // @ts-ignore It really needs 1 argument, not 0.\n new DOMError('');\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports DOMException objects\n * {@link supportsDOMException}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsDOMException() {\n try {\n new DOMException('');\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports Fetch API\n * {@link supportsFetch}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsFetch() {\n if (!('fetch' in getGlobalObject())) {\n return false;\n }\n\n try {\n new Headers();\n new Request('');\n new Response();\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * isNativeFetch checks if the given function is a native implementation of fetch()\n */\n// eslint-disable-next-line @typescript-eslint/ban-types\n\nexport function isNativeFetch(func) {\n return func && /^function fetch\\(\\)\\s+\\{\\s+\\[native code\\]\\s+\\}$/.test(func.toString());\n}\n/**\n * Tells whether current environment supports Fetch API natively\n * {@link supportsNativeFetch}.\n *\n * @returns true if `window.fetch` is natively implemented, false otherwise\n */\n\nexport function supportsNativeFetch() {\n if (!supportsFetch()) {\n return false;\n }\n\n var global = getGlobalObject(); // Fast path to avoid DOM I/O\n // eslint-disable-next-line @typescript-eslint/unbound-method\n\n if (isNativeFetch(global.fetch)) {\n return true;\n } // window.fetch is implemented, but is polyfilled or already wrapped (e.g: by a chrome extension)\n // so create a \"pure\" iframe to see if that has native fetch\n\n\n var result = false;\n var doc = global.document; // eslint-disable-next-line deprecation/deprecation\n\n if (doc && typeof doc.createElement === \"function\") {\n try {\n var sandbox = doc.createElement('iframe');\n sandbox.hidden = true;\n doc.head.appendChild(sandbox);\n\n if (sandbox.contentWindow && sandbox.contentWindow.fetch) {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n result = isNativeFetch(sandbox.contentWindow.fetch);\n }\n\n doc.head.removeChild(sandbox);\n } catch (err) {\n logger.warn('Could not create sandbox iframe for pure fetch check, bailing to window.fetch: ', err);\n }\n }\n\n return result;\n}\n/**\n * Tells whether current environment supports ReportingObserver API\n * {@link supportsReportingObserver}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsReportingObserver() {\n return 'ReportingObserver' in getGlobalObject();\n}\n/**\n * Tells whether current environment supports Referrer Policy API\n * {@link supportsReferrerPolicy}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsReferrerPolicy() {\n // Despite all stars in the sky saying that Edge supports old draft syntax, aka 'never', 'always', 'origin' and 'default\n // https://caniuse.com/#feat=referrer-policy\n // It doesn't. And it throw exception instead of ignoring this parameter...\n // REF: https://github.com/getsentry/raven-js/issues/1233\n if (!supportsFetch()) {\n return false;\n }\n\n try {\n new Request('_', {\n referrerPolicy: 'origin'\n });\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports History API\n * {@link supportsHistory}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsHistory() {\n // NOTE: in Chrome App environment, touching history.pushState, *even inside\n // a try/catch block*, will cause Chrome to output an error to console.error\n // borrowed from: https://github.com/angular/angular.js/pull/13945/files\n var global = getGlobalObject();\n /* eslint-disable @typescript-eslint/no-unsafe-member-access */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n var chrome = global.chrome;\n var isChromePackagedApp = chrome && chrome.app && chrome.app.runtime;\n /* eslint-enable @typescript-eslint/no-unsafe-member-access */\n\n var hasHistoryApi = 'history' in global && !!global.history.pushState && !!global.history.replaceState;\n return !isChromePackagedApp && hasHistoryApi;\n}","// Used https://github.com/thinkloop/multi-key-cache as inspiration\nvar multiKeyStore = {\n set: function set(cache, key1, key2, value) {\n var subCache = cache.get(key1);\n\n if (!subCache) {\n subCache = new Map();\n cache.set(key1, subCache);\n }\n\n subCache.set(key2, value);\n },\n get: function get(cache, key1, key2) {\n var subCache = cache.get(key1);\n return subCache ? subCache.get(key2) : undefined;\n },\n delete: function _delete(cache, key1, key2) {\n var subCache = cache.get(key1);\n subCache.delete(key2);\n }\n};\nexport default multiKeyStore;","/* eslint-disable import/prefer-default-export */\n// Global index counter to preserve source order.\n// We create the style sheet during the creation of the component,\n// children are handled after the parents, so the order of style elements would be parent->child.\n// It is a problem though when a parent passes a className\n// which needs to override any child's styles.\n// StyleSheet of the child has a higher specificity, because of the source order.\n// So our solution is to render sheets them in the reverse order child->sheet, so\n// that parent has a higher specificity.\nvar indexCounter = -1e9;\nexport function increment() {\n indexCounter += 1;\n\n if (process.env.NODE_ENV !== 'production') {\n if (indexCounter >= 0) {\n console.warn(['Material-UI: You might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join('\\n'));\n }\n }\n\n return indexCounter;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport { deepmerge } from '@material-ui/utils';\nimport noopTheme from './noopTheme';\nexport default function getStylesCreator(stylesOrCreator) {\n var themingEnabled = typeof stylesOrCreator === 'function';\n\n if (process.env.NODE_ENV !== 'production') {\n if (_typeof(stylesOrCreator) !== 'object' && !themingEnabled) {\n console.error(['Material-UI: The `styles` argument provided is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\\n'));\n }\n }\n\n return {\n create: function create(theme, name) {\n var styles;\n\n try {\n styles = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;\n } catch (err) {\n if (process.env.NODE_ENV !== 'production') {\n if (themingEnabled === true && theme === noopTheme) {\n // TODO: prepend error message/name instead\n console.error(['Material-UI: The `styles` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\\n'));\n }\n }\n\n throw err;\n }\n\n if (!name || !theme.overrides || !theme.overrides[name]) {\n return styles;\n }\n\n var overrides = theme.overrides[name];\n\n var stylesWithOverrides = _extends({}, styles);\n\n Object.keys(overrides).forEach(function (key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!stylesWithOverrides[key]) {\n console.warn(['Material-UI: You are trying to override a style that does not exist.', \"Fix the `\".concat(key, \"` key of `theme.overrides.\").concat(name, \"`.\")].join('\\n'));\n }\n }\n\n stylesWithOverrides[key] = deepmerge(stylesWithOverrides[key], overrides[key]);\n });\n return stylesWithOverrides;\n },\n options: {}\n };\n}","// We use the same empty object to ref count the styles that don't need a theme object.\nvar noopTheme = {};\nexport default noopTheme;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport { getDynamicStyles } from 'jss';\nimport mergeClasses from '../mergeClasses';\nimport multiKeyStore from './multiKeyStore';\nimport useTheme from '../useTheme';\nimport { StylesContext } from '../StylesProvider';\nimport { increment } from './indexCounter';\nimport getStylesCreator from '../getStylesCreator';\nimport noopTheme from '../getStylesCreator/noopTheme';\n\nfunction getClasses(_ref, classes, Component) {\n var state = _ref.state,\n stylesOptions = _ref.stylesOptions;\n\n if (stylesOptions.disableGeneration) {\n return classes || {};\n }\n\n if (!state.cacheClasses) {\n state.cacheClasses = {\n // Cache for the finalized classes value.\n value: null,\n // Cache for the last used classes prop pointer.\n lastProp: null,\n // Cache for the last used rendered classes pointer.\n lastJSS: {}\n };\n } // Tracks if either the rendered classes or classes prop has changed,\n // requiring the generation of a new finalized classes object.\n\n\n var generate = false;\n\n if (state.classes !== state.cacheClasses.lastJSS) {\n state.cacheClasses.lastJSS = state.classes;\n generate = true;\n }\n\n if (classes !== state.cacheClasses.lastProp) {\n state.cacheClasses.lastProp = classes;\n generate = true;\n }\n\n if (generate) {\n state.cacheClasses.value = mergeClasses({\n baseClasses: state.cacheClasses.lastJSS,\n newClasses: classes,\n Component: Component\n });\n }\n\n return state.cacheClasses.value;\n}\n\nfunction attach(_ref2, props) {\n var state = _ref2.state,\n theme = _ref2.theme,\n stylesOptions = _ref2.stylesOptions,\n stylesCreator = _ref2.stylesCreator,\n name = _ref2.name;\n\n if (stylesOptions.disableGeneration) {\n return;\n }\n\n var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);\n\n if (!sheetManager) {\n sheetManager = {\n refs: 0,\n staticSheet: null,\n dynamicStyles: null\n };\n multiKeyStore.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);\n }\n\n var options = _extends({}, stylesCreator.options, stylesOptions, {\n theme: theme,\n flip: typeof stylesOptions.flip === 'boolean' ? stylesOptions.flip : theme.direction === 'rtl'\n });\n\n options.generateId = options.serverGenerateClassName || options.generateClassName;\n var sheetsRegistry = stylesOptions.sheetsRegistry;\n\n if (sheetManager.refs === 0) {\n var staticSheet;\n\n if (stylesOptions.sheetsCache) {\n staticSheet = multiKeyStore.get(stylesOptions.sheetsCache, stylesCreator, theme);\n }\n\n var styles = stylesCreator.create(theme, name);\n\n if (!staticSheet) {\n staticSheet = stylesOptions.jss.createStyleSheet(styles, _extends({\n link: false\n }, options));\n staticSheet.attach();\n\n if (stylesOptions.sheetsCache) {\n multiKeyStore.set(stylesOptions.sheetsCache, stylesCreator, theme, staticSheet);\n }\n }\n\n if (sheetsRegistry) {\n sheetsRegistry.add(staticSheet);\n }\n\n sheetManager.staticSheet = staticSheet;\n sheetManager.dynamicStyles = getDynamicStyles(styles);\n }\n\n if (sheetManager.dynamicStyles) {\n var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends({\n link: true\n }, options));\n dynamicSheet.update(props);\n dynamicSheet.attach();\n state.dynamicSheet = dynamicSheet;\n state.classes = mergeClasses({\n baseClasses: sheetManager.staticSheet.classes,\n newClasses: dynamicSheet.classes\n });\n\n if (sheetsRegistry) {\n sheetsRegistry.add(dynamicSheet);\n }\n } else {\n state.classes = sheetManager.staticSheet.classes;\n }\n\n sheetManager.refs += 1;\n}\n\nfunction update(_ref3, props) {\n var state = _ref3.state;\n\n if (state.dynamicSheet) {\n state.dynamicSheet.update(props);\n }\n}\n\nfunction detach(_ref4) {\n var state = _ref4.state,\n theme = _ref4.theme,\n stylesOptions = _ref4.stylesOptions,\n stylesCreator = _ref4.stylesCreator;\n\n if (stylesOptions.disableGeneration) {\n return;\n }\n\n var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);\n sheetManager.refs -= 1;\n var sheetsRegistry = stylesOptions.sheetsRegistry;\n\n if (sheetManager.refs === 0) {\n multiKeyStore.delete(stylesOptions.sheetsManager, stylesCreator, theme);\n stylesOptions.jss.removeStyleSheet(sheetManager.staticSheet);\n\n if (sheetsRegistry) {\n sheetsRegistry.remove(sheetManager.staticSheet);\n }\n }\n\n if (state.dynamicSheet) {\n stylesOptions.jss.removeStyleSheet(state.dynamicSheet);\n\n if (sheetsRegistry) {\n sheetsRegistry.remove(state.dynamicSheet);\n }\n }\n}\n\nfunction useSynchronousEffect(func, values) {\n var key = React.useRef([]);\n var output; // Store \"generation\" key. Just returns a new object every time\n\n var currentKey = React.useMemo(function () {\n return {};\n }, values); // eslint-disable-line react-hooks/exhaustive-deps\n // \"the first render\", or \"memo dropped the value\"\n\n if (key.current !== currentKey) {\n key.current = currentKey;\n output = func();\n }\n\n React.useEffect(function () {\n return function () {\n if (output) {\n output();\n }\n };\n }, [currentKey] // eslint-disable-line react-hooks/exhaustive-deps\n );\n}\n\nexport default function makeStyles(stylesOrCreator) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var name = options.name,\n classNamePrefixOption = options.classNamePrefix,\n Component = options.Component,\n _options$defaultTheme = options.defaultTheme,\n defaultTheme = _options$defaultTheme === void 0 ? noopTheme : _options$defaultTheme,\n stylesOptions2 = _objectWithoutProperties(options, [\"name\", \"classNamePrefix\", \"Component\", \"defaultTheme\"]);\n\n var stylesCreator = getStylesCreator(stylesOrCreator);\n var classNamePrefix = name || classNamePrefixOption || 'makeStyles';\n stylesCreator.options = {\n index: increment(),\n name: name,\n meta: classNamePrefix,\n classNamePrefix: classNamePrefix\n };\n\n var useStyles = function useStyles() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var theme = useTheme() || defaultTheme;\n\n var stylesOptions = _extends({}, React.useContext(StylesContext), stylesOptions2);\n\n var instance = React.useRef();\n var shouldUpdate = React.useRef();\n useSynchronousEffect(function () {\n var current = {\n name: name,\n state: {},\n stylesCreator: stylesCreator,\n stylesOptions: stylesOptions,\n theme: theme\n };\n attach(current, props);\n shouldUpdate.current = false;\n instance.current = current;\n return function () {\n detach(current);\n };\n }, [theme, stylesCreator]);\n React.useEffect(function () {\n if (shouldUpdate.current) {\n update(instance.current, props);\n }\n\n shouldUpdate.current = true;\n });\n var classes = getClasses(instance.current, props.classes, Component);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(classes);\n }\n\n return classes;\n };\n\n return useStyles;\n}","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n'use strict';\n/* eslint-disable no-unused-vars */\n\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n if (val === null || val === undefined) {\n throw new TypeError('Object.assign cannot be called with null or undefined');\n }\n\n return Object(val);\n}\n\nfunction shouldUseNative() {\n try {\n if (!Object.assign) {\n return false;\n } // Detect buggy property enumeration order in older V8 versions.\n // https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\n\n var test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\n test1[5] = 'de';\n\n if (Object.getOwnPropertyNames(test1)[0] === '5') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test2 = {};\n\n for (var i = 0; i < 10; i++) {\n test2['_' + String.fromCharCode(i)] = i;\n }\n\n var order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n return test2[n];\n });\n\n if (order2.join('') !== '0123456789') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test3 = {};\n 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n test3[letter] = letter;\n });\n\n if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {\n return false;\n }\n\n return true;\n } catch (err) {\n // We don't expect any of the above to throw, but better to be safe.\n return false;\n }\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n var from;\n var to = toObject(target);\n var symbols;\n\n for (var s = 1; s < arguments.length; s++) {\n from = Object(arguments[s]);\n\n for (var key in from) {\n if (hasOwnProperty.call(from, key)) {\n to[key] = from[key];\n }\n }\n\n if (getOwnPropertySymbols) {\n symbols = getOwnPropertySymbols(from);\n\n for (var i = 0; i < symbols.length; i++) {\n if (propIsEnumerable.call(from, symbols[i])) {\n to[symbols[i]] = from[symbols[i]];\n }\n }\n }\n }\n\n return to;\n};","function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nmodule.exports = _arrayLikeToArray;","import style from './style';\nimport compose from './compose';\nexport var displayPrint = style({\n prop: 'displayPrint',\n cssProperty: false,\n transform: function transform(value) {\n return {\n '@media print': {\n display: value\n }\n };\n }\n});\nexport var displayRaw = style({\n prop: 'display'\n});\nexport var overflow = style({\n prop: 'overflow'\n});\nexport var textOverflow = style({\n prop: 'textOverflow'\n});\nexport var visibility = style({\n prop: 'visibility'\n});\nexport var whiteSpace = style({\n prop: 'whiteSpace'\n});\nexport default compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);","import style from './style';\nvar boxShadow = style({\n prop: 'boxShadow',\n themeKey: 'shadows'\n});\nexport default boxShadow;","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}","function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nmodule.exports = _interopRequireDefault;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _default = {\n RESISTANCE_COEF: 0.6,\n // This value is closed to what browsers are using internally to\n // trigger a native scroll.\n UNCERTAINTY_THRESHOLD: 3 // px\n\n};\nexports.default = _default;","'use strict';\n\nObject.defineProperty(exports, '__esModule', {\n value: true\n});\n\nfunction _interopDefault(ex) {\n return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;\n}\n\nvar _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));\n\nvar _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));\n\nvar _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));\n\nvar _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));\n\nvar _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));\n\nvar _typeof = _interopDefault(require('@babel/runtime/helpers/typeof'));\n\nvar _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));\n\nvar _extends = _interopDefault(require('@babel/runtime/helpers/extends'));\n\nvar React = _interopDefault(require('react'));\n\nvar PropTypes = _interopDefault(require('prop-types'));\n\nvar warning = _interopDefault(require('warning'));\n\nfunction defineProperty(object, property, attr) {\n return Object.defineProperty(object, property, attr);\n} // Passive options\n// Inspired by https://github.com/Modernizr/Modernizr/blob/master/feature-detects/dom/passiveeventlisteners.js\n\n\nvar passiveOption = function () {\n var cache = null;\n return function () {\n if (cache !== null) {\n return cache;\n }\n\n var supportsPassiveOption = false;\n\n try {\n window.addEventListener('test', null, defineProperty({}, 'passive', {\n get: function get() {\n supportsPassiveOption = true;\n }\n }));\n } catch (err) {//\n }\n\n cache = supportsPassiveOption;\n return supportsPassiveOption;\n }();\n}();\n\nvar defaultEventOptions = {\n capture: false,\n passive: false\n};\n\nfunction mergeDefaultEventOptions(options) {\n return _extends({}, defaultEventOptions, options);\n}\n\nfunction getEventListenerArgs(eventName, callback, options) {\n var args = [eventName, callback];\n args.push(passiveOption ? options : options.capture);\n return args;\n}\n\nfunction on(target, eventName, callback, options) {\n // eslint-disable-next-line prefer-spread\n target.addEventListener.apply(target, getEventListenerArgs(eventName, callback, options));\n}\n\nfunction off(target, eventName, callback, options) {\n // eslint-disable-next-line prefer-spread\n target.removeEventListener.apply(target, getEventListenerArgs(eventName, callback, options));\n}\n\nfunction forEachListener(props, iteratee) {\n var children = props.children,\n target = props.target,\n eventProps = _objectWithoutProperties(props, [\"children\", \"target\"]);\n\n Object.keys(eventProps).forEach(function (name) {\n if (name.substring(0, 2) !== 'on') {\n return;\n }\n\n var prop = eventProps[name];\n\n var type = _typeof(prop);\n\n var isObject = type === 'object';\n var isFunction = type === 'function';\n\n if (!isObject && !isFunction) {\n return;\n }\n\n var capture = name.substr(-7).toLowerCase() === 'capture';\n var eventName = name.substring(2).toLowerCase();\n eventName = capture ? eventName.substring(0, eventName.length - 7) : eventName;\n\n if (isObject) {\n iteratee(eventName, prop.handler, prop.options);\n } else {\n iteratee(eventName, prop, mergeDefaultEventOptions({\n capture: capture\n }));\n }\n });\n}\n\nfunction withOptions(handler, options) {\n process.env.NODE_ENV !== \"production\" ? warning(options, 'react-event-listener: should be specified options in withOptions.') : void 0;\n return {\n handler: handler,\n options: mergeDefaultEventOptions(options)\n };\n}\n\nvar EventListener = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(EventListener, _React$PureComponent);\n\n function EventListener() {\n _classCallCheck(this, EventListener);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(EventListener).apply(this, arguments));\n }\n\n _createClass(EventListener, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.applyListeners(on);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n this.applyListeners(off, prevProps);\n this.applyListeners(on);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.applyListeners(off);\n }\n }, {\n key: \"applyListeners\",\n value: function applyListeners(onOrOff) {\n var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props;\n var target = props.target;\n\n if (target) {\n var element = target;\n\n if (typeof target === 'string') {\n element = window[target];\n }\n\n forEachListener(props, onOrOff.bind(null, element));\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return this.props.children || null;\n }\n }]);\n\n return EventListener;\n}(React.PureComponent);\n\nEventListener.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * You can provide a single child too.\n */\n children: PropTypes.node,\n\n /**\n * The DOM target to listen to.\n */\n target: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired\n} : {};\nexports.withOptions = withOptions;\nexports.default = EventListener;","var freeGlobal = require('./_freeGlobal');\n/** Detect free variable `self`. */\n\n\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n/** Used as a reference to the global object. */\n\nvar root = freeGlobal || freeSelf || Function('return this')();\nmodule.exports = root;","var root = require('./_root');\n/** Built-in value references. */\n\n\nvar Symbol = root.Symbol;\nmodule.exports = Symbol;","function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nmodule.exports = _arrayLikeToArray;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports', './react-swipe'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports, require('./react-swipe'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports, global.reactSwipe);\n global.index = mod.exports;\n }\n})(this, function (exports, _reactSwipe) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n var _reactSwipe2 = _interopRequireDefault(_reactSwipe);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n exports.default = _reactSwipe2.default;\n});","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar _default = {\n ROOT: function ROOT(customClassName) {\n return (0, _classnames.default)(_defineProperty({\n 'carousel-root': true\n }, customClassName || '', !!customClassName));\n },\n CAROUSEL: function CAROUSEL(isSlider) {\n return (0, _classnames.default)({\n carousel: true,\n 'carousel-slider': isSlider\n });\n },\n WRAPPER: function WRAPPER(isSlider, axis) {\n return (0, _classnames.default)({\n 'thumbs-wrapper': !isSlider,\n 'slider-wrapper': isSlider,\n 'axis-horizontal': axis === 'horizontal',\n 'axis-vertical': axis !== 'horizontal'\n });\n },\n SLIDER: function SLIDER(isSlider, isSwiping) {\n return (0, _classnames.default)({\n thumbs: !isSlider,\n slider: isSlider,\n animated: !isSwiping\n });\n },\n ITEM: function ITEM(isSlider, selected, previous) {\n return (0, _classnames.default)({\n thumb: !isSlider,\n slide: isSlider,\n selected: selected,\n previous: previous\n });\n },\n ARROW_PREV: function ARROW_PREV(disabled) {\n return (0, _classnames.default)({\n 'control-arrow control-prev': true,\n 'control-disabled': disabled\n });\n },\n ARROW_NEXT: function ARROW_NEXT(disabled) {\n return (0, _classnames.default)({\n 'control-arrow control-next': true,\n 'control-disabled': disabled\n });\n },\n DOT: function DOT(selected) {\n return (0, _classnames.default)({\n dot: true,\n selected: selected\n });\n }\n};\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _default = function _default(position, metric, axis) {\n var positionPercent = position === 0 ? position : position + metric;\n var positionCss = axis === 'horizontal' ? [positionPercent, 0, 0] : [0, positionPercent, 0];\n var transitionProp = 'translate3d';\n var translatedPosition = '(' + positionCss.join(',') + ')';\n return transitionProp + translatedPosition;\n};\n\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _cssClasses = _interopRequireDefault(require(\"../cssClasses\"));\n\nvar _dimensions = require(\"../dimensions\");\n\nvar _CSSTranslate = _interopRequireDefault(require(\"../CSSTranslate\"));\n\nvar _reactEasySwipe = _interopRequireDefault(require(\"react-easy-swipe\"));\n\nvar _window = _interopRequireDefault(require(\"../shims/window\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n\n return cache;\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n default: obj\n };\n }\n\n var cache = _getRequireWildcardCache();\n\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n\n newObj.default = obj;\n\n if (cache) {\n cache.set(obj, newObj);\n }\n\n return newObj;\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\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}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\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\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}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\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\n return self;\n}\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\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\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}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar isKeyboardEvent = function isKeyboardEvent(e) {\n return e.hasOwnProperty('key');\n};\n\nvar Thumbs = /*#__PURE__*/function (_Component) {\n _inherits(Thumbs, _Component);\n\n var _super = _createSuper(Thumbs);\n\n function Thumbs(_props) {\n var _this;\n\n _classCallCheck(this, Thumbs);\n\n _this = _super.call(this, _props);\n\n _defineProperty(_assertThisInitialized(_this), \"itemsWrapperRef\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"itemsListRef\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"thumbsRef\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"setItemsWrapperRef\", function (node) {\n _this.itemsWrapperRef = node;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"setItemsListRef\", function (node) {\n _this.itemsListRef = node;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"setThumbsRef\", function (node, index) {\n if (!_this.thumbsRef) {\n _this.thumbsRef = [];\n }\n\n _this.thumbsRef[index] = node;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"updateSizes\", function () {\n if (!_this.props.children || !_this.itemsWrapperRef || !_this.thumbsRef) {\n return;\n }\n\n var total = _react.Children.count(_this.props.children);\n\n var wrapperSize = _this.itemsWrapperRef.clientWidth;\n var itemSize = _this.props.thumbWidth ? _this.props.thumbWidth : (0, _dimensions.outerWidth)(_this.thumbsRef[0]);\n var visibleItems = Math.floor(wrapperSize / itemSize);\n var showArrows = visibleItems < total;\n var lastPosition = showArrows ? total - visibleItems : 0;\n\n _this.setState(function (_state, props) {\n return {\n itemSize: itemSize,\n visibleItems: visibleItems,\n firstItem: showArrows ? _this.getFirstItem(props.selectedItem) : 0,\n lastPosition: lastPosition,\n showArrows: showArrows\n };\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleClickItem\", function (index, item, e) {\n if (!isKeyboardEvent(e) || e.key === 'Enter') {\n var handler = _this.props.onSelectItem;\n\n if (typeof handler === 'function') {\n handler(index, item);\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSwipeStart\", function () {\n _this.setState({\n swiping: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSwipeEnd\", function () {\n _this.setState({\n swiping: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSwipeMove\", function (delta) {\n var deltaX = delta.x;\n\n if (!_this.state.itemSize || !_this.itemsWrapperRef || !_this.state.visibleItems) {\n return false;\n }\n\n var leftBoundary = 0;\n\n var childrenLength = _react.Children.count(_this.props.children);\n\n var currentPosition = -(_this.state.firstItem * 100) / _this.state.visibleItems;\n var lastLeftItem = Math.max(childrenLength - _this.state.visibleItems, 0);\n var lastLeftBoundary = -lastLeftItem * 100 / _this.state.visibleItems; // prevent user from swiping left out of boundaries\n\n if (currentPosition === leftBoundary && deltaX > 0) {\n deltaX = 0;\n } // prevent user from swiping right out of boundaries\n\n\n if (currentPosition === lastLeftBoundary && deltaX < 0) {\n deltaX = 0;\n }\n\n var wrapperSize = _this.itemsWrapperRef.clientWidth;\n var position = currentPosition + 100 / (wrapperSize / deltaX); // if 3d isn't available we will use left to move\n\n if (_this.itemsListRef) {\n ['WebkitTransform', 'MozTransform', 'MsTransform', 'OTransform', 'transform', 'msTransform'].forEach(function (prop) {\n _this.itemsListRef.style[prop] = (0, _CSSTranslate.default)(position, '%', _this.props.axis);\n });\n }\n\n return true;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slideRight\", function (positions) {\n _this.moveTo(_this.state.firstItem - (typeof positions === 'number' ? positions : 1));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slideLeft\", function (positions) {\n _this.moveTo(_this.state.firstItem + (typeof positions === 'number' ? positions : 1));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"moveTo\", function (position) {\n // position can't be lower than 0\n position = position < 0 ? 0 : position; // position can't be higher than last postion\n\n position = position >= _this.state.lastPosition ? _this.state.lastPosition : position;\n\n _this.setState({\n firstItem: position\n });\n });\n\n _this.state = {\n selectedItem: _props.selectedItem,\n swiping: false,\n showArrows: false,\n firstItem: 0,\n visibleItems: 0,\n lastPosition: 0\n };\n return _this;\n }\n\n _createClass(Thumbs, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.setupThumbs();\n }\n }, {\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function UNSAFE_componentWillReceiveProps(props) {\n if (props.selectedItem !== this.state.selectedItem) {\n this.setState({\n selectedItem: props.selectedItem,\n firstItem: this.getFirstItem(props.selectedItem)\n });\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.props.children === prevProps.children) {\n return;\n } // This will capture any size changes for arrow adjustments etc.\n // usually in the same render cycle so we don't see any flickers\n\n\n this.updateSizes();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.destroyThumbs();\n }\n }, {\n key: \"setupThumbs\",\n value: function setupThumbs() {\n // as the widths are calculated, we need to resize\n // the carousel when the window is resized\n (0, _window.default)().addEventListener('resize', this.updateSizes); // issue #2 - image loading smaller\n\n (0, _window.default)().addEventListener('DOMContentLoaded', this.updateSizes); // when the component is rendered we need to calculate\n // the container size to adjust the responsive behaviour\n\n this.updateSizes();\n }\n }, {\n key: \"destroyThumbs\",\n value: function destroyThumbs() {\n // removing listeners\n (0, _window.default)().removeEventListener('resize', this.updateSizes);\n (0, _window.default)().removeEventListener('DOMContentLoaded', this.updateSizes);\n }\n }, {\n key: \"getFirstItem\",\n value: function getFirstItem(selectedItem) {\n var firstItem = selectedItem;\n\n if (selectedItem >= this.state.lastPosition) {\n firstItem = this.state.lastPosition;\n }\n\n if (selectedItem < this.state.firstItem + this.state.visibleItems) {\n firstItem = this.state.firstItem;\n }\n\n if (selectedItem < this.state.firstItem) {\n firstItem = selectedItem;\n }\n\n return firstItem;\n }\n }, {\n key: \"renderItems\",\n value: function renderItems() {\n var _this2 = this;\n\n return this.props.children.map(function (img, index) {\n var itemClass = _cssClasses.default.ITEM(false, index === _this2.state.selectedItem);\n\n var thumbProps = {\n key: index,\n ref: function ref(e) {\n return _this2.setThumbsRef(e, index);\n },\n className: itemClass,\n onClick: _this2.handleClickItem.bind(_this2, index, _this2.props.children[index]),\n onKeyDown: _this2.handleClickItem.bind(_this2, index, _this2.props.children[index]),\n 'aria-label': \"\".concat(_this2.props.labels.item, \" \").concat(index + 1),\n style: {\n width: _this2.props.thumbWidth\n }\n };\n return /*#__PURE__*/_react.default.createElement(\"li\", _extends({}, thumbProps, {\n role: \"button\",\n tabIndex: 0\n }), img);\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n if (!this.props.children) {\n return null;\n }\n\n var isSwipeable = _react.Children.count(this.props.children) > 1; // show left arrow?\n\n var hasPrev = this.state.showArrows && this.state.firstItem > 0; // show right arrow\n\n var hasNext = this.state.showArrows && this.state.firstItem < this.state.lastPosition; // obj to hold the transformations and styles\n\n var itemListStyles = {};\n var currentPosition = -this.state.firstItem * (this.state.itemSize || 0);\n var transformProp = (0, _CSSTranslate.default)(currentPosition, 'px', this.props.axis);\n var transitionTime = this.props.transitionTime + 'ms';\n itemListStyles = {\n WebkitTransform: transformProp,\n MozTransform: transformProp,\n MsTransform: transformProp,\n OTransform: transformProp,\n transform: transformProp,\n msTransform: transformProp,\n WebkitTransitionDuration: transitionTime,\n MozTransitionDuration: transitionTime,\n MsTransitionDuration: transitionTime,\n OTransitionDuration: transitionTime,\n transitionDuration: transitionTime,\n msTransitionDuration: transitionTime\n };\n return /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _cssClasses.default.CAROUSEL(false)\n }, /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _cssClasses.default.WRAPPER(false),\n ref: this.setItemsWrapperRef\n }, /*#__PURE__*/_react.default.createElement(\"button\", {\n type: \"button\",\n className: _cssClasses.default.ARROW_PREV(!hasPrev),\n onClick: function onClick() {\n return _this3.slideRight();\n },\n \"aria-label\": this.props.labels.leftArrow\n }), isSwipeable ? /*#__PURE__*/_react.default.createElement(_reactEasySwipe.default, {\n tagName: \"ul\",\n className: _cssClasses.default.SLIDER(false, this.state.swiping),\n onSwipeLeft: this.slideLeft,\n onSwipeRight: this.slideRight,\n onSwipeMove: this.onSwipeMove,\n onSwipeStart: this.onSwipeStart,\n onSwipeEnd: this.onSwipeEnd,\n style: itemListStyles,\n innerRef: this.setItemsListRef,\n allowMouseEvents: this.props.emulateTouch\n }, this.renderItems()) : /*#__PURE__*/_react.default.createElement(\"ul\", {\n className: _cssClasses.default.SLIDER(false, this.state.swiping),\n ref: function ref(node) {\n return _this3.setItemsListRef(node);\n },\n style: itemListStyles\n }, this.renderItems()), /*#__PURE__*/_react.default.createElement(\"button\", {\n type: \"button\",\n className: _cssClasses.default.ARROW_NEXT(!hasNext),\n onClick: function onClick() {\n return _this3.slideLeft();\n },\n \"aria-label\": this.props.labels.rightArrow\n })));\n }\n }]);\n\n return Thumbs;\n}(_react.Component);\n\nexports.default = Thumbs;\n\n_defineProperty(Thumbs, \"displayName\", 'Thumbs');\n\n_defineProperty(Thumbs, \"defaultProps\", {\n axis: 'horizontal',\n labels: {\n leftArrow: 'previous slide / item',\n rightArrow: 'next slide / item',\n item: 'slide item'\n },\n selectedItem: 0,\n thumbWidth: 80,\n transitionTime: 350\n});","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _default = function _default() {\n return window;\n};\n\nexports.default = _default;","import unsupportedIterableToArray from \"./unsupportedIterableToArray\";\nexport default function _createForOfIteratorHelper(o) {\n if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) {\n if (Array.isArray(o) || (o = unsupportedIterableToArray(o))) {\n var i = 0;\n\n var F = function F() {};\n\n return {\n s: F,\n n: function n() {\n if (i >= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n },\n e: function e(_e) {\n throw _e;\n },\n f: F\n };\n }\n\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n var it,\n normalCompletion = true,\n didErr = false,\n err;\n return {\n s: function s() {\n it = o[Symbol.iterator]();\n },\n n: function n() {\n var step = it.next();\n normalCompletion = step.done;\n return step;\n },\n e: function e(_e2) {\n didErr = true;\n err = _e2;\n },\n f: function f() {\n try {\n if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n } finally {\n if (didErr) throw err;\n }\n }\n };\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import React, { Component } from 'react';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport PropTypes from 'prop-types';\nimport warning from 'tiny-warning';\nvar MAX_SIGNED_31_BIT_INT = 1073741823;\nvar commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};\n\nfunction getUniqueId() {\n var key = '__global_unique_id__';\n return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;\n}\n\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n var handlers = [];\n return {\n on: function on(handler) {\n handlers.push(handler);\n },\n off: function off(handler) {\n handlers = handlers.filter(function (h) {\n return h !== handler;\n });\n },\n get: function get() {\n return value;\n },\n set: function set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(function (handler) {\n return handler(value, changedBits);\n });\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nfunction createReactContext(defaultValue, calculateChangedBits) {\n var _Provider$childContex, _Consumer$contextType;\n\n var contextProp = '__create-react-context-' + getUniqueId() + '__';\n\n var Provider = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Provider, _Component);\n\n function Provider() {\n var _this;\n\n _this = _Component.apply(this, arguments) || this;\n _this.emitter = createEventEmitter(_this.props.value);\n return _this;\n }\n\n var _proto = Provider.prototype;\n\n _proto.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[contextProp] = this.emitter, _ref;\n };\n\n _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n var oldValue = this.props.value;\n var newValue = nextProps.value;\n var changedBits;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0;\n } else {\n changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;\n\n if (process.env.NODE_ENV !== 'production') {\n warning((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: ' + changedBits);\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n };\n\n _proto.render = function render() {\n return this.props.children;\n };\n\n return Provider;\n }(Component);\n\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);\n\n var Consumer = /*#__PURE__*/function (_Component2) {\n _inheritsLoose(Consumer, _Component2);\n\n function Consumer() {\n var _this2;\n\n _this2 = _Component2.apply(this, arguments) || this;\n _this2.state = {\n value: _this2.getValue()\n };\n\n _this2.onUpdate = function (newValue, changedBits) {\n var observedBits = _this2.observedBits | 0;\n\n if ((observedBits & changedBits) !== 0) {\n _this2.setState({\n value: _this2.getValue()\n });\n }\n };\n\n return _this2;\n }\n\n var _proto2 = Consumer.prototype;\n\n _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var observedBits = nextProps.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentDidMount = function componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n\n var observedBits = this.props.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentWillUnmount = function componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n };\n\n _proto2.getValue = function getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n };\n\n _proto2.render = function render() {\n return onlyChild(this.props.children)(this.state.value);\n };\n\n return Consumer;\n }(Component);\n\n Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);\n return {\n Provider: Provider,\n Consumer: Consumer\n };\n}\n\nvar index = React.createContext || createReactContext;\nexport default index;","/**!\n * @fileOverview Kickass library to create and place poppers near their reference elements.\n * @version 1.16.1-lts\n * @license\n * Copyright (c) 2016 Federico Zivolo and contributors\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';\n\nvar timeoutDuration = function () {\n var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];\n\n for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {\n if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {\n return 1;\n }\n }\n\n return 0;\n}();\n\nfunction microtaskDebounce(fn) {\n var called = false;\n return function () {\n if (called) {\n return;\n }\n\n called = true;\n window.Promise.resolve().then(function () {\n called = false;\n fn();\n });\n };\n}\n\nfunction taskDebounce(fn) {\n var scheduled = false;\n return function () {\n if (!scheduled) {\n scheduled = true;\n setTimeout(function () {\n scheduled = false;\n fn();\n }, timeoutDuration);\n }\n };\n}\n\nvar supportsMicroTasks = isBrowser && window.Promise;\n/**\n* Create a debounced version of a method, that's asynchronously deferred\n* but called in the minimum time possible.\n*\n* @method\n* @memberof Popper.Utils\n* @argument {Function} fn\n* @returns {Function}\n*/\n\nvar debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;\n/**\n * Check if the given variable is a function\n * @method\n * @memberof Popper.Utils\n * @argument {Any} functionToCheck - variable to check\n * @returns {Boolean} answer to: is a function?\n */\n\nfunction isFunction(functionToCheck) {\n var getType = {};\n return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';\n}\n/**\n * Get CSS computed property of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Eement} element\n * @argument {String} property\n */\n\n\nfunction getStyleComputedProperty(element, property) {\n if (element.nodeType !== 1) {\n return [];\n } // NOTE: 1 DOM access here\n\n\n var window = element.ownerDocument.defaultView;\n var css = window.getComputedStyle(element, null);\n return property ? css[property] : css;\n}\n/**\n * Returns the parentNode or the host of the element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} parent\n */\n\n\nfunction getParentNode(element) {\n if (element.nodeName === 'HTML') {\n return element;\n }\n\n return element.parentNode || element.host;\n}\n/**\n * Returns the scrolling parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} scroll parent\n */\n\n\nfunction getScrollParent(element) {\n // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n if (!element) {\n return document.body;\n }\n\n switch (element.nodeName) {\n case 'HTML':\n case 'BODY':\n return element.ownerDocument.body;\n\n case '#document':\n return element.body;\n } // Firefox want us to check `-x` and `-y` variations as well\n\n\n var _getStyleComputedProp = getStyleComputedProperty(element),\n overflow = _getStyleComputedProp.overflow,\n overflowX = _getStyleComputedProp.overflowX,\n overflowY = _getStyleComputedProp.overflowY;\n\n if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {\n return element;\n }\n\n return getScrollParent(getParentNode(element));\n}\n/**\n * Returns the reference node of the reference object, or the reference object itself.\n * @method\n * @memberof Popper.Utils\n * @param {Element|Object} reference - the reference element (the popper will be relative to this)\n * @returns {Element} parent\n */\n\n\nfunction getReferenceNode(reference) {\n return reference && reference.referenceNode ? reference.referenceNode : reference;\n}\n\nvar isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);\nvar isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);\n/**\n * Determines if the browser is Internet Explorer\n * @method\n * @memberof Popper.Utils\n * @param {Number} version to check\n * @returns {Boolean} isIE\n */\n\nfunction isIE(version) {\n if (version === 11) {\n return isIE11;\n }\n\n if (version === 10) {\n return isIE10;\n }\n\n return isIE11 || isIE10;\n}\n/**\n * Returns the offset parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} offset parent\n */\n\n\nfunction getOffsetParent(element) {\n if (!element) {\n return document.documentElement;\n }\n\n var noOffsetParent = isIE(10) ? document.body : null; // NOTE: 1 DOM access here\n\n var offsetParent = element.offsetParent || null; // Skip hidden elements which don't have an offsetParent\n\n while (offsetParent === noOffsetParent && element.nextElementSibling) {\n offsetParent = (element = element.nextElementSibling).offsetParent;\n }\n\n var nodeName = offsetParent && offsetParent.nodeName;\n\n if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {\n return element ? element.ownerDocument.documentElement : document.documentElement;\n } // .offsetParent will return the closest TH, TD or TABLE in case\n // no offsetParent is present, I hate this job...\n\n\n if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {\n return getOffsetParent(offsetParent);\n }\n\n return offsetParent;\n}\n\nfunction isOffsetContainer(element) {\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY') {\n return false;\n }\n\n return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;\n}\n/**\n * Finds the root node (document, shadowDOM root) of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} node\n * @returns {Element} root node\n */\n\n\nfunction getRoot(node) {\n if (node.parentNode !== null) {\n return getRoot(node.parentNode);\n }\n\n return node;\n}\n/**\n * Finds the offset parent common to the two provided nodes\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element1\n * @argument {Element} element2\n * @returns {Element} common offset parent\n */\n\n\nfunction findCommonOffsetParent(element1, element2) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {\n return document.documentElement;\n } // Here we make sure to give as \"start\" the element that comes first in the DOM\n\n\n var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;\n var start = order ? element1 : element2;\n var end = order ? element2 : element1; // Get common ancestor container\n\n var range = document.createRange();\n range.setStart(start, 0);\n range.setEnd(end, 0);\n var commonAncestorContainer = range.commonAncestorContainer; // Both nodes are inside #document\n\n if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {\n if (isOffsetContainer(commonAncestorContainer)) {\n return commonAncestorContainer;\n }\n\n return getOffsetParent(commonAncestorContainer);\n } // one of the nodes is inside shadowDOM, find which one\n\n\n var element1root = getRoot(element1);\n\n if (element1root.host) {\n return findCommonOffsetParent(element1root.host, element2);\n } else {\n return findCommonOffsetParent(element1, getRoot(element2).host);\n }\n}\n/**\n * Gets the scroll value of the given element in the given side (top and left)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {String} side `top` or `left`\n * @returns {number} amount of scrolled pixels\n */\n\n\nfunction getScroll(element) {\n var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';\n var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n var html = element.ownerDocument.documentElement;\n var scrollingElement = element.ownerDocument.scrollingElement || html;\n return scrollingElement[upperSide];\n }\n\n return element[upperSide];\n}\n/*\n * Sum or subtract the element scroll values (left and top) from a given rect object\n * @method\n * @memberof Popper.Utils\n * @param {Object} rect - Rect object you want to change\n * @param {HTMLElement} element - The element from the function reads the scroll values\n * @param {Boolean} subtract - set to true if you want to subtract the scroll values\n * @return {Object} rect - The modifier rect object\n */\n\n\nfunction includeScroll(rect, element) {\n var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n var modifier = subtract ? -1 : 1;\n rect.top += scrollTop * modifier;\n rect.bottom += scrollTop * modifier;\n rect.left += scrollLeft * modifier;\n rect.right += scrollLeft * modifier;\n return rect;\n}\n/*\n * Helper to detect borders of a given element\n * @method\n * @memberof Popper.Utils\n * @param {CSSStyleDeclaration} styles\n * Result of `getStyleComputedProperty` on the given element\n * @param {String} axis - `x` or `y`\n * @return {number} borders - The borders size of the given axis\n */\n\n\nfunction getBordersSize(styles, axis) {\n var sideA = axis === 'x' ? 'Left' : 'Top';\n var sideB = sideA === 'Left' ? 'Right' : 'Bottom';\n return parseFloat(styles['border' + sideA + 'Width']) + parseFloat(styles['border' + sideB + 'Width']);\n}\n\nfunction getSize(axis, body, html, computedStyle) {\n return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);\n}\n\nfunction getWindowSizes(document) {\n var body = document.body;\n var html = document.documentElement;\n var computedStyle = isIE(10) && getComputedStyle(html);\n return {\n height: getSize('Height', body, html, computedStyle),\n width: getSize('Width', body, html, computedStyle)\n };\n}\n\nvar classCallCheck = function classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\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\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar defineProperty = function defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n};\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n/**\n * Given element offsets, generate an output similar to getBoundingClientRect\n * @method\n * @memberof Popper.Utils\n * @argument {Object} offsets\n * @returns {Object} ClientRect like output\n */\n\n\nfunction getClientRect(offsets) {\n return _extends({}, offsets, {\n right: offsets.left + offsets.width,\n bottom: offsets.top + offsets.height\n });\n}\n/**\n * Get bounding client rect of given element\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} element\n * @return {Object} client rect\n */\n\n\nfunction getBoundingClientRect(element) {\n var rect = {}; // IE10 10 FIX: Please, don't ask, the element isn't\n // considered in DOM in some circumstances...\n // This isn't reproducible in IE10 compatibility mode of IE11\n\n try {\n if (isIE(10)) {\n rect = element.getBoundingClientRect();\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n rect.top += scrollTop;\n rect.left += scrollLeft;\n rect.bottom += scrollTop;\n rect.right += scrollLeft;\n } else {\n rect = element.getBoundingClientRect();\n }\n } catch (e) {}\n\n var result = {\n left: rect.left,\n top: rect.top,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top\n }; // subtract scrollbar size from sizes\n\n var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};\n var width = sizes.width || element.clientWidth || result.width;\n var height = sizes.height || element.clientHeight || result.height;\n var horizScrollbar = element.offsetWidth - width;\n var vertScrollbar = element.offsetHeight - height; // if an hypothetical scrollbar is detected, we must be sure it's not a `border`\n // we make this check conditional for performance reasons\n\n if (horizScrollbar || vertScrollbar) {\n var styles = getStyleComputedProperty(element);\n horizScrollbar -= getBordersSize(styles, 'x');\n vertScrollbar -= getBordersSize(styles, 'y');\n result.width -= horizScrollbar;\n result.height -= vertScrollbar;\n }\n\n return getClientRect(result);\n}\n\nfunction getOffsetRectRelativeToArbitraryNode(children, parent) {\n var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var isIE10 = isIE(10);\n var isHTML = parent.nodeName === 'HTML';\n var childrenRect = getBoundingClientRect(children);\n var parentRect = getBoundingClientRect(parent);\n var scrollParent = getScrollParent(children);\n var styles = getStyleComputedProperty(parent);\n var borderTopWidth = parseFloat(styles.borderTopWidth);\n var borderLeftWidth = parseFloat(styles.borderLeftWidth); // In cases where the parent is fixed, we must ignore negative scroll in offset calc\n\n if (fixedPosition && isHTML) {\n parentRect.top = Math.max(parentRect.top, 0);\n parentRect.left = Math.max(parentRect.left, 0);\n }\n\n var offsets = getClientRect({\n top: childrenRect.top - parentRect.top - borderTopWidth,\n left: childrenRect.left - parentRect.left - borderLeftWidth,\n width: childrenRect.width,\n height: childrenRect.height\n });\n offsets.marginTop = 0;\n offsets.marginLeft = 0; // Subtract margins of documentElement in case it's being used as parent\n // we do this only on HTML because it's the only element that behaves\n // differently when margins are applied to it. The margins are included in\n // the box of the documentElement, in the other cases not.\n\n if (!isIE10 && isHTML) {\n var marginTop = parseFloat(styles.marginTop);\n var marginLeft = parseFloat(styles.marginLeft);\n offsets.top -= borderTopWidth - marginTop;\n offsets.bottom -= borderTopWidth - marginTop;\n offsets.left -= borderLeftWidth - marginLeft;\n offsets.right -= borderLeftWidth - marginLeft; // Attach marginTop and marginLeft because in some circumstances we may need them\n\n offsets.marginTop = marginTop;\n offsets.marginLeft = marginLeft;\n }\n\n if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {\n offsets = includeScroll(offsets, parent);\n }\n\n return offsets;\n}\n\nfunction getViewportOffsetRectRelativeToArtbitraryNode(element) {\n var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var html = element.ownerDocument.documentElement;\n var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);\n var width = Math.max(html.clientWidth, window.innerWidth || 0);\n var height = Math.max(html.clientHeight, window.innerHeight || 0);\n var scrollTop = !excludeScroll ? getScroll(html) : 0;\n var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;\n var offset = {\n top: scrollTop - relativeOffset.top + relativeOffset.marginTop,\n left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,\n width: width,\n height: height\n };\n return getClientRect(offset);\n}\n/**\n * Check if the given element is fixed or is inside a fixed parent\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {Element} customContainer\n * @returns {Boolean} answer to \"isFixed?\"\n */\n\n\nfunction isFixed(element) {\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n return false;\n }\n\n if (getStyleComputedProperty(element, 'position') === 'fixed') {\n return true;\n }\n\n var parentNode = getParentNode(element);\n\n if (!parentNode) {\n return false;\n }\n\n return isFixed(parentNode);\n}\n/**\n * Finds the first parent of an element that has a transformed property defined\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} first transformed parent or documentElement\n */\n\n\nfunction getFixedPositionOffsetParent(element) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element || !element.parentElement || isIE()) {\n return document.documentElement;\n }\n\n var el = element.parentElement;\n\n while (el && getStyleComputedProperty(el, 'transform') === 'none') {\n el = el.parentElement;\n }\n\n return el || document.documentElement;\n}\n/**\n * Computed the boundaries limits and return them\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} popper\n * @param {HTMLElement} reference\n * @param {number} padding\n * @param {HTMLElement} boundariesElement - Element used to define the boundaries\n * @param {Boolean} fixedPosition - Is in fixed position mode\n * @returns {Object} Coordinates of the boundaries\n */\n\n\nfunction getBoundaries(popper, reference, padding, boundariesElement) {\n var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; // NOTE: 1 DOM access here\n\n var boundaries = {\n top: 0,\n left: 0\n };\n var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference)); // Handle viewport case\n\n if (boundariesElement === 'viewport') {\n boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);\n } else {\n // Handle other cases based on DOM element used as boundaries\n var boundariesNode = void 0;\n\n if (boundariesElement === 'scrollParent') {\n boundariesNode = getScrollParent(getParentNode(reference));\n\n if (boundariesNode.nodeName === 'BODY') {\n boundariesNode = popper.ownerDocument.documentElement;\n }\n } else if (boundariesElement === 'window') {\n boundariesNode = popper.ownerDocument.documentElement;\n } else {\n boundariesNode = boundariesElement;\n }\n\n var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition); // In case of HTML, we need a different computation\n\n if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {\n var _getWindowSizes = getWindowSizes(popper.ownerDocument),\n height = _getWindowSizes.height,\n width = _getWindowSizes.width;\n\n boundaries.top += offsets.top - offsets.marginTop;\n boundaries.bottom = height + offsets.top;\n boundaries.left += offsets.left - offsets.marginLeft;\n boundaries.right = width + offsets.left;\n } else {\n // for all the other DOM elements, this one is good\n boundaries = offsets;\n }\n } // Add paddings\n\n\n padding = padding || 0;\n var isPaddingNumber = typeof padding === 'number';\n boundaries.left += isPaddingNumber ? padding : padding.left || 0;\n boundaries.top += isPaddingNumber ? padding : padding.top || 0;\n boundaries.right -= isPaddingNumber ? padding : padding.right || 0;\n boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;\n return boundaries;\n}\n\nfunction getArea(_ref) {\n var width = _ref.width,\n height = _ref.height;\n return width * height;\n}\n/**\n * Utility used to transform the `auto` placement to the placement with more\n * available space.\n * @method\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {\n var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n if (placement.indexOf('auto') === -1) {\n return placement;\n }\n\n var boundaries = getBoundaries(popper, reference, padding, boundariesElement);\n var rects = {\n top: {\n width: boundaries.width,\n height: refRect.top - boundaries.top\n },\n right: {\n width: boundaries.right - refRect.right,\n height: boundaries.height\n },\n bottom: {\n width: boundaries.width,\n height: boundaries.bottom - refRect.bottom\n },\n left: {\n width: refRect.left - boundaries.left,\n height: boundaries.height\n }\n };\n var sortedAreas = Object.keys(rects).map(function (key) {\n return _extends({\n key: key\n }, rects[key], {\n area: getArea(rects[key])\n });\n }).sort(function (a, b) {\n return b.area - a.area;\n });\n var filteredAreas = sortedAreas.filter(function (_ref2) {\n var width = _ref2.width,\n height = _ref2.height;\n return width >= popper.clientWidth && height >= popper.clientHeight;\n });\n var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;\n var variation = placement.split('-')[1];\n return computedPlacement + (variation ? '-' + variation : '');\n}\n/**\n * Get offsets to the reference element\n * @method\n * @memberof Popper.Utils\n * @param {Object} state\n * @param {Element} popper - the popper element\n * @param {Element} reference - the reference element (the popper will be relative to this)\n * @param {Element} fixedPosition - is in fixed position mode\n * @returns {Object} An object containing the offsets which will be applied to the popper\n */\n\n\nfunction getReferenceOffsets(state, popper, reference) {\n var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;\n var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));\n return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);\n}\n/**\n * Get the outer sizes of the given element (offset size + margins)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Object} object containing width and height properties\n */\n\n\nfunction getOuterSizes(element) {\n var window = element.ownerDocument.defaultView;\n var styles = window.getComputedStyle(element);\n var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);\n var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);\n var result = {\n width: element.offsetWidth + y,\n height: element.offsetHeight + x\n };\n return result;\n}\n/**\n * Get the opposite placement of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement\n * @returns {String} flipped placement\n */\n\n\nfunction getOppositePlacement(placement) {\n var hash = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n };\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}\n/**\n * Get offsets to the popper\n * @method\n * @memberof Popper.Utils\n * @param {Object} position - CSS position the Popper will get applied\n * @param {HTMLElement} popper - the popper element\n * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)\n * @param {String} placement - one of the valid placement options\n * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper\n */\n\n\nfunction getPopperOffsets(popper, referenceOffsets, placement) {\n placement = placement.split('-')[0]; // Get popper node sizes\n\n var popperRect = getOuterSizes(popper); // Add position, width and height to our offsets object\n\n var popperOffsets = {\n width: popperRect.width,\n height: popperRect.height\n }; // depending by the popper placement we have to compute its offsets slightly differently\n\n var isHoriz = ['right', 'left'].indexOf(placement) !== -1;\n var mainSide = isHoriz ? 'top' : 'left';\n var secondarySide = isHoriz ? 'left' : 'top';\n var measurement = isHoriz ? 'height' : 'width';\n var secondaryMeasurement = !isHoriz ? 'height' : 'width';\n popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;\n\n if (placement === secondarySide) {\n popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];\n } else {\n popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];\n }\n\n return popperOffsets;\n}\n/**\n * Mimics the `find` method of Array\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\n\n\nfunction find(arr, check) {\n // use native find if supported\n if (Array.prototype.find) {\n return arr.find(check);\n } // use `filter` to obtain the same behavior of `find`\n\n\n return arr.filter(check)[0];\n}\n/**\n * Return the index of the matching object\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\n\n\nfunction findIndex(arr, prop, value) {\n // use native findIndex if supported\n if (Array.prototype.findIndex) {\n return arr.findIndex(function (cur) {\n return cur[prop] === value;\n });\n } // use `find` + `indexOf` if `findIndex` isn't supported\n\n\n var match = find(arr, function (obj) {\n return obj[prop] === value;\n });\n return arr.indexOf(match);\n}\n/**\n * Loop trough the list of modifiers and run them in order,\n * each of them will then edit the data object.\n * @method\n * @memberof Popper.Utils\n * @param {dataObject} data\n * @param {Array} modifiers\n * @param {String} ends - Optional modifier name used as stopper\n * @returns {dataObject}\n */\n\n\nfunction runModifiers(modifiers, data, ends) {\n var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));\n modifiersToRun.forEach(function (modifier) {\n if (modifier['function']) {\n // eslint-disable-line dot-notation\n console.warn('`modifier.function` is deprecated, use `modifier.fn`!');\n }\n\n var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation\n\n if (modifier.enabled && isFunction(fn)) {\n // Add properties to offsets to make them a complete clientRect object\n // we do this before each modifier to make sure the previous one doesn't\n // mess with these values\n data.offsets.popper = getClientRect(data.offsets.popper);\n data.offsets.reference = getClientRect(data.offsets.reference);\n data = fn(data, modifier);\n }\n });\n return data;\n}\n/**\n * Updates the position of the popper, computing the new offsets and applying\n * the new style.
\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\n\n\nfunction update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n var data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {}\n }; // compute reference element offsets\n\n data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed); // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n\n data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding); // store the computed placement inside `originalPlacement`\n\n data.originalPlacement = data.placement;\n data.positionFixed = this.options.positionFixed; // compute the popper offsets\n\n data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);\n data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute'; // run the modifiers\n\n data = runModifiers(this.modifiers, data); // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\n\n\nfunction isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(function (_ref) {\n var name = _ref.name,\n enabled = _ref.enabled;\n return enabled && name === modifierName;\n });\n}\n/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\n\n\nfunction getSupportedPropertyName(property) {\n var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n var upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (var i = 0; i < prefixes.length; i++) {\n var prefix = prefixes[i];\n var toCheck = prefix ? '' + prefix + upperProp : property;\n\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n\n return null;\n}\n/**\n * Destroys the popper.\n * @method\n * @memberof Popper\n */\n\n\nfunction destroy() {\n this.state.isDestroyed = true; // touch DOM only if `applyStyle` modifier is enabled\n\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style.left = '';\n this.popper.style.right = '';\n this.popper.style.bottom = '';\n this.popper.style.willChange = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners(); // remove the popper if user explicitly asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n\n return this;\n}\n/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\n\n\nfunction getWindow(element) {\n var ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n var isBody = scrollParent.nodeName === 'BODY';\n var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, {\n passive: true\n });\n\n if (!isBody) {\n attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);\n }\n\n scrollParents.push(target);\n}\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\n\n\nfunction setupEventListeners(reference, options, state, updateBound) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, {\n passive: true\n }); // Scroll event listener on scroll parents\n\n var scrollElement = getScrollParent(reference);\n attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n return state;\n}\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\n\n\nfunction enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);\n }\n}\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\n\n\nfunction removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound); // Remove scroll event listener on scroll parents\n\n state.scrollParents.forEach(function (target) {\n target.removeEventListener('scroll', state.updateBound);\n }); // Reset state\n\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger `onUpdate` callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\n\n\nfunction disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\n\n\nfunction isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\n\n\nfunction setStyles(element, styles) {\n Object.keys(styles).forEach(function (prop) {\n var unit = ''; // add unit if the value is numeric and is one of the following\n\n if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {\n unit = 'px';\n }\n\n element.style[prop] = styles[prop] + unit;\n });\n}\n/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\n\n\nfunction setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function (prop) {\n var value = attributes[prop];\n\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\n\n\nfunction applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles); // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n\n setAttributes(data.instance.popper, data.attributes); // if arrowElement is defined and arrowStyles has some properties\n\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper\n * @param {Object} options - Popper.js options\n */\n\n\nfunction applyStyleOnLoad(reference, popper, options, modifierOptions, state) {\n // compute reference element offsets\n var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed); // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n\n var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);\n popper.setAttribute('x-placement', placement); // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n\n setStyles(popper, {\n position: options.positionFixed ? 'fixed' : 'absolute'\n });\n return options;\n}\n/**\n * @function\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Boolean} shouldRound - If the offsets should be rounded at all\n * @returns {Object} The popper's position offsets rounded\n *\n * The tale of pixel-perfect positioning. It's still not 100% perfect, but as\n * good as it can be within reason.\n * Discussion here: https://github.com/FezVrasta/popper.js/pull/715\n *\n * Low DPI screens cause a popper to be blurry if not using full pixels (Safari\n * as well on High DPI screens).\n *\n * Firefox prefers no rounding for positioning and does not have blurriness on\n * high DPI screens.\n *\n * Only horizontal placement and left/right values need to be considered.\n */\n\n\nfunction getRoundedOffsets(data, shouldRound) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var round = Math.round,\n floor = Math.floor;\n\n var noRound = function noRound(v) {\n return v;\n };\n\n var referenceWidth = round(reference.width);\n var popperWidth = round(popper.width);\n var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;\n var isVariation = data.placement.indexOf('-') !== -1;\n var sameWidthParity = referenceWidth % 2 === popperWidth % 2;\n var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;\n var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;\n var verticalToInteger = !shouldRound ? noRound : round;\n return {\n left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),\n top: verticalToInteger(popper.top),\n bottom: verticalToInteger(popper.bottom),\n right: horizontalToInteger(popper.right)\n };\n}\n\nvar isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\nfunction computeStyle(data, options) {\n var x = options.x,\n y = options.y;\n var popper = data.offsets.popper; // Remove this legacy support in Popper.js v2\n\n var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'applyStyle';\n }).gpuAcceleration;\n\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');\n }\n\n var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;\n var offsetParent = getOffsetParent(data.instance.popper);\n var offsetParentRect = getBoundingClientRect(offsetParent); // Styles\n\n var styles = {\n position: popper.position\n };\n var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);\n var sideA = x === 'bottom' ? 'top' : 'bottom';\n var sideB = y === 'right' ? 'left' : 'right'; // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n\n var prefixedProperty = getSupportedPropertyName('transform'); // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n\n var left = void 0,\n top = void 0;\n\n if (sideA === 'bottom') {\n // when offsetParent is the positioning is relative to the bottom of the screen (excluding the scrollbar)\n // and not the bottom of the html element\n if (offsetParent.nodeName === 'HTML') {\n top = -offsetParent.clientHeight + offsets.bottom;\n } else {\n top = -offsetParentRect.height + offsets.bottom;\n }\n } else {\n top = offsets.top;\n }\n\n if (sideB === 'right') {\n if (offsetParent.nodeName === 'HTML') {\n left = -offsetParent.clientWidth + offsets.right;\n } else {\n left = -offsetParentRect.width + offsets.right;\n }\n } else {\n left = offsets.left;\n }\n\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n var invertTop = sideA === 'bottom' ? -1 : 1;\n var invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = sideA + ', ' + sideB;\n } // Attributes\n\n\n var attributes = {\n 'x-placement': data.placement\n }; // Update `data` attributes, styles and arrowStyles\n\n data.attributes = _extends({}, attributes, data.attributes);\n data.styles = _extends({}, styles, data.styles);\n data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);\n return data;\n}\n/**\n * Helper used to know if the given modifier depends from another one.
\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\n\n\nfunction isModifierRequired(modifiers, requestingName, requestedName) {\n var requesting = find(modifiers, function (_ref) {\n var name = _ref.name;\n return name === requestingName;\n });\n var isRequired = !!requesting && modifiers.some(function (modifier) {\n return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;\n });\n\n if (!isRequired) {\n var _requesting = '`' + requestingName + '`';\n\n var requested = '`' + requestedName + '`';\n console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');\n }\n\n return isRequired;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction arrow(data, options) {\n var _data$offsets$arrow; // arrow depends on keepTogether in order to work\n\n\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n var arrowElement = options.element; // if arrowElement is a string, suppose it's a CSS selector\n\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement); // if arrowElement is not found, don't run the modifier\n\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn('WARNING: `arrow.element` must be child of its popper element!');\n return data;\n }\n }\n\n var placement = data.placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var isVertical = ['left', 'right'].indexOf(placement) !== -1;\n var len = isVertical ? 'height' : 'width';\n var sideCapitalized = isVertical ? 'Top' : 'Left';\n var side = sideCapitalized.toLowerCase();\n var altSide = isVertical ? 'left' : 'top';\n var opSide = isVertical ? 'bottom' : 'right';\n var arrowElementSize = getOuterSizes(arrowElement)[len]; //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjunction\n //\n // top/left side\n\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);\n } // bottom/right side\n\n\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];\n }\n\n data.offsets.popper = getClientRect(data.offsets.popper); // compute center of the popper\n\n var center = reference[side] + reference[len] / 2 - arrowElementSize / 2; // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n\n var css = getStyleComputedProperty(data.instance.popper);\n var popperMarginSide = parseFloat(css['margin' + sideCapitalized]);\n var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width']);\n var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide; // prevent arrowElement from being placed not contiguously to its popper\n\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n data.arrowElement = arrowElement;\n data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);\n return data;\n}\n/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\n\n\nfunction getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n\n return variation;\n}\n/**\n * List of accepted placements to use as values of the `placement` option.
\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.
\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-end` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\n\n\nvar placements = ['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']; // Get rid of `auto` `auto-start` and `auto-end`\n\nvar validPlacements = placements.slice(3);\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\n\nfunction clockwise(placement) {\n var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var index = validPlacements.indexOf(placement);\n var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n\nvar BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise'\n};\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\nfunction flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);\n var placement = data.placement.split('-')[0];\n var placementOpposite = getOppositePlacement(placement);\n var variation = data.placement.split('-')[1] || '';\n var flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach(function (step, index) {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n var popperOffsets = data.offsets.popper;\n var refOffsets = data.offsets.reference; // using floor because the reference offsets may contain decimals we are not going to consider here\n\n var floor = Math.floor;\n var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);\n var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);\n var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom; // flip the variation if required\n\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1; // flips variation if reference element overflows boundaries\n\n var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom); // flips variation if popper content overflows boundaries\n\n var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);\n var flippedVariation = flippedVariationByRef || flippedVariationByContent;\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : ''); // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n\n data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction keepTogether(data) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var placement = data.placement.split('-')[0];\n var floor = Math.floor;\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n var side = isVertical ? 'right' : 'bottom';\n var opSide = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];\n }\n\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\n\n\nfunction toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n var split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n var value = +split[1];\n var unit = split[2]; // If it's not a number it's an operator, I guess\n\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n var element = void 0;\n\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n var rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n var size = void 0;\n\n if (unit === 'vh') {\n size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n } else {\n size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n }\n\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\n\n\nfunction parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {\n var offsets = [0, 0]; // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n\n var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1; // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n\n var fragments = offset.split(/(\\+|\\-)/).map(function (frag) {\n return frag.trim();\n }); // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n\n var divider = fragments.indexOf(find(fragments, function (frag) {\n return frag.search(/,|\\s/) !== -1;\n }));\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');\n } // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n\n\n var splitRegex = /\\s*,\\s*|\\s+/;\n var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments]; // Convert the values with units to absolute pixels to allow our computations\n\n ops = ops.map(function (op, index) {\n // Most of the units rely on the orientation of the popper\n var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';\n var mergeWithPrevious = false;\n return op // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce(function (a, b) {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, []) // Here we convert the string values into number values (in px)\n .map(function (str) {\n return toValue(str, measurement, popperOffsets, referenceOffsets);\n });\n }); // Loop trough the offsets arrays and execute the operations\n\n ops.forEach(function (op, index) {\n op.forEach(function (frag, index2) {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction offset(data, _ref) {\n var offset = _ref.offset;\n var placement = data.placement,\n _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var basePlacement = placement.split('-')[0];\n var offsets = void 0;\n\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction preventOverflow(data, options) {\n var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper); // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n } // NOTE: DOM access here\n // resets the popper's position so that the document size can be calculated excluding\n // the size of the popper element itself\n\n\n var transformProp = getSupportedPropertyName('transform');\n var popperStyles = data.instance.popper.style; // assignment to help minification\n\n var top = popperStyles.top,\n left = popperStyles.left,\n transform = popperStyles[transformProp];\n popperStyles.top = '';\n popperStyles.left = '';\n popperStyles[transformProp] = '';\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed); // NOTE: DOM access here\n // restores the original style properties after the offsets have been computed\n\n popperStyles.top = top;\n popperStyles.left = left;\n popperStyles[transformProp] = transform;\n options.boundaries = boundaries;\n var order = options.priority;\n var popper = data.offsets.popper;\n var check = {\n primary: function primary(placement) {\n var value = popper[placement];\n\n if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n\n return defineProperty({}, placement, value);\n },\n secondary: function secondary(placement) {\n var mainSide = placement === 'right' ? 'left' : 'top';\n var value = popper[mainSide];\n\n if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {\n value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));\n }\n\n return defineProperty({}, mainSide, value);\n }\n };\n order.forEach(function (placement) {\n var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = _extends({}, popper, check[side](placement));\n });\n data.offsets.popper = popper;\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction shift(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var shiftvariation = placement.split('-')[1]; // if shift shiftvariation is specified, run the modifier\n\n if (shiftvariation) {\n var _data$offsets = data.offsets,\n reference = _data$offsets.reference,\n popper = _data$offsets.popper;\n var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n var side = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n var shiftOffsets = {\n start: defineProperty({}, side, reference[side]),\n end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])\n };\n data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);\n }\n\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n var refRect = data.offsets.reference;\n var bound = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'preventOverflow';\n }).boundaries;\n\n if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction inner(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n return data;\n}\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.
\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.
\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\n\n\nvar modifiers = {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.
\n * It will read the variation of the `placement` property.
\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: shift\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unit-less, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.
\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the `height`.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.
\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.
\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: offset,\n\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * A scenario exists where the reference itself is not within the boundaries.
\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".
\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper. This makes sure the popper always has a little padding\n * between the edges of its container\n */\n padding: 5,\n\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier. Can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent'\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near each other\n * without leaving any gap between the two. Especially useful when the arrow is\n * enabled and you want to ensure that it points to its reference element.\n * It cares only about the first axis. You can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: keepTogether\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjunction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: arrow,\n\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]'\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: flip,\n\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations)\n */\n behavior: 'flip',\n\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position.\n * The popper will never be placed outside of the defined boundaries\n * (except if `keepTogether` is enabled)\n */\n boundariesElement: 'viewport',\n\n /**\n * @prop {Boolean} flipVariations=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the reference element overlaps its boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariations: false,\n\n /**\n * @prop {Boolean} flipVariationsByContent=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the popper element overlaps its reference boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariationsByContent: false\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n\n /** @prop {ModifierFn} */\n fn: inner\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: hide\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: computeStyle,\n\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: true,\n\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right'\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define your own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: applyStyle,\n\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: undefined\n }\n};\n/**\n * The `dataObject` is an object containing all the information used by Popper.js.\n * This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n\n/**\n * Default options provided to Popper.js constructor.
\n * These can be overridden using the `options` argument of Popper.js.
\n * To override an option, simply pass an object with the same\n * structure of the `options` object, as the 3rd argument. For example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\n\nvar Defaults = {\n /**\n * Popper's placement.\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Set this to true if you want popper to position it self in 'fixed' mode\n * @prop {Boolean} positionFixed=false\n */\n positionFixed: false,\n\n /**\n * Whether events (resize, scroll) are initially enabled.\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: function onCreate() {},\n\n /**\n * Callback called when the popper is updated. This callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: function onUpdate() {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js.\n * @prop {modifiers}\n */\n modifiers: modifiers\n};\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n// Utils\n// Methods\n\nvar Popper = function () {\n /**\n * Creates a new Popper.js instance.\n * @class Popper\n * @param {Element|referenceObject} reference - The reference element used to position the popper\n * @param {Element} popper - The HTML / XML element used as the popper\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n function Popper(reference, popper) {\n var _this = this;\n\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n classCallCheck(this, Popper);\n\n this.scheduleUpdate = function () {\n return requestAnimationFrame(_this.update);\n }; // make update() debounced, so that it only runs at most once-per-tick\n\n\n this.update = debounce(this.update.bind(this)); // with {} we create a new object with the options inside it\n\n this.options = _extends({}, Popper.Defaults, options); // init state\n\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: []\n }; // get reference and popper elements (allow jQuery wrappers)\n\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper; // Deep merge modifiers options\n\n this.options.modifiers = {};\n Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {\n _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});\n }); // Refactoring modifiers' list (Object => Array)\n\n this.modifiers = Object.keys(this.options.modifiers).map(function (name) {\n return _extends({\n name: name\n }, _this.options.modifiers[name]);\n }) // sort the modifiers by order\n .sort(function (a, b) {\n return a.order - b.order;\n }); // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n\n this.modifiers.forEach(function (modifierOptions) {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);\n }\n }); // fire the first update to position the popper in the right place\n\n this.update();\n var eventsEnabled = this.options.eventsEnabled;\n\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n } // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n\n\n createClass(Popper, [{\n key: 'update',\n value: function update$$1() {\n return update.call(this);\n }\n }, {\n key: 'destroy',\n value: function destroy$$1() {\n return destroy.call(this);\n }\n }, {\n key: 'enableEventListeners',\n value: function enableEventListeners$$1() {\n return enableEventListeners.call(this);\n }\n }, {\n key: 'disableEventListeners',\n value: function disableEventListeners$$1() {\n return disableEventListeners.call(this);\n }\n /**\n * Schedules an update. It will run on the next UI update available.\n * @method scheduleUpdate\n * @memberof Popper\n */\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n\n }]);\n return Popper;\n}();\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.
\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10.\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n\n\nPopper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\nPopper.placements = placements;\nPopper.Defaults = Defaults;\nexport default Popper;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _SwipeableViews = _interopRequireDefault(require(\"./SwipeableViews\"));\n\nvar _default = _SwipeableViews.default;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"autoPlay\", {\n enumerable: true,\n get: function get() {\n return _autoPlay.default;\n }\n});\nObject.defineProperty(exports, \"bindKeyboard\", {\n enumerable: true,\n get: function get() {\n return _bindKeyboard.default;\n }\n});\nObject.defineProperty(exports, \"virtualize\", {\n enumerable: true,\n get: function get() {\n return _virtualize.default;\n }\n});\n\nvar _autoPlay = _interopRequireDefault(require(\"./autoPlay\"));\n\nvar _bindKeyboard = _interopRequireDefault(require(\"./bindKeyboard\"));\n\nvar _virtualize = _interopRequireDefault(require(\"./virtualize\"));","var debounce = require('./debounce'),\n isObject = require('./isObject');\n/** Error message constants. */\n\n\nvar FUNC_ERROR_TEXT = 'Expected a function';\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\n\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;","var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\n\nvar findScript = function findScript() {\n var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n\n for (var i = 0; i < scripts.length; i++) {\n var script = scripts[i];\n\n if (!V3_URL_REGEX.test(script.src)) {\n continue;\n }\n\n return script;\n }\n\n return null;\n};\n\nvar injectScript = function injectScript(params) {\n var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n var script = document.createElement('script');\n script.src = \"\".concat(V3_URL).concat(queryString);\n var headOrBody = document.head || document.body;\n\n if (!headOrBody) {\n throw new Error('Expected document.body not to be null. Stripe.js requires a element.');\n }\n\n headOrBody.appendChild(script);\n return script;\n};\n\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n if (!stripe || !stripe._registerWrapper) {\n return;\n }\n\n stripe._registerWrapper({\n name: 'stripe-js',\n version: \"1.17.1\",\n startTime: startTime\n });\n};\n\nvar stripePromise = null;\n\nvar loadScript = function loadScript(params) {\n // Ensure that we only attempt to load Stripe.js at most once\n if (stripePromise !== null) {\n return stripePromise;\n }\n\n stripePromise = new Promise(function (resolve, reject) {\n if (typeof window === 'undefined') {\n // Resolve to null when imported server side. This makes the module\n // safe to import in an isomorphic code base.\n resolve(null);\n return;\n }\n\n if (window.Stripe && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n }\n\n if (window.Stripe) {\n resolve(window.Stripe);\n return;\n }\n\n try {\n var script = findScript();\n\n if (script && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n } else if (!script) {\n script = injectScript(params);\n }\n\n script.addEventListener('load', function () {\n if (window.Stripe) {\n resolve(window.Stripe);\n } else {\n reject(new Error('Stripe.js not available'));\n }\n });\n script.addEventListener('error', function () {\n reject(new Error('Failed to load Stripe.js'));\n });\n } catch (error) {\n reject(error);\n return;\n }\n });\n return stripePromise;\n};\n\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n if (maybeStripe === null) {\n return null;\n }\n\n var stripe = maybeStripe.apply(undefined, args);\n registerWrapper(stripe, startTime);\n return stripe;\n}; // own script injection.\n\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n if (!loadCalled) {\n console.warn(err);\n }\n});\n\nvar loadStripe = function loadStripe() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n loadCalled = true;\n var startTime = Date.now();\n return stripePromise$1.then(function (maybeStripe) {\n return initStripe(maybeStripe, args, startTime);\n });\n};\n\nexport { loadStripe };","!function (e, t) {\n \"object\" == typeof exports && \"object\" == typeof module ? module.exports = t(require(\"react\")) : \"function\" == typeof define && define.amd ? define([\"react\"], t) : \"object\" == typeof exports ? exports.ReactCodeInput = t(require(\"react\")) : e.ReactCodeInput = t(e.react);\n}(\"undefined\" != typeof self ? self : this, function (e) {\n return function (e) {\n var t = {};\n\n function n(r) {\n if (t[r]) return t[r].exports;\n var o = t[r] = {\n i: r,\n l: !1,\n exports: {}\n };\n return e[r].call(o.exports, o, o.exports, n), o.l = !0, o.exports;\n }\n\n return n.m = e, n.c = t, n.d = function (e, t, r) {\n n.o(e, t) || Object.defineProperty(e, t, {\n enumerable: !0,\n get: r\n });\n }, n.r = function (e) {\n \"undefined\" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {\n value: \"Module\"\n }), Object.defineProperty(e, \"__esModule\", {\n value: !0\n });\n }, n.t = function (e, t) {\n if (1 & t && (e = n(e)), 8 & t) return e;\n if (4 & t && \"object\" == typeof e && e && e.__esModule) return e;\n var r = Object.create(null);\n if (n.r(r), Object.defineProperty(r, \"default\", {\n enumerable: !0,\n value: e\n }), 2 & t && \"string\" != typeof e) for (var o in e) {\n n.d(r, o, function (t) {\n return e[t];\n }.bind(null, o));\n }\n return r;\n }, n.n = function (e) {\n var t = e && e.__esModule ? function () {\n return e.default;\n } : function () {\n return e;\n };\n return n.d(t, \"a\", t), t;\n }, n.o = function (e, t) {\n return Object.prototype.hasOwnProperty.call(e, t);\n }, n.p = \"\", n(n.s = 0);\n }([function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var r = Object.assign || function (e) {\n for (var t = 1; t < arguments.length; t++) {\n var n = arguments[t];\n\n for (var r in n) {\n Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);\n }\n }\n\n return e;\n },\n o = function () {\n function e(e, t) {\n for (var n = 0; n < t.length; n++) {\n var r = t[n];\n r.enumerable = r.enumerable || !1, r.configurable = !0, \"value\" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);\n }\n }\n\n return function (t, n, r) {\n return n && e(t.prototype, n), r && e(t, r), t;\n };\n }(),\n a = n(1),\n i = p(a),\n u = p(n(2)),\n l = p(n(5)),\n s = n(6);\n\n function p(e) {\n return e && e.__esModule ? e : {\n default: e\n };\n }\n\n var f = function (e) {\n function t(e) {\n !function (e, t) {\n if (!(e instanceof t)) throw new TypeError(\"Cannot call a class as a function\");\n }(this, t);\n\n var n = function (e, t) {\n if (!e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return !t || \"object\" != typeof t && \"function\" != typeof t ? e : t;\n }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this, e)),\n r = e.fields,\n o = e.type,\n a = e.isValid,\n i = e.disabled,\n u = e.filterKeyCodes,\n l = e.forceUppercase,\n p = e.value;\n\n l && (p = p.toUpperCase()), n.state = {\n value: p,\n fields: r,\n type: o,\n input: [],\n isValid: a,\n disabled: i,\n filterKeyCodes: u,\n defaultInputStyle: {\n fontFamily: \"monospace\",\n MozAppearance: \"textfield\",\n borderRadius: \"6px\",\n border: \"1px solid\",\n boxShadow: \"0px 0px 10px 0px rgba(0,0,0,.10)\",\n margin: \"4px\",\n paddingLeft: \"8px\",\n width: \"36px\",\n height: \"42px\",\n fontSize: \"32px\",\n boxSizing: \"border-box\"\n }\n };\n\n for (var f = 0; f < Number(n.state.fields); f += 1) {\n if (f < 32) {\n var c = n.state.value[f] || \"\";\n n.state.input.push(c);\n }\n }\n\n return n.textInput = [], n.uuid = (0, s.uuidv4)(), n;\n }\n\n return function (e, t) {\n if (\"function\" != typeof t && null !== t) throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n e.prototype = Object.create(t && t.prototype, {\n constructor: {\n value: e,\n enumerable: !1,\n writable: !0,\n configurable: !0\n }\n }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);\n }(t, a.Component), o(t, [{\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function value(e) {\n this.setState({\n isValid: e.isValid,\n value: e.value,\n disabled: e.disabled\n });\n }\n }, {\n key: \"handleBlur\",\n value: function value(e) {\n this.handleTouch(e.target.value);\n }\n }, {\n key: \"handleTouch\",\n value: function value(e) {\n var t = this.props,\n n = t.touch,\n r = t.untouch,\n o = t.name;\n \"function\" == typeof n && \"function\" == typeof r && (\"\" === e ? n(o) : r(o));\n }\n }, {\n key: \"handleChange\",\n value: function value(e) {\n var t = this,\n n = this.props.filterChars,\n r = String(e.target.value);\n this.props.forceUppercase && (r = r.toUpperCase()), \"number\" === this.state.type && (r = r.replace(/[^\\d]/g, \"\"));\n var o = r = r.split(\"\").filter(function (e) {\n return !n.includes(e);\n }).join(\"\");\n\n if (\"\" !== r) {\n var a = this.state.input.slice();\n r.length > 1 ? r.split(\"\").map(function (n, r) {\n return Number(e.target.dataset.id) + r < t.props.fields && (a[Number(e.target.dataset.id) + r] = n), !1;\n }) : a[Number(e.target.dataset.id)] = r, a.map(function (e, n) {\n return t.textInput[n] && (t.textInput[n].value = e), !1;\n });\n var i = this.textInput[e.target.dataset.id < a.length ? Number(e.target.dataset.id) + 1 : e.target.dataset.id];\n i && (i.focus(), i.select()), o = a.join(\"\"), this.setState({\n value: a.join(\"\"),\n input: a\n });\n }\n\n this.props.onChange && o && this.props.onChange(o), this.handleTouch(o);\n }\n }, {\n key: \"handleKeyDown\",\n value: function value(e) {\n var t = Number(e.target.dataset.id),\n n = this.textInput[t + 1],\n r = this.textInput[t - 1],\n o = void 0,\n a = void 0;\n\n switch (this.state.filterKeyCodes.length > 0 && this.state.filterKeyCodes.map(function (t) {\n if (t === e.keyCode) return e.preventDefault(), !0;\n }), e.keyCode) {\n case 8:\n e.preventDefault(), this.textInput[t].value = \"\", (o = this.state.input.slice())[t] = \"\", a = o.join(\"\"), this.setState({\n value: a,\n input: o\n }), \"\" === this.textInput[t].value && r && (r.focus(), r.select()), this.props.onChange && this.props.onChange(a);\n break;\n\n case 37:\n e.preventDefault(), r && (r.focus(), r.select());\n break;\n\n case 39:\n e.preventDefault(), n && (n.focus(), n.select());\n break;\n\n case 38:\n case 40:\n e.preventDefault();\n break;\n\n case 69:\n if (\"number\" === e.target.type) {\n e.preventDefault();\n break;\n }\n\n }\n\n this.handleTouch(a);\n }\n }, {\n key: \"render\",\n value: function value() {\n var e = this,\n t = this.props,\n n = t.className,\n o = t.style,\n a = void 0 === o ? {} : o,\n u = t.inputStyle,\n s = void 0 === u ? {} : u,\n p = t.inputStyleInvalid,\n f = void 0 === p ? {} : p,\n c = t.type,\n d = t.autoFocus,\n h = t.pattern,\n y = t.inputMode,\n b = this.state,\n v = b.disabled,\n x = b.input,\n g = b.isValid,\n m = b.defaultInputStyle,\n O = {\n container: a,\n input: g ? s : f\n };\n return Object.assign(O.container, {\n display: \"inline-block\"\n }), n || 0 !== Object.keys(s).length || Object.assign(s, r({}, m, {\n color: \"black\",\n backgroundColor: \"white\",\n borderColor: \"lightgrey\"\n })), n || 0 !== Object.keys(f).length || Object.assign(f, r({}, m, {\n color: \"#b94a48\",\n backgroundColor: \"#f2dede\",\n borderColor: \"#eed3d7\"\n })), v && Object.assign(O.input, {\n cursor: \"not-allowed\",\n color: \"lightgrey\",\n borderColor: \"lightgrey\",\n backgroundColor: \"#efeff1\"\n }), i.default.createElement(\"div\", {\n className: (0, l.default)(n, \"react-code-input\"),\n style: O.container\n }, x.map(function (t, n) {\n return i.default.createElement(\"input\", {\n ref: function ref(t) {\n e.textInput[n] = t;\n },\n id: e.uuid + \"-\" + n,\n \"data-id\": n,\n autoFocus: d && 0 === n ? \"autoFocus\" : \"\",\n value: t,\n key: \"input_\" + n,\n type: c,\n min: 0,\n max: 9,\n maxLength: x.length === n + 1 ? 1 : x.length,\n style: O.input,\n autoComplete: \"off\",\n onFocus: function onFocus(e) {\n return e.target.select(e);\n },\n onBlur: function onBlur(t) {\n return e.handleBlur(t);\n },\n onChange: function onChange(t) {\n return e.handleChange(t);\n },\n onKeyDown: function onKeyDown(t) {\n return e.handleKeyDown(t);\n },\n disabled: v,\n \"data-valid\": g,\n pattern: h,\n inputMode: y\n });\n }));\n }\n }]), t;\n }();\n\n f.defaultProps = {\n autoFocus: !0,\n isValid: !0,\n disabled: !1,\n forceUppercase: !1,\n fields: 4,\n value: \"\",\n type: \"text\",\n filterKeyCodes: [189, 190],\n filterChars: [\"-\", \".\"]\n }, f.propTypes = {\n type: u.default.oneOf([\"text\", \"number\", \"password\", \"tel\"]),\n fields: u.default.number,\n value: u.default.string,\n onChange: u.default.func,\n name: u.default.string,\n touch: u.default.func,\n untouch: u.default.func,\n className: u.default.string,\n isValid: u.default.bool,\n disabled: u.default.bool,\n style: u.default.object,\n inputStyle: u.default.object,\n inputStyleInvalid: u.default.object,\n autoFocus: u.default.bool,\n forceUppercase: u.default.bool,\n filterKeyCodes: u.default.array,\n filterChars: u.default.array,\n pattern: u.default.string,\n inputMode: u.default.oneOf([\"verbatim\", \"latin\", \"latin-name\", \"latin-prose\", \"full-width-latin\", \"kana\", \"kana-name\", \"katakana\", \"numeric\", \"tel\", \"email\", \"url\"])\n }, t.default = f;\n }, function (t, n) {\n t.exports = e;\n }, function (e, t, n) {\n e.exports = n(3)();\n }, function (e, t, n) {\n \"use strict\";\n\n var r = n(4);\n\n function o() {}\n\n e.exports = function () {\n function e(e, t, n, o, a, i) {\n if (i !== r) {\n var u = new Error(\"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types\");\n throw u.name = \"Invariant Violation\", u;\n }\n }\n\n function t() {\n return e;\n }\n\n e.isRequired = e;\n var n = {\n array: e,\n bool: e,\n func: e,\n number: e,\n object: e,\n string: e,\n symbol: e,\n any: e,\n arrayOf: t,\n element: e,\n instanceOf: t,\n node: e,\n objectOf: t,\n oneOf: t,\n oneOfType: t,\n shape: t,\n exact: t\n };\n return n.checkPropTypes = o, n.PropTypes = n, n;\n };\n }, function (e, t, n) {\n \"use strict\";\n\n e.exports = \"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED\";\n }, function (e, t, n) {\n var r;\n /*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n */\n\n /*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n */\n\n !function () {\n \"use strict\";\n\n var n = {}.hasOwnProperty;\n\n function o() {\n for (var e = [], t = 0; t < arguments.length; t++) {\n var r = arguments[t];\n\n if (r) {\n var a = typeof r;\n if (\"string\" === a || \"number\" === a) e.push(r);else if (Array.isArray(r) && r.length) {\n var i = o.apply(null, r);\n i && e.push(i);\n } else if (\"object\" === a) for (var u in r) {\n n.call(r, u) && r[u] && e.push(u);\n }\n }\n }\n\n return e.join(\" \");\n }\n\n void 0 !== e && e.exports ? (o.default = o, e.exports = o) : void 0 === (r = function () {\n return o;\n }.apply(t, [])) || (e.exports = r);\n }();\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n t.uuidv4 = function () {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (e) {\n var t = 16 * Math.random() | 0;\n return (\"x\" === e ? t : 3 & t | 8).toString(16);\n });\n };\n }]);\n});","/*! For license information please see react-avatar.js.LICENSE.txt */\n!function (t, e) {\n \"object\" == typeof exports && \"object\" == typeof module ? module.exports = e(require(\"react\")) : \"function\" == typeof define && define.amd ? define([\"react\"], e) : \"object\" == typeof exports ? exports.reactAvatar = e(require(\"react\")) : t.reactAvatar = e(t.react);\n}(self, function (t) {\n return function () {\n var e = {\n 303: function _(t, e, i) {\n t.exports = i(302), i(200), i(630), i(16), i(677), i(635), i(166), i(140), i(922);\n },\n 635: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(677)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.ExifMap.prototype;\n e.tags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 284: \"PlanarConfiguration\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 296: \"ResolutionUnit\",\n 273: \"StripOffsets\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 513: \"JPEGInterchangeFormat\",\n 514: \"JPEGInterchangeFormatLength\",\n 301: \"TransferFunction\",\n 318: \"WhitePoint\",\n 319: \"PrimaryChromaticities\",\n 529: \"YCbCrCoefficients\",\n 532: \"ReferenceBlackWhite\",\n 306: \"DateTime\",\n 270: \"ImageDescription\",\n 271: \"Make\",\n 272: \"Model\",\n 305: \"Software\",\n 315: \"Artist\",\n 33432: \"Copyright\",\n 34665: {\n 36864: \"ExifVersion\",\n 40960: \"FlashpixVersion\",\n 40961: \"ColorSpace\",\n 40962: \"PixelXDimension\",\n 40963: \"PixelYDimension\",\n 42240: \"Gamma\",\n 37121: \"ComponentsConfiguration\",\n 37122: \"CompressedBitsPerPixel\",\n 37500: \"MakerNote\",\n 37510: \"UserComment\",\n 40964: \"RelatedSoundFile\",\n 36867: \"DateTimeOriginal\",\n 36868: \"DateTimeDigitized\",\n 36880: \"OffsetTime\",\n 36881: \"OffsetTimeOriginal\",\n 36882: \"OffsetTimeDigitized\",\n 37520: \"SubSecTime\",\n 37521: \"SubSecTimeOriginal\",\n 37522: \"SubSecTimeDigitized\",\n 33434: \"ExposureTime\",\n 33437: \"FNumber\",\n 34850: \"ExposureProgram\",\n 34852: \"SpectralSensitivity\",\n 34855: \"PhotographicSensitivity\",\n 34856: \"OECF\",\n 34864: \"SensitivityType\",\n 34865: \"StandardOutputSensitivity\",\n 34866: \"RecommendedExposureIndex\",\n 34867: \"ISOSpeed\",\n 34868: \"ISOSpeedLatitudeyyy\",\n 34869: \"ISOSpeedLatitudezzz\",\n 37377: \"ShutterSpeedValue\",\n 37378: \"ApertureValue\",\n 37379: \"BrightnessValue\",\n 37380: \"ExposureBias\",\n 37381: \"MaxApertureValue\",\n 37382: \"SubjectDistance\",\n 37383: \"MeteringMode\",\n 37384: \"LightSource\",\n 37385: \"Flash\",\n 37396: \"SubjectArea\",\n 37386: \"FocalLength\",\n 41483: \"FlashEnergy\",\n 41484: \"SpatialFrequencyResponse\",\n 41486: \"FocalPlaneXResolution\",\n 41487: \"FocalPlaneYResolution\",\n 41488: \"FocalPlaneResolutionUnit\",\n 41492: \"SubjectLocation\",\n 41493: \"ExposureIndex\",\n 41495: \"SensingMethod\",\n 41728: \"FileSource\",\n 41729: \"SceneType\",\n 41730: \"CFAPattern\",\n 41985: \"CustomRendered\",\n 41986: \"ExposureMode\",\n 41987: \"WhiteBalance\",\n 41988: \"DigitalZoomRatio\",\n 41989: \"FocalLengthIn35mmFilm\",\n 41990: \"SceneCaptureType\",\n 41991: \"GainControl\",\n 41992: \"Contrast\",\n 41993: \"Saturation\",\n 41994: \"Sharpness\",\n 41995: \"DeviceSettingDescription\",\n 41996: \"SubjectDistanceRange\",\n 42016: \"ImageUniqueID\",\n 42032: \"CameraOwnerName\",\n 42033: \"BodySerialNumber\",\n 42034: \"LensSpecification\",\n 42035: \"LensMake\",\n 42036: \"LensModel\",\n 42037: \"LensSerialNumber\"\n },\n 34853: {\n 0: \"GPSVersionID\",\n 1: \"GPSLatitudeRef\",\n 2: \"GPSLatitude\",\n 3: \"GPSLongitudeRef\",\n 4: \"GPSLongitude\",\n 5: \"GPSAltitudeRef\",\n 6: \"GPSAltitude\",\n 7: \"GPSTimeStamp\",\n 8: \"GPSSatellites\",\n 9: \"GPSStatus\",\n 10: \"GPSMeasureMode\",\n 11: \"GPSDOP\",\n 12: \"GPSSpeedRef\",\n 13: \"GPSSpeed\",\n 14: \"GPSTrackRef\",\n 15: \"GPSTrack\",\n 16: \"GPSImgDirectionRef\",\n 17: \"GPSImgDirection\",\n 18: \"GPSMapDatum\",\n 19: \"GPSDestLatitudeRef\",\n 20: \"GPSDestLatitude\",\n 21: \"GPSDestLongitudeRef\",\n 22: \"GPSDestLongitude\",\n 23: \"GPSDestBearingRef\",\n 24: \"GPSDestBearing\",\n 25: \"GPSDestDistanceRef\",\n 26: \"GPSDestDistance\",\n 27: \"GPSProcessingMethod\",\n 28: \"GPSAreaInformation\",\n 29: \"GPSDateStamp\",\n 30: \"GPSDifferential\",\n 31: \"GPSHPositioningError\"\n },\n 40965: {\n 1: \"InteroperabilityIndex\"\n }\n }, e.tags.ifd1 = e.tags, e.stringValues = {\n ExposureProgram: {\n 0: \"Undefined\",\n 1: \"Manual\",\n 2: \"Normal program\",\n 3: \"Aperture priority\",\n 4: \"Shutter priority\",\n 5: \"Creative program\",\n 6: \"Action program\",\n 7: \"Portrait mode\",\n 8: \"Landscape mode\"\n },\n MeteringMode: {\n 0: \"Unknown\",\n 1: \"Average\",\n 2: \"CenterWeightedAverage\",\n 3: \"Spot\",\n 4: \"MultiSpot\",\n 5: \"Pattern\",\n 6: \"Partial\",\n 255: \"Other\"\n },\n LightSource: {\n 0: \"Unknown\",\n 1: \"Daylight\",\n 2: \"Fluorescent\",\n 3: \"Tungsten (incandescent light)\",\n 4: \"Flash\",\n 9: \"Fine weather\",\n 10: \"Cloudy weather\",\n 11: \"Shade\",\n 12: \"Daylight fluorescent (D 5700 - 7100K)\",\n 13: \"Day white fluorescent (N 4600 - 5400K)\",\n 14: \"Cool white fluorescent (W 3900 - 4500K)\",\n 15: \"White fluorescent (WW 3200 - 3700K)\",\n 17: \"Standard light A\",\n 18: \"Standard light B\",\n 19: \"Standard light C\",\n 20: \"D55\",\n 21: \"D65\",\n 22: \"D75\",\n 23: \"D50\",\n 24: \"ISO studio tungsten\",\n 255: \"Other\"\n },\n Flash: {\n 0: \"Flash did not fire\",\n 1: \"Flash fired\",\n 5: \"Strobe return light not detected\",\n 7: \"Strobe return light detected\",\n 9: \"Flash fired, compulsory flash mode\",\n 13: \"Flash fired, compulsory flash mode, return light not detected\",\n 15: \"Flash fired, compulsory flash mode, return light detected\",\n 16: \"Flash did not fire, compulsory flash mode\",\n 24: \"Flash did not fire, auto mode\",\n 25: \"Flash fired, auto mode\",\n 29: \"Flash fired, auto mode, return light not detected\",\n 31: \"Flash fired, auto mode, return light detected\",\n 32: \"No flash function\",\n 65: \"Flash fired, red-eye reduction mode\",\n 69: \"Flash fired, red-eye reduction mode, return light not detected\",\n 71: \"Flash fired, red-eye reduction mode, return light detected\",\n 73: \"Flash fired, compulsory flash mode, red-eye reduction mode\",\n 77: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected\",\n 79: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected\",\n 89: \"Flash fired, auto mode, red-eye reduction mode\",\n 93: \"Flash fired, auto mode, return light not detected, red-eye reduction mode\",\n 95: \"Flash fired, auto mode, return light detected, red-eye reduction mode\"\n },\n SensingMethod: {\n 1: \"Undefined\",\n 2: \"One-chip color area sensor\",\n 3: \"Two-chip color area sensor\",\n 4: \"Three-chip color area sensor\",\n 5: \"Color sequential area sensor\",\n 7: \"Trilinear sensor\",\n 8: \"Color sequential linear sensor\"\n },\n SceneCaptureType: {\n 0: \"Standard\",\n 1: \"Landscape\",\n 2: \"Portrait\",\n 3: \"Night scene\"\n },\n SceneType: {\n 1: \"Directly photographed\"\n },\n CustomRendered: {\n 0: \"Normal process\",\n 1: \"Custom process\"\n },\n WhiteBalance: {\n 0: \"Auto white balance\",\n 1: \"Manual white balance\"\n },\n GainControl: {\n 0: \"None\",\n 1: \"Low gain up\",\n 2: \"High gain up\",\n 3: \"Low gain down\",\n 4: \"High gain down\"\n },\n Contrast: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n Saturation: {\n 0: \"Normal\",\n 1: \"Low saturation\",\n 2: \"High saturation\"\n },\n Sharpness: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n SubjectDistanceRange: {\n 0: \"Unknown\",\n 1: \"Macro\",\n 2: \"Close view\",\n 3: \"Distant view\"\n },\n FileSource: {\n 3: \"DSC\"\n },\n ComponentsConfiguration: {\n 0: \"\",\n 1: \"Y\",\n 2: \"Cb\",\n 3: \"Cr\",\n 4: \"R\",\n 5: \"G\",\n 6: \"B\"\n },\n Orientation: {\n 1: \"Original\",\n 2: \"Horizontal flip\",\n 3: \"Rotate 180° CCW\",\n 4: \"Vertical flip\",\n 5: \"Vertical flip + Rotate 90° CW\",\n 6: \"Rotate 90° CW\",\n 7: \"Horizontal flip + Rotate 90° CW\",\n 8: \"Rotate 90° CCW\"\n }\n }, e.getText = function (t) {\n var e = this.get(t);\n\n switch (t) {\n case \"LightSource\":\n case \"Flash\":\n case \"MeteringMode\":\n case \"ExposureProgram\":\n case \"SensingMethod\":\n case \"SceneCaptureType\":\n case \"SceneType\":\n case \"CustomRendered\":\n case \"WhiteBalance\":\n case \"GainControl\":\n case \"Contrast\":\n case \"Saturation\":\n case \"Sharpness\":\n case \"SubjectDistanceRange\":\n case \"FileSource\":\n case \"Orientation\":\n return this.stringValues[t][e];\n\n case \"ExifVersion\":\n case \"FlashpixVersion\":\n if (!e) return;\n return String.fromCharCode(e[0], e[1], e[2], e[3]);\n\n case \"ComponentsConfiguration\":\n if (!e) return;\n return this.stringValues[t][e[0]] + this.stringValues[t][e[1]] + this.stringValues[t][e[2]] + this.stringValues[t][e[3]];\n\n case \"GPSVersionID\":\n if (!e) return;\n return e[0] + \".\" + e[1] + \".\" + e[2] + \".\" + e[3];\n }\n\n return String(e);\n }, e.getAll = function () {\n var t,\n e,\n i,\n n = {};\n\n for (t in this) {\n Object.prototype.hasOwnProperty.call(this, t) && ((e = this[t]) && e.getAll ? n[this.ifds[t].name] = e.getAll() : (i = this.tags[t]) && (n[i] = this.getText(i)));\n }\n\n return n;\n }, e.getName = function (t) {\n var e = this.tags[t];\n return \"object\" == typeof e ? this.ifds[t].name : e;\n }, function () {\n var t,\n i,\n n,\n a = e.tags;\n\n for (t in a) {\n if (Object.prototype.hasOwnProperty.call(a, t)) if (i = e.ifds[t]) for (t in n = a[t]) {\n Object.prototype.hasOwnProperty.call(n, t) && (i.map[n[t]] = Number(t));\n } else e.map[a[t]] = Number(t);\n }\n }();\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 677: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n function e(t) {\n t && (Object.defineProperty(this, \"map\", {\n value: this.ifds[t].map\n }), Object.defineProperty(this, \"tags\", {\n value: this.tags && this.tags[t] || {}\n }));\n }\n\n e.prototype.map = {\n Orientation: 274,\n Thumbnail: \"ifd1\",\n Blob: 513,\n Exif: 34665,\n GPSInfo: 34853,\n Interoperability: 40965\n }, e.prototype.ifds = {\n ifd1: {\n name: \"Thumbnail\",\n map: e.prototype.map\n },\n 34665: {\n name: \"Exif\",\n map: {}\n },\n 34853: {\n name: \"GPSInfo\",\n map: {}\n },\n 40965: {\n name: \"Interoperability\",\n map: {}\n }\n }, e.prototype.get = function (t) {\n return this[t] || this[this.map[t]];\n };\n var i = {\n 1: {\n getValue: function getValue(t, e) {\n return t.getUint8(e);\n },\n size: 1\n },\n 2: {\n getValue: function getValue(t, e) {\n return String.fromCharCode(t.getUint8(e));\n },\n size: 1,\n ascii: !0\n },\n 3: {\n getValue: function getValue(t, e, i) {\n return t.getUint16(e, i);\n },\n size: 2\n },\n 4: {\n getValue: function getValue(t, e, i) {\n return t.getUint32(e, i);\n },\n size: 4\n },\n 5: {\n getValue: function getValue(t, e, i) {\n return t.getUint32(e, i) / t.getUint32(e + 4, i);\n },\n size: 8\n },\n 9: {\n getValue: function getValue(t, e, i) {\n return t.getInt32(e, i);\n },\n size: 4\n },\n 10: {\n getValue: function getValue(t, e, i) {\n return t.getInt32(e, i) / t.getInt32(e + 4, i);\n },\n size: 8\n }\n };\n\n function n(t, e, n, a, r, o) {\n var s,\n h,\n l,\n c,\n u,\n d,\n f = i[a];\n\n if (f) {\n if (!((h = (s = f.size * r) > 4 ? e + t.getUint32(n + 8, o) : n + 8) + s > t.byteLength)) {\n if (1 === r) return f.getValue(t, h, o);\n\n for (l = [], c = 0; c < r; c += 1) {\n l[c] = f.getValue(t, h + c * f.size, o);\n }\n\n if (f.ascii) {\n for (u = \"\", c = 0; c < l.length && \"\\0\" !== (d = l[c]); c += 1) {\n u += d;\n }\n\n return u;\n }\n\n return l;\n }\n\n console.log(\"Invalid Exif data: Invalid data offset.\");\n } else console.log(\"Invalid Exif data: Invalid tag type.\");\n }\n\n function a(t, e, i) {\n return (!t || t[i]) && (!e || !0 !== e[i]);\n }\n\n function r(t, e, i, r, o, s, h, l) {\n var c, u, d, f, g, p;\n if (i + 6 > t.byteLength) console.log(\"Invalid Exif data: Invalid directory offset.\");else {\n if (!((u = i + 2 + 12 * (c = t.getUint16(i, r))) + 4 > t.byteLength)) {\n for (d = 0; d < c; d += 1) {\n f = i + 2 + 12 * d, a(h, l, g = t.getUint16(f, r)) && (p = n(t, e, f, t.getUint16(f + 2, r), t.getUint32(f + 4, r), r), o[g] = p, s && (s[g] = f));\n }\n\n return t.getUint32(u, r);\n }\n\n console.log(\"Invalid Exif data: Invalid directory size.\");\n }\n }\n\n i[7] = i[1], t.parseExifData = function (i, n, o, s, h) {\n if (!h.disableExif) {\n var l,\n c,\n u,\n d = h.includeExifTags,\n f = h.excludeExifTags || {\n 34665: {\n 37500: !0\n }\n },\n g = n + 10;\n if (1165519206 === i.getUint32(n + 4)) if (g + 8 > i.byteLength) console.log(\"Invalid Exif data: Invalid segment size.\");else if (0 === i.getUint16(n + 8)) {\n switch (i.getUint16(g)) {\n case 18761:\n l = !0;\n break;\n\n case 19789:\n l = !1;\n break;\n\n default:\n return void console.log(\"Invalid Exif data: Invalid byte alignment marker.\");\n }\n\n 42 === i.getUint16(g + 2, l) ? (c = i.getUint32(g + 4, l), s.exif = new e(), h.disableExifOffsets || (s.exifOffsets = new e(), s.exifTiffOffset = g, s.exifLittleEndian = l), (c = r(i, g, g + c, l, s.exif, s.exifOffsets, d, f)) && a(d, f, \"ifd1\") && (s.exif.ifd1 = c, s.exifOffsets && (s.exifOffsets.ifd1 = g + c)), Object.keys(s.exif.ifds).forEach(function (t) {\n !function (t, i, n, a, o, s, h) {\n var l = t.exif[i];\n l && (t.exif[i] = new e(i), t.exifOffsets && (t.exifOffsets[i] = new e(i)), r(n, a, a + l, o, t.exif[i], t.exifOffsets && t.exifOffsets[i], s && s[i], h && h[i]));\n }(s, t, i, g, l, d, f);\n }), (u = s.exif.ifd1) && u[513] && (u[513] = function (e, i, n) {\n if (n) {\n if (!(i + n > e.byteLength)) return new Blob([t.bufferSlice.call(e.buffer, i, i + n)], {\n type: \"image/jpeg\"\n });\n console.log(\"Invalid Exif data: Invalid thumbnail data.\");\n }\n }(i, g + u[513], u[514]))) : console.log(\"Invalid Exif data: Missing TIFF marker.\");\n } else console.log(\"Invalid Exif data: Missing byte alignment offset.\");\n }\n }, t.metaDataParsers.jpeg[65505].push(t.parseExifData), t.exifWriters = {\n 274: function _(t, e, i) {\n var n = e.exifOffsets[274];\n return n ? (new DataView(t, n + 8, 2).setUint16(0, i, e.exifLittleEndian), t) : t;\n }\n }, t.writeExifData = function (e, i, n, a) {\n return t.exifWriters[i.exif.map[n]](e, i, a);\n }, t.ExifMap = e;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 16: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.global;\n e.fetch && e.Request && e.Response && e.Response.prototype.blob ? t.fetchBlob = function (t, i, n) {\n function a(t) {\n return t.blob();\n }\n\n if (e.Promise && \"function\" != typeof i) return fetch(new Request(t, i)).then(a);\n fetch(new Request(t, n)).then(a).then(i).catch(function (t) {\n i(null, t);\n });\n } : e.XMLHttpRequest && \"\" === new XMLHttpRequest().responseType && (t.fetchBlob = function (t, i, n) {\n function a(e, i) {\n n = n || {};\n var a = new XMLHttpRequest();\n a.open(n.method || \"GET\", t), n.headers && Object.keys(n.headers).forEach(function (t) {\n a.setRequestHeader(t, n.headers[t]);\n }), a.withCredentials = \"include\" === n.credentials, a.responseType = \"blob\", a.onload = function () {\n e(a.response);\n }, a.onerror = a.onabort = a.ontimeout = function (t) {\n e === i ? i(null, t) : i(t);\n }, a.send(n.body);\n }\n\n return e.Promise && \"function\" != typeof i ? (n = i, new Promise(a)) : a(i, i);\n });\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 140: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(166)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.IptcMap.prototype;\n e.tags = {\n 0: \"ApplicationRecordVersion\",\n 3: \"ObjectTypeReference\",\n 4: \"ObjectAttributeReference\",\n 5: \"ObjectName\",\n 7: \"EditStatus\",\n 8: \"EditorialUpdate\",\n 10: \"Urgency\",\n 12: \"SubjectReference\",\n 15: \"Category\",\n 20: \"SupplementalCategories\",\n 22: \"FixtureIdentifier\",\n 25: \"Keywords\",\n 26: \"ContentLocationCode\",\n 27: \"ContentLocationName\",\n 30: \"ReleaseDate\",\n 35: \"ReleaseTime\",\n 37: \"ExpirationDate\",\n 38: \"ExpirationTime\",\n 40: \"SpecialInstructions\",\n 42: \"ActionAdvised\",\n 45: \"ReferenceService\",\n 47: \"ReferenceDate\",\n 50: \"ReferenceNumber\",\n 55: \"DateCreated\",\n 60: \"TimeCreated\",\n 62: \"DigitalCreationDate\",\n 63: \"DigitalCreationTime\",\n 65: \"OriginatingProgram\",\n 70: \"ProgramVersion\",\n 75: \"ObjectCycle\",\n 80: \"Byline\",\n 85: \"BylineTitle\",\n 90: \"City\",\n 92: \"Sublocation\",\n 95: \"State\",\n 100: \"CountryCode\",\n 101: \"Country\",\n 103: \"OriginalTransmissionReference\",\n 105: \"Headline\",\n 110: \"Credit\",\n 115: \"Source\",\n 116: \"CopyrightNotice\",\n 118: \"Contact\",\n 120: \"Caption\",\n 121: \"LocalCaption\",\n 122: \"Writer\",\n 125: \"RasterizedCaption\",\n 130: \"ImageType\",\n 131: \"ImageOrientation\",\n 135: \"LanguageIdentifier\",\n 150: \"AudioType\",\n 151: \"AudioSamplingRate\",\n 152: \"AudioSamplingResolution\",\n 153: \"AudioDuration\",\n 154: \"AudioOutcue\",\n 184: \"JobID\",\n 185: \"MasterDocumentID\",\n 186: \"ShortDocumentID\",\n 187: \"UniqueDocumentID\",\n 188: \"OwnerID\",\n 200: \"ObjectPreviewFileFormat\",\n 201: \"ObjectPreviewFileVersion\",\n 202: \"ObjectPreviewData\",\n 221: \"Prefs\",\n 225: \"ClassifyState\",\n 228: \"SimilarityIndex\",\n 230: \"DocumentNotes\",\n 231: \"DocumentHistory\",\n 232: \"ExifCameraInfo\",\n 255: \"CatalogSets\"\n }, e.stringValues = {\n 10: {\n 0: \"0 (reserved)\",\n 1: \"1 (most urgent)\",\n 2: \"2\",\n 3: \"3\",\n 4: \"4\",\n 5: \"5 (normal urgency)\",\n 6: \"6\",\n 7: \"7\",\n 8: \"8 (least urgent)\",\n 9: \"9 (user-defined priority)\"\n },\n 75: {\n a: \"Morning\",\n b: \"Both Morning and Evening\",\n p: \"Evening\"\n },\n 131: {\n L: \"Landscape\",\n P: \"Portrait\",\n S: \"Square\"\n }\n }, e.getText = function (t) {\n var e = this.get(t),\n i = this.map[t],\n n = this.stringValues[i];\n return n ? n[e] : String(e);\n }, e.getAll = function () {\n var t,\n e,\n i = {};\n\n for (t in this) {\n Object.prototype.hasOwnProperty.call(this, t) && (e = this.tags[t]) && (i[e] = this.getText(e));\n }\n\n return i;\n }, e.getName = function (t) {\n return this.tags[t];\n }, function () {\n var t,\n i = e.tags,\n n = e.map || {};\n\n for (t in i) {\n Object.prototype.hasOwnProperty.call(i, t) && (n[i[t]] = Number(t));\n }\n }();\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 166: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n function e() {}\n\n function i(t, e, i, n, a) {\n return \"binary\" === e.types[t] ? new Blob([i.buffer.slice(n, n + a)]) : \"Uint16\" === e.types[t] ? i.getUint16(n) : function (t, e, i) {\n for (var n = \"\", a = e + i, r = e; r < a; r += 1) {\n n += String.fromCharCode(t.getUint8(r));\n }\n\n return n;\n }(i, n, a);\n }\n\n function n(t, e) {\n return void 0 === t ? e : t instanceof Array ? (t.push(e), t) : [t, e];\n }\n\n function a(t, e, a, r, o, s) {\n for (var h, l, c, u = e + a, d = e; d < u;) {\n 28 === t.getUint8(d) && 2 === t.getUint8(d + 1) && (c = t.getUint8(d + 2), o && !o[c] || s && s[c] || (l = t.getInt16(d + 3), h = i(c, r.iptc, t, d + 5, l), r.iptc[c] = n(r.iptc[c], h), r.iptcOffsets && (r.iptcOffsets[c] = d))), d += 1;\n }\n }\n\n function r(t, e) {\n return 943868237 === t.getUint32(e) && 1028 === t.getUint16(e + 4);\n }\n\n function o(t, e) {\n var i = t.getUint8(e + 7);\n return i % 2 != 0 && (i += 1), 0 === i && (i = 4), i;\n }\n\n e.prototype.map = {\n ObjectName: 5\n }, e.prototype.types = {\n 0: \"Uint16\",\n 200: \"Uint16\",\n 201: \"Uint16\",\n 202: \"binary\"\n }, e.prototype.get = function (t) {\n return this[t] || this[this.map[t]];\n }, t.parseIptcData = function (t, i, n, s, h) {\n if (!h.disableIptc) for (var l = i + n; i + 8 < l;) {\n if (r(t, i)) {\n var c = o(t, i),\n u = i + 8 + c;\n\n if (u > l) {\n console.log(\"Invalid IPTC data: Invalid segment offset.\");\n break;\n }\n\n var d = t.getUint16(i + 6 + c);\n\n if (i + d > l) {\n console.log(\"Invalid IPTC data: Invalid segment size.\");\n break;\n }\n\n return s.iptc = new e(), h.disableIptcOffsets || (s.iptcOffsets = new e()), void a(t, u, d, s, h.includeIptcTags, h.excludeIptcTags || {\n 202: !0\n });\n }\n\n i += 1;\n }\n }, t.metaDataParsers.jpeg[65517].push(t.parseIptcData), t.IptcMap = e;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 630: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.global,\n i = t.transform,\n n = e.Blob && (Blob.prototype.slice || Blob.prototype.webkitSlice || Blob.prototype.mozSlice),\n a = e.ArrayBuffer && ArrayBuffer.prototype.slice || function (t, e) {\n e = e || this.byteLength - t;\n var i = new Uint8Array(this, t, e),\n n = new Uint8Array(e);\n return n.set(i), n.buffer;\n },\n r = {\n jpeg: {\n 65505: [],\n 65517: []\n }\n };\n\n function o(i, o, s, h) {\n var l = this;\n\n function c(o, c) {\n if (!(e.DataView && n && i && i.size >= 12 && \"image/jpeg\" === i.type)) return o(h);\n var u = s.maxMetaDataSize || 262144;\n t.readFile(n.call(i, 0, u), function (t) {\n var e = new DataView(t);\n if (65496 !== e.getUint16(0)) return c(new Error(\"Invalid JPEG file: Missing JPEG marker.\"));\n\n for (var i, n, u, d, f = 2, g = e.byteLength - 4, p = f; f < g && ((i = e.getUint16(f)) >= 65504 && i <= 65519 || 65534 === i);) {\n if (f + (n = e.getUint16(f + 2) + 2) > e.byteLength) {\n console.log(\"Invalid JPEG metadata: Invalid segment size.\");\n break;\n }\n\n if ((u = r.jpeg[i]) && !s.disableMetaDataParsers) for (d = 0; d < u.length; d += 1) {\n u[d].call(l, e, f, n, h, s);\n }\n p = f += n;\n }\n\n !s.disableImageHead && p > 6 && (h.imageHead = a.call(t, 0, p)), o(h);\n }, c, \"readAsArrayBuffer\") || o(h);\n }\n\n return s = s || {}, e.Promise && \"function\" != typeof o ? (h = s = o || {}, new Promise(c)) : (h = h || {}, c(o, o));\n }\n\n function s(t, e, i) {\n return t && e && i ? new Blob([i, n.call(t, e.byteLength)], {\n type: \"image/jpeg\"\n }) : null;\n }\n\n t.transform = function (n, a, r, s, h) {\n t.requiresMetaData(a) ? o(s, function (o) {\n o !== h && (e.console && console.log(o), o = h), i.call(t, n, a, r, s, o);\n }, a, h = h || {}) : i.apply(t, arguments);\n }, t.blobSlice = n, t.bufferSlice = a, t.replaceHead = function (t, i, n) {\n var a = {\n maxMetaDataSize: 256,\n disableMetaDataParsers: !0\n };\n if (!n && e.Promise) return o(t, a).then(function (e) {\n return s(t, e.imageHead, i);\n });\n o(t, function (e) {\n n(s(t, e.imageHead, i));\n }, a);\n }, t.parseMetaData = o, t.metaDataParsers = r;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 922: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(200), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.transform,\n i = t.requiresCanvas,\n n = t.requiresMetaData,\n a = t.transformCoordinates,\n r = t.getTransformedOptions;\n\n function o(e, i) {\n var n = e && e.orientation;\n return !0 === n && !t.orientation || 1 === n && t.orientation || (!i || t.orientation) && n > 1 && n < 9;\n }\n\n function s(t, e) {\n return t !== e && (1 === t && e > 1 && e < 9 || t > 1 && t < 9);\n }\n\n function h(t, e) {\n if (e > 1 && e < 9) switch (t) {\n case 2:\n case 4:\n return e > 4;\n\n case 5:\n case 7:\n return e % 2 == 0;\n\n case 6:\n case 8:\n return 2 === e || 4 === e || 5 === e || 7 === e;\n }\n return !1;\n }\n\n (function (t) {\n if (t.global.document) {\n var e = document.createElement(\"img\");\n e.onload = function () {\n if (t.orientation = 2 === e.width && 3 === e.height, t.orientation) {\n var i = t.createCanvas(1, 1, !0).getContext(\"2d\");\n i.drawImage(e, 1, 1, 1, 1, 0, 0, 1, 1), t.orientationCropBug = \"255,255,255,255\" !== i.getImageData(0, 0, 1, 1).data.toString();\n }\n }, e.src = \"data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=\";\n }\n })(t), t.requiresCanvas = function (e) {\n return o(e) || i.call(t, e);\n }, t.requiresMetaData = function (e) {\n return o(e, !0) || n.call(t, e);\n }, t.transform = function (i, n, a, r, o) {\n e.call(t, i, n, function (e, i) {\n if (i) {\n var n = t.orientation && i.exif && i.exif.get(\"Orientation\");\n\n if (n > 4 && n < 9) {\n var r = i.originalWidth,\n o = i.originalHeight;\n i.originalWidth = o, i.originalHeight = r;\n }\n }\n\n a(e, i);\n }, r, o);\n }, t.getTransformedOptions = function (e, i, n) {\n var a = r.call(t, e, i),\n o = n.exif && n.exif.get(\"Orientation\"),\n l = a.orientation,\n c = t.orientation && o;\n if (!0 === l && (l = o), !s(l, c)) return a;\n var u = a.top,\n d = a.right,\n f = a.bottom,\n g = a.left,\n p = {};\n\n for (var v in a) {\n Object.prototype.hasOwnProperty.call(a, v) && (p[v] = a[v]);\n }\n\n if (p.orientation = l, (l > 4 && !(c > 4) || l < 5 && c > 4) && (p.maxWidth = a.maxHeight, p.maxHeight = a.maxWidth, p.minWidth = a.minHeight, p.minHeight = a.minWidth, p.sourceWidth = a.sourceHeight, p.sourceHeight = a.sourceWidth), c > 1) {\n switch (c) {\n case 2:\n d = a.left, g = a.right;\n break;\n\n case 3:\n u = a.bottom, d = a.left, f = a.top, g = a.right;\n break;\n\n case 4:\n u = a.bottom, f = a.top;\n break;\n\n case 5:\n u = a.left, d = a.bottom, f = a.right, g = a.top;\n break;\n\n case 6:\n u = a.left, d = a.top, f = a.right, g = a.bottom;\n break;\n\n case 7:\n u = a.right, d = a.top, f = a.left, g = a.bottom;\n break;\n\n case 8:\n u = a.right, d = a.bottom, f = a.left, g = a.top;\n }\n\n if (h(l, c)) {\n var m = u,\n y = d;\n u = f, d = g, f = m, g = y;\n }\n }\n\n switch (p.top = u, p.right = d, p.bottom = f, p.left = g, l) {\n case 2:\n p.right = g, p.left = d;\n break;\n\n case 3:\n p.top = f, p.right = g, p.bottom = u, p.left = d;\n break;\n\n case 4:\n p.top = f, p.bottom = u;\n break;\n\n case 5:\n p.top = g, p.right = f, p.bottom = d, p.left = u;\n break;\n\n case 6:\n p.top = d, p.right = f, p.bottom = g, p.left = u;\n break;\n\n case 7:\n p.top = d, p.right = u, p.bottom = g, p.left = f;\n break;\n\n case 8:\n p.top = g, p.right = u, p.bottom = d, p.left = f;\n }\n\n return p;\n }, t.transformCoordinates = function (e, i, n) {\n a.call(t, e, i, n);\n var r = i.orientation,\n o = t.orientation && n.exif && n.exif.get(\"Orientation\");\n\n if (s(r, o)) {\n var l = e.getContext(\"2d\"),\n c = e.width,\n u = e.height,\n d = c,\n f = u;\n\n switch ((r > 4 && !(o > 4) || r < 5 && o > 4) && (e.width = u, e.height = c), r > 4 && (d = u, f = c), o) {\n case 2:\n l.translate(d, 0), l.scale(-1, 1);\n break;\n\n case 3:\n l.translate(d, f), l.rotate(Math.PI);\n break;\n\n case 4:\n l.translate(0, f), l.scale(1, -1);\n break;\n\n case 5:\n l.rotate(-.5 * Math.PI), l.scale(-1, 1);\n break;\n\n case 6:\n l.rotate(-.5 * Math.PI), l.translate(-d, 0);\n break;\n\n case 7:\n l.rotate(-.5 * Math.PI), l.translate(-d, f), l.scale(1, -1);\n break;\n\n case 8:\n l.rotate(.5 * Math.PI), l.translate(0, -f);\n }\n\n switch (h(r, o) && (l.translate(d, f), l.rotate(Math.PI)), r) {\n case 2:\n l.translate(c, 0), l.scale(-1, 1);\n break;\n\n case 3:\n l.translate(c, u), l.rotate(Math.PI);\n break;\n\n case 4:\n l.translate(0, u), l.scale(1, -1);\n break;\n\n case 5:\n l.rotate(.5 * Math.PI), l.scale(1, -1);\n break;\n\n case 6:\n l.rotate(.5 * Math.PI), l.translate(0, -u);\n break;\n\n case 7:\n l.rotate(.5 * Math.PI), l.translate(c, -u), l.scale(-1, 1);\n break;\n\n case 8:\n l.rotate(-.5 * Math.PI), l.translate(-c, 0);\n }\n }\n };\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 200: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.transform;\n t.createCanvas = function (e, i, n) {\n if (n && t.global.OffscreenCanvas) return new OffscreenCanvas(e, i);\n var a = document.createElement(\"canvas\");\n return a.width = e, a.height = i, a;\n }, t.transform = function (i, n, a, r, o) {\n e.call(t, t.scale(i, n, o), n, a, r, o);\n }, t.transformCoordinates = function () {}, t.getTransformedOptions = function (t, e) {\n var i,\n n,\n a,\n r,\n o = e.aspectRatio;\n if (!o) return e;\n\n for (n in i = {}, e) {\n Object.prototype.hasOwnProperty.call(e, n) && (i[n] = e[n]);\n }\n\n return i.crop = !0, (a = t.naturalWidth || t.width) / (r = t.naturalHeight || t.height) > o ? (i.maxWidth = r * o, i.maxHeight = r) : (i.maxWidth = a, i.maxHeight = a / o), i;\n }, t.drawImage = function (t, e, i, n, a, r, o, s, h) {\n var l = e.getContext(\"2d\");\n return !1 === h.imageSmoothingEnabled ? (l.msImageSmoothingEnabled = !1, l.imageSmoothingEnabled = !1) : h.imageSmoothingQuality && (l.imageSmoothingQuality = h.imageSmoothingQuality), l.drawImage(t, i, n, a, r, 0, 0, o, s), l;\n }, t.requiresCanvas = function (t) {\n return t.canvas || t.crop || !!t.aspectRatio;\n }, t.scale = function (e, i, n) {\n i = i || {}, n = n || {};\n var a,\n r,\n o,\n s,\n h,\n l,\n c,\n u,\n d,\n f,\n g,\n p,\n v = e.getContext || t.requiresCanvas(i) && !!t.global.HTMLCanvasElement,\n m = e.naturalWidth || e.width,\n y = e.naturalHeight || e.height,\n b = m,\n S = y;\n\n function C() {\n var t = Math.max((o || b) / b, (s || S) / S);\n t > 1 && (b *= t, S *= t);\n }\n\n function _() {\n var t = Math.min((a || b) / b, (r || S) / S);\n t < 1 && (b *= t, S *= t);\n }\n\n if (v && (c = (i = t.getTransformedOptions(e, i, n)).left || 0, u = i.top || 0, i.sourceWidth ? (h = i.sourceWidth, void 0 !== i.right && void 0 === i.left && (c = m - h - i.right)) : h = m - c - (i.right || 0), i.sourceHeight ? (l = i.sourceHeight, void 0 !== i.bottom && void 0 === i.top && (u = y - l - i.bottom)) : l = y - u - (i.bottom || 0), b = h, S = l), a = i.maxWidth, r = i.maxHeight, o = i.minWidth, s = i.minHeight, v && a && r && i.crop ? (b = a, S = r, (g = h / l - a / r) < 0 ? (l = r * h / a, void 0 === i.top && void 0 === i.bottom && (u = (y - l) / 2)) : g > 0 && (h = a * l / r, void 0 === i.left && void 0 === i.right && (c = (m - h) / 2))) : ((i.contain || i.cover) && (o = a = a || o, s = r = r || s), i.cover ? (_(), C()) : (C(), _())), v) {\n if ((d = i.pixelRatio) > 1 && (!e.style.width || Math.floor(parseFloat(e.style.width, 10)) !== Math.floor(m / d)) && (b *= d, S *= d), t.orientationCropBug && !e.getContext && (c || u || h !== m || l !== y) && (g = e, e = t.createCanvas(m, y, !0), t.drawImage(g, e, 0, 0, m, y, m, y, i)), (f = i.downsamplingRatio) > 0 && f < 1 && b < h && S < l) for (; h * f > b;) {\n p = t.createCanvas(h * f, l * f, !0), t.drawImage(e, p, c, u, h, l, p.width, p.height, i), c = 0, u = 0, h = p.width, l = p.height, e = p;\n }\n return p = t.createCanvas(b, S), t.transformCoordinates(p, i, n), d > 1 && (p.style.width = p.width / d + \"px\"), t.drawImage(e, p, c, u, h, l, b, S, i).setTransform(1, 0, 0, 1, 0, 0), p;\n }\n\n return e.width = b, e.height = S, e;\n };\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 302: function _(t, e, i) {\n var n;\n !function (a) {\n \"use strict\";\n\n var r = a.URL || a.webkitURL;\n\n function o(t) {\n return !!r && r.createObjectURL(t);\n }\n\n function s(t) {\n return !!r && r.revokeObjectURL(t);\n }\n\n function h(t, e) {\n !t || \"blob:\" !== t.slice(0, 5) || e && e.noRevoke || s(t);\n }\n\n function l(t, e, i, n) {\n if (!a.FileReader) return !1;\n var r = new FileReader();\n r.onload = function () {\n e.call(r, this.result);\n }, i && (r.onabort = r.onerror = function () {\n i.call(r, this.error);\n });\n var o = r[n || \"readAsDataURL\"];\n return o ? (o.call(r, t), r) : void 0;\n }\n\n function c(t, e) {\n return Object.prototype.toString.call(e) === \"[object \" + t + \"]\";\n }\n\n function u(t, e, i) {\n function n(e, n) {\n var r,\n s = document.createElement(\"img\");\n\n function d(t, i) {\n e !== n ? t instanceof Error ? n(t) : ((i = i || {}).image = t, e(i)) : e && e(t, i);\n }\n\n function f(e, n) {\n n && a.console && console.log(n), e && c(\"Blob\", e) ? r = o(t = e) : (r = t, i && i.crossOrigin && (s.crossOrigin = i.crossOrigin)), s.src = r;\n }\n\n return s.onerror = function (t) {\n h(r, i), n && n.call(s, t);\n }, s.onload = function () {\n h(r, i);\n var e = {\n originalWidth: s.naturalWidth || s.width,\n originalHeight: s.naturalHeight || s.height\n };\n\n try {\n u.transform(s, i, d, t, e);\n } catch (t) {\n n && n(t);\n }\n }, \"string\" == typeof t ? (u.requiresMetaData(i) ? u.fetchBlob(t, f, i) : f(), s) : c(\"Blob\", t) || c(\"File\", t) ? (r = o(t)) ? (s.src = r, s) : l(t, function (t) {\n s.src = t;\n }, n) : void 0;\n }\n\n return a.Promise && \"function\" != typeof e ? (i = e, new Promise(n)) : n(e, e);\n }\n\n u.requiresMetaData = function (t) {\n return t && t.meta;\n }, u.fetchBlob = function (t, e) {\n e();\n }, u.transform = function (t, e, i, n, a) {\n i(t, a);\n }, u.global = a, u.readFile = l, u.isInstanceOf = c, u.createObjectURL = o, u.revokeObjectURL = s, void 0 === (n = function () {\n return u;\n }.call(e, i, e, t)) || (t.exports = n);\n }(\"undefined\" != typeof window && window || this);\n },\n 918: function _(t, e) {\n var i;\n (function () {\n var a = function a(t) {\n return t instanceof a ? t : this instanceof a ? void (this.EXIFwrapped = t) : new a(t);\n };\n\n t.exports && (e = t.exports = a), e.EXIF = a;\n var r = a.Tags = {\n 36864: \"ExifVersion\",\n 40960: \"FlashpixVersion\",\n 40961: \"ColorSpace\",\n 40962: \"PixelXDimension\",\n 40963: \"PixelYDimension\",\n 37121: \"ComponentsConfiguration\",\n 37122: \"CompressedBitsPerPixel\",\n 37500: \"MakerNote\",\n 37510: \"UserComment\",\n 40964: \"RelatedSoundFile\",\n 36867: \"DateTimeOriginal\",\n 36868: \"DateTimeDigitized\",\n 37520: \"SubsecTime\",\n 37521: \"SubsecTimeOriginal\",\n 37522: \"SubsecTimeDigitized\",\n 33434: \"ExposureTime\",\n 33437: \"FNumber\",\n 34850: \"ExposureProgram\",\n 34852: \"SpectralSensitivity\",\n 34855: \"ISOSpeedRatings\",\n 34856: \"OECF\",\n 37377: \"ShutterSpeedValue\",\n 37378: \"ApertureValue\",\n 37379: \"BrightnessValue\",\n 37380: \"ExposureBias\",\n 37381: \"MaxApertureValue\",\n 37382: \"SubjectDistance\",\n 37383: \"MeteringMode\",\n 37384: \"LightSource\",\n 37385: \"Flash\",\n 37396: \"SubjectArea\",\n 37386: \"FocalLength\",\n 41483: \"FlashEnergy\",\n 41484: \"SpatialFrequencyResponse\",\n 41486: \"FocalPlaneXResolution\",\n 41487: \"FocalPlaneYResolution\",\n 41488: \"FocalPlaneResolutionUnit\",\n 41492: \"SubjectLocation\",\n 41493: \"ExposureIndex\",\n 41495: \"SensingMethod\",\n 41728: \"FileSource\",\n 41729: \"SceneType\",\n 41730: \"CFAPattern\",\n 41985: \"CustomRendered\",\n 41986: \"ExposureMode\",\n 41987: \"WhiteBalance\",\n 41988: \"DigitalZoomRation\",\n 41989: \"FocalLengthIn35mmFilm\",\n 41990: \"SceneCaptureType\",\n 41991: \"GainControl\",\n 41992: \"Contrast\",\n 41993: \"Saturation\",\n 41994: \"Sharpness\",\n 41995: \"DeviceSettingDescription\",\n 41996: \"SubjectDistanceRange\",\n 40965: \"InteroperabilityIFDPointer\",\n 42016: \"ImageUniqueID\"\n },\n o = a.TiffTags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 34665: \"ExifIFDPointer\",\n 34853: \"GPSInfoIFDPointer\",\n 40965: \"InteroperabilityIFDPointer\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 284: \"PlanarConfiguration\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 296: \"ResolutionUnit\",\n 273: \"StripOffsets\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 513: \"JPEGInterchangeFormat\",\n 514: \"JPEGInterchangeFormatLength\",\n 301: \"TransferFunction\",\n 318: \"WhitePoint\",\n 319: \"PrimaryChromaticities\",\n 529: \"YCbCrCoefficients\",\n 532: \"ReferenceBlackWhite\",\n 306: \"DateTime\",\n 270: \"ImageDescription\",\n 271: \"Make\",\n 272: \"Model\",\n 305: \"Software\",\n 315: \"Artist\",\n 33432: \"Copyright\"\n },\n s = a.GPSTags = {\n 0: \"GPSVersionID\",\n 1: \"GPSLatitudeRef\",\n 2: \"GPSLatitude\",\n 3: \"GPSLongitudeRef\",\n 4: \"GPSLongitude\",\n 5: \"GPSAltitudeRef\",\n 6: \"GPSAltitude\",\n 7: \"GPSTimeStamp\",\n 8: \"GPSSatellites\",\n 9: \"GPSStatus\",\n 10: \"GPSMeasureMode\",\n 11: \"GPSDOP\",\n 12: \"GPSSpeedRef\",\n 13: \"GPSSpeed\",\n 14: \"GPSTrackRef\",\n 15: \"GPSTrack\",\n 16: \"GPSImgDirectionRef\",\n 17: \"GPSImgDirection\",\n 18: \"GPSMapDatum\",\n 19: \"GPSDestLatitudeRef\",\n 20: \"GPSDestLatitude\",\n 21: \"GPSDestLongitudeRef\",\n 22: \"GPSDestLongitude\",\n 23: \"GPSDestBearingRef\",\n 24: \"GPSDestBearing\",\n 25: \"GPSDestDistanceRef\",\n 26: \"GPSDestDistance\",\n 27: \"GPSProcessingMethod\",\n 28: \"GPSAreaInformation\",\n 29: \"GPSDateStamp\",\n 30: \"GPSDifferential\"\n },\n h = a.IFD1Tags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 273: \"StripOffsets\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 284: \"PlanarConfiguration\",\n 296: \"ResolutionUnit\",\n 513: \"JpegIFOffset\",\n 514: \"JpegIFByteCount\",\n 529: \"YCbCrCoefficients\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 532: \"ReferenceBlackWhite\"\n },\n l = a.StringValues = {\n ExposureProgram: {\n 0: \"Not defined\",\n 1: \"Manual\",\n 2: \"Normal program\",\n 3: \"Aperture priority\",\n 4: \"Shutter priority\",\n 5: \"Creative program\",\n 6: \"Action program\",\n 7: \"Portrait mode\",\n 8: \"Landscape mode\"\n },\n MeteringMode: {\n 0: \"Unknown\",\n 1: \"Average\",\n 2: \"CenterWeightedAverage\",\n 3: \"Spot\",\n 4: \"MultiSpot\",\n 5: \"Pattern\",\n 6: \"Partial\",\n 255: \"Other\"\n },\n LightSource: {\n 0: \"Unknown\",\n 1: \"Daylight\",\n 2: \"Fluorescent\",\n 3: \"Tungsten (incandescent light)\",\n 4: \"Flash\",\n 9: \"Fine weather\",\n 10: \"Cloudy weather\",\n 11: \"Shade\",\n 12: \"Daylight fluorescent (D 5700 - 7100K)\",\n 13: \"Day white fluorescent (N 4600 - 5400K)\",\n 14: \"Cool white fluorescent (W 3900 - 4500K)\",\n 15: \"White fluorescent (WW 3200 - 3700K)\",\n 17: \"Standard light A\",\n 18: \"Standard light B\",\n 19: \"Standard light C\",\n 20: \"D55\",\n 21: \"D65\",\n 22: \"D75\",\n 23: \"D50\",\n 24: \"ISO studio tungsten\",\n 255: \"Other\"\n },\n Flash: {\n 0: \"Flash did not fire\",\n 1: \"Flash fired\",\n 5: \"Strobe return light not detected\",\n 7: \"Strobe return light detected\",\n 9: \"Flash fired, compulsory flash mode\",\n 13: \"Flash fired, compulsory flash mode, return light not detected\",\n 15: \"Flash fired, compulsory flash mode, return light detected\",\n 16: \"Flash did not fire, compulsory flash mode\",\n 24: \"Flash did not fire, auto mode\",\n 25: \"Flash fired, auto mode\",\n 29: \"Flash fired, auto mode, return light not detected\",\n 31: \"Flash fired, auto mode, return light detected\",\n 32: \"No flash function\",\n 65: \"Flash fired, red-eye reduction mode\",\n 69: \"Flash fired, red-eye reduction mode, return light not detected\",\n 71: \"Flash fired, red-eye reduction mode, return light detected\",\n 73: \"Flash fired, compulsory flash mode, red-eye reduction mode\",\n 77: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected\",\n 79: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected\",\n 89: \"Flash fired, auto mode, red-eye reduction mode\",\n 93: \"Flash fired, auto mode, return light not detected, red-eye reduction mode\",\n 95: \"Flash fired, auto mode, return light detected, red-eye reduction mode\"\n },\n SensingMethod: {\n 1: \"Not defined\",\n 2: \"One-chip color area sensor\",\n 3: \"Two-chip color area sensor\",\n 4: \"Three-chip color area sensor\",\n 5: \"Color sequential area sensor\",\n 7: \"Trilinear sensor\",\n 8: \"Color sequential linear sensor\"\n },\n SceneCaptureType: {\n 0: \"Standard\",\n 1: \"Landscape\",\n 2: \"Portrait\",\n 3: \"Night scene\"\n },\n SceneType: {\n 1: \"Directly photographed\"\n },\n CustomRendered: {\n 0: \"Normal process\",\n 1: \"Custom process\"\n },\n WhiteBalance: {\n 0: \"Auto white balance\",\n 1: \"Manual white balance\"\n },\n GainControl: {\n 0: \"None\",\n 1: \"Low gain up\",\n 2: \"High gain up\",\n 3: \"Low gain down\",\n 4: \"High gain down\"\n },\n Contrast: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n Saturation: {\n 0: \"Normal\",\n 1: \"Low saturation\",\n 2: \"High saturation\"\n },\n Sharpness: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n SubjectDistanceRange: {\n 0: \"Unknown\",\n 1: \"Macro\",\n 2: \"Close view\",\n 3: \"Distant view\"\n },\n FileSource: {\n 3: \"DSC\"\n },\n Components: {\n 0: \"\",\n 1: \"Y\",\n 2: \"Cb\",\n 3: \"Cr\",\n 4: \"R\",\n 5: \"G\",\n 6: \"B\"\n }\n };\n\n function c(t) {\n return !!t.exifdata;\n }\n\n function u(t) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength; i < n;) {\n if (255 != e.getUint8(i)) return !1;\n if (225 == e.getUint8(i + 1)) return m(e, i + 4, e.getUint16(i + 2));\n i += 2 + e.getUint16(i + 2);\n }\n }\n\n var d = {\n 120: \"caption\",\n 110: \"credit\",\n 25: \"keywords\",\n 55: \"dateCreated\",\n 80: \"byline\",\n 85: \"bylineTitle\",\n 122: \"captionWriter\",\n 105: \"headline\",\n 116: \"copyright\",\n 15: \"category\"\n };\n\n function f(t, e, i) {\n for (var n, a, r, o, s = new DataView(t), h = {}, l = e; l < e + i;) {\n 28 === s.getUint8(l) && 2 === s.getUint8(l + 1) && (o = s.getUint8(l + 2)) in d && (r = s.getInt16(l + 3), a = d[o], n = v(s, l + 5, r), h.hasOwnProperty(a) ? h[a] instanceof Array ? h[a].push(n) : h[a] = [h[a], n] : h[a] = n), l++;\n }\n\n return h;\n }\n\n function g(t, e, i, n, a) {\n var r,\n o,\n s = t.getUint16(i, !a),\n h = {};\n\n for (o = 0; o < s; o++) {\n r = i + 12 * o + 2, h[n[t.getUint16(r, !a)]] = p(t, r, e, 0, a);\n }\n\n return h;\n }\n\n function p(t, e, i, n, a) {\n var r,\n o,\n s,\n h,\n l,\n c,\n u = t.getUint16(e + 2, !a),\n d = t.getUint32(e + 4, !a),\n f = t.getUint32(e + 8, !a) + i;\n\n switch (u) {\n case 1:\n case 7:\n if (1 == d) return t.getUint8(e + 8, !a);\n\n for (r = d > 4 ? f : e + 8, o = [], h = 0; h < d; h++) {\n o[h] = t.getUint8(r + h);\n }\n\n return o;\n\n case 2:\n return v(t, r = d > 4 ? f : e + 8, d - 1);\n\n case 3:\n if (1 == d) return t.getUint16(e + 8, !a);\n\n for (r = d > 2 ? f : e + 8, o = [], h = 0; h < d; h++) {\n o[h] = t.getUint16(r + 2 * h, !a);\n }\n\n return o;\n\n case 4:\n if (1 == d) return t.getUint32(e + 8, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getUint32(f + 4 * h, !a);\n }\n\n return o;\n\n case 5:\n if (1 == d) return l = t.getUint32(f, !a), c = t.getUint32(f + 4, !a), (s = new Number(l / c)).numerator = l, s.denominator = c, s;\n\n for (o = [], h = 0; h < d; h++) {\n l = t.getUint32(f + 8 * h, !a), c = t.getUint32(f + 4 + 8 * h, !a), o[h] = new Number(l / c), o[h].numerator = l, o[h].denominator = c;\n }\n\n return o;\n\n case 9:\n if (1 == d) return t.getInt32(e + 8, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getInt32(f + 4 * h, !a);\n }\n\n return o;\n\n case 10:\n if (1 == d) return t.getInt32(f, !a) / t.getInt32(f + 4, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getInt32(f + 8 * h, !a) / t.getInt32(f + 4 + 8 * h, !a);\n }\n\n return o;\n }\n }\n\n function v(t, e, i) {\n var a = \"\";\n\n for (n = e; n < e + i; n++) {\n a += String.fromCharCode(t.getUint8(n));\n }\n\n return a;\n }\n\n function m(t, e) {\n if (\"Exif\" != v(t, e, 4)) return !1;\n var i,\n n,\n a,\n c,\n u,\n d = e + 6;\n if (18761 == t.getUint16(d)) i = !1;else {\n if (19789 != t.getUint16(d)) return !1;\n i = !0;\n }\n if (42 != t.getUint16(d + 2, !i)) return !1;\n var f = t.getUint32(d + 4, !i);\n if (f < 8) return !1;\n if ((n = g(t, d, d + f, o, i)).ExifIFDPointer) for (a in c = g(t, d, d + n.ExifIFDPointer, r, i)) {\n switch (a) {\n case \"LightSource\":\n case \"Flash\":\n case \"MeteringMode\":\n case \"ExposureProgram\":\n case \"SensingMethod\":\n case \"SceneCaptureType\":\n case \"SceneType\":\n case \"CustomRendered\":\n case \"WhiteBalance\":\n case \"GainControl\":\n case \"Contrast\":\n case \"Saturation\":\n case \"Sharpness\":\n case \"SubjectDistanceRange\":\n case \"FileSource\":\n c[a] = l[a][c[a]];\n break;\n\n case \"ExifVersion\":\n case \"FlashpixVersion\":\n c[a] = String.fromCharCode(c[a][0], c[a][1], c[a][2], c[a][3]);\n break;\n\n case \"ComponentsConfiguration\":\n c[a] = l.Components[c[a][0]] + l.Components[c[a][1]] + l.Components[c[a][2]] + l.Components[c[a][3]];\n }\n\n n[a] = c[a];\n }\n if (n.GPSInfoIFDPointer) for (a in u = g(t, d, d + n.GPSInfoIFDPointer, s, i)) {\n switch (a) {\n case \"GPSVersionID\":\n u[a] = u[a][0] + \".\" + u[a][1] + \".\" + u[a][2] + \".\" + u[a][3];\n }\n\n n[a] = u[a];\n }\n return n.thumbnail = function (t, e, i, n) {\n var a = function (t, e, i) {\n var n = t.getUint16(e, !i);\n return t.getUint32(e + 2 + 12 * n, !i);\n }(t, e + i, n);\n\n if (!a) return {};\n if (a > t.byteLength) return {};\n var r = g(t, e, e + a, h, n);\n if (r.Compression) switch (r.Compression) {\n case 6:\n if (r.JpegIFOffset && r.JpegIFByteCount) {\n var o = e + r.JpegIFOffset,\n s = r.JpegIFByteCount;\n r.blob = new Blob([new Uint8Array(t.buffer, o, s)], {\n type: \"image/jpeg\"\n });\n }\n\n break;\n\n case 1:\n console.log(\"Thumbnail image format is TIFF, which is not implemented.\");\n break;\n\n default:\n console.log(\"Unknown thumbnail image format '%s'\", r.Compression);\n } else 2 == r.PhotometricInterpretation && console.log(\"Thumbnail image format is RGB, which is not implemented.\");\n return r;\n }(t, d, f, i), n;\n }\n\n function y(t) {\n var e = {};\n\n if (1 == t.nodeType) {\n if (t.attributes.length > 0) {\n e[\"@attributes\"] = {};\n\n for (var i = 0; i < t.attributes.length; i++) {\n var n = t.attributes.item(i);\n e[\"@attributes\"][n.nodeName] = n.nodeValue;\n }\n }\n } else if (3 == t.nodeType) return t.nodeValue;\n\n if (t.hasChildNodes()) for (var a = 0; a < t.childNodes.length; a++) {\n var r = t.childNodes.item(a),\n o = r.nodeName;\n if (null == e[o]) e[o] = y(r);else {\n if (null == e[o].push) {\n var s = e[o];\n e[o] = [], e[o].push(s);\n }\n\n e[o].push(y(r));\n }\n }\n return e;\n }\n\n function b(t) {\n try {\n var e = {};\n if (t.children.length > 0) for (var i = 0; i < t.children.length; i++) {\n var n = t.children.item(i),\n a = n.attributes;\n\n for (var r in a) {\n var o = a[r],\n s = o.nodeName,\n h = o.nodeValue;\n void 0 !== s && (e[s] = h);\n }\n\n var l = n.nodeName;\n if (void 0 === e[l]) e[l] = y(n);else {\n if (void 0 === e[l].push) {\n var c = e[l];\n e[l] = [], e[l].push(c);\n }\n\n e[l].push(y(n));\n }\n } else e = t.textContent;\n return e;\n } catch (t) {\n console.log(t.message);\n }\n }\n\n a.enableXmp = function () {\n a.isXmpEnabled = !0;\n }, a.disableXmp = function () {\n a.isXmpEnabled = !1;\n }, a.getData = function (t, e) {\n return !((self.Image && t instanceof self.Image || self.HTMLImageElement && t instanceof self.HTMLImageElement) && !t.complete || (c(t) ? e && e.call(t) : function (t, e) {\n function i(i) {\n var n = u(i);\n t.exifdata = n || {};\n\n var r = function (t) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength, a = function a(t, e) {\n return 56 === t.getUint8(e) && 66 === t.getUint8(e + 1) && 73 === t.getUint8(e + 2) && 77 === t.getUint8(e + 3) && 4 === t.getUint8(e + 4) && 4 === t.getUint8(e + 5);\n }; i < n;) {\n if (a(e, i)) {\n var r = e.getUint8(i + 7);\n return r % 2 != 0 && (r += 1), 0 === r && (r = 4), f(t, i + 8 + r, e.getUint16(i + 6 + r));\n }\n\n i++;\n }\n }(i);\n\n if (t.iptcdata = r || {}, a.isXmpEnabled) {\n var o = function (t) {\n if (\"DOMParser\" in self) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength, a = new DOMParser(); i < n - 4;) {\n if (\"http\" == v(e, i, 4)) {\n var r = i - 1,\n o = e.getUint16(i - 2) - 1,\n s = v(e, r, o),\n h = s.indexOf(\"xmpmeta>\") + 8,\n l = (s = s.substring(s.indexOf(\" 0 ? t : [t] : [], this.layers = e, this;\n },\n getLayers: function getLayers() {\n return this.layers;\n },\n addLayer: function addLayer(t) {\n var e,\n i = this.layers,\n n = i.length;\n\n for (e = 0; e < n; e++) {\n if (i[e]._id === t._id) return !1;\n }\n\n return this.layers.push(t), !0;\n },\n isRunning: function isRunning() {\n var e,\n i = t.Animation.animations,\n n = i.length;\n\n for (e = 0; e < n; e++) {\n if (i[e].id === this.id) return !0;\n }\n\n return !1;\n },\n start: function start() {\n var i = t.Animation;\n return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = e(), i._addAnimation(this), this;\n },\n stop: function stop() {\n return t.Animation._removeAnimation(this), this;\n },\n _updateFrameObject: function _updateFrameObject(t) {\n this.frame.timeDiff = t - this.frame.lastTime, this.frame.lastTime = t, this.frame.time += this.frame.timeDiff, this.frame.frameRate = 1e3 / this.frame.timeDiff;\n }\n }, t.Animation.animations = [], t.Animation.animIdCounter = 0, t.Animation.animRunning = !1, t.Animation._addAnimation = function (t) {\n this.animations.push(t), this._handleAnimation();\n }, t.Animation._removeAnimation = function (t) {\n var e,\n i = t.id,\n n = this.animations,\n a = n.length;\n\n for (e = 0; e < a; e++) {\n if (n[e].id === i) {\n this.animations.splice(e, 1);\n break;\n }\n }\n }, t.Animation._runFrames = function () {\n var t,\n i,\n n,\n a,\n r,\n o,\n s,\n h,\n l = {},\n c = this.animations;\n\n for (a = 0; a < c.length; a++) {\n if (i = (t = c[a]).layers, n = t.func, t._updateFrameObject(e()), o = i.length, !n || !1 !== n.call(t, t.frame)) for (r = 0; r < o; r++) {\n void 0 !== (s = i[r])._id && (l[s._id] = s);\n }\n }\n\n for (h in l) {\n l.hasOwnProperty(h) && l[h].draw();\n }\n }, t.Animation._animationLoop = function () {\n var e = t.Animation;\n e.animations.length ? (e._runFrames(), n(e._animationLoop)) : e.animRunning = !1;\n }, t.Animation._handleAnimation = function () {\n this.animRunning || (this.animRunning = !0, n(this._animationLoop));\n }, t.BaseLayer.prototype.batchDraw = function () {\n var e = this,\n i = t.Animation;\n return this.batchAnim || (this.batchAnim = new i(function () {\n e.batchAnim.stop();\n }, this)), this.batchAnim.isRunning() || this.batchAnim.start(), this;\n }, t.Stage.prototype.batchDraw = function () {\n return this.getChildren().each(function (t) {\n t.batchDraw();\n }), this;\n };\n }(Konva);\n },\n 892: function _() {\n !function (t) {\n \"use strict\";\n\n t.BaseLayer = function (t) {\n this.___init(t);\n }, t.Util.addMethods(t.BaseLayer, {\n ___init: function ___init(e) {\n this.nodeType = \"Layer\", t.Container.call(this, e);\n },\n createPNGStream: function createPNGStream() {\n return this.canvas._canvas.createPNGStream();\n },\n getCanvas: function getCanvas() {\n return this.canvas;\n },\n getHitCanvas: function getHitCanvas() {\n return this.hitCanvas;\n },\n getContext: function getContext() {\n return this.getCanvas().getContext();\n },\n clear: function clear(t) {\n return this.getContext().clear(t), this;\n },\n clearHitCache: function clearHitCache() {\n this._hitImageData = void 0;\n },\n setZIndex: function setZIndex(e) {\n t.Node.prototype.setZIndex.call(this, e);\n var i = this.getStage();\n return i && (i.content.removeChild(this.getCanvas()._canvas), e < i.getChildren().length - 1 ? i.content.insertBefore(this.getCanvas()._canvas, i.getChildren()[e + 1].getCanvas()._canvas) : i.content.appendChild(this.getCanvas()._canvas)), this;\n },\n moveToTop: function moveToTop() {\n t.Node.prototype.moveToTop.call(this);\n var e = this.getStage();\n return e && (e.content.removeChild(this.getCanvas()._canvas), e.content.appendChild(this.getCanvas()._canvas)), this;\n },\n moveUp: function moveUp() {\n if (!t.Node.prototype.moveUp.call(this)) return this;\n var e = this.getStage();\n return e ? (e.content.removeChild(this.getCanvas()._canvas), this.index < e.getChildren().length - 1 ? e.content.insertBefore(this.getCanvas()._canvas, e.getChildren()[this.index + 1].getCanvas()._canvas) : e.content.appendChild(this.getCanvas()._canvas), this) : this;\n },\n moveDown: function moveDown() {\n if (t.Node.prototype.moveDown.call(this)) {\n var e = this.getStage();\n\n if (e) {\n var i = e.getChildren();\n e.content.removeChild(this.getCanvas()._canvas), e.content.insertBefore(this.getCanvas()._canvas, i[this.index + 1].getCanvas()._canvas);\n }\n }\n\n return this;\n },\n moveToBottom: function moveToBottom() {\n if (t.Node.prototype.moveToBottom.call(this)) {\n var e = this.getStage();\n\n if (e) {\n var i = e.getChildren();\n e.content.removeChild(this.getCanvas()._canvas), e.content.insertBefore(this.getCanvas()._canvas, i[1].getCanvas()._canvas);\n }\n }\n\n return this;\n },\n getLayer: function getLayer() {\n return this;\n },\n remove: function remove() {\n var e = this.getCanvas()._canvas;\n\n return t.Node.prototype.remove.call(this), e && e.parentNode && t.Util._isInDocument(e) && e.parentNode.removeChild(e), this;\n },\n getStage: function getStage() {\n return this.parent;\n },\n setSize: function setSize(t, e) {\n return this.canvas.setSize(t, e), this;\n },\n _toKonvaCanvas: function _toKonvaCanvas(e) {\n return (e = e || {}).width = e.width || this.getWidth(), e.height = e.height || this.getHeight(), e.x = void 0 !== e.x ? e.x : this.getX(), e.y = void 0 !== e.y ? e.y : this.getY(), t.Node.prototype._toKonvaCanvas.call(this, e);\n },\n getWidth: function getWidth() {\n if (this.parent) return this.parent.getWidth();\n },\n setWidth: function setWidth() {\n t.Util.warn('Can not change width of layer. Use \"stage.width(value)\" function instead.');\n },\n getHeight: function getHeight() {\n if (this.parent) return this.parent.getHeight();\n },\n setHeight: function setHeight() {\n t.Util.warn('Can not change height of layer. Use \"stage.height(value)\" function instead.');\n },\n _applyTransform: function _applyTransform(t, e, i) {\n var n = t.getAbsoluteTransform(i).getMatrix();\n e.transform(n[0], n[1], n[2], n[3], n[4], n[5]);\n }\n }), t.Util.extend(t.BaseLayer, t.Container), t.Factory.addGetterSetter(t.BaseLayer, \"clearBeforeDraw\", !0), t.Collection.mapMethods(t.BaseLayer);\n }(Konva);\n },\n 613: function _() {\n !function () {\n \"use strict\";\n\n var t;\n Konva.Canvas = function (t) {\n this.init(t);\n }, Konva.Canvas.prototype = {\n init: function init(e) {\n var i = (e || {}).pixelRatio || Konva.pixelRatio || function () {\n if (t) return t;\n var e = Konva.Util.createCanvasElement().getContext(\"2d\");\n return t = (Konva.window.devicePixelRatio || 1) / (e.webkitBackingStorePixelRatio || e.mozBackingStorePixelRatio || e.msBackingStorePixelRatio || e.oBackingStorePixelRatio || e.backingStorePixelRatio || 1);\n }();\n\n this.pixelRatio = i, this._canvas = Konva.Util.createCanvasElement(), this._canvas.style.padding = 0, this._canvas.style.margin = 0, this._canvas.style.border = 0, this._canvas.style.background = \"transparent\", this._canvas.style.position = \"absolute\", this._canvas.style.top = 0, this._canvas.style.left = 0;\n },\n getContext: function getContext() {\n return this.context;\n },\n getPixelRatio: function getPixelRatio() {\n return this.pixelRatio;\n },\n setPixelRatio: function setPixelRatio(t) {\n var e = this.pixelRatio;\n this.pixelRatio = t, this.setSize(this.getWidth() / e, this.getHeight() / e);\n },\n setWidth: function setWidth(t) {\n this.width = this._canvas.width = t * this.pixelRatio, this._canvas.style.width = t + \"px\";\n var e = this.pixelRatio;\n\n this.getContext()._context.scale(e, e);\n },\n setHeight: function setHeight(t) {\n this.height = this._canvas.height = t * this.pixelRatio, this._canvas.style.height = t + \"px\";\n var e = this.pixelRatio;\n\n this.getContext()._context.scale(e, e);\n },\n getWidth: function getWidth() {\n return this.width;\n },\n getHeight: function getHeight() {\n return this.height;\n },\n setSize: function setSize(t, e) {\n this.setWidth(t), this.setHeight(e);\n },\n toDataURL: function toDataURL(t, e) {\n try {\n return this._canvas.toDataURL(t, e);\n } catch (t) {\n try {\n return this._canvas.toDataURL();\n } catch (t) {\n return Konva.Util.warn(\"Unable to get data URL. \" + t.message), \"\";\n }\n }\n }\n }, Konva.SceneCanvas = function (t) {\n var e = t || {},\n i = e.width || 0,\n n = e.height || 0;\n Konva.Canvas.call(this, e), this.context = new Konva.SceneContext(this), this.setSize(i, n);\n }, Konva.Util.extend(Konva.SceneCanvas, Konva.Canvas), Konva.HitCanvas = function (t) {\n var e = t || {},\n i = e.width || 0,\n n = e.height || 0;\n Konva.Canvas.call(this, e), this.context = new Konva.HitContext(this), this.setSize(i, n), this.hitCanvas = !0;\n }, Konva.Util.extend(Konva.HitCanvas, Konva.Canvas);\n }();\n },\n 513: function _() {\n !function () {\n \"use strict\";\n\n Konva.Container = function (t) {\n this.__init(t);\n }, Konva.Util.addMethods(Konva.Container, {\n __init: function __init(t) {\n this.children = new Konva.Collection(), Konva.Node.call(this, t);\n },\n getChildren: function getChildren(t) {\n if (!t) return this.children;\n var e = new Konva.Collection();\n return this.children.each(function (i) {\n t(i) && e.push(i);\n }), e;\n },\n hasChildren: function hasChildren() {\n return this.getChildren().length > 0;\n },\n removeChildren: function removeChildren() {\n for (var t, e = Konva.Collection.toCollection(this.children), i = 0; i < e.length; i++) {\n delete (t = e[i]).parent, t.index = 0, t.remove();\n }\n\n return e = null, this.children = new Konva.Collection(), this;\n },\n destroyChildren: function destroyChildren() {\n for (var t, e = Konva.Collection.toCollection(this.children), i = 0; i < e.length; i++) {\n delete (t = e[i]).parent, t.index = 0, t.destroy();\n }\n\n return e = null, this.children = new Konva.Collection(), this;\n },\n add: function add(t) {\n if (arguments.length > 1) {\n for (var e = 0; e < arguments.length; e++) {\n this.add(arguments[e]);\n }\n\n return this;\n }\n\n if (t.getParent()) return t.moveTo(this), this;\n var i = this.children;\n return this._validateAdd(t), t.index = i.length, t.parent = this, i.push(t), this._fire(\"add\", {\n child: t\n }), Konva.DD && t.isDragging() && Konva.DD.anim.setLayers(t.getLayer()), this;\n },\n destroy: function destroy() {\n return this.hasChildren() && this.destroyChildren(), Konva.Node.prototype.destroy.call(this), this;\n },\n find: function find(t) {\n return this._generalFind(t, !1);\n },\n findOne: function findOne(t) {\n var e = this._generalFind(t, !0);\n\n return e.length > 0 ? e[0] : void 0;\n },\n _generalFind: function _generalFind(t, e) {\n var i = [];\n return \"string\" == typeof t ? i = this._findByString(t, e) : \"function\" == typeof t && (i = this._findByFunction(t, e)), Konva.Collection.toCollection(i);\n },\n _findByString: function _findByString(t) {\n var e,\n i,\n n,\n a,\n r,\n o,\n s,\n h = [],\n l = t.replace(/ /g, \"\").split(\",\"),\n c = l.length;\n\n for (e = 0; e < c; e++) {\n if (n = l[e], !Konva.Util.isValidSelector(n)) {\n var u = 'Selector \"' + n + '\" is invalid. Allowed selectors examples are \"#foo\", \".bar\" or \"Group\".\\nIf you have a custom shape with such className, please change it to start with upper letter like \"Triangle\".\\nKonva is awesome, right?';\n Konva.Util.warn(u);\n }\n\n if (\"#\" === n.charAt(0)) (r = this._getNodeById(n.slice(1))) && h.push(r);else if (\".\" === n.charAt(0)) a = this._getNodesByName(n.slice(1)), h = h.concat(a);else for (s = (o = this.getChildren()).length, i = 0; i < s; i++) {\n h = h.concat(o[i]._get(n));\n }\n }\n\n return h;\n },\n _findByFunction: function _findByFunction(t, e) {\n var i = [],\n n = function n(a) {\n if (!(e && i.length > 0)) {\n var r = a.getChildren(),\n o = r.length;\n t(a) && (i = i.concat(a));\n\n for (var s = 0; s < o; s++) {\n n(r[s]);\n }\n }\n };\n\n return n(this), i;\n },\n _getNodeById: function _getNodeById(t) {\n var e = Konva.ids[t];\n return void 0 !== e && this.isAncestorOf(e) ? e : null;\n },\n _getNodesByName: function _getNodesByName(t) {\n var e = Konva.names[t] || [];\n return this._getDescendants(e);\n },\n _get: function _get(t) {\n for (var e = Konva.Node.prototype._get.call(this, t), i = this.getChildren(), n = i.length, a = 0; a < n; a++) {\n e = e.concat(i[a]._get(t));\n }\n\n return e;\n },\n toObject: function toObject() {\n var t = Konva.Node.prototype.toObject.call(this);\n t.children = [];\n\n for (var e = this.getChildren(), i = e.length, n = 0; n < i; n++) {\n var a = e[n];\n t.children.push(a.toObject());\n }\n\n return t;\n },\n _getDescendants: function _getDescendants(t) {\n for (var e = [], i = t.length, n = 0; n < i; n++) {\n var a = t[n];\n this.isAncestorOf(a) && e.push(a);\n }\n\n return e;\n },\n isAncestorOf: function isAncestorOf(t) {\n for (var e = t.getParent(); e;) {\n if (e._id === this._id) return !0;\n e = e.getParent();\n }\n\n return !1;\n },\n clone: function clone(t) {\n var e = Konva.Node.prototype.clone.call(this, t);\n return this.getChildren().each(function (t) {\n e.add(t.clone());\n }), e;\n },\n getAllIntersections: function getAllIntersections(t) {\n var e = [];\n return this.find(\"Shape\").each(function (i) {\n i.isVisible() && i.intersects(t) && e.push(i);\n }), e;\n },\n _setChildrenIndices: function _setChildrenIndices() {\n this.children.each(function (t, e) {\n t.index = e;\n });\n },\n drawScene: function drawScene(t, e, i) {\n var n = this.getLayer(),\n a = t || n && n.getCanvas(),\n r = a && a.getContext(),\n o = this._cache.canvas,\n s = o && o.scene;\n return (this.isVisible() || i) && (!i && s ? (r.save(), n._applyTransform(this, r, e), this._drawCachedSceneCanvas(r), r.restore()) : this._drawChildren(a, \"drawScene\", e, !1, i)), this;\n },\n drawHit: function drawHit(t, e, i) {\n var n = this.getLayer(),\n a = t || n && n.hitCanvas,\n r = a && a.getContext(),\n o = this._cache.canvas,\n s = o && o.hit;\n return (this.shouldDrawHit(a) || i) && (n && n.clearHitCache(), !i && s ? (r.save(), n._applyTransform(this, r, e), this._drawCachedHitCanvas(r), r.restore()) : this._drawChildren(a, \"drawHit\", e)), this;\n },\n _drawChildren: function _drawChildren(t, e, i, n, a) {\n var r,\n o,\n s = this.getLayer(),\n h = t && t.getContext(),\n l = this.getClipWidth(),\n c = this.getClipHeight(),\n u = this.getClipFunc(),\n d = l && c || u;\n\n if (d && s) {\n h.save();\n var f = this.getAbsoluteTransform(i),\n g = f.getMatrix();\n h.transform(g[0], g[1], g[2], g[3], g[4], g[5]), h.beginPath(), u ? u.call(this, h, this) : (r = this.getClipX(), o = this.getClipY(), h.rect(r, o, l, c)), h.clip(), g = f.copy().invert().getMatrix(), h.transform(g[0], g[1], g[2], g[3], g[4], g[5]);\n }\n\n this.children.each(function (r) {\n r[e](t, i, n, a);\n }), d && h.restore();\n },\n shouldDrawHit: function shouldDrawHit(t) {\n var e = this.getLayer(),\n i = Konva.DD && Konva.isDragging() && -1 !== Konva.DD.anim.getLayers().indexOf(e);\n return t && t.isCache || e && e.hitGraphEnabled() && this.isVisible() && !i;\n },\n getClientRect: function getClientRect(t) {\n var e,\n i,\n n,\n a,\n r,\n o = (t = t || {}).skipTransform,\n s = t.relativeTo,\n h = this;\n this.children.each(function (r) {\n if (r.getVisible()) {\n var o = r.getClientRect({\n relativeTo: h,\n skipShadow: t.skipShadow\n });\n 0 === o.width && 0 === o.height || (void 0 === e ? (e = o.x, i = o.y, n = o.x + o.width, a = o.y + o.height) : (e = Math.min(e, o.x), i = Math.min(i, o.y), n = Math.max(n, o.x + o.width), a = Math.max(a, o.y + o.height)));\n }\n });\n\n for (var l = this.find(\"Shape\"), c = !1, u = 0; u < l.length; u++) {\n if (l[u]._isVisible(this)) {\n c = !0;\n break;\n }\n }\n\n return r = c ? {\n x: e,\n y: i,\n width: n - e,\n height: a - i\n } : {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n }, o ? r : this._transformedRect(r, s);\n }\n }), Konva.Util.extend(Konva.Container, Konva.Node), Konva.Container.prototype.get = Konva.Container.prototype.find, Konva.Factory.addComponentsGetterSetter(Konva.Container, \"clip\", [\"x\", \"y\", \"width\", \"height\"]), Konva.Factory.addGetterSetter(Konva.Container, \"clipX\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipY\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipWidth\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipHeight\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipFunc\"), Konva.Collection.mapMethods(Konva.Container);\n }();\n },\n 765: function _() {\n !function () {\n \"use strict\";\n\n var t = [\"arc\", \"arcTo\", \"beginPath\", \"bezierCurveTo\", \"clearRect\", \"clip\", \"closePath\", \"createLinearGradient\", \"createPattern\", \"createRadialGradient\", \"drawImage\", \"fill\", \"fillText\", \"getImageData\", \"createImageData\", \"lineTo\", \"moveTo\", \"putImageData\", \"quadraticCurveTo\", \"rect\", \"restore\", \"rotate\", \"save\", \"scale\", \"setLineDash\", \"setTransform\", \"stroke\", \"strokeText\", \"transform\", \"translate\"];\n Konva.Context = function (t) {\n this.init(t);\n }, Konva.Context.prototype = {\n init: function init(t) {\n this.canvas = t, this._context = t._canvas.getContext(\"2d\"), Konva.enableTrace && (this.traceArr = [], this._enableTrace());\n },\n fillShape: function fillShape(t) {\n t.getFillEnabled() && this._fill(t);\n },\n strokeShape: function strokeShape(t) {\n t.getStrokeEnabled() && this._stroke(t);\n },\n fillStrokeShape: function fillStrokeShape(t) {\n t.getFillEnabled() && this._fill(t), t.getStrokeEnabled() && this._stroke(t);\n },\n getTrace: function getTrace(t) {\n var e,\n i,\n n,\n a,\n r = this.traceArr,\n o = r.length,\n s = \"\";\n\n for (e = 0; e < o; e++) {\n (n = (i = r[e]).method) ? (a = i.args, s += n, t ? s += \"()\" : Konva.Util._isArray(a[0]) ? s += \"([\" + a.join(\",\") + \"])\" : s += \"(\" + a.join(\",\") + \")\") : (s += i.property, t || (s += \"=\" + i.val)), s += \";\";\n }\n\n return s;\n },\n clearTrace: function clearTrace() {\n this.traceArr = [];\n },\n _trace: function _trace(t) {\n var e = this.traceArr;\n e.push(t), e.length >= Konva.traceArrMax && e.shift();\n },\n reset: function reset() {\n var t = this.getCanvas().getPixelRatio();\n this.setTransform(1 * t, 0, 0, 1 * t, 0, 0);\n },\n getCanvas: function getCanvas() {\n return this.canvas;\n },\n clear: function clear(t) {\n var e = this.getCanvas();\n t ? this.clearRect(t.x || 0, t.y || 0, t.width || 0, t.height || 0) : this.clearRect(0, 0, e.getWidth() / e.pixelRatio, e.getHeight() / e.pixelRatio);\n },\n _applyLineCap: function _applyLineCap(t) {\n var e = t.getLineCap();\n e && this.setAttr(\"lineCap\", e);\n },\n _applyOpacity: function _applyOpacity(t) {\n var e = t.getAbsoluteOpacity();\n 1 !== e && this.setAttr(\"globalAlpha\", e);\n },\n _applyLineJoin: function _applyLineJoin(t) {\n var e = t.getLineJoin();\n e && this.setAttr(\"lineJoin\", e);\n },\n setAttr: function setAttr(t, e) {\n this._context[t] = e;\n },\n arc: function arc() {\n var t = arguments;\n\n this._context.arc(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n beginPath: function beginPath() {\n this._context.beginPath();\n },\n bezierCurveTo: function bezierCurveTo() {\n var t = arguments;\n\n this._context.bezierCurveTo(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n clearRect: function clearRect() {\n var t = arguments;\n\n this._context.clearRect(t[0], t[1], t[2], t[3]);\n },\n clip: function clip() {\n this._context.clip();\n },\n closePath: function closePath() {\n this._context.closePath();\n },\n createImageData: function createImageData() {\n var t = arguments;\n return 2 === t.length ? this._context.createImageData(t[0], t[1]) : 1 === t.length ? this._context.createImageData(t[0]) : void 0;\n },\n createLinearGradient: function createLinearGradient() {\n var t = arguments;\n return this._context.createLinearGradient(t[0], t[1], t[2], t[3]);\n },\n createPattern: function createPattern() {\n var t = arguments;\n return this._context.createPattern(t[0], t[1]);\n },\n createRadialGradient: function createRadialGradient() {\n var t = arguments;\n return this._context.createRadialGradient(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n drawImage: function drawImage() {\n var t = arguments,\n e = this._context;\n 3 === t.length ? e.drawImage(t[0], t[1], t[2]) : 5 === t.length ? e.drawImage(t[0], t[1], t[2], t[3], t[4]) : 9 === t.length && e.drawImage(t[0], t[1], t[2], t[3], t[4], t[5], t[6], t[7], t[8]);\n },\n isPointInPath: function isPointInPath(t, e) {\n return this._context.isPointInPath(t, e);\n },\n fill: function fill() {\n this._context.fill();\n },\n fillRect: function fillRect(t, e, i, n) {\n this._context.fillRect(t, e, i, n);\n },\n strokeRect: function strokeRect(t, e, i, n) {\n this._context.strokeRect(t, e, i, n);\n },\n fillText: function fillText() {\n var t = arguments;\n\n this._context.fillText(t[0], t[1], t[2]);\n },\n measureText: function measureText(t) {\n return this._context.measureText(t);\n },\n getImageData: function getImageData() {\n var t = arguments;\n return this._context.getImageData(t[0], t[1], t[2], t[3]);\n },\n lineTo: function lineTo() {\n var t = arguments;\n\n this._context.lineTo(t[0], t[1]);\n },\n moveTo: function moveTo() {\n var t = arguments;\n\n this._context.moveTo(t[0], t[1]);\n },\n rect: function rect() {\n var t = arguments;\n\n this._context.rect(t[0], t[1], t[2], t[3]);\n },\n putImageData: function putImageData() {\n var t = arguments;\n\n this._context.putImageData(t[0], t[1], t[2]);\n },\n quadraticCurveTo: function quadraticCurveTo() {\n var t = arguments;\n\n this._context.quadraticCurveTo(t[0], t[1], t[2], t[3]);\n },\n restore: function restore() {\n this._context.restore();\n },\n rotate: function rotate() {\n var t = arguments;\n\n this._context.rotate(t[0]);\n },\n save: function save() {\n this._context.save();\n },\n scale: function scale() {\n var t = arguments;\n\n this._context.scale(t[0], t[1]);\n },\n setLineDash: function setLineDash() {\n var t = arguments,\n e = this._context;\n this._context.setLineDash ? e.setLineDash(t[0]) : \"mozDash\" in e ? e.mozDash = t[0] : \"webkitLineDash\" in e && (e.webkitLineDash = t[0]);\n },\n getLineDash: function getLineDash() {\n return this._context.getLineDash();\n },\n setTransform: function setTransform() {\n var t = arguments;\n\n this._context.setTransform(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n stroke: function stroke() {\n this._context.stroke();\n },\n strokeText: function strokeText() {\n var t = arguments;\n\n this._context.strokeText(t[0], t[1], t[2]);\n },\n transform: function transform() {\n var t = arguments;\n\n this._context.transform(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n translate: function translate() {\n var t = arguments;\n\n this._context.translate(t[0], t[1]);\n },\n _enableTrace: function _enableTrace() {\n var e,\n i,\n n = this,\n a = t.length,\n r = Konva.Util._simplifyArray,\n o = this.setAttr,\n s = function s(t) {\n var e,\n a = n[t];\n\n n[t] = function () {\n return i = r(Array.prototype.slice.call(arguments, 0)), e = a.apply(n, arguments), n._trace({\n method: t,\n args: i\n }), e;\n };\n };\n\n for (e = 0; e < a; e++) {\n s(t[e]);\n }\n\n n.setAttr = function () {\n o.apply(n, arguments);\n var t = arguments[0],\n e = arguments[1];\n \"shadowOffsetX\" !== t && \"shadowOffsetY\" !== t && \"shadowBlur\" !== t || (e /= this.canvas.getPixelRatio()), n._trace({\n property: t,\n val: e\n });\n };\n }\n }, [\"fillStyle\", \"strokeStyle\", \"shadowColor\", \"shadowBlur\", \"shadowOffsetX\", \"shadowOffsetY\", \"lineCap\", \"lineDashOffset\", \"lineJoin\", \"lineWidth\", \"miterLimit\", \"font\", \"textAlign\", \"textBaseline\", \"globalAlpha\", \"globalCompositeOperation\"].forEach(function (t) {\n Object.defineProperty(Konva.Context.prototype, t, {\n get: function get() {\n return this._context[t];\n },\n set: function set(e) {\n this._context[t] = e;\n }\n });\n }), Konva.SceneContext = function (t) {\n Konva.Context.call(this, t);\n }, Konva.SceneContext.prototype = {\n _fillColor: function _fillColor(t) {\n var e = t.fill();\n this.setAttr(\"fillStyle\", e), t._fillFunc(this);\n },\n _fillPattern: function _fillPattern(t) {\n var e = t.getFillPatternX(),\n i = t.getFillPatternY(),\n n = t.getFillPatternScale(),\n a = Konva.getAngle(t.getFillPatternRotation()),\n r = t.getFillPatternOffset();\n (e || i) && this.translate(e || 0, i || 0), a && this.rotate(a), n && this.scale(n.x, n.y), r && this.translate(-1 * r.x, -1 * r.y), this.setAttr(\"fillStyle\", this.createPattern(t.getFillPatternImage(), t.getFillPatternRepeat() || \"repeat\")), this.fill();\n },\n _fillLinearGradient: function _fillLinearGradient(t) {\n var e = t.getFillLinearGradientStartPoint(),\n i = t.getFillLinearGradientEndPoint(),\n n = t.getFillLinearGradientColorStops(),\n a = this.createLinearGradient(e.x, e.y, i.x, i.y);\n\n if (n) {\n for (var r = 0; r < n.length; r += 2) {\n a.addColorStop(n[r], n[r + 1]);\n }\n\n this.setAttr(\"fillStyle\", a), t._fillFunc(this);\n }\n },\n _fillRadialGradient: function _fillRadialGradient(t) {\n for (var e = t.getFillRadialGradientStartPoint(), i = t.getFillRadialGradientEndPoint(), n = t.getFillRadialGradientStartRadius(), a = t.getFillRadialGradientEndRadius(), r = t.getFillRadialGradientColorStops(), o = this.createRadialGradient(e.x, e.y, n, i.x, i.y, a), s = 0; s < r.length; s += 2) {\n o.addColorStop(r[s], r[s + 1]);\n }\n\n this.setAttr(\"fillStyle\", o), this.fill();\n },\n _fill: function _fill(t) {\n var e = t.fill(),\n i = t.getFillPriority();\n if (e && \"color\" === i) this._fillColor(t);else {\n var n = t.getFillPatternImage();\n if (n && \"pattern\" === i) this._fillPattern(t);else {\n var a = t.getFillLinearGradientColorStops();\n if (a && \"linear-gradient\" === i) this._fillLinearGradient(t);else {\n var r = t.getFillRadialGradientColorStops();\n r && \"radial-gradient\" === i ? this._fillRadialGradient(t) : e ? this._fillColor(t) : n ? this._fillPattern(t) : a ? this._fillLinearGradient(t) : r && this._fillRadialGradient(t);\n }\n }\n }\n },\n _strokeLinearGradient: function _strokeLinearGradient(t) {\n var e = t.getStrokeLinearGradientStartPoint(),\n i = t.getStrokeLinearGradientEndPoint(),\n n = t.getStrokeLinearGradientColorStops(),\n a = this.createLinearGradient(e.x, e.y, i.x, i.y);\n\n if (n) {\n for (var r = 0; r < n.length; r += 2) {\n a.addColorStop(n[r], n[r + 1]);\n }\n\n this.setAttr(\"strokeStyle\", a);\n }\n },\n _stroke: function _stroke(t) {\n var e = t.dash(),\n i = t.getStrokeScaleEnabled() || t instanceof Konva.Text;\n t.hasStroke() && (i || (this.save(), this.setTransform(1, 0, 0, 1, 0, 0)), this._applyLineCap(t), e && t.dashEnabled() && (this.setLineDash(e), this.setAttr(\"lineDashOffset\", t.dashOffset())), this.setAttr(\"lineWidth\", t.strokeWidth()), t.getShadowForStrokeEnabled() || this.setAttr(\"shadowColor\", \"rgba(0,0,0,0)\"), t.getStrokeLinearGradientColorStops() ? this._strokeLinearGradient(t) : this.setAttr(\"strokeStyle\", t.stroke()), t._strokeFunc(this), i || this.restore());\n },\n _applyShadow: function _applyShadow(t) {\n var e = Konva.Util,\n i = e.get(t.getShadowRGBA(), \"black\"),\n n = e.get(t.getShadowBlur(), 5),\n a = e.get(t.getShadowOffset(), {\n x: 0,\n y: 0\n }),\n r = t.getAbsoluteScale(),\n o = this.canvas.getPixelRatio(),\n s = r.x * o,\n h = r.y * o;\n this.setAttr(\"shadowColor\", i), this.setAttr(\"shadowBlur\", n * Math.min(Math.abs(s), Math.abs(h))), this.setAttr(\"shadowOffsetX\", a.x * s), this.setAttr(\"shadowOffsetY\", a.y * h);\n },\n _applyGlobalCompositeOperation: function _applyGlobalCompositeOperation(t) {\n var e = t.getGlobalCompositeOperation();\n \"source-over\" !== e && this.setAttr(\"globalCompositeOperation\", e);\n }\n }, Konva.Util.extend(Konva.SceneContext, Konva.Context), Konva.HitContext = function (t) {\n Konva.Context.call(this, t);\n }, Konva.HitContext.prototype = {\n _fill: function _fill(t) {\n this.save(), this.setAttr(\"fillStyle\", t.colorKey), t._fillFuncHit(this), this.restore();\n },\n _stroke: function _stroke(t) {\n if (t.hasStroke() && t.strokeHitEnabled()) {\n var e = t.getStrokeScaleEnabled() || t instanceof Konva.Text;\n e || (this.save(), this.setTransform(1, 0, 0, 1, 0, 0)), this._applyLineCap(t), this.setAttr(\"lineWidth\", t.strokeWidth()), this.setAttr(\"strokeStyle\", t.colorKey), t._strokeFuncHit(this), e || this.restore();\n }\n }\n }, Konva.Util.extend(Konva.HitContext, Konva.Context);\n }();\n },\n 435: function _(t, e, i) {\n t.exports = i(894), i(840), i(613), i(765), i(970), i(150), i(513), i(144), i(514), i(892), i(711), i(715), i(512);\n },\n 371: function _() {\n !function () {\n \"use strict\";\n\n Konva.DD = {\n anim: new Konva.Animation(function () {\n var t = this.dirty;\n return this.dirty = !1, t;\n }),\n isDragging: !1,\n justDragged: !1,\n offset: {\n x: 0,\n y: 0\n },\n node: null,\n _drag: function _drag(t) {\n var e = Konva.DD,\n i = e.node;\n\n if (i) {\n if (!e.isDragging) {\n var n = i.getStage().getPointerPosition();\n n || (i.getStage()._setPointerPosition(t), n = i.getStage().getPointerPosition());\n var a = i.dragDistance();\n if (Math.max(Math.abs(n.x - e.startPointerPos.x), Math.abs(n.y - e.startPointerPos.y)) < a) return;\n }\n\n if (i.getStage()._setPointerPosition(t), !e.isDragging && (e.isDragging = !0, i.fire(\"dragstart\", {\n type: \"dragstart\",\n target: i,\n evt: t\n }, !0), !i.isDragging())) return;\n i._setDragPosition(t), i.fire(\"dragmove\", {\n type: \"dragmove\",\n target: i,\n evt: t\n }, !0);\n }\n },\n _endDragBefore: function _endDragBefore(t) {\n var e,\n i = Konva.DD,\n n = i.node;\n n && (e = n.getLayer(), i.anim.stop(), i.isDragging && (i.isDragging = !1, i.justDragged = !0, Konva.listenClickTap = !1, t && (t.dragEndNode = n)), delete i.node, (n.getLayer() || e || n instanceof Konva.Stage) && (e || n).draw());\n },\n _endDragAfter: function _endDragAfter(t) {\n var e = (t = t || {}).dragEndNode;\n t && e && e.fire(\"dragend\", {\n type: \"dragend\",\n target: e,\n evt: t\n }, !0);\n }\n }, Konva.Node.prototype.startDrag = function () {\n var t = Konva.DD,\n e = this.getStage(),\n i = this.getLayer(),\n n = e.getPointerPosition(),\n a = this.getAbsolutePosition();\n n && (t.node && t.node.stopDrag(), t.node = this, t.startPointerPos = n, t.offset.x = n.x - a.x, t.offset.y = n.y - a.y, t.anim.setLayers(i || this.getLayers()), t.anim.start(), this._setDragPosition());\n }, Konva.Node.prototype._setDragPosition = function (t) {\n var e = Konva.DD,\n i = this.getStage().getPointerPosition(),\n n = this.getDragBoundFunc();\n\n if (i) {\n var a = {\n x: i.x - e.offset.x,\n y: i.y - e.offset.y\n };\n void 0 !== n && (a = n.call(this, a, t)), this.setAbsolutePosition(a), this._lastPos && this._lastPos.x === a.x && this._lastPos.y === a.y || (e.anim.dirty = !0), this._lastPos = a;\n }\n }, Konva.Node.prototype.stopDrag = function () {\n var t = Konva.DD,\n e = {};\n t._endDragBefore(e), t._endDragAfter(e);\n }, Konva.Node.prototype.setDraggable = function (t) {\n this._setAttr(\"draggable\", t), this._dragChange();\n };\n var t = Konva.Node.prototype.remove;\n Konva.Node.prototype.__originalRemove = t, Konva.Node.prototype.remove = function () {\n var e = Konva.DD;\n e.node && e.node._id === this._id && this.stopDrag(), t.call(this);\n }, Konva.Node.prototype.isDragging = function () {\n var t = Konva.DD;\n return !(!t.node || t.node._id !== this._id || !t.isDragging);\n }, Konva.Node.prototype._listenDrag = function () {\n var t = this;\n this._dragCleanup(), \"Stage\" === this.getClassName() ? this.on(\"contentMousedown.konva contentTouchstart.konva\", function (e) {\n Konva.DD.node || t.startDrag(e);\n }) : this.on(\"mousedown.konva touchstart.konva\", function (e) {\n 1 !== e.evt.button && 2 !== e.evt.button && (Konva.DD.node || t.startDrag(e));\n });\n }, Konva.Node.prototype._dragChange = function () {\n if (this.attrs.draggable) this._listenDrag();else {\n this._dragCleanup();\n\n var t = this.getStage(),\n e = Konva.DD;\n t && e.node && e.node._id === this._id && e.node.stopDrag();\n }\n }, Konva.Node.prototype._dragCleanup = function () {\n \"Stage\" === this.getClassName() ? (this.off(\"contentMousedown.konva\"), this.off(\"contentTouchstart.konva\")) : (this.off(\"mousedown.konva\"), this.off(\"touchstart.konva\"));\n }, Konva.Factory.addGetterSetter(Konva.Node, \"dragBoundFunc\"), Konva.Factory.addGetter(Konva.Node, \"draggable\", !1), Konva.Factory.addOverloadedGetterSetter(Konva.Node, \"draggable\"), Konva.isBrowser && (window.addEventListener(\"mouseup\", Konva.DD._endDragBefore, !0), window.addEventListener(\"touchend\", Konva.DD._endDragBefore, !0), window.addEventListener(\"mousemove\", Konva.DD._drag), window.addEventListener(\"touchmove\", Konva.DD._drag), window.addEventListener(\"mouseup\", Konva.DD._endDragAfter, !1), window.addEventListener(\"touchend\", Konva.DD._endDragAfter, !1));\n }();\n },\n 970: function _() {\n !function () {\n \"use strict\";\n\n Konva.Factory = {\n addGetterSetter: function addGetterSetter(t, e, i, n, a) {\n this.addGetter(t, e, i), this.addSetter(t, e, n, a), this.addOverloadedGetterSetter(t, e);\n },\n addGetter: function addGetter(t, e, i) {\n var n = \"get\" + Konva.Util._capitalize(e);\n\n t.prototype[n] = function () {\n var t = this.attrs[e];\n return void 0 === t ? i : t;\n };\n },\n addSetter: function addSetter(t, e, i, n) {\n var a = \"set\" + Konva.Util._capitalize(e);\n\n t.prototype[a] = function (t) {\n return i && null != t && (t = i.call(this, t, e)), this._setAttr(e, t), n && n.call(this), this;\n };\n },\n addComponentsGetterSetter: function addComponentsGetterSetter(t, e, i, n, a) {\n var r,\n o,\n s = i.length,\n h = Konva.Util._capitalize,\n l = \"get\" + h(e),\n c = \"set\" + h(e);\n t.prototype[l] = function () {\n var t = {};\n\n for (r = 0; r < s; r++) {\n t[o = i[r]] = this.getAttr(e + h(o));\n }\n\n return t;\n }, t.prototype[c] = function (t) {\n var i,\n r = this.attrs[e];\n\n for (i in n && (t = n.call(this, t)), t) {\n t.hasOwnProperty(i) && this._setAttr(e + h(i), t[i]);\n }\n\n return this._fireChangeEvent(e, r, t), a && a.call(this), this;\n }, this.addOverloadedGetterSetter(t, e);\n },\n addOverloadedGetterSetter: function addOverloadedGetterSetter(t, e) {\n var i = Konva.Util._capitalize(e),\n n = \"set\" + i,\n a = \"get\" + i;\n\n t.prototype[e] = function () {\n return arguments.length ? (this[n](arguments[0]), this) : this[a]();\n };\n },\n addDeprecatedGetterSetter: function addDeprecatedGetterSetter(t, e, i, n) {\n Konva.Util.error(\"Adding deprecated \" + e);\n\n var a = \"get\" + Konva.Util._capitalize(e),\n r = e + \" property is deprecated and will be removed soon. Look at Konva change log for more information.\";\n\n t.prototype[a] = function () {\n Konva.Util.error(r);\n var t = this.attrs[e];\n return void 0 === t ? i : t;\n }, this.addSetter(t, e, n, function () {\n Konva.Util.error(r);\n }), this.addOverloadedGetterSetter(t, e);\n },\n backCompat: function backCompat(t, e) {\n Konva.Util.each(e, function (e, i) {\n var n = t.prototype[i],\n a = \"get\" + Konva.Util._capitalize(e),\n r = \"set\" + Konva.Util._capitalize(e);\n\n function o() {\n n.apply(this, arguments), Konva.Util.error('\"' + e + '\" method is deprecated and will be removed soon. Use \"\"' + i + '\" instead.');\n }\n\n t.prototype[e] = o, t.prototype[a] = o, t.prototype[r] = o;\n });\n },\n afterSetFilter: function afterSetFilter() {\n this._filterUpToDate = !1;\n }\n }, Konva.Validators = {\n RGBComponent: function RGBComponent(t) {\n return t > 255 ? 255 : t < 0 ? 0 : Math.round(t);\n },\n alphaComponent: function alphaComponent(t) {\n return t > 1 ? 1 : t < 1e-4 ? 1e-4 : t;\n },\n _formatValue: function _formatValue(t) {\n return Konva.Util._isString(t) ? '\"' + t + '\"' : \"[object Number]\" === Object.prototype.toString.call(t) || Konva.Util._isBoolean(t) ? t : Object.prototype.toString.call(t);\n },\n getNumberValidator: function getNumberValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isNumber(t) || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a number.'), t;\n };\n },\n getNumberOrAutoValidator: function getNumberOrAutoValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isNumber(t) || \"auto\" === t || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a number or \"auto\".'), t;\n };\n },\n getStringValidator: function getStringValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isString(t) || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a string.'), t;\n };\n },\n getFunctionValidator: function getFunctionValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isFunction(t) || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a function.'), t;\n };\n },\n getNumberArrayValidator: function getNumberArrayValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isArray(t) ? t.forEach(function (t) {\n Konva.Util._isNumber(t) || Konva.Util.warn('\"' + e + '\" attribute has non numeric element ' + t + \". Make sure that all elements are numbers.\");\n }) : Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a array of numbers.'), t;\n };\n },\n getBooleanValidator: function getBooleanValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return !0 === t || !1 === t || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a boolean.'), t;\n };\n }\n };\n }();\n },\n 715: function _() {\n !function () {\n \"use strict\";\n\n Konva.FastLayer = function (t) {\n this.____init(t);\n }, Konva.Util.addMethods(Konva.FastLayer, {\n ____init: function ____init(t) {\n this.nodeType = \"Layer\", this.canvas = new Konva.SceneCanvas(), Konva.BaseLayer.call(this, t);\n },\n _validateAdd: function _validateAdd(t) {\n \"Shape\" !== t.getType() && Konva.Util.throw(\"You may only add shapes to a fast layer.\");\n },\n _setCanvasSize: function _setCanvasSize(t, e) {\n this.canvas.setSize(t, e);\n },\n hitGraphEnabled: function hitGraphEnabled() {\n return !1;\n },\n getIntersection: function getIntersection() {\n return null;\n },\n drawScene: function drawScene(t) {\n var e = this.getLayer(),\n i = t || e && e.getCanvas();\n return this.getClearBeforeDraw() && i.getContext().clear(), Konva.Container.prototype.drawScene.call(this, i), this;\n },\n draw: function draw() {\n return this.drawScene(), this;\n },\n setVisible: function setVisible(t) {\n return Konva.Node.prototype.setVisible.call(this, t), this.getCanvas()._canvas.style.display = t ? \"block\" : \"none\", this;\n }\n }), Konva.Util.extend(Konva.FastLayer, Konva.BaseLayer), Konva.Collection.mapMethods(Konva.FastLayer);\n }();\n },\n 894: function _(t, e, i) {\n !function () {\n \"use strict\";\n\n var e = Math.PI / 180,\n n = {\n version: \"@@version\",\n stages: [],\n idCounter: 0,\n ids: {},\n names: {},\n shapes: {},\n listenClickTap: !1,\n inDblClickWindow: !1,\n isBrowser: \"undefined\" != typeof window && (\"[object Window]\" === {}.toString.call(window) || \"[object global]\" === {}.toString.call(window)),\n isUnminified: /comment/.test(function () {}),\n enableTrace: !1,\n traceArrMax: 100,\n dblClickWindow: 400,\n pixelRatio: void 0,\n dragDistance: 3,\n angleDeg: !0,\n showWarnings: !0,\n Filters: {},\n isDragging: function isDragging() {\n var t = n.DD;\n return !!t && t.isDragging;\n },\n isDragReady: function isDragReady() {\n var t = n.DD;\n return !!t && !!t.node;\n },\n _addId: function _addId(t, e) {\n e && (this.ids[e] = t);\n },\n _removeId: function _removeId(t) {\n void 0 !== t && delete this.ids[t];\n },\n _addName: function _addName(t, e) {\n e && (this.names[e] || (this.names[e] = []), this.names[e].push(t));\n },\n _removeName: function _removeName(t, e) {\n if (t) {\n var i = this.names[t];\n\n if (i) {\n for (var n = 0; n < i.length; n++) {\n i[n]._id === e && i.splice(n, 1);\n }\n\n 0 === i.length && delete this.names[t];\n }\n }\n },\n getAngle: function getAngle(t) {\n return this.angleDeg ? t * e : t;\n },\n _detectIE: function _detectIE(t) {\n var e = t.indexOf(\"msie \");\n if (e > 0) return parseInt(t.substring(e + 5, t.indexOf(\".\", e)), 10);\n\n if (t.indexOf(\"trident/\") > 0) {\n var i = t.indexOf(\"rv:\");\n return parseInt(t.substring(i + 3, t.indexOf(\".\", i)), 10);\n }\n\n var n = t.indexOf(\"edge/\");\n return n > 0 && parseInt(t.substring(n + 5, t.indexOf(\".\", n)), 10);\n },\n _parseUA: function _parseUA(t) {\n var e = t.toLowerCase(),\n i = /(chrome)[ /]([\\w.]+)/.exec(e) || /(webkit)[ /]([\\w.]+)/.exec(e) || /(opera)(?:.*version|)[ /]([\\w.]+)/.exec(e) || /(msie) ([\\w.]+)/.exec(e) || e.indexOf(\"compatible\") < 0 && /(mozilla)(?:.*? rv:([\\w.]+)|)/.exec(e) || [],\n a = !!t.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i),\n r = !!t.match(/IEMobile/i);\n return {\n browser: i[1] || \"\",\n version: i[2] || \"0\",\n isIE: n._detectIE(e),\n mobile: a,\n ieMobile: r\n };\n },\n UA: void 0\n },\n a = void 0 !== i.g ? i.g : \"undefined\" != typeof window ? window : \"undefined\" != typeof WorkerGlobalScope ? self : {};\n n.UA = n._parseUA(a.navigator && a.navigator.userAgent || \"\"), a.Konva && console.error(\"Konva instance is already exist in current eviroment. Please use only one instance.\"), a.Konva = n, n.global = a, n.window = a, n.document = a.document, t.exports = n;\n }();\n },\n 512: function _() {\n !function () {\n \"use strict\";\n\n Konva.Group = function (t) {\n this.___init(t);\n }, Konva.Util.addMethods(Konva.Group, {\n ___init: function ___init(t) {\n this.nodeType = \"Group\", Konva.Container.call(this, t);\n },\n _validateAdd: function _validateAdd(t) {\n var e = t.getType();\n \"Group\" !== e && \"Shape\" !== e && Konva.Util.throw(\"You may only add groups and shapes to groups.\");\n }\n }), Konva.Util.extend(Konva.Group, Konva.Container), Konva.Collection.mapMethods(Konva.Group);\n }();\n },\n 711: function _() {\n !function () {\n \"use strict\";\n\n var t = [{\n x: 0,\n y: 0\n }, {\n x: -1,\n y: -1\n }, {\n x: 1,\n y: -1\n }, {\n x: 1,\n y: 1\n }, {\n x: -1,\n y: 1\n }],\n e = t.length;\n Konva.Layer = function (t) {\n this.____init(t);\n }, Konva.Util.addMethods(Konva.Layer, {\n ____init: function ____init(t) {\n this.nodeType = \"Layer\", this.canvas = new Konva.SceneCanvas(), this.hitCanvas = new Konva.HitCanvas({\n pixelRatio: 1\n }), Konva.BaseLayer.call(this, t);\n },\n _setCanvasSize: function _setCanvasSize(t, e) {\n this.canvas.setSize(t, e), this.hitCanvas.setSize(t, e);\n },\n _validateAdd: function _validateAdd(t) {\n var e = t.getType();\n \"Group\" !== e && \"Shape\" !== e && Konva.Util.throw(\"You may only add groups and shapes to a layer.\");\n },\n getIntersection: function getIntersection(i, n) {\n var a, r, o, s;\n if (!this.hitGraphEnabled() || !this.isVisible()) return null;\n\n for (var h = 1, l = !1;;) {\n for (r = 0; r < e; r++) {\n if (o = t[r], (s = (a = this._getIntersection({\n x: i.x + o.x * h,\n y: i.y + o.y * h\n })).shape) && n) return s.findAncestor(n, !0);\n if (s) return s;\n if (l = !!a.antialiased, !a.antialiased) break;\n }\n\n if (!l) return null;\n h += 1;\n }\n },\n _getImageData: function _getImageData(t, e) {\n var i = this.hitCanvas.width || 1,\n n = this.hitCanvas.height || 1,\n a = Math.round(e) * i + Math.round(t);\n return this._hitImageData || (this._hitImageData = this.hitCanvas.context.getImageData(0, 0, i, n)), [this._hitImageData.data[4 * a + 0], this._hitImageData.data[4 * a + 1], this._hitImageData.data[4 * a + 2], this._hitImageData.data[4 * a + 3]];\n },\n _getIntersection: function _getIntersection(t) {\n var e,\n i,\n n = this.hitCanvas.pixelRatio,\n a = this.hitCanvas.context.getImageData(Math.round(t.x * n), Math.round(t.y * n), 1, 1).data,\n r = a[3];\n return 255 === r ? (e = Konva.Util._rgbToHex(a[0], a[1], a[2]), (i = Konva.shapes[\"#\" + e]) ? {\n shape: i\n } : {\n antialiased: !0\n }) : r > 0 ? {\n antialiased: !0\n } : {};\n },\n drawScene: function drawScene(t, e) {\n var i = this.getLayer(),\n n = t || i && i.getCanvas();\n return this._fire(\"beforeDraw\", {\n node: this\n }), this.getClearBeforeDraw() && n.getContext().clear(), Konva.Container.prototype.drawScene.call(this, n, e), this._fire(\"draw\", {\n node: this\n }), this;\n },\n drawHit: function drawHit(t, e) {\n var i = this.getLayer(),\n n = t || i && i.hitCanvas;\n return i && i.getClearBeforeDraw() && i.getHitCanvas().getContext().clear(), Konva.Container.prototype.drawHit.call(this, n, e), this.imageData = null, this;\n },\n clear: function clear(t) {\n return Konva.BaseLayer.prototype.clear.call(this, t), this.getHitCanvas().getContext().clear(t), this.imageData = null, this;\n },\n setVisible: function setVisible(t) {\n return Konva.Node.prototype.setVisible.call(this, t), t ? (this.getCanvas()._canvas.style.display = \"block\", this.hitCanvas._canvas.style.display = \"block\") : (this.getCanvas()._canvas.style.display = \"none\", this.hitCanvas._canvas.style.display = \"none\"), this;\n },\n enableHitGraph: function enableHitGraph() {\n return this.setHitGraphEnabled(!0), this;\n },\n disableHitGraph: function disableHitGraph() {\n return this.setHitGraphEnabled(!1), this;\n },\n setSize: function setSize(t, e) {\n return Konva.BaseLayer.prototype.setSize.call(this, t, e), this.hitCanvas.setSize(t, e), this;\n }\n }), Konva.Util.extend(Konva.Layer, Konva.BaseLayer), Konva.Factory.addGetterSetter(Konva.Layer, \"hitGraphEnabled\", !0), Konva.Collection.mapMethods(Konva.Layer);\n }();\n },\n 150: function _() {\n !function (t) {\n \"use strict\";\n\n var e = \"Shape\",\n i = [\"id\"],\n n = [\"xChange.konva\", \"yChange.konva\", \"scaleXChange.konva\", \"scaleYChange.konva\", \"skewXChange.konva\", \"skewYChange.konva\", \"rotationChange.konva\", \"offsetXChange.konva\", \"offsetYChange.konva\", \"transformsEnabledChange.konva\"].join(\" \"),\n a = [\"scaleXChange.konva\", \"scaleYChange.konva\"].join(\" \");\n t.Node = function (t) {\n this._init(t);\n }, t.Util.addMethods(t.Node, {\n _init: function _init(e) {\n this._id = t.idCounter++, this.eventListeners = {}, this.attrs = {}, this._cache = {}, this._filterUpToDate = !1, this._isUnderCache = !1, this.setAttrs(e), this.on(n, function () {\n this._clearCache(\"transform\"), this._clearSelfAndDescendantCache(\"absoluteTransform\");\n }), this.on(a, function () {\n this._clearSelfAndDescendantCache(\"absoluteScale\");\n }), this.on(\"visibleChange.konva\", function () {\n this._clearSelfAndDescendantCache(\"visible\");\n }), this.on(\"listeningChange.konva\", function () {\n this._clearSelfAndDescendantCache(\"listening\");\n }), this.on(\"opacityChange.konva\", function () {\n this._clearSelfAndDescendantCache(\"absoluteOpacity\");\n });\n },\n _clearCache: function _clearCache(t) {\n t ? delete this._cache[t] : this._cache = {};\n },\n _getCache: function _getCache(t, e) {\n return void 0 === this._cache[t] && (this._cache[t] = e.call(this)), this._cache[t];\n },\n _clearSelfAndDescendantCache: function _clearSelfAndDescendantCache(t) {\n this._clearCache(t), this.children && this.getChildren().each(function (e) {\n e._clearSelfAndDescendantCache(t);\n });\n },\n clearCache: function clearCache() {\n return delete this._cache.canvas, this._filterUpToDate = !1, this;\n },\n cache: function cache(e) {\n var i = e || {},\n n = {};\n void 0 !== i.x && void 0 !== i.y && void 0 !== i.width && void 0 !== i.height || (n = this.getClientRect({\n skipTransform: !0,\n relativeTo: this.getParent()\n }));\n var a = i.width || n.width,\n r = i.height || n.height,\n o = i.pixelRatio,\n s = void 0 === i.x ? n.x : i.x,\n h = void 0 === i.y ? n.y : i.y,\n l = i.offset || 0,\n c = i.drawBorder || !1;\n\n if (a && r) {\n a += 2 * l, r += 2 * l, s -= l, h -= l;\n var u = new t.SceneCanvas({\n pixelRatio: o,\n width: a,\n height: r\n }),\n d = new t.SceneCanvas({\n pixelRatio: o,\n width: a,\n height: r\n }),\n f = new t.HitCanvas({\n pixelRatio: 1,\n width: a,\n height: r\n }),\n g = u.getContext(),\n p = f.getContext();\n return f.isCache = !0, this.clearCache(), g.save(), p.save(), g.translate(-s, -h), p.translate(-s, -h), this._isUnderCache = !0, this._clearSelfAndDescendantCache(\"absoluteOpacity\"), this._clearSelfAndDescendantCache(\"absoluteScale\"), this.drawScene(u, this, !0), this.drawHit(f, this, !0), this._isUnderCache = !1, g.restore(), p.restore(), c && (g.save(), g.beginPath(), g.rect(0, 0, a, r), g.closePath(), g.setAttr(\"strokeStyle\", \"red\"), g.setAttr(\"lineWidth\", 5), g.stroke(), g.restore()), this._cache.canvas = {\n scene: u,\n filter: d,\n hit: f,\n x: s,\n y: h\n }, this;\n }\n\n t.Util.error(\"Can not cache the node. Width or height of the node equals 0. Caching is skipped.\");\n },\n getClientRect: function getClientRect() {\n throw new Error('abstract \"getClientRect\" method call');\n },\n _transformedRect: function _transformedRect(t, e) {\n var i,\n n,\n a,\n r,\n o = [{\n x: t.x,\n y: t.y\n }, {\n x: t.x + t.width,\n y: t.y\n }, {\n x: t.x + t.width,\n y: t.y + t.height\n }, {\n x: t.x,\n y: t.y + t.height\n }],\n s = this.getAbsoluteTransform(e);\n return o.forEach(function (t) {\n var e = s.point(t);\n void 0 === i && (i = a = e.x, n = r = e.y), i = Math.min(i, e.x), n = Math.min(n, e.y), a = Math.max(a, e.x), r = Math.max(r, e.y);\n }), {\n x: i,\n y: n,\n width: a - i,\n height: r - n\n };\n },\n _drawCachedSceneCanvas: function _drawCachedSceneCanvas(t) {\n t.save(), t._applyOpacity(this), t._applyGlobalCompositeOperation(this), t.translate(this._cache.canvas.x, this._cache.canvas.y);\n\n var e = this._getCachedSceneCanvas(),\n i = e.pixelRatio;\n\n t.drawImage(e._canvas, 0, 0, e.width / i, e.height / i), t.restore();\n },\n _drawCachedHitCanvas: function _drawCachedHitCanvas(t) {\n var e = this._cache.canvas.hit;\n t.save(), t.translate(this._cache.canvas.x, this._cache.canvas.y), t.drawImage(e._canvas, 0, 0), t.restore();\n },\n _getCachedSceneCanvas: function _getCachedSceneCanvas() {\n var e,\n i,\n n,\n a,\n r = this.filters(),\n o = this._cache.canvas,\n s = o.scene,\n h = o.filter,\n l = h.getContext();\n\n if (r) {\n if (!this._filterUpToDate) {\n var c = s.pixelRatio;\n\n try {\n for (e = r.length, l.clear(), l.drawImage(s._canvas, 0, 0, s.getWidth() / c, s.getHeight() / c), i = l.getImageData(0, 0, h.getWidth(), h.getHeight()), n = 0; n < e; n++) {\n \"function\" == typeof (a = r[n]) ? (a.call(this, i), l.putImageData(i, 0, 0)) : t.Util.error(\"Filter should be type of function, but got \" + typeof a + \" insted. Please check correct filters\");\n }\n } catch (e) {\n t.Util.error(\"Unable to apply filter. \" + e.message);\n }\n\n this._filterUpToDate = !0;\n }\n\n return h;\n }\n\n return s;\n },\n on: function on(t, e) {\n if (3 === arguments.length) return this._delegate.apply(this, arguments);\n var i,\n n,\n a,\n r,\n o = t.split(\" \"),\n s = o.length;\n\n for (i = 0; i < s; i++) {\n a = (n = o[i].split(\".\"))[0], r = n[1] || \"\", this.eventListeners[a] || (this.eventListeners[a] = []), this.eventListeners[a].push({\n name: r,\n handler: e\n });\n }\n\n return this;\n },\n off: function off(t, e) {\n var i,\n n,\n a,\n r,\n o,\n s = (t || \"\").split(\" \"),\n h = s.length;\n if (!t) for (n in this.eventListeners) {\n this._off(n);\n }\n\n for (i = 0; i < h; i++) {\n if (r = (a = s[i].split(\".\"))[0], o = a[1], r) this.eventListeners[r] && this._off(r, o, e);else for (n in this.eventListeners) {\n this._off(n, o, e);\n }\n }\n\n return this;\n },\n dispatchEvent: function dispatchEvent(t) {\n var e = {\n target: this,\n type: t.type,\n evt: t\n };\n return this.fire(t.type, e), this;\n },\n addEventListener: function addEventListener(t, e) {\n return this.on(t, function (t) {\n e.call(this, t.evt);\n }), this;\n },\n removeEventListener: function removeEventListener(t) {\n return this.off(t), this;\n },\n _delegate: function _delegate(e, i, n) {\n var a = this;\n this.on(e, function (e) {\n for (var r = e.target.findAncestors(i, !0, a), o = 0; o < r.length; o++) {\n (e = t.Util.cloneObject(e)).currentTarget = r[o], n.call(r[o], e);\n }\n });\n },\n remove: function remove() {\n var t = this.getParent();\n return t && t.children && (t.children.splice(this.index, 1), t._setChildrenIndices(), delete this.parent), this._clearSelfAndDescendantCache(\"stage\"), this._clearSelfAndDescendantCache(\"absoluteTransform\"), this._clearSelfAndDescendantCache(\"visible\"), this._clearSelfAndDescendantCache(\"listening\"), this._clearSelfAndDescendantCache(\"absoluteOpacity\"), this;\n },\n destroy: function destroy() {\n t._removeId(this.getId());\n\n for (var e = (this.getName() || \"\").split(/\\s/g), i = 0; i < e.length; i++) {\n var n = e[i];\n\n t._removeName(n, this._id);\n }\n\n return this.remove(), this;\n },\n getAttr: function getAttr(e) {\n var i = \"get\" + t.Util._capitalize(e);\n\n return t.Util._isFunction(this[i]) ? this[i]() : this.attrs[e];\n },\n getAncestors: function getAncestors() {\n for (var e = this.getParent(), i = new t.Collection(); e;) {\n i.push(e), e = e.getParent();\n }\n\n return i;\n },\n getAttrs: function getAttrs() {\n return this.attrs || {};\n },\n setAttrs: function setAttrs(e) {\n var i, n;\n if (!e) return this;\n\n for (i in e) {\n \"children\" !== i && (n = \"set\" + t.Util._capitalize(i), t.Util._isFunction(this[n]) ? this[n](e[i]) : this._setAttr(i, e[i]));\n }\n\n return this;\n },\n isListening: function isListening() {\n return this._getCache(\"listening\", this._isListening);\n },\n _isListening: function _isListening() {\n var t = this.getListening(),\n e = this.getParent();\n return \"inherit\" === t ? !e || e.isListening() : t;\n },\n isVisible: function isVisible() {\n return this._getCache(\"visible\", this._isVisible);\n },\n _isVisible: function _isVisible(t) {\n var e = this.getVisible(),\n i = this.getParent();\n return t === i && \"inherit\" === e || (t === i ? e : \"inherit\" === e ? !i || i._isVisible(t) : e);\n },\n shouldDrawHit: function shouldDrawHit() {\n var t = this.getLayer();\n return !t && this.isListening() && this.isVisible() || t && t.hitGraphEnabled() && this.isListening() && this.isVisible();\n },\n show: function show() {\n return this.setVisible(!0), this;\n },\n hide: function hide() {\n return this.setVisible(!1), this;\n },\n getZIndex: function getZIndex() {\n return this.index || 0;\n },\n getAbsoluteZIndex: function getAbsoluteZIndex() {\n var t,\n i,\n n,\n a,\n r = this.getDepth(),\n o = this,\n s = 0;\n return \"Stage\" !== o.nodeType && function h(l) {\n for (t = [], i = l.length, n = 0; n < i; n++) {\n a = l[n], s++, a.nodeType !== e && (t = t.concat(a.getChildren().toArray())), a._id === o._id && (n = i);\n }\n\n t.length > 0 && t[0].getDepth() <= r && h(t);\n }(o.getStage().getChildren()), s;\n },\n getDepth: function getDepth() {\n for (var t = 0, e = this.parent; e;) {\n t++, e = e.parent;\n }\n\n return t;\n },\n setPosition: function setPosition(t) {\n return this.setX(t.x), this.setY(t.y), this;\n },\n getPosition: function getPosition() {\n return {\n x: this.getX(),\n y: this.getY()\n };\n },\n getAbsolutePosition: function getAbsolutePosition(e) {\n var i = this.getAbsoluteTransform(e).getMatrix(),\n n = new t.Transform(),\n a = this.offset();\n return n.m = i.slice(), n.translate(a.x, a.y), n.getTranslation();\n },\n setAbsolutePosition: function setAbsolutePosition(t) {\n var e,\n i = this._clearTransform();\n\n return this.attrs.x = i.x, this.attrs.y = i.y, delete i.x, delete i.y, (e = this.getAbsoluteTransform()).invert(), e.translate(t.x, t.y), t = {\n x: this.attrs.x + e.getTranslation().x,\n y: this.attrs.y + e.getTranslation().y\n }, this.setPosition({\n x: t.x,\n y: t.y\n }), this._setTransform(i), this;\n },\n _setTransform: function _setTransform(t) {\n var e;\n\n for (e in t) {\n this.attrs[e] = t[e];\n }\n\n this._clearCache(\"transform\"), this._clearSelfAndDescendantCache(\"absoluteTransform\");\n },\n _clearTransform: function _clearTransform() {\n var t = {\n x: this.getX(),\n y: this.getY(),\n rotation: this.getRotation(),\n scaleX: this.getScaleX(),\n scaleY: this.getScaleY(),\n offsetX: this.getOffsetX(),\n offsetY: this.getOffsetY(),\n skewX: this.getSkewX(),\n skewY: this.getSkewY()\n };\n return this.attrs.x = 0, this.attrs.y = 0, this.attrs.rotation = 0, this.attrs.scaleX = 1, this.attrs.scaleY = 1, this.attrs.offsetX = 0, this.attrs.offsetY = 0, this.attrs.skewX = 0, this.attrs.skewY = 0, this._clearCache(\"transform\"), this._clearSelfAndDescendantCache(\"absoluteTransform\"), t;\n },\n move: function move(t) {\n var e = t.x,\n i = t.y,\n n = this.getX(),\n a = this.getY();\n return void 0 !== e && (n += e), void 0 !== i && (a += i), this.setPosition({\n x: n,\n y: a\n }), this;\n },\n _eachAncestorReverse: function _eachAncestorReverse(t, e) {\n var i,\n n,\n a = [],\n r = this.getParent();\n if (e && e._id === this._id) t(this);else {\n for (a.unshift(this); r && (!e || r._id !== e._id);) {\n a.unshift(r), r = r.parent;\n }\n\n for (i = a.length, n = 0; n < i; n++) {\n t(a[n]);\n }\n }\n },\n rotate: function rotate(t) {\n return this.setRotation(this.getRotation() + t), this;\n },\n moveToTop: function moveToTop() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveToTop function is ignored.\"), !1;\n var e = this.index;\n return this.parent.children.splice(e, 1), this.parent.children.push(this), this.parent._setChildrenIndices(), !0;\n },\n moveUp: function moveUp() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveUp function is ignored.\"), !1;\n var e = this.index;\n return e < this.parent.getChildren().length - 1 && (this.parent.children.splice(e, 1), this.parent.children.splice(e + 1, 0, this), this.parent._setChildrenIndices(), !0);\n },\n moveDown: function moveDown() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveDown function is ignored.\"), !1;\n var e = this.index;\n return e > 0 && (this.parent.children.splice(e, 1), this.parent.children.splice(e - 1, 0, this), this.parent._setChildrenIndices(), !0);\n },\n moveToBottom: function moveToBottom() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveToBottom function is ignored.\"), !1;\n var e = this.index;\n return e > 0 && (this.parent.children.splice(e, 1), this.parent.children.unshift(this), this.parent._setChildrenIndices(), !0);\n },\n setZIndex: function setZIndex(e) {\n if (!this.parent) return t.Util.warn(\"Node has no parent. zIndex parameter is ignored.\"), !1;\n var i = this.index;\n return this.parent.children.splice(i, 1), this.parent.children.splice(e, 0, this), this.parent._setChildrenIndices(), this;\n },\n getAbsoluteOpacity: function getAbsoluteOpacity() {\n return this._getCache(\"absoluteOpacity\", this._getAbsoluteOpacity);\n },\n _getAbsoluteOpacity: function _getAbsoluteOpacity() {\n var t = this.getOpacity(),\n e = this.getParent();\n return e && !e._isUnderCache && (t *= this.getParent().getAbsoluteOpacity()), t;\n },\n moveTo: function moveTo(t) {\n return this.getParent() !== t && ((this.__originalRemove || this.remove).call(this), t.add(this)), this;\n },\n toObject: function toObject() {\n var e,\n i,\n n,\n a,\n r = {},\n o = this.getAttrs();\n\n for (e in r.attrs = {}, o) {\n i = o[e], n = \"function\" == typeof this[e] && this[e], delete o[e], a = n ? n.call(this) : null, o[e] = i, a !== i && (r.attrs[e] = i);\n }\n\n return r.className = this.getClassName(), t.Util._prepareToStringify(r);\n },\n toJSON: function toJSON() {\n return JSON.stringify(this.toObject());\n },\n getParent: function getParent() {\n return this.parent;\n },\n findAncestors: function findAncestors(t, e, i) {\n var n = [];\n e && this._isMatch(t) && n.push(this);\n\n for (var a = this.parent; a;) {\n if (a === i) return n;\n a._isMatch(t) && n.push(a), a = a.parent;\n }\n\n return n;\n },\n findAncestor: function findAncestor(t, e, i) {\n return this.findAncestors(t, e, i)[0];\n },\n _isMatch: function _isMatch(e) {\n if (!e) return !1;\n var i,\n n,\n a = e.replace(/ /g, \"\").split(\",\"),\n r = a.length;\n\n for (i = 0; i < r; i++) {\n if (n = a[i], t.Util.isValidSelector(n) || (t.Util.warn('Selector \"' + n + '\" is invalid. Allowed selectors examples are \"#foo\", \".bar\" or \"Group\".'), t.Util.warn('If you have a custom shape with such className, please change it to start with upper letter like \"Triangle\".'), t.Util.warn(\"Konva is awesome, right?\")), \"#\" === n.charAt(0)) {\n if (this.id() === n.slice(1)) return !0;\n } else if (\".\" === n.charAt(0)) {\n if (this.hasName(n.slice(1))) return !0;\n } else if (0 !== this._get(n).length) return !0;\n }\n\n return !1;\n },\n getLayer: function getLayer() {\n var t = this.getParent();\n return t ? t.getLayer() : null;\n },\n getStage: function getStage() {\n return this._getCache(\"stage\", this._getStage);\n },\n _getStage: function _getStage() {\n var t = this.getParent();\n return t ? t.getStage() : void 0;\n },\n fire: function fire(t, e, i) {\n return (e = e || {}).target = e.target || this, i ? this._fireAndBubble(t, e) : this._fire(t, e), this;\n },\n getAbsoluteTransform: function getAbsoluteTransform(t) {\n return t ? this._getAbsoluteTransform(t) : this._getCache(\"absoluteTransform\", this._getAbsoluteTransform);\n },\n _getAbsoluteTransform: function _getAbsoluteTransform(e) {\n var i = new t.Transform();\n return this._eachAncestorReverse(function (t) {\n var e = t.transformsEnabled();\n \"all\" === e ? i.multiply(t.getTransform()) : \"position\" === e && i.translate(t.getX() - t.getOffsetX(), t.getY() - t.getOffsetY());\n }, e), i;\n },\n getAbsoluteScale: function getAbsoluteScale(t) {\n return t ? this._getAbsoluteScale(t) : this._getCache(\"absoluteScale\", this._getAbsoluteScale);\n },\n _getAbsoluteScale: function _getAbsoluteScale(t) {\n for (var e = this; e;) {\n e._isUnderCache && (t = e), e = e.getParent();\n }\n\n var i = 1,\n n = 1;\n return this._eachAncestorReverse(function (t) {\n i *= t.scaleX(), n *= t.scaleY();\n }, t), {\n x: i,\n y: n\n };\n },\n getTransform: function getTransform() {\n return this._getCache(\"transform\", this._getTransform);\n },\n _getTransform: function _getTransform() {\n var e = new t.Transform(),\n i = this.getX(),\n n = this.getY(),\n a = t.getAngle(this.getRotation()),\n r = this.getScaleX(),\n o = this.getScaleY(),\n s = this.getSkewX(),\n h = this.getSkewY(),\n l = this.getOffsetX(),\n c = this.getOffsetY();\n return 0 === i && 0 === n || e.translate(i, n), 0 !== a && e.rotate(a), 0 === s && 0 === h || e.skew(s, h), 1 === r && 1 === o || e.scale(r, o), 0 === l && 0 === c || e.translate(-1 * l, -1 * c), e;\n },\n clone: function clone(e) {\n var n,\n a,\n r,\n o,\n s,\n h = t.Util.cloneObject(this.attrs);\n\n for (var l in i) {\n delete h[i[l]];\n }\n\n for (n in e) {\n h[n] = e[n];\n }\n\n var c = new this.constructor(h);\n\n for (n in this.eventListeners) {\n for (r = (a = this.eventListeners[n]).length, o = 0; o < r; o++) {\n (s = a[o]).name.indexOf(\"konva\") < 0 && (c.eventListeners[n] || (c.eventListeners[n] = []), c.eventListeners[n].push(s));\n }\n }\n\n return c;\n },\n _toKonvaCanvas: function _toKonvaCanvas(e) {\n e = e || {};\n var i = this.getClientRect(),\n n = this.getStage(),\n a = void 0 !== e.x ? e.x : i.x,\n r = void 0 !== e.y ? e.y : i.y,\n o = e.pixelRatio || 1,\n s = new t.SceneCanvas({\n width: e.width || i.width || (n ? n.getWidth() : 0),\n height: e.height || i.height || (n ? n.getHeight() : 0),\n pixelRatio: o\n }),\n h = s.getContext();\n return h.save(), (a || r) && h.translate(-1 * a, -1 * r), this.drawScene(s), h.restore(), s;\n },\n toCanvas: function toCanvas(t) {\n return this._toKonvaCanvas(t)._canvas;\n },\n toDataURL: function toDataURL(t) {\n var e = (t = t || {}).mimeType || null,\n i = t.quality || null,\n n = this._toKonvaCanvas(t).toDataURL(e, i);\n\n return t.callback && t.callback(n), n;\n },\n toImage: function toImage(e) {\n if (!e || !e.callback) throw \"callback required for toImage method config argument\";\n var i = e.callback;\n delete e.callback, t.Util._getImage(this.toDataURL(e), function (t) {\n i(t);\n });\n },\n setSize: function setSize(t) {\n return this.setWidth(t.width), this.setHeight(t.height), this;\n },\n getSize: function getSize() {\n return {\n width: this.getWidth(),\n height: this.getHeight()\n };\n },\n getWidth: function getWidth() {\n return this.attrs.width || 0;\n },\n getHeight: function getHeight() {\n return this.attrs.height || 0;\n },\n getClassName: function getClassName() {\n return this.className || this.nodeType;\n },\n getType: function getType() {\n return this.nodeType;\n },\n getDragDistance: function getDragDistance() {\n return void 0 !== this.attrs.dragDistance ? this.attrs.dragDistance : this.parent ? this.parent.getDragDistance() : t.dragDistance;\n },\n _get: function _get(t) {\n return this.className === t || this.nodeType === t ? [this] : [];\n },\n _off: function _off(t, e, i) {\n var n,\n a,\n r,\n o = this.eventListeners[t];\n\n for (n = 0; n < o.length; n++) {\n if (a = o[n].name, r = o[n].handler, !(\"konva\" === a && \"konva\" !== e || e && a !== e || i && i !== r)) {\n if (o.splice(n, 1), 0 === o.length) {\n delete this.eventListeners[t];\n break;\n }\n\n n--;\n }\n }\n },\n _fireChangeEvent: function _fireChangeEvent(t, e, i) {\n this._fire(t + \"Change\", {\n oldVal: e,\n newVal: i\n });\n },\n setId: function setId(e) {\n var i = this.getId();\n return t._removeId(i), t._addId(this, e), this._setAttr(\"id\", e), this;\n },\n setName: function setName(e) {\n var i,\n n,\n a = (this.getName() || \"\").split(/\\s/g),\n r = (e || \"\").split(/\\s/g);\n\n for (n = 0; n < a.length; n++) {\n i = a[n], -1 === r.indexOf(i) && i && t._removeName(i, this._id);\n }\n\n for (n = 0; n < r.length; n++) {\n i = r[n], -1 === a.indexOf(i) && i && t._addName(this, i);\n }\n\n return this._setAttr(\"name\", e), this;\n },\n addName: function addName(t) {\n if (!this.hasName(t)) {\n var e = this.name(),\n i = e ? e + \" \" + t : t;\n this.setName(i);\n }\n\n return this;\n },\n hasName: function hasName(t) {\n return -1 !== (this.name() || \"\").split(/\\s/g).indexOf(t);\n },\n removeName: function removeName(t) {\n var e = (this.name() || \"\").split(/\\s/g),\n i = e.indexOf(t);\n return -1 !== i && (e.splice(i, 1), this.setName(e.join(\" \"))), this;\n },\n setAttr: function setAttr(e, i) {\n var n = this[\"set\" + t.Util._capitalize(e)];\n\n return t.Util._isFunction(n) ? n.call(this, i) : this._setAttr(e, i), this;\n },\n _setAttr: function _setAttr(e, i) {\n var n;\n (n = this.attrs[e]) === i && !t.Util.isObject(i) || (null == i ? delete this.attrs[e] : this.attrs[e] = i, this._fireChangeEvent(e, n, i));\n },\n _setComponentAttr: function _setComponentAttr(t, e, i) {\n var n;\n void 0 !== i && ((n = this.attrs[t]) || (this.attrs[t] = this.getAttr(t)), this.attrs[t][e] = i, this._fireChangeEvent(t, n, i));\n },\n _fireAndBubble: function _fireAndBubble(t, i, n) {\n var a = !0;\n\n if (i && this.nodeType === e && (i.target = this), (\"mouseenter\" === t && n && (this._id === n._id || this.isAncestorOf && this.isAncestorOf(n)) || \"mouseleave\" === t && n && (this._id === n._id || this.isAncestorOf && this.isAncestorOf(n))) && (a = !1), a) {\n this._fire(t, i);\n\n var r = (\"mouseenter\" === t || \"mouseleave\" === t) && n && n.isAncestorOf && n.isAncestorOf(this) && !n.isAncestorOf(this.parent);\n (i && !i.cancelBubble || !i) && this.parent && this.parent.isListening() && !r && (n && n.parent ? this._fireAndBubble.call(this.parent, t, i, n.parent) : this._fireAndBubble.call(this.parent, t, i));\n }\n },\n _fire: function _fire(t, e) {\n var i,\n n = this.eventListeners[t];\n if ((e = e || {}).currentTarget = this, e.type = t, n) for (i = 0; i < n.length; i++) {\n n[i].handler.call(this, e);\n }\n },\n draw: function draw() {\n return this.drawScene(), this.drawHit(), this;\n }\n }), t.Node.create = function (e, i) {\n return t.Util._isString(e) && (e = JSON.parse(e)), this._createNode(e, i);\n }, t.Node._createNode = function (e, i) {\n var n,\n a,\n r,\n o = t.Node.prototype.getClassName.call(e),\n s = e.children;\n if (i && (e.attrs.container = i), n = new t[o](e.attrs), s) for (a = s.length, r = 0; r < a; r++) {\n n.add(this._createNode(s[r]));\n }\n return n;\n }, t.Factory.addOverloadedGetterSetter(t.Node, \"position\"), t.Factory.addGetterSetter(t.Node, \"x\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"y\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"globalCompositeOperation\", \"source-over\", t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Node, \"opacity\", 1, t.Validators.getNumberValidator()), t.Factory.addGetter(t.Node, \"name\"), t.Factory.addOverloadedGetterSetter(t.Node, \"name\"), t.Factory.addGetter(t.Node, \"id\"), t.Factory.addOverloadedGetterSetter(t.Node, \"id\"), t.Factory.addGetterSetter(t.Node, \"rotation\", 0, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Node, \"scale\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Node, \"scaleX\", 1, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"scaleY\", 1, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Node, \"skew\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Node, \"skewX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"skewY\", 0, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Node, \"offset\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Node, \"offsetX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"offsetY\", 0, t.Validators.getNumberValidator()), t.Factory.addSetter(t.Node, \"dragDistance\", t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"dragDistance\"), t.Factory.addSetter(t.Node, \"width\", t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"width\"), t.Factory.addSetter(t.Node, \"height\", t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"height\"), t.Factory.addGetterSetter(t.Node, \"listening\", \"inherit\", function (e) {\n return !0 === e || !1 === e || \"inherit\" === e || t.Util.warn(e + ' is a not valid value for \"listening\" attribute. The value may be true, false or \"inherit\".'), e;\n }), t.Factory.addGetterSetter(t.Node, \"preventDefault\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Node, \"filters\", null, function (t) {\n return this._filterUpToDate = !1, t;\n }), t.Factory.addGetterSetter(t.Node, \"visible\", \"inherit\", function (e) {\n return !0 === e || !1 === e || \"inherit\" === e || t.Util.warn(e + ' is a not valid value for \"visible\" attribute. The value may be true, false or \"inherit\".'), e;\n }), t.Factory.addGetterSetter(t.Node, \"transformsEnabled\", \"all\", t.Validators.getStringValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"size\"), t.Factory.backCompat(t.Node, {\n rotateDeg: \"rotate\",\n setRotationDeg: \"setRotation\",\n getRotationDeg: \"getRotation\"\n }), t.Collection.mapMethods(t.Node);\n }(Konva);\n },\n 144: function _() {\n !function (t) {\n \"use strict\";\n\n var e = \"hasShadow\",\n i = \"shadowRGBA\";\n\n function n(t) {\n t.fill();\n }\n\n function a(t) {\n t.stroke();\n }\n\n function r(t) {\n t.fill();\n }\n\n function o(t) {\n t.stroke();\n }\n\n function s() {\n this._clearCache(e);\n }\n\n function h() {\n this._clearCache(i);\n }\n\n t.Shape = function (t) {\n this.__init(t);\n }, t.Util.addMethods(t.Shape, {\n __init: function __init(e) {\n this.nodeType = \"Shape\", this._fillFunc = n, this._strokeFunc = a, this._fillFuncHit = r, this._strokeFuncHit = o;\n\n for (var i, l = t.shapes; !(i = t.Util.getRandomColor()) || i in l;) {\n ;\n }\n\n this.colorKey = i, l[i] = this, t.Node.call(this, e), this.on(\"shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva\", s), this.on(\"shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva\", h);\n },\n hasChildren: function hasChildren() {\n return !1;\n },\n getChildren: function getChildren() {\n return [];\n },\n getContext: function getContext() {\n return this.getLayer().getContext();\n },\n getCanvas: function getCanvas() {\n return this.getLayer().getCanvas();\n },\n hasShadow: function hasShadow() {\n return this._getCache(e, this._hasShadow);\n },\n _hasShadow: function _hasShadow() {\n return this.getShadowEnabled() && 0 !== this.getShadowOpacity() && !!(this.getShadowColor() || this.getShadowBlur() || this.getShadowOffsetX() || this.getShadowOffsetY());\n },\n getShadowRGBA: function getShadowRGBA() {\n return this._getCache(i, this._getShadowRGBA);\n },\n _getShadowRGBA: function _getShadowRGBA() {\n if (this.hasShadow()) {\n var e = t.Util.colorToRGBA(this.shadowColor());\n return \"rgba(\" + e.r + \",\" + e.g + \",\" + e.b + \",\" + e.a * (this.getShadowOpacity() || 1) + \")\";\n }\n },\n hasFill: function hasFill() {\n return !!(this.getFill() || this.getFillPatternImage() || this.getFillLinearGradientColorStops() || this.getFillRadialGradientColorStops());\n },\n hasStroke: function hasStroke() {\n return this.strokeEnabled() && !(!this.stroke() && !this.getStrokeLinearGradientColorStops());\n },\n intersects: function intersects(t) {\n var e = this.getStage().bufferHitCanvas;\n return e.getContext().clear(), this.drawHit(e), e.context.getImageData(Math.round(t.x), Math.round(t.y), 1, 1).data[3] > 0;\n },\n destroy: function destroy() {\n return t.Node.prototype.destroy.call(this), delete t.shapes[this.colorKey], this;\n },\n _useBufferCanvas: function _useBufferCanvas(t) {\n return !t && this.perfectDrawEnabled() && 1 !== this.getAbsoluteOpacity() && this.hasFill() && this.hasStroke() && this.getStage() || this.perfectDrawEnabled() && this.hasShadow() && 1 !== this.getAbsoluteOpacity() && this.hasFill() && this.hasStroke() && this.getStage();\n },\n getSelfRect: function getSelfRect() {\n var t = this.getSize();\n return {\n x: this._centroid ? Math.round(-t.width / 2) : 0,\n y: this._centroid ? Math.round(-t.height / 2) : 0,\n width: t.width,\n height: t.height\n };\n },\n getClientRect: function getClientRect(t) {\n var e = (t = t || {}).skipTransform,\n i = t.relativeTo,\n n = this.getSelfRect(),\n a = this.hasStroke() && this.strokeWidth() || 0,\n r = n.width + a,\n o = n.height + a,\n s = !t.skipShadow && this.hasShadow(),\n h = s ? this.shadowOffsetX() : 0,\n l = s ? this.shadowOffsetY() : 0,\n c = r + Math.abs(h),\n u = o + Math.abs(l),\n d = s && this.shadowBlur() || 0,\n f = c + 2 * d,\n g = u + 2 * d,\n p = 0;\n Math.round(a / 2) !== a / 2 && (p = 1);\n var v = {\n width: f + p,\n height: g + p,\n x: -Math.round(a / 2 + d) + Math.min(h, 0) + n.x,\n y: -Math.round(a / 2 + d) + Math.min(l, 0) + n.y\n };\n return e ? v : this._transformedRect(v, i);\n },\n drawScene: function drawScene(t, e, i, n) {\n var a,\n r,\n o = this.getLayer(),\n s = t || o.getCanvas(),\n h = s.getContext(),\n l = this._cache.canvas,\n c = this.sceneFunc(),\n u = this.hasShadow(),\n d = this.hasStroke();\n if (!this.isVisible() && !i) return this;\n if (l) return h.save(), o._applyTransform(this, h, e), this._drawCachedSceneCanvas(h), h.restore(), this;\n if (!c) return this;\n\n if (h.save(), this._useBufferCanvas(i) && !n) {\n if ((r = (a = this.getStage().bufferCanvas).getContext()).clear(), r.save(), r._applyLineJoin(this), !i) if (o) o._applyTransform(this, r, e);else {\n var f = this.getAbsoluteTransform(e).getMatrix();\n h.transform(f[0], f[1], f[2], f[3], f[4], f[5]);\n }\n c.call(this, r, this), r.restore();\n var g = a.pixelRatio;\n u && !s.hitCanvas ? (h.save(), h._applyShadow(this), h._applyOpacity(this), h._applyGlobalCompositeOperation(this), h.drawImage(a._canvas, 0, 0, a.width / g, a.height / g), h.restore()) : (h._applyOpacity(this), h._applyGlobalCompositeOperation(this), h.drawImage(a._canvas, 0, 0, a.width / g, a.height / g));\n } else {\n if (h._applyLineJoin(this), !i) if (o) o._applyTransform(this, h, e);else {\n var p = this.getAbsoluteTransform(e).getMatrix();\n h.transform(p[0], p[1], p[2], p[3], p[4], p[5]);\n }\n u && d && !s.hitCanvas ? (h.save(), i || (h._applyOpacity(this), h._applyGlobalCompositeOperation(this)), h._applyShadow(this), c.call(this, h, this), h.restore(), this.hasFill() && this.getShadowForStrokeEnabled() && c.call(this, h, this)) : u && !s.hitCanvas ? (h.save(), i || (h._applyOpacity(this), h._applyGlobalCompositeOperation(this)), h._applyShadow(this), c.call(this, h, this), h.restore()) : (i || (h._applyOpacity(this), h._applyGlobalCompositeOperation(this)), c.call(this, h, this));\n }\n\n return h.restore(), this;\n },\n drawHit: function drawHit(t, e, i) {\n var n = this.getLayer(),\n a = t || n.hitCanvas,\n r = a.getContext(),\n o = this.hitFunc() || this.sceneFunc(),\n s = this._cache.canvas,\n h = s && s.hit;\n if (!this.shouldDrawHit(a) && !i) return this;\n if (n && n.clearHitCache(), h) return r.save(), n._applyTransform(this, r, e), this._drawCachedHitCanvas(r), r.restore(), this;\n if (!o) return this;\n if (r.save(), r._applyLineJoin(this), !i) if (n) n._applyTransform(this, r, e);else {\n var l = this.getAbsoluteTransform(e).getMatrix();\n r.transform(l[0], l[1], l[2], l[3], l[4], l[5]);\n }\n return o.call(this, r, this), r.restore(), this;\n },\n drawHitFromCache: function drawHitFromCache(e) {\n var i,\n n,\n a,\n r,\n o,\n s = e || 0,\n h = this._cache.canvas,\n l = this._getCachedSceneCanvas(),\n c = h.hit,\n u = c.getContext(),\n d = c.getWidth(),\n f = c.getHeight();\n\n u.clear(), u.drawImage(l._canvas, 0, 0, d, f);\n\n try {\n for (a = (n = (i = u.getImageData(0, 0, d, f)).data).length, r = t.Util._hexToRgb(this.colorKey), o = 0; o < a; o += 4) {\n n[o + 3] > s ? (n[o] = r.r, n[o + 1] = r.g, n[o + 2] = r.b, n[o + 3] = 255) : n[o + 3] = 0;\n }\n\n u.putImageData(i, 0, 0);\n } catch (e) {\n t.Util.error(\"Unable to draw hit graph from cached scene canvas. \" + e.message);\n }\n\n return this;\n }\n }), t.Util.extend(t.Shape, t.Node), t.Factory.addGetterSetter(t.Shape, \"stroke\", void 0, t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Shape, \"strokeWidth\", 2, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"strokeHitEnabled\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Shape, \"perfectDrawEnabled\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowForStrokeEnabled\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Shape, \"lineJoin\"), t.Factory.addGetterSetter(t.Shape, \"lineCap\"), t.Factory.addGetterSetter(t.Shape, \"sceneFunc\"), t.Factory.addGetterSetter(t.Shape, \"hitFunc\"), t.Factory.addGetterSetter(t.Shape, \"dash\"), t.Factory.addGetterSetter(t.Shape, \"dashOffset\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowColor\", void 0, t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowBlur\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowOpacity\", 1, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Shape, \"shadowOffset\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"shadowOffsetX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowOffsetY\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternImage\"), t.Factory.addGetterSetter(t.Shape, \"fill\", void 0, t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternY\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientColorStops\"), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientColorStops\"), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientStartRadius\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientEndRadius\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientColorStops\"), t.Factory.addGetterSetter(t.Shape, \"fillPatternRepeat\", \"repeat\"), t.Factory.addGetterSetter(t.Shape, \"fillEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"strokeEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"shadowEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"dashEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"strokeScaleEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"fillPriority\", \"color\"), t.Factory.addComponentsGetterSetter(t.Shape, \"fillPatternOffset\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillPatternOffsetX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternOffsetY\", 0, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Shape, \"fillPatternScale\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillPatternScaleX\", 1, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternScaleY\", 1, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Shape, \"fillLinearGradientStartPoint\", [\"x\", \"y\"]), t.Factory.addComponentsGetterSetter(t.Shape, \"strokeLinearGradientStartPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientStartPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientStartPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientStartPointY\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientStartPointY\", 0), t.Factory.addComponentsGetterSetter(t.Shape, \"fillLinearGradientEndPoint\", [\"x\", \"y\"]), t.Factory.addComponentsGetterSetter(t.Shape, \"strokeLinearGradientEndPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientEndPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientEndPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientEndPointY\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientEndPointY\", 0), t.Factory.addComponentsGetterSetter(t.Shape, \"fillRadialGradientStartPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientStartPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientStartPointY\", 0), t.Factory.addComponentsGetterSetter(t.Shape, \"fillRadialGradientEndPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientEndPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientEndPointY\", 0), t.Factory.addGetterSetter(t.Shape, \"fillPatternRotation\", 0), t.Factory.backCompat(t.Shape, {\n dashArray: \"dash\",\n getDashArray: \"getDash\",\n setDashArray: \"getDash\",\n drawFunc: \"sceneFunc\",\n getDrawFunc: \"getSceneFunc\",\n setDrawFunc: \"setSceneFunc\",\n drawHitFunc: \"hitFunc\",\n getDrawHitFunc: \"getHitFunc\",\n setDrawHitFunc: \"setHitFunc\"\n }), t.Collection.mapMethods(t.Shape);\n }(Konva);\n },\n 514: function _() {\n !function () {\n \"use strict\";\n\n var t = [\"mousedown\", \"mousemove\", \"mouseup\", \"mouseout\", \"touchstart\", \"touchmove\", \"touchend\", \"mouseover\", \"wheel\", \"contextmenu\"],\n e = t.length;\n\n function i(t, e) {\n t.content.addEventListener(e, function (i) {\n t[\"_\" + e](i);\n }, !1);\n }\n\n Konva.Stage = function (t) {\n this.___init(t);\n }, Konva.Util.addMethods(Konva.Stage, {\n ___init: function ___init(t) {\n this.nodeType = \"Stage\", Konva.Container.call(this, t), this._id = Konva.idCounter++, this._buildDOM(), this._bindContentEvents(), this._enableNestedTransforms = !1, Konva.stages.push(this);\n },\n _validateAdd: function _validateAdd(t) {\n \"Layer\" !== t.getType() && Konva.Util.throw(\"You may only add layers to the stage.\");\n },\n setContainer: function setContainer(t) {\n if (\"string\" == typeof t) {\n if (\".\" === t.charAt(0)) {\n var e = t.slice(1);\n t = Konva.document.getElementsByClassName(e)[0];\n } else {\n var i;\n i = \"#\" !== t.charAt(0) ? t : t.slice(1), t = Konva.document.getElementById(i);\n }\n\n if (!t) throw \"Can not find container in document with id \" + i;\n }\n\n return this._setAttr(\"container\", t), this;\n },\n shouldDrawHit: function shouldDrawHit() {\n return !0;\n },\n draw: function draw() {\n return Konva.Node.prototype.draw.call(this), this;\n },\n setHeight: function setHeight(t) {\n return Konva.Node.prototype.setHeight.call(this, t), this._resizeDOM(), this;\n },\n setWidth: function setWidth(t) {\n return Konva.Node.prototype.setWidth.call(this, t), this._resizeDOM(), this;\n },\n clear: function clear() {\n var t,\n e = this.children,\n i = e.length;\n\n for (t = 0; t < i; t++) {\n e[t].clear();\n }\n\n return this;\n },\n clone: function clone(t) {\n return t || (t = {}), t.container = Konva.document.createElement(\"div\"), Konva.Container.prototype.clone.call(this, t);\n },\n destroy: function destroy() {\n var t = this.content;\n Konva.Container.prototype.destroy.call(this), t && Konva.Util._isInDocument(t) && this.getContainer().removeChild(t);\n var e = Konva.stages.indexOf(this);\n return e > -1 && Konva.stages.splice(e, 1), this;\n },\n getPointerPosition: function getPointerPosition() {\n return this.pointerPos;\n },\n getStage: function getStage() {\n return this;\n },\n getContent: function getContent() {\n return this.content;\n },\n _toKonvaCanvas: function _toKonvaCanvas(t) {\n var e = (t = t || {}).x || 0,\n i = t.y || 0,\n n = new Konva.SceneCanvas({\n width: t.width || this.getWidth(),\n height: t.height || this.getHeight(),\n pixelRatio: t.pixelRatio || 1\n }),\n a = n.getContext()._context,\n r = this.children;\n\n return (e || i) && a.translate(-1 * e, -1 * i), r.each(function (n) {\n if (n.isVisible()) {\n var r = n._toKonvaCanvas(t);\n\n a.drawImage(r._canvas, e, i, r.getWidth() / r.getPixelRatio(), r.getHeight() / r.getPixelRatio());\n }\n }), n;\n },\n toImage: function toImage(t) {\n var e = t.callback;\n t.callback = function (t) {\n Konva.Util._getImage(t, function (t) {\n e(t);\n });\n }, this.toDataURL(t);\n },\n getIntersection: function getIntersection(t, e) {\n var i,\n n,\n a = this.getChildren();\n\n for (i = a.length - 1; i >= 0; i--) {\n if (n = a[i].getIntersection(t, e)) return n;\n }\n\n return null;\n },\n _resizeDOM: function _resizeDOM() {\n if (this.content) {\n var t,\n e,\n i = this.getWidth(),\n n = this.getHeight(),\n a = this.getChildren(),\n r = a.length;\n\n for (this.content.style.width = i + \"px\", this.content.style.height = n + \"px\", this.bufferCanvas.setSize(i, n), this.bufferHitCanvas.setSize(i, n), t = 0; t < r; t++) {\n (e = a[t]).setSize(i, n), e.draw();\n }\n }\n },\n add: function add(t) {\n if (arguments.length > 1) {\n for (var e = 0; e < arguments.length; e++) {\n this.add(arguments[e]);\n }\n\n return this;\n }\n\n return Konva.Container.prototype.add.call(this, t), t._setCanvasSize(this.width(), this.height()), t.draw(), Konva.isBrowser && this.content.appendChild(t.canvas._canvas), this;\n },\n getParent: function getParent() {\n return null;\n },\n getLayer: function getLayer() {\n return null;\n },\n getLayers: function getLayers() {\n return this.getChildren();\n },\n _bindContentEvents: function _bindContentEvents() {\n if (Konva.isBrowser) for (var n = 0; n < e; n++) {\n i(this, t[n]);\n }\n },\n _mouseover: function _mouseover(t) {\n Konva.UA.mobile || (this._setPointerPosition(t), this._fire(\"contentMouseover\", {\n evt: t\n }));\n },\n _mouseout: function _mouseout(t) {\n if (!Konva.UA.mobile) {\n this._setPointerPosition(t);\n\n var e = this.targetShape;\n e && !Konva.isDragging() && (e._fireAndBubble(\"mouseout\", {\n evt: t\n }), e._fireAndBubble(\"mouseleave\", {\n evt: t\n }), this.targetShape = null), this.pointerPos = void 0, this._fire(\"contentMouseout\", {\n evt: t\n });\n }\n },\n _mousemove: function _mousemove(t) {\n return Konva.UA.ieMobile ? this._touchmove(t) : void 0 === t.movementX && void 0 === t.movementY || 0 !== t.movementY || 0 !== t.movementX ? Konva.UA.mobile ? null : (this._setPointerPosition(t), Konva.isDragging() || ((e = this.getIntersection(this.getPointerPosition())) && e.isListening() ? Konva.isDragging() || this.targetShape && this.targetShape._id === e._id ? e._fireAndBubble(\"mousemove\", {\n evt: t\n }) : (this.targetShape && (this.targetShape._fireAndBubble(\"mouseout\", {\n evt: t\n }, e), this.targetShape._fireAndBubble(\"mouseleave\", {\n evt: t\n }, e)), e._fireAndBubble(\"mouseover\", {\n evt: t\n }, this.targetShape), e._fireAndBubble(\"mouseenter\", {\n evt: t\n }, this.targetShape), this.targetShape = e) : (this.targetShape && !Konva.isDragging() && (this.targetShape._fireAndBubble(\"mouseout\", {\n evt: t\n }), this.targetShape._fireAndBubble(\"mouseleave\", {\n evt: t\n }), this.targetShape = null), this._fire(\"mousemove\", {\n evt: t,\n target: this,\n currentTarget: this\n })), this._fire(\"contentMousemove\", {\n evt: t\n })), void (t.cancelable && t.preventDefault())) : null;\n var e;\n },\n _mousedown: function _mousedown(t) {\n if (Konva.UA.ieMobile) return this._touchstart(t);\n\n if (!Konva.UA.mobile) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n Konva.listenClickTap = !0, e && e.isListening() ? (this.clickStartShape = e, e._fireAndBubble(\"mousedown\", {\n evt: t\n })) : this._fire(\"mousedown\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentMousedown\", {\n evt: t\n });\n }\n },\n _mouseup: function _mouseup(t) {\n if (Konva.UA.ieMobile) return this._touchend(t);\n\n if (!Konva.UA.mobile) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition()),\n i = this.clickStartShape,\n n = this.clickEndShape,\n a = !1,\n r = Konva.DD;\n Konva.inDblClickWindow ? (a = !0, clearTimeout(this.dblTimeout)) : r && r.justDragged ? r && (r.justDragged = !1) : (Konva.inDblClickWindow = !0, clearTimeout(this.dblTimeout)), this.dblTimeout = setTimeout(function () {\n Konva.inDblClickWindow = !1;\n }, Konva.dblClickWindow), e && e.isListening() ? (this.clickEndShape = e, e._fireAndBubble(\"mouseup\", {\n evt: t\n }), Konva.listenClickTap && i && i._id === e._id && (e._fireAndBubble(\"click\", {\n evt: t\n }), a && n && n._id === e._id && e._fireAndBubble(\"dblclick\", {\n evt: t\n }))) : (this._fire(\"mouseup\", {\n evt: t,\n target: this,\n currentTarget: this\n }), Konva.listenClickTap && this._fire(\"click\", {\n evt: t,\n target: this,\n currentTarget: this\n }), a && this._fire(\"dblclick\", {\n evt: t,\n target: this,\n currentTarget: this\n })), this._fire(\"contentMouseup\", {\n evt: t\n }), Konva.listenClickTap && (this._fire(\"contentClick\", {\n evt: t\n }), a && this._fire(\"contentDblclick\", {\n evt: t\n })), Konva.listenClickTap = !1;\n }\n\n t.cancelable && t.preventDefault();\n },\n _contextmenu: function _contextmenu(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n e && e.isListening() ? e._fireAndBubble(\"contextmenu\", {\n evt: t\n }) : this._fire(\"contextmenu\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentContextmenu\", {\n evt: t\n });\n },\n _touchstart: function _touchstart(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n Konva.listenClickTap = !0, e && e.isListening() ? (this.tapStartShape = e, e._fireAndBubble(\"touchstart\", {\n evt: t\n }), e.isListening() && e.preventDefault() && t.cancelable && t.preventDefault()) : this._fire(\"touchstart\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentTouchstart\", {\n evt: t\n });\n },\n _touchend: function _touchend(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition()),\n i = !1;\n Konva.inDblClickWindow ? (i = !0, clearTimeout(this.dblTimeout)) : (Konva.inDblClickWindow = !0, clearTimeout(this.dblTimeout)), this.dblTimeout = setTimeout(function () {\n Konva.inDblClickWindow = !1;\n }, Konva.dblClickWindow), e && e.isListening() ? (e._fireAndBubble(\"touchend\", {\n evt: t\n }), Konva.listenClickTap && this.tapStartShape && e._id === this.tapStartShape._id && (e._fireAndBubble(\"tap\", {\n evt: t\n }), i && e._fireAndBubble(\"dbltap\", {\n evt: t\n })), e.isListening() && e.preventDefault() && t.cancelable && t.preventDefault()) : (this._fire(\"touchend\", {\n evt: t,\n target: this,\n currentTarget: this\n }), Konva.listenClickTap && this._fire(\"tap\", {\n evt: t,\n target: this,\n currentTarget: this\n }), i && this._fire(\"dbltap\", {\n evt: t,\n target: this,\n currentTarget: this\n })), this._fire(\"contentTouchend\", {\n evt: t\n }), Konva.listenClickTap && (this._fire(\"contentTap\", {\n evt: t\n }), i && this._fire(\"contentDbltap\", {\n evt: t\n })), Konva.listenClickTap = !1;\n },\n _touchmove: function _touchmove(t) {\n this._setPointerPosition(t);\n\n var e,\n i = Konva.DD;\n Konva.isDragging() || ((e = this.getIntersection(this.getPointerPosition())) && e.isListening() ? (e._fireAndBubble(\"touchmove\", {\n evt: t\n }), e.isListening() && e.preventDefault() && t.cancelable && t.preventDefault()) : this._fire(\"touchmove\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentTouchmove\", {\n evt: t\n })), i && Konva.isDragging() && Konva.DD.node.preventDefault() && t.cancelable && t.preventDefault();\n },\n _wheel: function _wheel(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n e && e.isListening() ? e._fireAndBubble(\"wheel\", {\n evt: t\n }) : this._fire(\"wheel\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentWheel\", {\n evt: t\n });\n },\n _setPointerPosition: function _setPointerPosition(t) {\n var e = this._getContentPosition(),\n i = null,\n n = null;\n\n if (void 0 !== (t = t || window.event).touches) {\n if (t.touches.length > 0) {\n var a = t.touches[0];\n i = a.clientX - e.left, n = a.clientY - e.top;\n }\n } else i = t.clientX - e.left, n = t.clientY - e.top;\n\n null !== i && null !== n && (this.pointerPos = {\n x: i,\n y: n\n });\n },\n _getContentPosition: function _getContentPosition() {\n var t = this.content.getBoundingClientRect ? this.content.getBoundingClientRect() : {\n top: 0,\n left: 0\n };\n return {\n top: t.top,\n left: t.left\n };\n },\n _buildDOM: function _buildDOM() {\n if (this.bufferCanvas = new Konva.SceneCanvas(), this.bufferHitCanvas = new Konva.HitCanvas({\n pixelRatio: 1\n }), Konva.isBrowser) {\n var t = this.getContainer();\n if (!t) throw \"Stage has no container. A container is required.\";\n t.innerHTML = \"\", this.content = Konva.document.createElement(\"div\"), this.content.style.position = \"relative\", this.content.style.userSelect = \"none\", this.content.className = \"konvajs-content\", this.content.setAttribute(\"role\", \"presentation\"), t.appendChild(this.content), this._resizeDOM();\n }\n },\n _onContent: function _onContent(t, e) {\n var i,\n n,\n a = t.split(\" \"),\n r = a.length;\n\n for (i = 0; i < r; i++) {\n n = a[i], this.content.addEventListener(n, e, !1);\n }\n },\n cache: function cache() {\n Konva.Util.warn(\"Cache function is not allowed for stage. You may use cache only for layers, groups and shapes.\");\n },\n clearCache: function clearCache() {}\n }), Konva.Util.extend(Konva.Stage, Konva.Container), Konva.Factory.addGetter(Konva.Stage, \"container\"), Konva.Factory.addOverloadedGetterSetter(Konva.Stage, \"container\");\n }();\n },\n 840: function _() {\n !function () {\n \"use strict\";\n\n Konva.Collection = function () {\n var t = [].slice.call(arguments),\n e = t.length,\n i = 0;\n\n for (this.length = e; i < e; i++) {\n this[i] = t[i];\n }\n\n return this;\n }, Konva.Collection.prototype = [], Konva.Collection.prototype.each = function (t) {\n for (var e = 0; e < this.length; e++) {\n t(this[e], e);\n }\n }, Konva.Collection.prototype.toArray = function () {\n var t,\n e = [],\n i = this.length;\n\n for (t = 0; t < i; t++) {\n e.push(this[t]);\n }\n\n return e;\n }, Konva.Collection.toCollection = function (t) {\n var e,\n i = new Konva.Collection(),\n n = t.length;\n\n for (e = 0; e < n; e++) {\n i.push(t[e]);\n }\n\n return i;\n }, Konva.Collection._mapMethod = function (t) {\n Konva.Collection.prototype[t] = function () {\n var e,\n i = this.length,\n n = [].slice.call(arguments);\n\n for (e = 0; e < i; e++) {\n this[e][t].apply(this[e], n);\n }\n\n return this;\n };\n }, Konva.Collection.mapMethods = function (t) {\n var e = t.prototype;\n\n for (var i in e) {\n Konva.Collection._mapMethod(i);\n }\n }, Konva.Transform = function (t) {\n this.m = t && t.slice() || [1, 0, 0, 1, 0, 0];\n }, Konva.Transform.prototype = {\n copy: function copy() {\n return new Konva.Transform(this.m);\n },\n point: function point(t) {\n var e = this.m;\n return {\n x: e[0] * t.x + e[2] * t.y + e[4],\n y: e[1] * t.x + e[3] * t.y + e[5]\n };\n },\n translate: function translate(t, e) {\n return this.m[4] += this.m[0] * t + this.m[2] * e, this.m[5] += this.m[1] * t + this.m[3] * e, this;\n },\n scale: function scale(t, e) {\n return this.m[0] *= t, this.m[1] *= t, this.m[2] *= e, this.m[3] *= e, this;\n },\n rotate: function rotate(t) {\n var e = Math.cos(t),\n i = Math.sin(t),\n n = this.m[0] * e + this.m[2] * i,\n a = this.m[1] * e + this.m[3] * i,\n r = this.m[0] * -i + this.m[2] * e,\n o = this.m[1] * -i + this.m[3] * e;\n return this.m[0] = n, this.m[1] = a, this.m[2] = r, this.m[3] = o, this;\n },\n getTranslation: function getTranslation() {\n return {\n x: this.m[4],\n y: this.m[5]\n };\n },\n skew: function skew(t, e) {\n var i = this.m[0] + this.m[2] * e,\n n = this.m[1] + this.m[3] * e,\n a = this.m[2] + this.m[0] * t,\n r = this.m[3] + this.m[1] * t;\n return this.m[0] = i, this.m[1] = n, this.m[2] = a, this.m[3] = r, this;\n },\n multiply: function multiply(t) {\n var e = this.m[0] * t.m[0] + this.m[2] * t.m[1],\n i = this.m[1] * t.m[0] + this.m[3] * t.m[1],\n n = this.m[0] * t.m[2] + this.m[2] * t.m[3],\n a = this.m[1] * t.m[2] + this.m[3] * t.m[3],\n r = this.m[0] * t.m[4] + this.m[2] * t.m[5] + this.m[4],\n o = this.m[1] * t.m[4] + this.m[3] * t.m[5] + this.m[5];\n return this.m[0] = e, this.m[1] = i, this.m[2] = n, this.m[3] = a, this.m[4] = r, this.m[5] = o, this;\n },\n invert: function invert() {\n var t = 1 / (this.m[0] * this.m[3] - this.m[1] * this.m[2]),\n e = this.m[3] * t,\n i = -this.m[1] * t,\n n = -this.m[2] * t,\n a = this.m[0] * t,\n r = t * (this.m[2] * this.m[5] - this.m[3] * this.m[4]),\n o = t * (this.m[1] * this.m[4] - this.m[0] * this.m[5]);\n return this.m[0] = e, this.m[1] = i, this.m[2] = n, this.m[3] = a, this.m[4] = r, this.m[5] = o, this;\n },\n getMatrix: function getMatrix() {\n return this.m;\n },\n setAbsolutePosition: function setAbsolutePosition(t, e) {\n var i = this.m[0],\n n = this.m[1],\n a = this.m[2],\n r = this.m[3],\n o = this.m[4],\n s = (i * (e - this.m[5]) - n * (t - o)) / (i * r - n * a),\n h = (t - o - a * s) / i;\n return this.translate(h, s);\n }\n };\n var t = Math.PI / 180,\n e = 180 / Math.PI,\n i = {\n aliceblue: [240, 248, 255],\n antiquewhite: [250, 235, 215],\n aqua: [0, 255, 255],\n aquamarine: [127, 255, 212],\n azure: [240, 255, 255],\n beige: [245, 245, 220],\n bisque: [255, 228, 196],\n black: [0, 0, 0],\n blanchedalmond: [255, 235, 205],\n blue: [0, 0, 255],\n blueviolet: [138, 43, 226],\n brown: [165, 42, 42],\n burlywood: [222, 184, 135],\n cadetblue: [95, 158, 160],\n chartreuse: [127, 255, 0],\n chocolate: [210, 105, 30],\n coral: [255, 127, 80],\n cornflowerblue: [100, 149, 237],\n cornsilk: [255, 248, 220],\n crimson: [220, 20, 60],\n cyan: [0, 255, 255],\n darkblue: [0, 0, 139],\n darkcyan: [0, 139, 139],\n darkgoldenrod: [184, 132, 11],\n darkgray: [169, 169, 169],\n darkgreen: [0, 100, 0],\n darkgrey: [169, 169, 169],\n darkkhaki: [189, 183, 107],\n darkmagenta: [139, 0, 139],\n darkolivegreen: [85, 107, 47],\n darkorange: [255, 140, 0],\n darkorchid: [153, 50, 204],\n darkred: [139, 0, 0],\n darksalmon: [233, 150, 122],\n darkseagreen: [143, 188, 143],\n darkslateblue: [72, 61, 139],\n darkslategray: [47, 79, 79],\n darkslategrey: [47, 79, 79],\n darkturquoise: [0, 206, 209],\n darkviolet: [148, 0, 211],\n deeppink: [255, 20, 147],\n deepskyblue: [0, 191, 255],\n dimgray: [105, 105, 105],\n dimgrey: [105, 105, 105],\n dodgerblue: [30, 144, 255],\n firebrick: [178, 34, 34],\n floralwhite: [255, 255, 240],\n forestgreen: [34, 139, 34],\n fuchsia: [255, 0, 255],\n gainsboro: [220, 220, 220],\n ghostwhite: [248, 248, 255],\n gold: [255, 215, 0],\n goldenrod: [218, 165, 32],\n gray: [128, 128, 128],\n green: [0, 128, 0],\n greenyellow: [173, 255, 47],\n grey: [128, 128, 128],\n honeydew: [240, 255, 240],\n hotpink: [255, 105, 180],\n indianred: [205, 92, 92],\n indigo: [75, 0, 130],\n ivory: [255, 255, 240],\n khaki: [240, 230, 140],\n lavender: [230, 230, 250],\n lavenderblush: [255, 240, 245],\n lawngreen: [124, 252, 0],\n lemonchiffon: [255, 250, 205],\n lightblue: [173, 216, 230],\n lightcoral: [240, 128, 128],\n lightcyan: [224, 255, 255],\n lightgoldenrodyellow: [250, 250, 210],\n lightgray: [211, 211, 211],\n lightgreen: [144, 238, 144],\n lightgrey: [211, 211, 211],\n lightpink: [255, 182, 193],\n lightsalmon: [255, 160, 122],\n lightseagreen: [32, 178, 170],\n lightskyblue: [135, 206, 250],\n lightslategray: [119, 136, 153],\n lightslategrey: [119, 136, 153],\n lightsteelblue: [176, 196, 222],\n lightyellow: [255, 255, 224],\n lime: [0, 255, 0],\n limegreen: [50, 205, 50],\n linen: [250, 240, 230],\n magenta: [255, 0, 255],\n maroon: [128, 0, 0],\n mediumaquamarine: [102, 205, 170],\n mediumblue: [0, 0, 205],\n mediumorchid: [186, 85, 211],\n mediumpurple: [147, 112, 219],\n mediumseagreen: [60, 179, 113],\n mediumslateblue: [123, 104, 238],\n mediumspringgreen: [0, 250, 154],\n mediumturquoise: [72, 209, 204],\n mediumvioletred: [199, 21, 133],\n midnightblue: [25, 25, 112],\n mintcream: [245, 255, 250],\n mistyrose: [255, 228, 225],\n moccasin: [255, 228, 181],\n navajowhite: [255, 222, 173],\n navy: [0, 0, 128],\n oldlace: [253, 245, 230],\n olive: [128, 128, 0],\n olivedrab: [107, 142, 35],\n orange: [255, 165, 0],\n orangered: [255, 69, 0],\n orchid: [218, 112, 214],\n palegoldenrod: [238, 232, 170],\n palegreen: [152, 251, 152],\n paleturquoise: [175, 238, 238],\n palevioletred: [219, 112, 147],\n papayawhip: [255, 239, 213],\n peachpuff: [255, 218, 185],\n peru: [205, 133, 63],\n pink: [255, 192, 203],\n plum: [221, 160, 203],\n powderblue: [176, 224, 230],\n purple: [128, 0, 128],\n rebeccapurple: [102, 51, 153],\n red: [255, 0, 0],\n rosybrown: [188, 143, 143],\n royalblue: [65, 105, 225],\n saddlebrown: [139, 69, 19],\n salmon: [250, 128, 114],\n sandybrown: [244, 164, 96],\n seagreen: [46, 139, 87],\n seashell: [255, 245, 238],\n sienna: [160, 82, 45],\n silver: [192, 192, 192],\n skyblue: [135, 206, 235],\n slateblue: [106, 90, 205],\n slategray: [119, 128, 144],\n slategrey: [119, 128, 144],\n snow: [255, 255, 250],\n springgreen: [0, 255, 127],\n steelblue: [70, 130, 180],\n tan: [210, 180, 140],\n teal: [0, 128, 128],\n thistle: [216, 191, 216],\n transparent: [255, 255, 255, 0],\n tomato: [255, 99, 71],\n turquoise: [64, 224, 208],\n violet: [238, 130, 238],\n wheat: [245, 222, 179],\n white: [255, 255, 255],\n whitesmoke: [245, 245, 245],\n yellow: [255, 255, 0],\n yellowgreen: [154, 205, 5]\n },\n n = /rgb\\((\\d{1,3}),(\\d{1,3}),(\\d{1,3})\\)/;\n Konva.Util = {\n _isElement: function _isElement(t) {\n return !(!t || 1 != t.nodeType);\n },\n _isFunction: function _isFunction(t) {\n return !!(t && t.constructor && t.call && t.apply);\n },\n _isObject: function _isObject(t) {\n return !!t && t.constructor === Object;\n },\n _isArray: function _isArray(t) {\n return \"[object Array]\" === Object.prototype.toString.call(t);\n },\n _isNumber: function _isNumber(t) {\n return \"[object Number]\" === Object.prototype.toString.call(t) && !isNaN(t) && isFinite(t);\n },\n _isString: function _isString(t) {\n return \"[object String]\" === Object.prototype.toString.call(t);\n },\n _isBoolean: function _isBoolean(t) {\n return \"[object Boolean]\" === Object.prototype.toString.call(t);\n },\n isObject: function isObject(t) {\n return t instanceof Object;\n },\n isValidSelector: function isValidSelector(t) {\n if (\"string\" != typeof t) return !1;\n var e = t[0];\n return \"#\" === e || \".\" === e || e === e.toUpperCase();\n },\n _sign: function _sign(t) {\n return 0 === t ? 0 : t > 0 ? 1 : -1;\n },\n createCanvasElement: function createCanvasElement() {\n var t = Konva.isBrowser ? Konva.document.createElement(\"canvas\") : new Konva._nodeCanvas();\n\n try {\n t.style = t.style || {};\n } catch (t) {}\n\n return t;\n },\n _isInDocument: function _isInDocument(t) {\n for (; t = t.parentNode;) {\n if (t == Konva.document) return !0;\n }\n\n return !1;\n },\n _simplifyArray: function _simplifyArray(t) {\n var e,\n i,\n n = [],\n a = t.length,\n r = Konva.Util;\n\n for (e = 0; e < a; e++) {\n i = t[e], r._isNumber(i) ? i = Math.round(1e3 * i) / 1e3 : r._isString(i) || (i = i.toString()), n.push(i);\n }\n\n return n;\n },\n _getImage: function _getImage(t, e) {\n var i, n;\n t ? this._isElement(t) ? e(t) : this._isString(t) ? ((i = new Konva.window.Image()).onload = function () {\n e(i);\n }, i.src = t) : t.data ? ((n = Konva.Util.createCanvasElement()).width = t.width, n.height = t.height, n.getContext(\"2d\").putImageData(t, 0, 0), this._getImage(n.toDataURL(), e)) : e(null) : e(null);\n },\n _getRGBAString: function _getRGBAString(t) {\n return [\"rgba(\", t.red || 0, \",\", t.green || 0, \",\", t.blue || 0, \",\", t.alpha || 1, \")\"].join(\"\");\n },\n _rgbToHex: function _rgbToHex(t, e, i) {\n return ((1 << 24) + (t << 16) + (e << 8) + i).toString(16).slice(1);\n },\n _hexToRgb: function _hexToRgb(t) {\n t = t.replace(\"#\", \"\");\n var e = parseInt(t, 16);\n return {\n r: e >> 16 & 255,\n g: e >> 8 & 255,\n b: 255 & e\n };\n },\n getRandomColor: function getRandomColor() {\n for (var t = (16777215 * Math.random() << 0).toString(16); t.length < 6;) {\n t = \"0\" + t;\n }\n\n return \"#\" + t;\n },\n get: function get(t, e) {\n return void 0 === t ? e : t;\n },\n getRGB: function getRGB(t) {\n var e;\n return t in i ? {\n r: (e = i[t])[0],\n g: e[1],\n b: e[2]\n } : \"#\" === t[0] ? this._hexToRgb(t.substring(1)) : \"rgb(\" === t.substr(0, 4) ? (e = n.exec(t.replace(/ /g, \"\")), {\n r: parseInt(e[1], 10),\n g: parseInt(e[2], 10),\n b: parseInt(e[3], 10)\n }) : {\n r: 0,\n g: 0,\n b: 0\n };\n },\n colorToRGBA: function colorToRGBA(t) {\n return t = t || \"black\", Konva.Util._namedColorToRBA(t) || Konva.Util._hex3ColorToRGBA(t) || Konva.Util._hex6ColorToRGBA(t) || Konva.Util._rgbColorToRGBA(t) || Konva.Util._rgbaColorToRGBA(t);\n },\n _namedColorToRBA: function _namedColorToRBA(t) {\n var e = i[t.toLowerCase()];\n return e ? {\n r: e[0],\n g: e[1],\n b: e[2],\n a: 1\n } : null;\n },\n _rgbColorToRGBA: function _rgbColorToRGBA(t) {\n if (0 === t.indexOf(\"rgb(\")) {\n var e = (t = t.match(/rgb\\(([^)]+)\\)/)[1]).split(/ *, */).map(Number);\n return {\n r: e[0],\n g: e[1],\n b: e[2],\n a: 1\n };\n }\n },\n _rgbaColorToRGBA: function _rgbaColorToRGBA(t) {\n if (0 === t.indexOf(\"rgba(\")) {\n var e = (t = t.match(/rgba\\(([^)]+)\\)/)[1]).split(/ *, */).map(Number);\n return {\n r: e[0],\n g: e[1],\n b: e[2],\n a: e[3]\n };\n }\n },\n _hex6ColorToRGBA: function _hex6ColorToRGBA(t) {\n if (\"#\" === t[0] && 7 === t.length) return {\n r: parseInt(t.slice(1, 3), 16),\n g: parseInt(t.slice(3, 5), 16),\n b: parseInt(t.slice(5, 7), 16),\n a: 1\n };\n },\n _hex3ColorToRGBA: function _hex3ColorToRGBA(t) {\n if (\"#\" === t[0] && 4 === t.length) return {\n r: parseInt(t[1] + t[1], 16),\n g: parseInt(t[2] + t[2], 16),\n b: parseInt(t[3] + t[3], 16),\n a: 1\n };\n },\n _merge: function _merge(t, e) {\n var i = this._clone(e);\n\n for (var n in t) {\n this._isObject(t[n]) ? i[n] = this._merge(t[n], i[n]) : i[n] = t[n];\n }\n\n return i;\n },\n trimRight: function trimRight(t) {\n return t.replace(/\\s+$/, \"\");\n },\n trimLeft: function trimLeft(t) {\n return t.replace(/^\\s+/, \"\");\n },\n haveIntersection: function haveIntersection(t, e) {\n return !(e.x > t.x + t.width || e.x + e.width < t.x || e.y > t.y + t.height || e.y + e.height < t.y);\n },\n cloneObject: function cloneObject(t) {\n var e = {};\n\n for (var i in t) {\n this._isObject(t[i]) ? e[i] = this.cloneObject(t[i]) : this._isArray(t[i]) ? e[i] = this.cloneArray(t[i]) : e[i] = t[i];\n }\n\n return e;\n },\n cloneArray: function cloneArray(t) {\n return t.slice(0);\n },\n _degToRad: function _degToRad(e) {\n return e * t;\n },\n _radToDeg: function _radToDeg(t) {\n return t * e;\n },\n _capitalize: function _capitalize(t) {\n return t.charAt(0).toUpperCase() + t.slice(1);\n },\n throw: function _throw(t) {\n throw new Error(\"Konva error: \" + t);\n },\n error: function error(t) {\n console.error(\"Konva error: \" + t);\n },\n warn: function warn(t) {\n Konva.global.console && console.warn && Konva.showWarnings && console.warn(\"Konva warning: \" + t);\n },\n extend: function extend(t, e) {\n function i() {\n this.constructor = t;\n }\n\n i.prototype = e.prototype;\n var n = t.prototype;\n\n for (var a in t.prototype = new i(), n) {\n n.hasOwnProperty(a) && (t.prototype[a] = n[a]);\n }\n\n t.__super__ = e.prototype, t.super = e;\n },\n addMethods: function addMethods(t, e) {\n var i;\n\n for (i in e) {\n t.prototype[i] = e[i];\n }\n },\n _getControlPoints: function _getControlPoints(t, e, i, n, a, r, o) {\n var s = Math.sqrt(Math.pow(i - t, 2) + Math.pow(n - e, 2)),\n h = Math.sqrt(Math.pow(a - i, 2) + Math.pow(r - n, 2)),\n l = o * s / (s + h),\n c = o * h / (s + h);\n return [i - l * (a - t), n - l * (r - e), i + c * (a - t), n + c * (r - e)];\n },\n _expandPoints: function _expandPoints(t, e) {\n var i,\n n,\n a = t.length,\n r = [];\n\n for (i = 2; i < a - 2; i += 2) {\n n = Konva.Util._getControlPoints(t[i - 2], t[i - 1], t[i], t[i + 1], t[i + 2], t[i + 3], e), r.push(n[0]), r.push(n[1]), r.push(t[i]), r.push(t[i + 1]), r.push(n[2]), r.push(n[3]);\n }\n\n return r;\n },\n _removeLastLetter: function _removeLastLetter(t) {\n return t.substring(0, t.length - 1);\n },\n each: function each(t, e) {\n for (var i in t) {\n e(i, t[i]);\n }\n },\n _inRange: function _inRange(t, e, i) {\n return e <= t && t < i;\n },\n _getProjectionToSegment: function _getProjectionToSegment(t, e, i, n, a, r) {\n var o,\n s,\n h,\n l = (t - i) * (t - i) + (e - n) * (e - n);\n if (0 == l) o = t, s = e, h = (a - i) * (a - i) + (r - n) * (r - n);else {\n var c = ((a - t) * (i - t) + (r - e) * (n - e)) / l;\n c < 0 ? (o = t, s = e, h = (t - a) * (t - a) + (e - r) * (e - r)) : c > 1 ? (o = i, s = n, h = (i - a) * (i - a) + (n - r) * (n - r)) : h = ((o = t + c * (i - t)) - a) * (o - a) + ((s = e + c * (n - e)) - r) * (s - r);\n }\n return [o, s, h];\n },\n _getProjectionToLine: function _getProjectionToLine(t, e, i) {\n var n = Konva.Util.cloneObject(t),\n a = Number.MAX_VALUE;\n return e.forEach(function (r, o) {\n if (i || o !== e.length - 1) {\n var s = e[(o + 1) % e.length],\n h = Konva.Util._getProjectionToSegment(r.x, r.y, s.x, s.y, t.x, t.y),\n l = h[0],\n c = h[1],\n u = h[2];\n\n u < a && (n.x = l, n.y = c, a = u);\n }\n }), n;\n },\n _prepareArrayForTween: function _prepareArrayForTween(t, e, i) {\n var n,\n a = [],\n r = [];\n\n if (t.length > e.length) {\n var o = e;\n e = t, t = o;\n }\n\n for (n = 0; n < t.length; n += 2) {\n a.push({\n x: t[n],\n y: t[n + 1]\n });\n }\n\n for (n = 0; n < e.length; n += 2) {\n r.push({\n x: e[n],\n y: e[n + 1]\n });\n }\n\n var s = [];\n return r.forEach(function (t) {\n var e = Konva.Util._getProjectionToLine(t, a, i);\n\n s.push(e.x), s.push(e.y);\n }), s;\n },\n _prepareToStringify: function _prepareToStringify(t) {\n var e;\n\n for (var i in t.visitedByCircularReferenceRemoval = !0, t) {\n if (t.hasOwnProperty(i) && t[i] && \"object\" == typeof t[i]) if (e = Object.getOwnPropertyDescriptor(t, i), t[i].visitedByCircularReferenceRemoval || Konva.Util._isElement(t[i])) {\n if (!e.configurable) return null;\n delete t[i];\n } else if (null === Konva.Util._prepareToStringify(t[i])) {\n if (!e.configurable) return null;\n delete t[i];\n }\n }\n\n return delete t.visitedByCircularReferenceRemoval, t;\n }\n };\n }();\n },\n 732: function _() {\n !function (t) {\n \"use strict\";\n\n var e = 2 * Math.PI - 1e-4;\n t.Circle = function (t) {\n this.___init(t);\n }, t.Circle.prototype = {\n _centroid: !0,\n ___init: function ___init(e) {\n t.Shape.call(this, e), this.className = \"Circle\", this.sceneFunc(this._sceneFunc);\n },\n _sceneFunc: function _sceneFunc(t) {\n t.beginPath(), t.arc(0, 0, this.getRadius(), 0, e, !1), t.closePath(), t.fillStrokeShape(this);\n },\n getWidth: function getWidth() {\n return 2 * this.getRadius();\n },\n getHeight: function getHeight() {\n return 2 * this.getRadius();\n },\n setWidth: function setWidth(e) {\n t.Node.prototype.setWidth.call(this, e), this.radius() !== e / 2 && this.setRadius(e / 2);\n },\n setHeight: function setHeight(e) {\n t.Node.prototype.setHeight.call(this, e), this.radius() !== e / 2 && this.setRadius(e / 2);\n }\n }, t.Util.extend(t.Circle, t.Shape), t.Factory.addGetterSetter(t.Circle, \"radius\", 0, t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Circle, \"radius\"), t.Collection.mapMethods(t.Circle);\n }(Konva);\n },\n 951: function _() {\n !function () {\n \"use strict\";\n\n Konva.Image = function (t) {\n this.___init(t);\n }, Konva.Image.prototype = {\n ___init: function ___init(t) {\n Konva.Shape.call(this, t), this.className = \"Image\", this.sceneFunc(this._sceneFunc), this.hitFunc(this._hitFunc);\n },\n _useBufferCanvas: function _useBufferCanvas() {\n return (this.hasShadow() || 1 !== this.getAbsoluteOpacity()) && this.hasStroke() && this.getStage();\n },\n _sceneFunc: function _sceneFunc(t) {\n var e,\n i,\n n,\n a = this.getWidth(),\n r = this.getHeight(),\n o = this.getImage();\n o && (e = this.getCropWidth(), i = this.getCropHeight(), n = e && i ? [o, this.getCropX(), this.getCropY(), e, i, 0, 0, a, r] : [o, 0, 0, a, r]), (this.hasFill() || this.hasStroke()) && (t.beginPath(), t.rect(0, 0, a, r), t.closePath(), t.fillStrokeShape(this)), o && t.drawImage.apply(t, n);\n },\n _hitFunc: function _hitFunc(t) {\n var e = this.getWidth(),\n i = this.getHeight();\n t.beginPath(), t.rect(0, 0, e, i), t.closePath(), t.fillStrokeShape(this);\n },\n getWidth: function getWidth() {\n var t = this.getImage();\n return this.attrs.width || (t ? t.width : 0);\n },\n getHeight: function getHeight() {\n var t = this.getImage();\n return this.attrs.height || (t ? t.height : 0);\n }\n }, Konva.Util.extend(Konva.Image, Konva.Shape), Konva.Factory.addGetterSetter(Konva.Image, \"image\"), Konva.Factory.addComponentsGetterSetter(Konva.Image, \"crop\", [\"x\", \"y\", \"width\", \"height\"]), Konva.Factory.addGetterSetter(Konva.Image, \"cropX\", 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Image, \"cropY\", 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Image, \"cropWidth\", 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Image, \"cropHeight\", 0, Konva.Validators.getNumberValidator()), Konva.Collection.mapMethods(Konva.Image), Konva.Image.fromURL = function (t, e) {\n var i = new Image();\n i.onload = function () {\n var t = new Konva.Image({\n image: i\n });\n e(t);\n }, i.crossOrigin = \"Anonymous\", i.src = t;\n };\n }();\n },\n 639: function _() {\n !function () {\n \"use strict\";\n\n Konva.Path = function (t) {\n this.___init(t);\n }, Konva.Path.prototype = {\n ___init: function ___init(t) {\n this.dataArray = [];\n var e = this;\n Konva.Shape.call(this, t), this.className = \"Path\", this.dataArray = Konva.Path.parsePathData(this.getData()), this.pathLength = 0;\n\n for (var i = 0; i < this.dataArray.length; ++i) {\n this.pathLength += this.dataArray[i].pathLength;\n }\n\n this.on(\"dataChange.konva\", function () {\n e.dataArray = Konva.Path.parsePathData(this.getData()), this.pathLength = 0;\n\n for (var t = 0; t < this.dataArray.length; ++t) {\n this.pathLength += this.dataArray[t].pathLength;\n }\n }), this.sceneFunc(this._sceneFunc);\n },\n _sceneFunc: function _sceneFunc(t) {\n var e = this.dataArray;\n t.beginPath();\n\n for (var i = 0; i < e.length; i++) {\n var n = e[i].command,\n a = e[i].points;\n\n switch (n) {\n case \"L\":\n t.lineTo(a[0], a[1]);\n break;\n\n case \"M\":\n t.moveTo(a[0], a[1]);\n break;\n\n case \"C\":\n t.bezierCurveTo(a[0], a[1], a[2], a[3], a[4], a[5]);\n break;\n\n case \"Q\":\n t.quadraticCurveTo(a[0], a[1], a[2], a[3]);\n break;\n\n case \"A\":\n var r = a[0],\n o = a[1],\n s = a[2],\n h = a[3],\n l = a[4],\n c = a[5],\n u = a[6],\n d = a[7],\n f = s > h ? s : h,\n g = s > h ? 1 : s / h,\n p = s > h ? h / s : 1;\n t.translate(r, o), t.rotate(u), t.scale(g, p), t.arc(0, 0, f, l, l + c, 1 - d), t.scale(1 / g, 1 / p), t.rotate(-u), t.translate(-r, -o);\n break;\n\n case \"z\":\n t.closePath();\n }\n }\n\n t.fillStrokeShape(this);\n },\n getSelfRect: function getSelfRect() {\n var t = [];\n this.dataArray.forEach(function (e) {\n t = t.concat(e.points);\n });\n\n for (var e, i, n = t[0], a = t[0], r = t[1], o = t[1], s = 0; s < t.length / 2; s++) {\n e = t[2 * s], i = t[2 * s + 1], isNaN(e) || (n = Math.min(n, e), a = Math.max(a, e)), isNaN(i) || (r = Math.min(r, i), o = Math.max(o, i));\n }\n\n return {\n x: Math.round(n),\n y: Math.round(r),\n width: Math.round(a - n),\n height: Math.round(o - r)\n };\n },\n getLength: function getLength() {\n return this.pathLength;\n },\n getPointAtLength: function getPointAtLength(t) {\n var e,\n i = 0,\n n = this.dataArray.length;\n if (!n) return null;\n\n for (; i < n && t > this.dataArray[i].pathLength;) {\n t -= this.dataArray[i].pathLength, ++i;\n }\n\n if (i === n) return {\n x: (e = this.dataArray[i - 1].points.slice(-2))[0],\n y: e[1]\n };\n if (t < .01) return {\n x: (e = this.dataArray[i].points.slice(0, 2))[0],\n y: e[1]\n };\n var a = this.dataArray[i],\n r = a.points;\n\n switch (a.command) {\n case \"L\":\n return Konva.Path.getPointOnLine(t, a.start.x, a.start.y, r[0], r[1]);\n\n case \"C\":\n return Konva.Path.getPointOnCubicBezier(t / a.pathLength, a.start.x, a.start.y, r[0], r[1], r[2], r[3], r[4], r[5]);\n\n case \"Q\":\n return Konva.Path.getPointOnQuadraticBezier(t / a.pathLength, a.start.x, a.start.y, r[0], r[1], r[2], r[3]);\n\n case \"A\":\n var o = r[0],\n s = r[1],\n h = r[2],\n l = r[3],\n c = r[4],\n u = r[5],\n d = r[6];\n return c += u * t / a.pathLength, Konva.Path.getPointOnEllipticalArc(o, s, h, l, c, d);\n }\n\n return null;\n }\n }, Konva.Util.extend(Konva.Path, Konva.Shape), Konva.Path.getLineLength = function (t, e, i, n) {\n return Math.sqrt((i - t) * (i - t) + (n - e) * (n - e));\n }, Konva.Path.getPointOnLine = function (t, e, i, n, a, r, o) {\n void 0 === r && (r = e), void 0 === o && (o = i);\n var s = (a - i) / (n - e + 1e-8),\n h = Math.sqrt(t * t / (1 + s * s));\n n < e && (h *= -1);\n var l,\n c = s * h;\n if (n === e) l = {\n x: r,\n y: o + c\n };else if ((o - i) / (r - e + 1e-8) === s) l = {\n x: r + h,\n y: o + c\n };else {\n var u,\n d,\n f = this.getLineLength(e, i, n, a);\n if (f < 1e-8) return;\n var g = (r - e) * (n - e) + (o - i) * (a - i);\n u = e + (g /= f * f) * (n - e), d = i + g * (a - i);\n var p = this.getLineLength(r, o, u, d),\n v = Math.sqrt(t * t - p * p);\n h = Math.sqrt(v * v / (1 + s * s)), n < e && (h *= -1), l = {\n x: u + h,\n y: d + (c = s * h)\n };\n }\n return l;\n }, Konva.Path.getPointOnCubicBezier = function (t, e, i, n, a, r, o, s, h) {\n function l(t) {\n return t * t * t;\n }\n\n function c(t) {\n return 3 * t * t * (1 - t);\n }\n\n function u(t) {\n return 3 * t * (1 - t) * (1 - t);\n }\n\n function d(t) {\n return (1 - t) * (1 - t) * (1 - t);\n }\n\n return {\n x: s * l(t) + r * c(t) + n * u(t) + e * d(t),\n y: h * l(t) + o * c(t) + a * u(t) + i * d(t)\n };\n }, Konva.Path.getPointOnQuadraticBezier = function (t, e, i, n, a, r, o) {\n function s(t) {\n return t * t;\n }\n\n function h(t) {\n return 2 * t * (1 - t);\n }\n\n function l(t) {\n return (1 - t) * (1 - t);\n }\n\n return {\n x: r * s(t) + n * h(t) + e * l(t),\n y: o * s(t) + a * h(t) + i * l(t)\n };\n }, Konva.Path.getPointOnEllipticalArc = function (t, e, i, n, a, r) {\n var o = Math.cos(r),\n s = Math.sin(r),\n h = i * Math.cos(a),\n l = n * Math.sin(a);\n return {\n x: t + (h * o - l * s),\n y: e + (h * s + l * o)\n };\n }, Konva.Path.parsePathData = function (t) {\n if (!t) return [];\n var e = t,\n i = [\"m\", \"M\", \"l\", \"L\", \"v\", \"V\", \"h\", \"H\", \"z\", \"Z\", \"c\", \"C\", \"q\", \"Q\", \"t\", \"T\", \"s\", \"S\", \"a\", \"A\"];\n e = e.replace(new RegExp(\" \", \"g\"), \",\");\n\n for (var n = 0; n < i.length; n++) {\n e = e.replace(new RegExp(i[n], \"g\"), \"|\" + i[n]);\n }\n\n var a,\n r = e.split(\"|\"),\n o = [],\n s = [],\n h = 0,\n l = 0,\n c = /([-+]?((\\d+\\.\\d+)|((\\d+)|(\\.\\d+)))(?:e[-+]?\\d+)?)/gi;\n\n for (n = 1; n < r.length; n++) {\n var u = r[n],\n d = u.charAt(0);\n\n for (u = u.slice(1), s.length = 0; a = c.exec(u);) {\n s.push(a[0]);\n }\n\n for (var f = [], g = 0, p = s.length; g < p; g++) {\n var v = parseFloat(s[g]);\n isNaN(v) ? f.push(0) : f.push(v);\n }\n\n for (; f.length > 0 && !isNaN(f[0]);) {\n var m,\n y,\n b,\n S,\n C,\n _,\n w,\n x,\n A,\n P,\n D = null,\n K = [],\n k = h,\n F = l;\n\n switch (d) {\n case \"l\":\n h += f.shift(), l += f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"L\":\n h = f.shift(), l = f.shift(), K.push(h, l);\n break;\n\n case \"m\":\n var T = f.shift(),\n I = f.shift();\n if (h += T, l += I, D = \"M\", o.length > 2 && \"z\" === o[o.length - 1].command) for (var L = o.length - 2; L >= 0; L--) {\n if (\"M\" === o[L].command) {\n h = o[L].points[0] + T, l = o[L].points[1] + I;\n break;\n }\n }\n K.push(h, l), d = \"l\";\n break;\n\n case \"M\":\n h = f.shift(), l = f.shift(), D = \"M\", K.push(h, l), d = \"L\";\n break;\n\n case \"h\":\n h += f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"H\":\n h = f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"v\":\n l += f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"V\":\n l = f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"C\":\n K.push(f.shift(), f.shift(), f.shift(), f.shift()), h = f.shift(), l = f.shift(), K.push(h, l);\n break;\n\n case \"c\":\n K.push(h + f.shift(), l + f.shift(), h + f.shift(), l + f.shift()), h += f.shift(), l += f.shift(), D = \"C\", K.push(h, l);\n break;\n\n case \"S\":\n y = h, b = l, \"C\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[2]), b = l + (l - m.points[3])), K.push(y, b, f.shift(), f.shift()), h = f.shift(), l = f.shift(), D = \"C\", K.push(h, l);\n break;\n\n case \"s\":\n y = h, b = l, \"C\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[2]), b = l + (l - m.points[3])), K.push(y, b, h + f.shift(), l + f.shift()), h += f.shift(), l += f.shift(), D = \"C\", K.push(h, l);\n break;\n\n case \"Q\":\n K.push(f.shift(), f.shift()), h = f.shift(), l = f.shift(), K.push(h, l);\n break;\n\n case \"q\":\n K.push(h + f.shift(), l + f.shift()), h += f.shift(), l += f.shift(), D = \"Q\", K.push(h, l);\n break;\n\n case \"T\":\n y = h, b = l, \"Q\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[0]), b = l + (l - m.points[1])), h = f.shift(), l = f.shift(), D = \"Q\", K.push(y, b, h, l);\n break;\n\n case \"t\":\n y = h, b = l, \"Q\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[0]), b = l + (l - m.points[1])), h += f.shift(), l += f.shift(), D = \"Q\", K.push(y, b, h, l);\n break;\n\n case \"A\":\n S = f.shift(), C = f.shift(), _ = f.shift(), w = f.shift(), x = f.shift(), A = h, P = l, h = f.shift(), l = f.shift(), D = \"A\", K = this.convertEndpointToCenterParameterization(A, P, h, l, w, x, S, C, _);\n break;\n\n case \"a\":\n S = f.shift(), C = f.shift(), _ = f.shift(), w = f.shift(), x = f.shift(), A = h, P = l, h += f.shift(), l += f.shift(), D = \"A\", K = this.convertEndpointToCenterParameterization(A, P, h, l, w, x, S, C, _);\n }\n\n o.push({\n command: D || d,\n points: K,\n start: {\n x: k,\n y: F\n },\n pathLength: this.calcLength(k, F, D || d, K)\n });\n }\n\n \"z\" !== d && \"Z\" !== d || o.push({\n command: \"z\",\n points: [],\n start: void 0,\n pathLength: 0\n });\n }\n\n return o;\n }, Konva.Path.calcLength = function (t, e, i, n) {\n var a,\n r,\n o,\n s,\n h = Konva.Path;\n\n switch (i) {\n case \"L\":\n return h.getLineLength(t, e, n[0], n[1]);\n\n case \"C\":\n for (a = 0, r = h.getPointOnCubicBezier(0, t, e, n[0], n[1], n[2], n[3], n[4], n[5]), s = .01; s <= 1; s += .01) {\n o = h.getPointOnCubicBezier(s, t, e, n[0], n[1], n[2], n[3], n[4], n[5]), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n }\n\n return a;\n\n case \"Q\":\n for (a = 0, r = h.getPointOnQuadraticBezier(0, t, e, n[0], n[1], n[2], n[3]), s = .01; s <= 1; s += .01) {\n o = h.getPointOnQuadraticBezier(s, t, e, n[0], n[1], n[2], n[3]), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n }\n\n return a;\n\n case \"A\":\n a = 0;\n var l = n[4],\n c = n[5],\n u = n[4] + c,\n d = Math.PI / 180;\n if (Math.abs(l - u) < d && (d = Math.abs(l - u)), r = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], l, 0), c < 0) for (s = l - d; s > u; s -= d) {\n o = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], s, 0), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n } else for (s = l + d; s < u; s += d) {\n o = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], s, 0), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n }\n return o = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], u, 0), a + h.getLineLength(r.x, r.y, o.x, o.y);\n }\n\n return 0;\n }, Konva.Path.convertEndpointToCenterParameterization = function (t, e, i, n, a, r, o, s, h) {\n var l = h * (Math.PI / 180),\n c = Math.cos(l) * (t - i) / 2 + Math.sin(l) * (e - n) / 2,\n u = -1 * Math.sin(l) * (t - i) / 2 + Math.cos(l) * (e - n) / 2,\n d = c * c / (o * o) + u * u / (s * s);\n d > 1 && (o *= Math.sqrt(d), s *= Math.sqrt(d));\n var f = Math.sqrt((o * o * (s * s) - o * o * (u * u) - s * s * (c * c)) / (o * o * (u * u) + s * s * (c * c)));\n a === r && (f *= -1), isNaN(f) && (f = 0);\n\n var g = f * o * u / s,\n p = f * -s * c / o,\n v = (t + i) / 2 + Math.cos(l) * g - Math.sin(l) * p,\n m = (e + n) / 2 + Math.sin(l) * g + Math.cos(l) * p,\n y = function y(t) {\n return Math.sqrt(t[0] * t[0] + t[1] * t[1]);\n },\n b = function b(t, e) {\n return (t[0] * e[0] + t[1] * e[1]) / (y(t) * y(e));\n },\n S = function S(t, e) {\n return (t[0] * e[1] < t[1] * e[0] ? -1 : 1) * Math.acos(b(t, e));\n },\n C = S([1, 0], [(c - g) / o, (u - p) / s]),\n _ = [(c - g) / o, (u - p) / s],\n w = [(-1 * c - g) / o, (-1 * u - p) / s],\n x = S(_, w);\n\n return b(_, w) <= -1 && (x = Math.PI), b(_, w) >= 1 && (x = 0), 0 === r && x > 0 && (x -= 2 * Math.PI), 1 === r && x < 0 && (x += 2 * Math.PI), [v, m, o, s, C, x, l, r];\n }, Konva.Factory.addGetterSetter(Konva.Path, \"data\"), Konva.Collection.mapMethods(Konva.Path);\n }();\n },\n 768: function _() {\n !function () {\n \"use strict\";\n\n Konva.Rect = function (t) {\n this.___init(t);\n }, Konva.Rect.prototype = {\n ___init: function ___init(t) {\n Konva.Shape.call(this, t), this.className = \"Rect\", this.sceneFunc(this._sceneFunc);\n },\n _sceneFunc: function _sceneFunc(t) {\n var e = this.getCornerRadius(),\n i = this.getWidth(),\n n = this.getHeight();\n t.beginPath(), e ? (e = Math.min(e, i / 2, n / 2), t.moveTo(e, 0), t.lineTo(i - e, 0), t.arc(i - e, e, e, 3 * Math.PI / 2, 0, !1), t.lineTo(i, n - e), t.arc(i - e, n - e, e, 0, Math.PI / 2, !1), t.lineTo(e, n), t.arc(e, n - e, e, Math.PI / 2, Math.PI, !1), t.lineTo(0, e), t.arc(e, e, e, Math.PI, 3 * Math.PI / 2, !1)) : t.rect(0, 0, i, n), t.closePath(), t.fillStrokeShape(this);\n }\n }, Konva.Util.extend(Konva.Rect, Konva.Shape), Konva.Factory.addGetterSetter(Konva.Rect, \"cornerRadius\", 0, Konva.Validators.getNumberValidator()), Konva.Collection.mapMethods(Konva.Rect);\n }();\n },\n 297: function _(e) {\n \"use strict\";\n\n e.exports = t;\n }\n },\n i = {};\n\n function a(t) {\n if (i[t]) return i[t].exports;\n var n = i[t] = {\n exports: {}\n };\n return e[t].call(n.exports, n, n.exports, a), n.exports;\n }\n\n a.n = function (t) {\n var e = t && t.__esModule ? function () {\n return t.default;\n } : function () {\n return t;\n };\n return a.d(e, {\n a: e\n }), e;\n }, a.d = function (t, e) {\n for (var i in e) {\n a.o(e, i) && !a.o(t, i) && Object.defineProperty(t, i, {\n enumerable: !0,\n get: e[i]\n });\n }\n }, a.g = function () {\n if (\"object\" == typeof globalThis) return globalThis;\n\n try {\n return this || new Function(\"return this\")();\n } catch (t) {\n if (\"object\" == typeof window) return window;\n }\n }(), a.o = function (t, e) {\n return Object.prototype.hasOwnProperty.call(t, e);\n }, a.r = function (t) {\n \"undefined\" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {\n value: \"Module\"\n }), Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n };\n var r = {};\n return function () {\n \"use strict\";\n\n a.r(r), a.d(r, {\n default: function _default() {\n return y;\n }\n });\n var t = a(297),\n e = a.n(t),\n i = a(435),\n n = a.n(i),\n o = a(918),\n s = a.n(o),\n h = a(303),\n l = a.n(h);\n\n function c(t) {\n return (c = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (t) {\n return typeof t;\n } : function (t) {\n return t && \"function\" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? \"symbol\" : typeof t;\n })(t);\n }\n\n function u(t, e) {\n var i = Object.keys(t);\n\n if (Object.getOwnPropertySymbols) {\n var n = Object.getOwnPropertySymbols(t);\n e && (n = n.filter(function (e) {\n return Object.getOwnPropertyDescriptor(t, e).enumerable;\n })), i.push.apply(i, n);\n }\n\n return i;\n }\n\n function d(t) {\n for (var e = 1; e < arguments.length; e++) {\n var i = null != arguments[e] ? arguments[e] : {};\n e % 2 ? u(Object(i), !0).forEach(function (e) {\n v(t, e, i[e]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : u(Object(i)).forEach(function (e) {\n Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(i, e));\n });\n }\n\n return t;\n }\n\n function f(t, e) {\n return (f = Object.setPrototypeOf || function (t, e) {\n return t.__proto__ = e, t;\n })(t, e);\n }\n\n function g(t) {\n if (void 0 === t) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t;\n }\n\n function p(t) {\n return (p = Object.setPrototypeOf ? Object.getPrototypeOf : function (t) {\n return t.__proto__ || Object.getPrototypeOf(t);\n })(t);\n }\n\n function v(t, e, i) {\n return e in t ? Object.defineProperty(t, e, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : t[e] = i, t;\n }\n\n a(951), a(732), a(768), a(639), a(726), a(371);\n\n var m = function (t) {\n !function (t, e) {\n if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\");\n t.prototype = Object.create(e && e.prototype, {\n constructor: {\n value: t,\n writable: !0,\n configurable: !0\n }\n }), e && f(t, e);\n }(r, e().Component);\n\n var i,\n a = function (t) {\n var e = function () {\n if (\"undefined\" == typeof Reflect || !Reflect.construct) return !1;\n if (Reflect.construct.sham) return !1;\n if (\"function\" == typeof Proxy) return !0;\n\n try {\n return Date.prototype.toString.call(Reflect.construct(Date, [], function () {})), !0;\n } catch (t) {\n return !1;\n }\n }();\n\n return function () {\n var i,\n n = p(t);\n\n if (e) {\n var a = p(this).constructor;\n i = Reflect.construct(n, arguments, a);\n } else i = n.apply(this, arguments);\n\n return function (t, e) {\n return !e || \"object\" !== c(e) && \"function\" != typeof e ? g(t) : e;\n }(this, i);\n };\n }(r);\n\n function r(t) {\n var e;\n !function (t, e) {\n if (!(t instanceof e)) throw new TypeError(\"Cannot call a class as a function\");\n }(this, r);\n var i = (e = a.call(this, t)).generateHash(\"avatar_container\"),\n n = e.generateHash(\"avatar_loader\");\n return e.onFileLoad = e.onFileLoad.bind(g(e)), e.onCloseClick = e.onCloseClick.bind(g(e)), e.state = {\n imgWidth: 0,\n imgHeight: 0,\n scale: 1,\n containerId: i,\n loaderId: n,\n lastMouseY: 0,\n showLoader: !(e.props.src || e.props.img)\n }, e;\n }\n\n return (i = [{\n key: \"generateHash\",\n value: function value(t) {\n var e = function e() {\n return Math.floor(65536 * (1 + Math.random())).toString(16).substring(1);\n };\n\n return t + \"-\" + e() + \"-\" + e() + \"-\" + e();\n }\n }, {\n key: \"onCloseCallback\",\n value: function value() {\n this.props.onClose();\n }\n }, {\n key: \"onCropCallback\",\n value: function value(t) {\n this.props.onCrop(t);\n }\n }, {\n key: \"onFileLoadCallback\",\n value: function value(t) {\n this.props.onFileLoad(t);\n }\n }, {\n key: \"onBeforeFileLoadCallback\",\n value: function value(t) {\n this.props.onBeforeFileLoad(t);\n }\n }, {\n key: \"onImageLoadCallback\",\n value: function value(t) {\n this.props.onImageLoad(t);\n }\n }, {\n key: \"componentDidMount\",\n value: function value() {\n var t = this;\n\n if (!this.state.showLoader) {\n var e = this.props.img || new Image();\n !this.props.img && this.props.src && (e.src = this.props.src), this.setState({\n image: e\n }, function () {\n if (t.image.complete) return t.init();\n\n t.image.onload = function () {\n t.onImageLoadCallback(t.image), t.init();\n };\n });\n }\n }\n }, {\n key: \"onFileLoad\",\n value: function value(t) {\n if (t.preventDefault(), this.onBeforeFileLoadCallback(t), t.target.value) {\n var e = t.target.files[0];\n this.onFileLoadCallback(e);\n var i = this;\n s().getData(e, function () {\n var t = s().getTag(this, \"Orientation\");\n l()(e, function (t, n) {\n i.setState({\n image: t,\n file: e,\n showLoader: !1\n }), i.init();\n }, {\n orientation: t,\n meta: !0\n });\n });\n }\n }\n }, {\n key: \"onCloseClick\",\n value: function value() {\n var t = this;\n this.setState({\n showLoader: !0\n }, function () {\n return t.onCloseCallback();\n });\n }\n }, {\n key: \"init\",\n value: function value() {\n var t,\n e,\n i = this.props,\n n = i.height,\n a = i.minCropRadius,\n r = i.cropRadius,\n o = this.image.width,\n s = this.image.height,\n h = s / o,\n l = this.props,\n c = l.imageWidth,\n u = l.imageHeight;\n u && c && console.warn(\"The imageWidth and imageHeight properties can not be set together, using only imageWidth.\"), u && !c ? e = (t = u || s) / h : c ? t = (e = c) * h || s : e = (t = n || s) / h;\n var d = t / s,\n f = Math.max(a, r || Math.min(e, t) / 3);\n this.setState({\n imgWidth: e,\n imgHeight: t,\n scale: d,\n cropRadius: f\n }, this.initCanvas);\n }\n }, {\n key: \"initCanvas\",\n value: function value() {\n var t = this,\n e = this.initStage(),\n i = this.initBackground(),\n a = this.initShading(),\n r = this.initCrop(),\n o = this.initCropStroke(),\n s = this.initResize(),\n h = this.initResizeIcon(),\n l = new (n().Layer)();\n l.add(i), l.add(a), l.add(o), l.add(r), l.add(s), l.add(h), e.add(l);\n\n var c = function c() {\n var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;\n return r.radius() - t;\n },\n u = function u(t) {\n return r.x() - c(t) < 0;\n },\n d = function d(t) {\n return r.y() - c(t) < 0;\n },\n f = function f(t) {\n return r.x() + c(t) > e.width();\n },\n g = function g(t) {\n return r.y() + c(t) > e.height();\n },\n p = function p(e) {\n return c(e) >= t.minCropRadius ? e : r.radius() - t.minCropRadius;\n },\n v = function v(t) {\n return t + .86 * r.radius();\n },\n m = function m(t) {\n return t - .5 * r.radius();\n },\n y = function y(t, e) {\n s.x(v(t) - 8), s.y(m(e) - 8), h.x(v(t) - 8), h.y(m(e) - 10);\n },\n b = function b() {\n if (t.props.exportAsSquare) {\n var e = new (n().Image)({\n image: t.image\n }),\n a = e.width() / i.width(),\n o = e.height() / i.height(),\n s = 2 * r.radius() * a,\n h = 2 * r.radius() * o,\n l = t.props.exportSize ? t.props.exportSize / s : void 0;\n return e.toDataURL({\n x: (r.x() - r.radius()) * a,\n y: (r.y() - r.radius()) * o,\n width: s,\n height: h,\n pixelRatio: l,\n mimeType: t.props.exportMimeType,\n quality: t.props.exportQuality\n });\n }\n\n var c = 2 * r.radius(),\n u = 2 * r.radius(),\n d = t.props.exportSize ? t.props.exportSize / c : void 0;\n return r.toDataURL({\n x: r.x() - r.radius(),\n y: r.y() - r.radius(),\n width: c,\n height: u,\n pixelRatio: d,\n mimeType: t.props.exportMimeType,\n quality: t.props.exportQuality\n });\n },\n S = function S(t) {\n var e = t > 0 || function (t) {\n return !(u(t) || f(t) || g(t) || d(t));\n }(t) ? t : 0;\n o.radius(o.radius() - p(e)), r.radius(r.radius() - p(e)), s.fire(\"resize\");\n };\n\n this.onCropCallback(b()), r.on(\"dragmove\", function () {\n return r.fire(\"resize\");\n }), r.on(\"dragend\", function () {\n return t.onCropCallback(b());\n }), r.on(\"resize\", function () {\n var i = u() ? r.radius() + 1 : f() ? e.width() - r.radius() - 1 : r.x(),\n n = d() ? r.radius() + 1 : g() ? e.height() - r.radius() - 1 : r.y();\n y(i, n), r.setFillPatternOffset({\n x: i / t.scale,\n y: n / t.scale\n }), r.x(i), o.x(i), r.y(n), o.y(n);\n }), r.on(\"mouseenter\", function () {\n return e.container().style.cursor = \"move\";\n }), r.on(\"mouseleave\", function () {\n return e.container().style.cursor = \"default\";\n }), r.on(\"dragstart\", function () {\n return e.container().style.cursor = \"move\";\n }), r.on(\"dragend\", function () {\n return e.container().style.cursor = \"default\";\n }), s.on(\"touchstart\", function (e) {\n s.on(\"dragmove\", function (i) {\n if (\"touchmove\" === i.evt.type) {\n var n = i.evt.changedTouches[0].pageY - e.evt.changedTouches[0].pageY || 0;\n S(n * t.mobileScaleSpeed);\n }\n });\n }), s.on(\"dragmove\", function (e) {\n if (\"touchmove\" !== e.evt.type) {\n var i = e.evt.y,\n n = i ? i - t.state.lastMouseY : void 0,\n a = e.evt.movementY || n || 0;\n t.setState({\n lastMouseY: i\n }), S(a);\n }\n }), s.on(\"dragend\", function () {\n return t.onCropCallback(b());\n }), s.on(\"resize\", function () {\n return y(r.x(), r.y());\n }), s.on(\"mouseenter\", function () {\n return e.container().style.cursor = \"nesw-resize\";\n }), s.on(\"mouseleave\", function () {\n return e.container().style.cursor = \"default\";\n }), s.on(\"dragstart\", function (i) {\n t.setState({\n lastMouseY: i.evt.y\n }), e.container().style.cursor = \"nesw-resize\";\n }), s.on(\"dragend\", function () {\n return e.container().style.cursor = \"default\";\n });\n }\n }, {\n key: \"initStage\",\n value: function value() {\n return new (n().Stage)({\n container: this.containerId,\n width: this.width,\n height: this.height\n });\n }\n }, {\n key: \"initBackground\",\n value: function value() {\n return new (n().Image)({\n x: 0,\n y: 0,\n width: this.width,\n height: this.height,\n image: this.image\n });\n }\n }, {\n key: \"initShading\",\n value: function value() {\n return new (n().Rect)({\n x: 0,\n y: 0,\n width: this.width,\n height: this.height,\n fill: this.shadingColor,\n strokeWidth: 4,\n opacity: this.shadingOpacity\n });\n }\n }, {\n key: \"initCrop\",\n value: function value() {\n return new (n().Circle)({\n x: this.halfWidth,\n y: this.halfHeight,\n radius: this.cropRadius,\n fillPatternImage: this.image,\n fillPatternOffset: {\n x: this.halfWidth / this.scale,\n y: this.halfHeight / this.scale\n },\n fillPatternScale: {\n x: this.scale,\n y: this.scale\n },\n opacity: 1,\n draggable: !0,\n dashEnabled: !0,\n dash: [10, 5]\n });\n }\n }, {\n key: \"initCropStroke\",\n value: function value() {\n return new (n().Circle)({\n x: this.halfWidth,\n y: this.halfHeight,\n radius: this.cropRadius,\n stroke: this.cropColor,\n strokeWidth: this.lineWidth,\n strokeScaleEnabled: !0,\n dashEnabled: !0,\n dash: [10, 5]\n });\n }\n }, {\n key: \"initResize\",\n value: function value() {\n return new (n().Rect)({\n x: this.halfWidth + .86 * this.cropRadius - 8,\n y: this.halfHeight + -.5 * this.cropRadius - 8,\n width: 16,\n height: 16,\n draggable: !0,\n dragBoundFunc: function dragBoundFunc(t) {\n return {\n x: this.getAbsolutePosition().x,\n y: t.y\n };\n }\n });\n }\n }, {\n key: \"initResizeIcon\",\n value: function value() {\n return new (n().Path)({\n x: this.halfWidth + .86 * this.cropRadius - 8,\n y: this.halfHeight + -.5 * this.cropRadius - 10,\n data: \"M47.624,0.124l12.021,9.73L44.5,24.5l10,10l14.661-15.161l9.963,12.285v-31.5H47.624z M24.5,44.5 L9.847,59.653L0,47.5V79h31.5l-12.153-9.847L34.5,54.5L24.5,44.5z\",\n fill: this.cropColor,\n scale: {\n x: .2,\n y: .2\n }\n });\n }\n }, {\n key: \"render\",\n value: function value() {\n var t = this,\n i = this.props,\n n = i.width,\n a = i.height,\n r = {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: this.backgroundColor,\n width: n || this.width,\n position: \"relative\"\n },\n o = this.props.label,\n s = d(d({}, this.props.labelStyle), {\n lineHeight: (a || 200) + \"px\"\n }),\n h = d(d({}, this.props.borderStyle), {\n width: n || 200,\n height: a || 200\n });\n return e().createElement(\"div\", null, this.state.showLoader ? e().createElement(\"div\", {\n style: h\n }, e().createElement(\"input\", {\n onChange: function onChange(e) {\n return t.onFileLoad(e);\n },\n name: this.loaderId,\n type: \"file\",\n id: this.loaderId,\n style: {\n width: .1,\n height: .1,\n opacity: 0,\n overflow: \"hidden\",\n position: \"absolute\",\n zIndex: -1\n },\n accept: this.mimeTypes\n }), e().createElement(\"label\", {\n htmlFor: this.loaderId,\n style: s\n }, o)) : e().createElement(\"div\", {\n style: r\n }, e().createElement(\"svg\", {\n onClick: this.onCloseClick,\n style: {\n position: \"absolute\",\n zIndex: 999,\n cursor: \"pointer\",\n left: \"10px\",\n top: \"10px\"\n },\n viewBox: \"0 0 475.2 475.2\",\n width: \"20px\",\n height: \"20px\"\n }, e().createElement(\"g\", null, e().createElement(\"path\", {\n d: \"M405.6,69.6C360.7,24.7,301.1,0,237.6,0s-123.1,24.7-168,69.6S0,174.1,0,237.6s24.7,123.1,69.6,168s104.5,69.6,168,69.6 s123.1-24.7,168-69.6s69.6-104.5,69.6-168S450.5,114.5,405.6,69.6z M386.5,386.5c-39.8,39.8-92.7,61.7-148.9,61.7 s-109.1-21.9-148.9-61.7c-82.1-82.1-82.1-215.7,0-297.8C128.5,48.9,181.4,27,237.6,27s109.1,21.9,148.9,61.7 C468.6,170.8,468.6,304.4,386.5,386.5z\",\n fill: this.closeIconColor\n }), e().createElement(\"path\", {\n d: \"M342.3,132.9c-5.3-5.3-13.8-5.3-19.1,0l-85.6,85.6L152,132.9c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 l85.6,85.6l-85.6,85.6c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.6-85.6l85.6,85.6c2.6,2.6,6.1,4,9.5,4 c3.5,0,6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1l-85.4-85.6l85.6-85.6C347.6,146.7,347.6,138.2,342.3,132.9z\",\n fill: this.closeIconColor\n }))), e().createElement(\"div\", {\n id: this.containerId\n })));\n }\n }, {\n key: \"lineWidth\",\n get: function get() {\n return this.props.lineWidth;\n }\n }, {\n key: \"containerId\",\n get: function get() {\n return this.state.containerId;\n }\n }, {\n key: \"closeIconColor\",\n get: function get() {\n return this.props.closeIconColor;\n }\n }, {\n key: \"cropColor\",\n get: function get() {\n return this.props.cropColor;\n }\n }, {\n key: \"loaderId\",\n get: function get() {\n return this.state.loaderId;\n }\n }, {\n key: \"mimeTypes\",\n get: function get() {\n return this.props.mimeTypes;\n }\n }, {\n key: \"backgroundColor\",\n get: function get() {\n return this.props.backgroundColor;\n }\n }, {\n key: \"shadingColor\",\n get: function get() {\n return this.props.shadingColor;\n }\n }, {\n key: \"shadingOpacity\",\n get: function get() {\n return this.props.shadingOpacity;\n }\n }, {\n key: \"mobileScaleSpeed\",\n get: function get() {\n return this.props.mobileScaleSpeed;\n }\n }, {\n key: \"cropRadius\",\n get: function get() {\n return this.state.cropRadius;\n }\n }, {\n key: \"minCropRadius\",\n get: function get() {\n return this.props.minCropRadius;\n }\n }, {\n key: \"scale\",\n get: function get() {\n return this.state.scale;\n }\n }, {\n key: \"width\",\n get: function get() {\n return this.state.imgWidth;\n }\n }, {\n key: \"halfWidth\",\n get: function get() {\n return this.state.imgWidth / 2;\n }\n }, {\n key: \"height\",\n get: function get() {\n return this.state.imgHeight;\n }\n }, {\n key: \"halfHeight\",\n get: function get() {\n return this.state.imgHeight / 2;\n }\n }, {\n key: \"image\",\n get: function get() {\n return this.state.image;\n }\n }]) && function (t, e) {\n for (var i = 0; i < e.length; i++) {\n var n = e[i];\n n.enumerable = n.enumerable || !1, n.configurable = !0, \"value\" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);\n }\n }(r.prototype, i), r;\n }();\n\n v(m, \"defaultProps\", {\n shadingColor: \"grey\",\n shadingOpacity: .6,\n cropColor: \"white\",\n closeIconColor: \"white\",\n lineWidth: 4,\n minCropRadius: 30,\n backgroundColor: \"grey\",\n mimeTypes: \"image/jpeg,image/png\",\n exportAsSquare: !1,\n exportSize: void 0,\n exportMimeType: \"image/png\",\n exportQuality: 1,\n mobileScaleSpeed: .5,\n onClose: function onClose() {},\n onCrop: function onCrop() {},\n onFileLoad: function onFileLoad() {},\n onImageLoad: function onImageLoad() {},\n onBeforeFileLoad: function onBeforeFileLoad() {},\n label: \"Choose a file\",\n labelStyle: {\n fontSize: \"1.25em\",\n fontWeight: \"700\",\n color: \"black\",\n display: \"inline-block\",\n fontFamily: \"sans-serif\",\n cursor: \"pointer\"\n },\n borderStyle: {\n border: \"2px solid #979797\",\n borderStyle: \"dashed\",\n borderRadius: \"8px\",\n textAlign: \"center\"\n }\n });\n var y = m;\n }(), r;\n }();\n});","\"use strict\";\n\nvar _require = require('./Component'),\n CopyToClipboard = _require.CopyToClipboard;\n\nCopyToClipboard.CopyToClipboard = CopyToClipboard;\nmodule.exports = CopyToClipboard;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.styles = exports.DELAY_RIPPLE = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _toConsumableArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/toConsumableArray\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _reactTransitionGroup = require(\"react-transition-group\");\n\nvar _clsx = _interopRequireDefault(require(\"clsx\"));\n\nvar _withStyles = _interopRequireDefault(require(\"../styles/withStyles\"));\n\nvar _Ripple = _interopRequireDefault(require(\"./Ripple\"));\n\nvar DURATION = 550;\nvar DELAY_RIPPLE = 80;\nexports.DELAY_RIPPLE = DELAY_RIPPLE;\n\nvar styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n overflow: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit'\n },\n\n /* Styles applied to the internal `Ripple` components `ripple` class. */\n ripple: {\n opacity: 0,\n position: 'absolute'\n },\n\n /* Styles applied to the internal `Ripple` components `rippleVisible` class. */\n rippleVisible: {\n opacity: 0.3,\n transform: 'scale(1)',\n animation: \"$enter \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `ripplePulsate` class. */\n ripplePulsate: {\n animationDuration: \"\".concat(theme.transitions.duration.shorter, \"ms\")\n },\n\n /* Styles applied to the internal `Ripple` components `child` class. */\n child: {\n opacity: 1,\n display: 'block',\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n backgroundColor: 'currentColor'\n },\n\n /* Styles applied to the internal `Ripple` components `childLeaving` class. */\n childLeaving: {\n opacity: 0,\n animation: \"$exit \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `childPulsate` class. */\n childPulsate: {\n position: 'absolute',\n left: 0,\n top: 0,\n animation: \"$pulsate 2500ms \".concat(theme.transitions.easing.easeInOut, \" 200ms infinite\")\n },\n '@keyframes enter': {\n '0%': {\n transform: 'scale(0)',\n opacity: 0.1\n },\n '100%': {\n transform: 'scale(1)',\n opacity: 0.3\n }\n },\n '@keyframes exit': {\n '0%': {\n opacity: 1\n },\n '100%': {\n opacity: 0\n }\n },\n '@keyframes pulsate': {\n '0%': {\n transform: 'scale(1)'\n },\n '50%': {\n transform: 'scale(0.92)'\n },\n '100%': {\n transform: 'scale(1)'\n }\n }\n };\n};\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\n\n\nexports.styles = styles;\nvar TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(props, ref) {\n var _props$center = props.center,\n centerProp = _props$center === void 0 ? false : _props$center,\n classes = props.classes,\n className = props.className,\n other = (0, _objectWithoutProperties2.default)(props, [\"center\", \"classes\", \"className\"]);\n\n var _React$useState = React.useState([]),\n ripples = _React$useState[0],\n setRipples = _React$useState[1];\n\n var nextKey = React.useRef(0);\n var rippleCallback = React.useRef(null);\n React.useEffect(function () {\n if (rippleCallback.current) {\n rippleCallback.current();\n rippleCallback.current = null;\n }\n }, [ripples]); // Used to filter out mouse emulated events on mobile.\n\n var ignoringMouseDown = React.useRef(false); // We use a timer in order to only show the ripples for touch \"click\" like events.\n // We don't want to display the ripple for touch scroll events.\n\n var startTimer = React.useRef(null); // This is the hook called once the previous timeout is ready.\n\n var startTimerCommit = React.useRef(null);\n var container = React.useRef(null);\n React.useEffect(function () {\n return function () {\n clearTimeout(startTimer.current);\n };\n }, []);\n var startCommit = React.useCallback(function (params) {\n var pulsate = params.pulsate,\n rippleX = params.rippleX,\n rippleY = params.rippleY,\n rippleSize = params.rippleSize,\n cb = params.cb;\n setRipples(function (oldRipples) {\n return [].concat((0, _toConsumableArray2.default)(oldRipples), [/*#__PURE__*/React.createElement(_Ripple.default, {\n key: nextKey.current,\n classes: classes,\n timeout: DURATION,\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize\n })]);\n });\n nextKey.current += 1;\n rippleCallback.current = cb;\n }, [classes]);\n var start = React.useCallback(function () {\n var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var cb = arguments.length > 2 ? arguments[2] : undefined;\n var _options$pulsate = options.pulsate,\n pulsate = _options$pulsate === void 0 ? false : _options$pulsate,\n _options$center = options.center,\n center = _options$center === void 0 ? centerProp || options.pulsate : _options$center,\n _options$fakeElement = options.fakeElement,\n fakeElement = _options$fakeElement === void 0 ? false : _options$fakeElement;\n\n if (event.type === 'mousedown' && ignoringMouseDown.current) {\n ignoringMouseDown.current = false;\n return;\n }\n\n if (event.type === 'touchstart') {\n ignoringMouseDown.current = true;\n }\n\n var element = fakeElement ? null : container.current;\n var rect = element ? element.getBoundingClientRect() : {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n }; // Get the size of the ripple\n\n var rippleX;\n var rippleY;\n var rippleSize;\n\n if (center || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n rippleX = Math.round(rect.width / 2);\n rippleY = Math.round(rect.height / 2);\n } else {\n var _ref = event.touches ? event.touches[0] : event,\n clientX = _ref.clientX,\n clientY = _ref.clientY;\n\n rippleX = Math.round(clientX - rect.left);\n rippleY = Math.round(clientY - rect.top);\n }\n\n if (center) {\n rippleSize = Math.sqrt((2 * Math.pow(rect.width, 2) + Math.pow(rect.height, 2)) / 3); // For some reason the animation is broken on Mobile Chrome if the size if even.\n\n if (rippleSize % 2 === 0) {\n rippleSize += 1;\n }\n } else {\n var sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n var sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n rippleSize = Math.sqrt(Math.pow(sizeX, 2) + Math.pow(sizeY, 2));\n } // Touche devices\n\n\n if (event.touches) {\n // check that this isn't another touchstart due to multitouch\n // otherwise we will only clear a single timer when unmounting while two\n // are running\n if (startTimerCommit.current === null) {\n // Prepare the ripple effect.\n startTimerCommit.current = function () {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }; // Delay the execution of the ripple effect.\n\n\n startTimer.current = setTimeout(function () {\n if (startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n }\n }, DELAY_RIPPLE); // We have to make a tradeoff with this value.\n }\n } else {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }\n }, [centerProp, startCommit]);\n var pulsate = React.useCallback(function () {\n start({}, {\n pulsate: true\n });\n }, [start]);\n var stop = React.useCallback(function (event, cb) {\n clearTimeout(startTimer.current); // The touch interaction occurs too quickly.\n // We still want to show ripple effect.\n\n if (event.type === 'touchend' && startTimerCommit.current) {\n event.persist();\n startTimerCommit.current();\n startTimerCommit.current = null;\n startTimer.current = setTimeout(function () {\n stop(event, cb);\n });\n return;\n }\n\n startTimerCommit.current = null;\n setRipples(function (oldRipples) {\n if (oldRipples.length > 0) {\n return oldRipples.slice(1);\n }\n\n return oldRipples;\n });\n rippleCallback.current = cb;\n }, []);\n React.useImperativeHandle(ref, function () {\n return {\n pulsate: pulsate,\n start: start,\n stop: stop\n };\n }, [pulsate, start, stop]);\n return /*#__PURE__*/React.createElement(\"span\", (0, _extends2.default)({\n className: (0, _clsx.default)(classes.root, className),\n ref: container\n }, other), /*#__PURE__*/React.createElement(_reactTransitionGroup.TransitionGroup, {\n component: null,\n exit: true\n }, ripples));\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes = {\n /**\n * If `true`, the ripple starts at the center of the component\n * rather than at the point of interaction.\n */\n center: _propTypes.default.bool,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: _propTypes.default.object.isRequired,\n\n /**\n * @ignore\n */\n className: _propTypes.default.string\n} : void 0;\n\nvar _default = (0, _withStyles.default)(styles, {\n flip: false,\n name: 'MuiTouchRipple'\n})( /*#__PURE__*/React.memo(TouchRipple));\n\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"Carousel\", {\n enumerable: true,\n get: function get() {\n return _Carousel.default;\n }\n});\nObject.defineProperty(exports, \"CarouselProps\", {\n enumerable: true,\n get: function get() {\n return _types.CarouselProps;\n }\n});\nObject.defineProperty(exports, \"Thumbs\", {\n enumerable: true,\n get: function get() {\n return _Thumbs.default;\n }\n});\n\nvar _Carousel = _interopRequireDefault(require(\"./components/Carousel\"));\n\nvar _types = require(\"./components/Carousel/types\");\n\nvar _Thumbs = _interopRequireDefault(require(\"./components/Thumbs\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}","'use strict';\n\nObject.defineProperty(exports, '__esModule', {\n value: true\n});\n\nfunction _interopDefault(ex) {\n return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;\n}\n\nvar React = require('react');\n\nvar React__default = _interopDefault(React);\n\nvar UAParser = require('ua-parser-js/dist/ua-parser.min');\n\nvar UA = new UAParser();\nvar browser = UA.getBrowser();\nvar cpu = UA.getCPU();\nvar device = UA.getDevice();\nvar engine = UA.getEngine();\nvar os = UA.getOS();\nvar ua = UA.getUA();\n\nvar setDefaults = function setDefaults(p) {\n var d = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';\n return p ? p : d;\n};\n\nvar getNavigatorInstance = function getNavigatorInstance() {\n if (typeof window !== 'undefined') {\n if (window.navigator || navigator) {\n return window.navigator || navigator;\n }\n }\n\n return false;\n};\n\nvar isIOS13Check = function isIOS13Check(type) {\n var nav = getNavigatorInstance();\n return nav && nav.platform && (nav.platform.indexOf(type) !== -1 || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1 && !window.MSStream);\n};\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\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}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(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(source).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\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\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}\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}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\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\n return self;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (typeof call === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nvar DeviceTypes = {\n Mobile: 'mobile',\n Tablet: 'tablet',\n SmartTv: 'smarttv',\n Console: 'console',\n Wearable: 'wearable',\n Browser: undefined\n};\nvar BrowserTypes = {\n Chrome: 'Chrome',\n Firefox: \"Firefox\",\n Opera: \"Opera\",\n Yandex: \"Yandex\",\n Safari: \"Safari\",\n InternetExplorer: \"Internet Explorer\",\n Edge: \"Edge\",\n Chromium: \"Chromium\",\n Ie: 'IE',\n MobileSafari: \"Mobile Safari\",\n EdgeChromium: \"Edge Chromium\",\n MIUI: \"MIUI Browser\",\n SamsungBrowser: 'Samsung Browser'\n};\nvar OsTypes = {\n IOS: 'iOS',\n Android: \"Android\",\n WindowsPhone: \"Windows Phone\",\n Windows: 'Windows',\n MAC_OS: 'Mac OS'\n};\nvar initialData = {\n isMobile: false,\n isTablet: false,\n isBrowser: false,\n isSmartTV: false,\n isConsole: false,\n isWearable: false\n};\n\nvar checkType = function checkType(type) {\n switch (type) {\n case DeviceTypes.Mobile:\n return {\n isMobile: true\n };\n\n case DeviceTypes.Tablet:\n return {\n isTablet: true\n };\n\n case DeviceTypes.SmartTv:\n return {\n isSmartTV: true\n };\n\n case DeviceTypes.Console:\n return {\n isConsole: true\n };\n\n case DeviceTypes.Wearable:\n return {\n isWearable: true\n };\n\n case DeviceTypes.Browser:\n return {\n isBrowser: true\n };\n\n default:\n return initialData;\n }\n};\n\nvar broPayload = function broPayload(isBrowser, browser, engine, os, ua) {\n return {\n isBrowser: isBrowser,\n browserMajorVersion: setDefaults(browser.major),\n browserFullVersion: setDefaults(browser.version),\n browserName: setDefaults(browser.name),\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar mobilePayload = function mobilePayload(type, device, os, ua) {\n return _objectSpread2({}, type, {\n vendor: setDefaults(device.vendor),\n model: setDefaults(device.model),\n os: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n ua: setDefaults(ua)\n });\n};\n\nvar stvPayload = function stvPayload(isSmartTV, engine, os, ua) {\n return {\n isSmartTV: isSmartTV,\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar consolePayload = function consolePayload(isConsole, engine, os, ua) {\n return {\n isConsole: isConsole,\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar wearPayload = function wearPayload(isWearable, engine, os, ua) {\n return {\n isWearable: isWearable,\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar type = checkType(device.type);\n\nfunction deviceDetect() {\n var isBrowser = type.isBrowser,\n isMobile = type.isMobile,\n isTablet = type.isTablet,\n isSmartTV = type.isSmartTV,\n isConsole = type.isConsole,\n isWearable = type.isWearable;\n\n if (isBrowser) {\n return broPayload(isBrowser, browser, engine, os, ua);\n }\n\n if (isSmartTV) {\n return stvPayload(isSmartTV, engine, os, ua);\n }\n\n if (isConsole) {\n return consolePayload(isConsole, engine, os, ua);\n }\n\n if (isMobile) {\n return mobilePayload(type, device, os, ua);\n }\n\n if (isTablet) {\n return mobilePayload(type, device, os, ua);\n }\n\n if (isWearable) {\n return wearPayload(isWearable, engine, os, ua);\n }\n}\n\nvar isMobileType = function isMobileType() {\n return device.type === DeviceTypes.Mobile;\n};\n\nvar isTabletType = function isTabletType() {\n return device.type === DeviceTypes.Tablet;\n};\n\nvar isMobileAndTabletType = function isMobileAndTabletType() {\n switch (device.type) {\n case DeviceTypes.Mobile:\n case DeviceTypes.Tablet:\n return true;\n\n default:\n return false;\n }\n};\n\nvar isEdgeChromiumType = function isEdgeChromiumType() {\n return typeof ua === 'string' && ua.indexOf('Edg/') !== -1;\n};\n\nvar isSmartTVType = function isSmartTVType() {\n return device.type === DeviceTypes.SmartTv;\n};\n\nvar isBrowserType = function isBrowserType() {\n return device.type === DeviceTypes.Browser;\n};\n\nvar isWearableType = function isWearableType() {\n return device.type === DeviceTypes.Wearable;\n};\n\nvar isConsoleType = function isConsoleType() {\n return device.type === DeviceTypes.Console;\n};\n\nvar isAndroidType = function isAndroidType() {\n return os.name === OsTypes.Android;\n};\n\nvar isWindowsType = function isWindowsType() {\n return os.name === OsTypes.Windows;\n};\n\nvar isMacOsType = function isMacOsType() {\n return os.name === OsTypes.MAC_OS;\n};\n\nvar isWinPhoneType = function isWinPhoneType() {\n return os.name === OsTypes.WindowsPhone;\n};\n\nvar isIOSType = function isIOSType() {\n return os.name === OsTypes.IOS;\n};\n\nvar isChromeType = function isChromeType() {\n return browser.name === BrowserTypes.Chrome;\n};\n\nvar isFirefoxType = function isFirefoxType() {\n return browser.name === BrowserTypes.Firefox;\n};\n\nvar isChromiumType = function isChromiumType() {\n return browser.name === BrowserTypes.Chromium;\n};\n\nvar isEdgeType = function isEdgeType() {\n return browser.name === BrowserTypes.Edge;\n};\n\nvar isYandexType = function isYandexType() {\n return browser.name === BrowserTypes.Yandex;\n};\n\nvar isSafariType = function isSafariType() {\n return browser.name === BrowserTypes.Safari || browser.name === BrowserTypes.MobileSafari;\n};\n\nvar isMobileSafariType = function isMobileSafariType() {\n return browser.name === BrowserTypes.MobileSafari;\n};\n\nvar isOperaType = function isOperaType() {\n return browser.name === BrowserTypes.Opera;\n};\n\nvar isIEType = function isIEType() {\n return browser.name === BrowserTypes.InternetExplorer || browser.name === BrowserTypes.Ie;\n};\n\nvar isMIUIType = function isMIUIType() {\n return browser.name === BrowserTypes.MIUI;\n};\n\nvar isSamsungBrowserType = function isSamsungBrowserType() {\n return browser.name === BrowserTypes.SamsungBrowser;\n};\n\nvar isElectronType = function isElectronType() {\n var nav = getNavigatorInstance();\n var ua = nav && nav.userAgent && nav.userAgent.toLowerCase();\n return typeof ua === 'string' ? /electron/.test(ua) : false;\n};\n\nvar getIOS13 = function getIOS13() {\n var nav = getNavigatorInstance();\n return nav && (/iPad|iPhone|iPod/.test(nav.platform) || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1) && !window.MSStream;\n};\n\nvar getIPad13 = function getIPad13() {\n return isIOS13Check('iPad');\n};\n\nvar getIphone13 = function getIphone13() {\n return isIOS13Check('iPhone');\n};\n\nvar getIPod13 = function getIPod13() {\n return isIOS13Check('iPod');\n};\n\nvar getBrowserFullVersion = function getBrowserFullVersion() {\n return setDefaults(browser.version);\n};\n\nvar getBrowserVersion = function getBrowserVersion() {\n return setDefaults(browser.major);\n};\n\nvar getOsVersion = function getOsVersion() {\n return setDefaults(os.version);\n};\n\nvar getOsName = function getOsName() {\n return setDefaults(os.name);\n};\n\nvar getBrowserName = function getBrowserName() {\n return setDefaults(browser.name);\n};\n\nvar getMobileVendor = function getMobileVendor() {\n return setDefaults(device.vendor);\n};\n\nvar getMobileModel = function getMobileModel() {\n return setDefaults(device.model);\n};\n\nvar getEngineName = function getEngineName() {\n return setDefaults(engine.name);\n};\n\nvar getEngineVersion = function getEngineVersion() {\n return setDefaults(engine.version);\n};\n\nvar getUseragent = function getUseragent() {\n return setDefaults(ua);\n};\n\nvar getDeviceType = function getDeviceType() {\n return setDefaults(device.type, 'browser');\n};\n\nvar isSmartTV = isSmartTVType();\nvar isConsole = isConsoleType();\nvar isWearable = isWearableType();\nvar isMobileSafari = isMobileSafariType() || getIPad13();\nvar isChromium = isChromiumType();\nvar isMobile = isMobileAndTabletType() || getIPad13();\nvar isMobileOnly = isMobileType();\nvar isTablet = isTabletType() || getIPad13();\nvar isBrowser = isBrowserType();\nvar isDesktop = isBrowserType();\nvar isAndroid = isAndroidType();\nvar isWinPhone = isWinPhoneType();\nvar isIOS = isIOSType() || getIPad13();\nvar isChrome = isChromeType();\nvar isFirefox = isFirefoxType();\nvar isSafari = isSafariType();\nvar isOpera = isOperaType();\nvar isIE = isIEType();\nvar osVersion = getOsVersion();\nvar osName = getOsName();\nvar fullBrowserVersion = getBrowserFullVersion();\nvar browserVersion = getBrowserVersion();\nvar browserName = getBrowserName();\nvar mobileVendor = getMobileVendor();\nvar mobileModel = getMobileModel();\nvar engineName = getEngineName();\nvar engineVersion = getEngineVersion();\nvar getUA = getUseragent();\nvar isEdge = isEdgeType() || isEdgeChromiumType();\nvar isYandex = isYandexType();\nvar deviceType = getDeviceType();\nvar isIOS13 = getIOS13();\nvar isIPad13 = getIPad13();\nvar isIPhone13 = getIphone13();\nvar isIPod13 = getIPod13();\nvar isElectron = isElectronType();\nvar isEdgeChromium = isEdgeChromiumType();\nvar isLegacyEdge = isEdgeType() && !isEdgeChromiumType();\nvar isWindows = isWindowsType();\nvar isMacOs = isMacOsType();\nvar isMIUI = isMIUIType();\nvar isSamsungBrowser = isSamsungBrowserType();\n\nvar AndroidView = function AndroidView(_ref) {\n var renderWithFragment = _ref.renderWithFragment,\n children = _ref.children,\n viewClassName = _ref.viewClassName,\n style = _ref.style,\n props = _objectWithoutProperties(_ref, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isAndroid ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar BrowserView = function BrowserView(_ref2) {\n var renderWithFragment = _ref2.renderWithFragment,\n children = _ref2.children,\n viewClassName = _ref2.viewClassName,\n style = _ref2.style,\n props = _objectWithoutProperties(_ref2, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isBrowser ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar IEView = function IEView(_ref3) {\n var renderWithFragment = _ref3.renderWithFragment,\n children = _ref3.children,\n viewClassName = _ref3.viewClassName,\n style = _ref3.style,\n props = _objectWithoutProperties(_ref3, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isIE ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar IOSView = function IOSView(_ref4) {\n var renderWithFragment = _ref4.renderWithFragment,\n children = _ref4.children,\n viewClassName = _ref4.viewClassName,\n style = _ref4.style,\n props = _objectWithoutProperties(_ref4, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isIOS ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar MobileView = function MobileView(_ref5) {\n var renderWithFragment = _ref5.renderWithFragment,\n children = _ref5.children,\n viewClassName = _ref5.viewClassName,\n style = _ref5.style,\n props = _objectWithoutProperties(_ref5, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isMobile ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar TabletView = function TabletView(_ref6) {\n var renderWithFragment = _ref6.renderWithFragment,\n children = _ref6.children,\n viewClassName = _ref6.viewClassName,\n style = _ref6.style,\n props = _objectWithoutProperties(_ref6, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isTablet ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar WinPhoneView = function WinPhoneView(_ref7) {\n var renderWithFragment = _ref7.renderWithFragment,\n children = _ref7.children,\n viewClassName = _ref7.viewClassName,\n style = _ref7.style,\n props = _objectWithoutProperties(_ref7, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isWinPhone ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar MobileOnlyView = function MobileOnlyView(_ref8) {\n var renderWithFragment = _ref8.renderWithFragment,\n children = _ref8.children,\n viewClassName = _ref8.viewClassName,\n style = _ref8.style,\n props = _objectWithoutProperties(_ref8, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isMobileOnly ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar SmartTVView = function SmartTVView(_ref9) {\n var renderWithFragment = _ref9.renderWithFragment,\n children = _ref9.children,\n viewClassName = _ref9.viewClassName,\n style = _ref9.style,\n props = _objectWithoutProperties(_ref9, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isSmartTV ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar ConsoleView = function ConsoleView(_ref10) {\n var renderWithFragment = _ref10.renderWithFragment,\n children = _ref10.children,\n viewClassName = _ref10.viewClassName,\n style = _ref10.style,\n props = _objectWithoutProperties(_ref10, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isConsole ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar WearableView = function WearableView(_ref11) {\n var renderWithFragment = _ref11.renderWithFragment,\n children = _ref11.children,\n viewClassName = _ref11.viewClassName,\n style = _ref11.style,\n props = _objectWithoutProperties(_ref11, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isWearable ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar CustomView = function CustomView(_ref12) {\n var renderWithFragment = _ref12.renderWithFragment,\n children = _ref12.children,\n viewClassName = _ref12.viewClassName,\n style = _ref12.style,\n condition = _ref12.condition,\n props = _objectWithoutProperties(_ref12, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\", \"condition\"]);\n\n return condition ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nfunction withOrientationChange(WrappedComponent) {\n return /*#__PURE__*/function (_React$Component) {\n _inherits(_class, _React$Component);\n\n function _class(props) {\n var _this;\n\n _classCallCheck(this, _class);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, props));\n _this.isEventListenerAdded = false;\n _this.handleOrientationChange = _this.handleOrientationChange.bind(_assertThisInitialized(_this));\n _this.onOrientationChange = _this.onOrientationChange.bind(_assertThisInitialized(_this));\n _this.onPageLoad = _this.onPageLoad.bind(_assertThisInitialized(_this));\n _this.state = {\n isLandscape: false,\n isPortrait: false\n };\n return _this;\n }\n\n _createClass(_class, [{\n key: \"handleOrientationChange\",\n value: function handleOrientationChange() {\n if (!this.isEventListenerAdded) {\n this.isEventListenerAdded = true;\n }\n\n var orientation = window.innerWidth > window.innerHeight ? 90 : 0;\n this.setState({\n isPortrait: orientation === 0,\n isLandscape: orientation === 90\n });\n }\n }, {\n key: \"onOrientationChange\",\n value: function onOrientationChange() {\n this.handleOrientationChange();\n }\n }, {\n key: \"onPageLoad\",\n value: function onPageLoad() {\n this.handleOrientationChange();\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if ((typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) !== undefined && isMobile) {\n if (!this.isEventListenerAdded) {\n this.handleOrientationChange();\n window.addEventListener(\"load\", this.onPageLoad, false);\n } else {\n window.removeEventListener(\"load\", this.onPageLoad, false);\n }\n\n window.addEventListener(\"resize\", this.onOrientationChange, false);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n window.removeEventListener(\"resize\", this.onOrientationChange, false);\n }\n }, {\n key: \"render\",\n value: function render() {\n return React__default.createElement(WrappedComponent, _extends({}, this.props, {\n isLandscape: this.state.isLandscape,\n isPortrait: this.state.isPortrait\n }));\n }\n }]);\n\n return _class;\n }(React__default.Component);\n}\n\nexports.AndroidView = AndroidView;\nexports.BrowserTypes = BrowserTypes;\nexports.BrowserView = BrowserView;\nexports.ConsoleView = ConsoleView;\nexports.CustomView = CustomView;\nexports.IEView = IEView;\nexports.IOSView = IOSView;\nexports.MobileOnlyView = MobileOnlyView;\nexports.MobileView = MobileView;\nexports.OsTypes = OsTypes;\nexports.SmartTVView = SmartTVView;\nexports.TabletView = TabletView;\nexports.WearableView = WearableView;\nexports.WinPhoneView = WinPhoneView;\nexports.browserName = browserName;\nexports.browserVersion = browserVersion;\nexports.deviceDetect = deviceDetect;\nexports.deviceType = deviceType;\nexports.engineName = engineName;\nexports.engineVersion = engineVersion;\nexports.fullBrowserVersion = fullBrowserVersion;\nexports.getUA = getUA;\nexports.isAndroid = isAndroid;\nexports.isBrowser = isBrowser;\nexports.isChrome = isChrome;\nexports.isChromium = isChromium;\nexports.isConsole = isConsole;\nexports.isDesktop = isDesktop;\nexports.isEdge = isEdge;\nexports.isEdgeChromium = isEdgeChromium;\nexports.isElectron = isElectron;\nexports.isFirefox = isFirefox;\nexports.isIE = isIE;\nexports.isIOS = isIOS;\nexports.isIOS13 = isIOS13;\nexports.isIPad13 = isIPad13;\nexports.isIPhone13 = isIPhone13;\nexports.isIPod13 = isIPod13;\nexports.isLegacyEdge = isLegacyEdge;\nexports.isMIUI = isMIUI;\nexports.isMacOs = isMacOs;\nexports.isMobile = isMobile;\nexports.isMobileOnly = isMobileOnly;\nexports.isMobileSafari = isMobileSafari;\nexports.isOpera = isOpera;\nexports.isSafari = isSafari;\nexports.isSamsungBrowser = isSamsungBrowser;\nexports.isSmartTV = isSmartTV;\nexports.isTablet = isTablet;\nexports.isWearable = isWearable;\nexports.isWinPhone = isWinPhone;\nexports.isWindows = isWindows;\nexports.isYandex = isYandex;\nexports.mobileModel = mobileModel;\nexports.mobileVendor = mobileVendor;\nexports.osName = osName;\nexports.osVersion = osVersion;\nexports.withOrientationChange = withOrientationChange;","/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\n/**\n * Memo class used for decycle json objects. Uses WeakSet if available otherwise array.\n */\nvar Memo =\n/** @class */\nfunction () {\n function Memo() {\n this._hasWeakSet = typeof WeakSet === 'function';\n this._inner = this._hasWeakSet ? new WeakSet() : [];\n }\n /**\n * Sets obj to remember.\n * @param obj Object to remember\n */\n\n\n Memo.prototype.memoize = function (obj) {\n if (this._hasWeakSet) {\n if (this._inner.has(obj)) {\n return true;\n }\n\n this._inner.add(obj);\n\n return false;\n } // eslint-disable-next-line @typescript-eslint/prefer-for-of\n\n\n for (var i = 0; i < this._inner.length; i++) {\n var value = this._inner[i];\n\n if (value === obj) {\n return true;\n }\n }\n\n this._inner.push(obj);\n\n return false;\n };\n /**\n * Removes object from internal storage.\n * @param obj Object to forget\n */\n\n\n Memo.prototype.unmemoize = function (obj) {\n if (this._hasWeakSet) {\n this._inner.delete(obj);\n } else {\n for (var i = 0; i < this._inner.length; i++) {\n if (this._inner[i] === obj) {\n this._inner.splice(i, 1);\n\n break;\n }\n }\n }\n };\n\n return Memo;\n}();\n\nexport { Memo };","import { addInstrumentationHandler, logger } from '@sentry/utils';\nimport { SpanStatus } from './spanstatus';\nimport { getActiveTransaction } from './utils';\n/**\n * Configures global error listeners\n */\n\nexport function registerErrorInstrumentation() {\n addInstrumentationHandler({\n callback: errorCallback,\n type: 'error'\n });\n addInstrumentationHandler({\n callback: errorCallback,\n type: 'unhandledrejection'\n });\n}\n/**\n * If an error or unhandled promise occurs, we mark the active transaction as failed\n */\n\nfunction errorCallback() {\n var activeTransaction = getActiveTransaction();\n\n if (activeTransaction) {\n logger.log(\"[Tracing] Transaction: \" + SpanStatus.InternalError + \" -> Global error occured\");\n activeTransaction.setStatus(SpanStatus.InternalError);\n }\n}","import { getGlobalObject, logger } from '@sentry/utils';\nimport { SpanStatus } from '../spanstatus';\nimport { getActiveTransaction } from '../utils';\nvar global = getGlobalObject();\n/**\n * Add a listener that cancels and finishes a transaction when the global\n * document is hidden.\n */\n\nexport function registerBackgroundTabDetection() {\n if (global && global.document) {\n global.document.addEventListener('visibilitychange', function () {\n var activeTransaction = getActiveTransaction();\n\n if (global.document.hidden && activeTransaction) {\n logger.log(\"[Tracing] Transaction: \" + SpanStatus.Cancelled + \" -> since tab moved to the background, op: \" + activeTransaction.op); // We should not set status if it is already set, this prevent important statuses like\n // error or data loss from being overwritten on transaction.\n\n if (!activeTransaction.status) {\n activeTransaction.setStatus(SpanStatus.Cancelled);\n }\n\n activeTransaction.setTag('visibilitychange', 'document.hidden');\n activeTransaction.finish();\n }\n });\n } else {\n logger.warn('[Tracing] Could not set up background tab detection due to lack of global document');\n }\n}","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport var bindReporter = function bindReporter(callback, metric, reportAllChanges) {\n var prevValue;\n return function (forceReport) {\n if (metric.value >= 0) {\n if (forceReport || reportAllChanges) {\n metric.delta = metric.value - (prevValue || 0); // Report the metric if there's a non-zero delta or if no previous\n // value exists (which can happen in the case of the document becoming\n // hidden when the metric value is 0).\n // See: https://github.com/GoogleChrome/web-vitals/issues/14\n\n if (metric.delta || prevValue === undefined) {\n prevValue = metric.value;\n callback(metric);\n }\n }\n }\n };\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { generateUniqueID } from './generateUniqueID';\nexport var initMetric = function initMetric(name, value) {\n return {\n name: name,\n value: value !== null && value !== void 0 ? value : -1,\n delta: 0,\n entries: [],\n id: generateUniqueID()\n };\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Performantly generate a unique, 30-char string by combining a version\n * number, the current timestamp with a 13-digit number integer.\n * @return {string}\n */\nexport var generateUniqueID = function generateUniqueID() {\n return \"v2-\" + Date.now() + \"-\" + (Math.floor(Math.random() * (9e12 - 1)) + 1e12);\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Takes a performance entry type and a callback function, and creates a\n * `PerformanceObserver` instance that will observe the specified entry type\n * with buffering enabled and call the callback _for each entry_.\n *\n * This function also feature-detects entry support and wraps the logic in a\n * try/catch to avoid errors in unsupporting browsers.\n */\nexport var observe = function observe(type, callback) {\n try {\n if (PerformanceObserver.supportedEntryTypes.includes(type)) {\n // More extensive feature detect needed for Firefox due to:\n // https://github.com/GoogleChrome/web-vitals/issues/142\n if (type === 'first-input' && !('PerformanceEventTiming' in self)) {\n return;\n }\n\n var po = new PerformanceObserver(function (l) {\n return l.getEntries().map(callback);\n });\n po.observe({\n type: type,\n buffered: true\n });\n return po;\n }\n } catch (e) {// Do nothing.\n }\n\n return;\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport var onHidden = function onHidden(cb, once) {\n var onHiddenOrPageHide = function onHiddenOrPageHide(event) {\n if (event.type === 'pagehide' || document.visibilityState === 'hidden') {\n cb(event);\n\n if (once) {\n removeEventListener('visibilitychange', onHiddenOrPageHide, true);\n removeEventListener('pagehide', onHiddenOrPageHide, true);\n }\n }\n };\n\n addEventListener('visibilitychange', onHiddenOrPageHide, true); // Some browsers have buggy implementations of visibilitychange,\n // so we use pagehide in addition, just to be safe.\n\n addEventListener('pagehide', onHiddenOrPageHide, true);\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { onHidden } from './onHidden';\nvar firstHiddenTime = -1;\n\nvar initHiddenTime = function initHiddenTime() {\n return document.visibilityState === 'hidden' ? 0 : Infinity;\n};\n\nvar trackChanges = function trackChanges() {\n // Update the time if/when the document becomes hidden.\n onHidden(function (_a) {\n var timeStamp = _a.timeStamp;\n firstHiddenTime = timeStamp;\n }, true);\n};\n\nexport var getVisibilityWatcher = function getVisibilityWatcher() {\n if (firstHiddenTime < 0) {\n // If the document is hidden when this code runs, assume it was hidden\n // since navigation start. This isn't a perfect heuristic, but it's the\n // best we can do until an API is available to support querying past\n // visibilityState.\n firstHiddenTime = initHiddenTime();\n trackChanges();\n }\n\n return {\n get firstHiddenTime() {\n return firstHiddenTime;\n }\n\n };\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { bindReporter } from './lib/bindReporter';\nimport { getVisibilityWatcher } from './lib/getVisibilityWatcher';\nimport { initMetric } from './lib/initMetric';\nimport { observe } from './lib/observe';\nimport { onHidden } from './lib/onHidden';\nvar reportedMetricIDs = {};\nexport var getLCP = function getLCP(onReport, reportAllChanges) {\n var visibilityWatcher = getVisibilityWatcher();\n var metric = initMetric('LCP');\n var report;\n\n var entryHandler = function entryHandler(entry) {\n // The startTime attribute returns the value of the renderTime if it is not 0,\n // and the value of the loadTime otherwise.\n var value = entry.startTime; // If the page was hidden prior to paint time of the entry,\n // ignore it and mark the metric as final, otherwise add the entry.\n\n if (value < visibilityWatcher.firstHiddenTime) {\n metric.value = value;\n metric.entries.push(entry);\n }\n\n if (report) {\n report();\n }\n };\n\n var po = observe('largest-contentful-paint', entryHandler);\n\n if (po) {\n report = bindReporter(onReport, metric, reportAllChanges);\n\n var stopListening_1 = function stopListening_1() {\n if (!reportedMetricIDs[metric.id]) {\n po.takeRecords().map(entryHandler);\n po.disconnect();\n reportedMetricIDs[metric.id] = true;\n report(true);\n }\n }; // Stop listening after input. Note: while scrolling is an input that\n // stop LCP observation, it's unreliable since it can be programmatically\n // generated. See: https://github.com/GoogleChrome/web-vitals/issues/75\n\n\n ['keydown', 'click'].forEach(function (type) {\n addEventListener(type, stopListening_1, {\n once: true,\n capture: true\n });\n });\n onHidden(stopListening_1, true);\n }\n};","import { __assign, __rest } from \"tslib\";\nimport { browserPerformanceTimeOrigin, getGlobalObject, htmlTreeAsString, isNodeEnv, logger } from '@sentry/utils';\nimport { msToSec } from '../utils';\nimport { getCLS } from './web-vitals/getCLS';\nimport { getFID } from './web-vitals/getFID';\nimport { getLCP } from './web-vitals/getLCP';\nimport { getVisibilityWatcher } from './web-vitals/lib/getVisibilityWatcher';\nvar global = getGlobalObject();\n/** Class tracking metrics */\n\nvar MetricsInstrumentation = function () {\n function MetricsInstrumentation() {\n var _a, _b;\n\n this._measurements = {};\n this._performanceCursor = 0;\n\n if (!isNodeEnv() && ((_a = global) === null || _a === void 0 ? void 0 : _a.performance) && ((_b = global) === null || _b === void 0 ? void 0 : _b.document)) {\n if (global.performance.mark) {\n global.performance.mark('sentry-tracing-init');\n }\n\n this._trackCLS();\n\n this._trackLCP();\n\n this._trackFID();\n }\n }\n /** Add performance related spans to a transaction */\n\n\n MetricsInstrumentation.prototype.addPerformanceEntries = function (transaction) {\n var _this = this;\n\n if (!global || !global.performance || !global.performance.getEntries || !browserPerformanceTimeOrigin) {\n // Gatekeeper if performance API not available\n return;\n }\n\n logger.log('[Tracing] Adding & adjusting spans using Performance API');\n var timeOrigin = msToSec(browserPerformanceTimeOrigin);\n var entryScriptSrc;\n\n if (global.document && global.document.scripts) {\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (var i = 0; i < global.document.scripts.length; i++) {\n // We go through all scripts on the page and look for 'data-entry'\n // We remember the name and measure the time between this script finished loading and\n // our mark 'sentry-tracing-init'\n if (global.document.scripts[i].dataset.entry === 'true') {\n entryScriptSrc = global.document.scripts[i].src;\n break;\n }\n }\n }\n\n var entryScriptStartTimestamp;\n var tracingInitMarkStartTime;\n var responseStartTimestamp;\n var requestStartTimestamp;\n global.performance.getEntries().slice(this._performanceCursor).forEach(function (entry) {\n var startTime = msToSec(entry.startTime);\n var duration = msToSec(entry.duration);\n\n if (transaction.op === 'navigation' && timeOrigin + startTime < transaction.startTimestamp) {\n return;\n }\n\n switch (entry.entryType) {\n case 'navigation':\n {\n addNavigationSpans(transaction, entry, timeOrigin);\n responseStartTimestamp = timeOrigin + msToSec(entry.responseStart);\n requestStartTimestamp = timeOrigin + msToSec(entry.requestStart);\n break;\n }\n\n case 'mark':\n case 'paint':\n case 'measure':\n {\n var startTimestamp = addMeasureSpans(transaction, entry, startTime, duration, timeOrigin);\n\n if (tracingInitMarkStartTime === undefined && entry.name === 'sentry-tracing-init') {\n tracingInitMarkStartTime = startTimestamp;\n } // capture web vitals\n\n\n var firstHidden = getVisibilityWatcher(); // Only report if the page wasn't hidden prior to the web vital.\n\n var shouldRecord = entry.startTime < firstHidden.firstHiddenTime;\n\n if (entry.name === 'first-paint' && shouldRecord) {\n logger.log('[Measurements] Adding FP');\n _this._measurements['fp'] = {\n value: entry.startTime\n };\n _this._measurements['mark.fp'] = {\n value: startTimestamp\n };\n }\n\n if (entry.name === 'first-contentful-paint' && shouldRecord) {\n logger.log('[Measurements] Adding FCP');\n _this._measurements['fcp'] = {\n value: entry.startTime\n };\n _this._measurements['mark.fcp'] = {\n value: startTimestamp\n };\n }\n\n break;\n }\n\n case 'resource':\n {\n var resourceName = entry.name.replace(window.location.origin, '');\n var endTimestamp = addResourceSpans(transaction, entry, resourceName, startTime, duration, timeOrigin); // We remember the entry script end time to calculate the difference to the first init mark\n\n if (entryScriptStartTimestamp === undefined && (entryScriptSrc || '').indexOf(resourceName) > -1) {\n entryScriptStartTimestamp = endTimestamp;\n }\n\n break;\n }\n\n default: // Ignore other entry types.\n\n }\n });\n\n if (entryScriptStartTimestamp !== undefined && tracingInitMarkStartTime !== undefined) {\n _startChild(transaction, {\n description: 'evaluation',\n endTimestamp: tracingInitMarkStartTime,\n op: 'script',\n startTimestamp: entryScriptStartTimestamp\n });\n }\n\n this._performanceCursor = Math.max(performance.getEntries().length - 1, 0);\n\n this._trackNavigator(transaction); // Measurements are only available for pageload transactions\n\n\n if (transaction.op === 'pageload') {\n // normalize applicable web vital values to be relative to transaction.startTimestamp\n var timeOrigin_1 = msToSec(browserPerformanceTimeOrigin); // Generate TTFB (Time to First Byte), which measured as the time between the beginning of the transaction and the\n // start of the response in milliseconds\n\n if (typeof responseStartTimestamp === 'number') {\n logger.log('[Measurements] Adding TTFB');\n this._measurements['ttfb'] = {\n value: (responseStartTimestamp - transaction.startTimestamp) * 1000\n };\n\n if (typeof requestStartTimestamp === 'number' && requestStartTimestamp <= responseStartTimestamp) {\n // Capture the time spent making the request and receiving the first byte of the response.\n // This is the time between the start of the request and the start of the response in milliseconds.\n this._measurements['ttfb.requestTime'] = {\n value: (responseStartTimestamp - requestStartTimestamp) * 1000\n };\n }\n }\n\n ['fcp', 'fp', 'lcp'].forEach(function (name) {\n if (!_this._measurements[name] || timeOrigin_1 >= transaction.startTimestamp) {\n return;\n } // The web vitals, fcp, fp, lcp, and ttfb, all measure relative to timeOrigin.\n // Unfortunately, timeOrigin is not captured within the transaction span data, so these web vitals will need\n // to be adjusted to be relative to transaction.startTimestamp.\n\n\n var oldValue = _this._measurements[name].value;\n var measurementTimestamp = timeOrigin_1 + msToSec(oldValue); // normalizedValue should be in milliseconds\n\n var normalizedValue = Math.abs((measurementTimestamp - transaction.startTimestamp) * 1000);\n var delta = normalizedValue - oldValue;\n logger.log(\"[Measurements] Normalized \" + name + \" from \" + oldValue + \" to \" + normalizedValue + \" (\" + delta + \")\");\n _this._measurements[name].value = normalizedValue;\n });\n\n if (this._measurements['mark.fid'] && this._measurements['fid']) {\n // create span for FID\n _startChild(transaction, {\n description: 'first input delay',\n endTimestamp: this._measurements['mark.fid'].value + msToSec(this._measurements['fid'].value),\n op: 'web.vitals',\n startTimestamp: this._measurements['mark.fid'].value\n });\n } // If FCP is not recorded we should not record the cls value\n // according to the new definition of CLS.\n\n\n if (!('fcp' in this._measurements)) {\n delete this._measurements.cls;\n }\n\n transaction.setMeasurements(this._measurements);\n\n this._tagMetricInfo(transaction);\n }\n };\n /** Add LCP / CLS data to transaction to allow debugging */\n\n\n MetricsInstrumentation.prototype._tagMetricInfo = function (transaction) {\n if (this._lcpEntry) {\n logger.log('[Measurements] Adding LCP Data'); // Capture Properties of the LCP element that contributes to the LCP.\n\n if (this._lcpEntry.element) {\n transaction.setTag('lcp.element', htmlTreeAsString(this._lcpEntry.element));\n }\n\n if (this._lcpEntry.id) {\n transaction.setTag('lcp.id', this._lcpEntry.id);\n }\n\n if (this._lcpEntry.url) {\n // Trim URL to the first 200 characters.\n transaction.setTag('lcp.url', this._lcpEntry.url.trim().slice(0, 200));\n }\n\n transaction.setTag('lcp.size', this._lcpEntry.size);\n } // See: https://developer.mozilla.org/en-US/docs/Web/API/LayoutShift\n\n\n if (this._clsEntry && this._clsEntry.sources) {\n logger.log('[Measurements] Adding CLS Data');\n\n this._clsEntry.sources.forEach(function (source, index) {\n return transaction.setTag(\"cls.source.\" + (index + 1), htmlTreeAsString(source.node));\n });\n }\n };\n /** Starts tracking the Cumulative Layout Shift on the current page. */\n\n\n MetricsInstrumentation.prototype._trackCLS = function () {\n var _this = this; // See:\n // https://web.dev/evolving-cls/\n // https://web.dev/cls-web-tooling/\n\n\n getCLS(function (metric) {\n var entry = metric.entries.pop();\n\n if (!entry) {\n return;\n }\n\n logger.log('[Measurements] Adding CLS');\n _this._measurements['cls'] = {\n value: metric.value\n };\n _this._clsEntry = entry;\n });\n };\n /**\n * Capture the information of the user agent.\n */\n\n\n MetricsInstrumentation.prototype._trackNavigator = function (transaction) {\n var navigator = global.navigator;\n\n if (!navigator) {\n return;\n } // track network connectivity\n\n\n var connection = navigator.connection;\n\n if (connection) {\n if (connection.effectiveType) {\n transaction.setTag('effectiveConnectionType', connection.effectiveType);\n }\n\n if (connection.type) {\n transaction.setTag('connectionType', connection.type);\n }\n\n if (isMeasurementValue(connection.rtt)) {\n this._measurements['connection.rtt'] = {\n value: connection.rtt\n };\n }\n\n if (isMeasurementValue(connection.downlink)) {\n this._measurements['connection.downlink'] = {\n value: connection.downlink\n };\n }\n }\n\n if (isMeasurementValue(navigator.deviceMemory)) {\n transaction.setTag('deviceMemory', String(navigator.deviceMemory));\n }\n\n if (isMeasurementValue(navigator.hardwareConcurrency)) {\n transaction.setTag('hardwareConcurrency', String(navigator.hardwareConcurrency));\n }\n };\n /** Starts tracking the Largest Contentful Paint on the current page. */\n\n\n MetricsInstrumentation.prototype._trackLCP = function () {\n var _this = this;\n\n getLCP(function (metric) {\n var entry = metric.entries.pop();\n\n if (!entry) {\n return;\n }\n\n var timeOrigin = msToSec(browserPerformanceTimeOrigin);\n var startTime = msToSec(entry.startTime);\n logger.log('[Measurements] Adding LCP');\n _this._measurements['lcp'] = {\n value: metric.value\n };\n _this._measurements['mark.lcp'] = {\n value: timeOrigin + startTime\n };\n _this._lcpEntry = entry;\n });\n };\n /** Starts tracking the First Input Delay on the current page. */\n\n\n MetricsInstrumentation.prototype._trackFID = function () {\n var _this = this;\n\n getFID(function (metric) {\n var entry = metric.entries.pop();\n\n if (!entry) {\n return;\n }\n\n var timeOrigin = msToSec(browserPerformanceTimeOrigin);\n var startTime = msToSec(entry.startTime);\n logger.log('[Measurements] Adding FID');\n _this._measurements['fid'] = {\n value: metric.value\n };\n _this._measurements['mark.fid'] = {\n value: timeOrigin + startTime\n };\n });\n };\n\n return MetricsInstrumentation;\n}();\n\nexport { MetricsInstrumentation };\n/** Instrument navigation entries */\n\nfunction addNavigationSpans(transaction, entry, timeOrigin) {\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'unloadEvent',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'redirect',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'domContentLoadedEvent',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'loadEvent',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'connect',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'secureConnection',\n timeOrigin: timeOrigin,\n eventEnd: 'connectEnd',\n description: 'TLS/SSL'\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'fetch',\n timeOrigin: timeOrigin,\n eventEnd: 'domainLookupStart',\n description: 'cache'\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'domainLookup',\n timeOrigin: timeOrigin,\n description: 'DNS'\n });\n addRequest(transaction, entry, timeOrigin);\n}\n/** Create measure related spans */\n\n\nfunction addMeasureSpans(transaction, entry, startTime, duration, timeOrigin) {\n var measureStartTimestamp = timeOrigin + startTime;\n var measureEndTimestamp = measureStartTimestamp + duration;\n\n _startChild(transaction, {\n description: entry.name,\n endTimestamp: measureEndTimestamp,\n op: entry.entryType,\n startTimestamp: measureStartTimestamp\n });\n\n return measureStartTimestamp;\n}\n/** Create resource-related spans */\n\n\nexport function addResourceSpans(transaction, entry, resourceName, startTime, duration, timeOrigin) {\n // we already instrument based on fetch and xhr, so we don't need to\n // duplicate spans here.\n if (entry.initiatorType === 'xmlhttprequest' || entry.initiatorType === 'fetch') {\n return undefined;\n }\n\n var data = {};\n\n if ('transferSize' in entry) {\n data['Transfer Size'] = entry.transferSize;\n }\n\n if ('encodedBodySize' in entry) {\n data['Encoded Body Size'] = entry.encodedBodySize;\n }\n\n if ('decodedBodySize' in entry) {\n data['Decoded Body Size'] = entry.decodedBodySize;\n }\n\n var startTimestamp = timeOrigin + startTime;\n var endTimestamp = startTimestamp + duration;\n\n _startChild(transaction, {\n description: resourceName,\n endTimestamp: endTimestamp,\n op: entry.initiatorType ? \"resource.\" + entry.initiatorType : 'resource',\n startTimestamp: startTimestamp,\n data: data\n });\n\n return endTimestamp;\n}\n/** Create performance navigation related spans */\n\nfunction addPerformanceNavigationTiming(props) {\n var transaction = props.transaction,\n entry = props.entry,\n event = props.event,\n timeOrigin = props.timeOrigin,\n eventEnd = props.eventEnd,\n description = props.description;\n var end = eventEnd ? entry[eventEnd] : entry[event + \"End\"];\n var start = entry[event + \"Start\"];\n\n if (!start || !end) {\n return;\n }\n\n _startChild(transaction, {\n op: 'browser',\n description: description !== null && description !== void 0 ? description : event,\n startTimestamp: timeOrigin + msToSec(start),\n endTimestamp: timeOrigin + msToSec(end)\n });\n}\n/** Create request and response related spans */\n\n\nfunction addRequest(transaction, entry, timeOrigin) {\n _startChild(transaction, {\n op: 'browser',\n description: 'request',\n startTimestamp: timeOrigin + msToSec(entry.requestStart),\n endTimestamp: timeOrigin + msToSec(entry.responseEnd)\n });\n\n _startChild(transaction, {\n op: 'browser',\n description: 'response',\n startTimestamp: timeOrigin + msToSec(entry.responseStart),\n endTimestamp: timeOrigin + msToSec(entry.responseEnd)\n });\n}\n/**\n * Helper function to start child on transactions. This function will make sure that the transaction will\n * use the start timestamp of the created child span if it is earlier than the transactions actual\n * start timestamp.\n */\n\n\nexport function _startChild(transaction, _a) {\n var startTimestamp = _a.startTimestamp,\n ctx = __rest(_a, [\"startTimestamp\"]);\n\n if (startTimestamp && transaction.startTimestamp > startTimestamp) {\n transaction.startTimestamp = startTimestamp;\n }\n\n return transaction.startChild(__assign({\n startTimestamp: startTimestamp\n }, ctx));\n}\n/**\n * Checks if a given value is a valid measurement value.\n */\n\nfunction isMeasurementValue(value) {\n return typeof value === 'number' && isFinite(value);\n}","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { bindReporter } from './lib/bindReporter';\nimport { initMetric } from './lib/initMetric';\nimport { observe } from './lib/observe';\nimport { onHidden } from './lib/onHidden';\nexport var getCLS = function getCLS(onReport, reportAllChanges) {\n var metric = initMetric('CLS', 0);\n var report;\n var sessionValue = 0;\n var sessionEntries = [];\n\n var entryHandler = function entryHandler(entry) {\n // Only count layout shifts without recent user input.\n // TODO: Figure out why entry can be undefined\n if (entry && !entry.hadRecentInput) {\n var firstSessionEntry = sessionEntries[0];\n var lastSessionEntry = sessionEntries[sessionEntries.length - 1]; // If the entry occurred less than 1 second after the previous entry and\n // less than 5 seconds after the first entry in the session, include the\n // entry in the current session. Otherwise, start a new session.\n\n if (sessionValue && sessionEntries.length !== 0 && entry.startTime - lastSessionEntry.startTime < 1000 && entry.startTime - firstSessionEntry.startTime < 5000) {\n sessionValue += entry.value;\n sessionEntries.push(entry);\n } else {\n sessionValue = entry.value;\n sessionEntries = [entry];\n } // If the current session value is larger than the current CLS value,\n // update CLS and the entries contributing to it.\n\n\n if (sessionValue > metric.value) {\n metric.value = sessionValue;\n metric.entries = sessionEntries;\n\n if (report) {\n report();\n }\n }\n }\n };\n\n var po = observe('layout-shift', entryHandler);\n\n if (po) {\n report = bindReporter(onReport, metric, reportAllChanges);\n onHidden(function () {\n po.takeRecords().map(entryHandler);\n report(true);\n });\n }\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { bindReporter } from './lib/bindReporter';\nimport { getVisibilityWatcher } from './lib/getVisibilityWatcher';\nimport { initMetric } from './lib/initMetric';\nimport { observe } from './lib/observe';\nimport { onHidden } from './lib/onHidden';\nexport var getFID = function getFID(onReport, reportAllChanges) {\n var visibilityWatcher = getVisibilityWatcher();\n var metric = initMetric('FID');\n var report;\n\n var entryHandler = function entryHandler(entry) {\n // Only report if the page wasn't hidden prior to the first input.\n if (report && entry.startTime < visibilityWatcher.firstHiddenTime) {\n metric.value = entry.processingStart - entry.startTime;\n metric.entries.push(entry);\n report(true);\n }\n };\n\n var po = observe('first-input', entryHandler);\n\n if (po) {\n report = bindReporter(onReport, metric, reportAllChanges);\n onHidden(function () {\n po.takeRecords().map(entryHandler);\n po.disconnect();\n }, true);\n }\n};","import { __assign, __read, __spread } from \"tslib\";\nimport { addInstrumentationHandler, isInstanceOf, isMatchingPattern } from '@sentry/utils';\nimport { SpanStatus } from '../spanstatus';\nimport { getActiveTransaction, hasTracingEnabled } from '../utils';\nexport var DEFAULT_TRACING_ORIGINS = ['localhost', /^\\//];\nexport var defaultRequestInstrumentationOptions = {\n traceFetch: true,\n traceXHR: true,\n tracingOrigins: DEFAULT_TRACING_ORIGINS\n};\n/** Registers span creators for xhr and fetch requests */\n\nexport function instrumentOutgoingRequests(_options) {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n var _a = __assign(__assign({}, defaultRequestInstrumentationOptions), _options),\n traceFetch = _a.traceFetch,\n traceXHR = _a.traceXHR,\n tracingOrigins = _a.tracingOrigins,\n shouldCreateSpanForRequest = _a.shouldCreateSpanForRequest; // We should cache url -> decision so that we don't have to compute\n // regexp everytime we create a request.\n\n\n var urlMap = {};\n\n var defaultShouldCreateSpan = function defaultShouldCreateSpan(url) {\n if (urlMap[url]) {\n return urlMap[url];\n }\n\n var origins = tracingOrigins;\n urlMap[url] = origins.some(function (origin) {\n return isMatchingPattern(url, origin);\n }) && !isMatchingPattern(url, 'sentry_key');\n return urlMap[url];\n }; // We want that our users don't have to re-implement shouldCreateSpanForRequest themselves\n // That's why we filter out already unwanted Spans from tracingOrigins\n\n\n var shouldCreateSpan = defaultShouldCreateSpan;\n\n if (typeof shouldCreateSpanForRequest === 'function') {\n shouldCreateSpan = function shouldCreateSpan(url) {\n return defaultShouldCreateSpan(url) && shouldCreateSpanForRequest(url);\n };\n }\n\n var spans = {};\n\n if (traceFetch) {\n addInstrumentationHandler({\n callback: function callback(handlerData) {\n fetchCallback(handlerData, shouldCreateSpan, spans);\n },\n type: 'fetch'\n });\n }\n\n if (traceXHR) {\n addInstrumentationHandler({\n callback: function callback(handlerData) {\n xhrCallback(handlerData, shouldCreateSpan, spans);\n },\n type: 'xhr'\n });\n }\n}\n/**\n * Create and track fetch request spans\n */\n\nexport function fetchCallback(handlerData, shouldCreateSpan, spans) {\n if (!hasTracingEnabled() || !(handlerData.fetchData && shouldCreateSpan(handlerData.fetchData.url))) {\n return;\n }\n\n if (handlerData.endTimestamp && handlerData.fetchData.__span) {\n var span = spans[handlerData.fetchData.__span];\n\n if (span) {\n if (handlerData.response) {\n // TODO (kmclb) remove this once types PR goes through\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n span.setHttpStatus(handlerData.response.status);\n } else if (handlerData.error) {\n span.setStatus(SpanStatus.InternalError);\n }\n\n span.finish(); // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n\n delete spans[handlerData.fetchData.__span];\n }\n\n return;\n }\n\n var activeTransaction = getActiveTransaction();\n\n if (activeTransaction) {\n var span = activeTransaction.startChild({\n data: __assign(__assign({}, handlerData.fetchData), {\n type: 'fetch'\n }),\n description: handlerData.fetchData.method + \" \" + handlerData.fetchData.url,\n op: 'http.client'\n });\n handlerData.fetchData.__span = span.spanId;\n spans[span.spanId] = span;\n var request = handlerData.args[0] = handlerData.args[0]; // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n var options = handlerData.args[1] = handlerData.args[1] || {};\n var headers = options.headers;\n\n if (isInstanceOf(request, Request)) {\n headers = request.headers;\n }\n\n if (headers) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (typeof headers.append === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n headers.append('sentry-trace', span.toTraceparent());\n } else if (Array.isArray(headers)) {\n headers = __spread(headers, [['sentry-trace', span.toTraceparent()]]);\n } else {\n headers = __assign(__assign({}, headers), {\n 'sentry-trace': span.toTraceparent()\n });\n }\n } else {\n headers = {\n 'sentry-trace': span.toTraceparent()\n };\n }\n\n options.headers = headers;\n }\n}\n/**\n * Create and track xhr request spans\n */\n\nexport function xhrCallback(handlerData, shouldCreateSpan, spans) {\n var _a, _b;\n\n if (!hasTracingEnabled() || ((_a = handlerData.xhr) === null || _a === void 0 ? void 0 : _a.__sentry_own_request__) || !(((_b = handlerData.xhr) === null || _b === void 0 ? void 0 : _b.__sentry_xhr__) && shouldCreateSpan(handlerData.xhr.__sentry_xhr__.url))) {\n return;\n }\n\n var xhr = handlerData.xhr.__sentry_xhr__; // check first if the request has finished and is tracked by an existing span which should now end\n\n if (handlerData.endTimestamp && handlerData.xhr.__sentry_xhr_span_id__) {\n var span = spans[handlerData.xhr.__sentry_xhr_span_id__];\n\n if (span) {\n span.setHttpStatus(xhr.status_code);\n span.finish(); // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n\n delete spans[handlerData.xhr.__sentry_xhr_span_id__];\n }\n\n return;\n } // if not, create a new span to track it\n\n\n var activeTransaction = getActiveTransaction();\n\n if (activeTransaction) {\n var span = activeTransaction.startChild({\n data: __assign(__assign({}, xhr.data), {\n type: 'xhr',\n method: xhr.method,\n url: xhr.url\n }),\n description: xhr.method + \" \" + xhr.url,\n op: 'http.client'\n });\n handlerData.xhr.__sentry_xhr_span_id__ = span.spanId;\n spans[handlerData.xhr.__sentry_xhr_span_id__] = span;\n\n if (handlerData.xhr.setRequestHeader) {\n try {\n handlerData.xhr.setRequestHeader('sentry-trace', span.toTraceparent());\n } catch (_) {// Error: InvalidStateError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': The object's state must be OPENED.\n }\n }\n }\n}","import { addInstrumentationHandler, getGlobalObject, logger } from '@sentry/utils';\nvar global = getGlobalObject();\n/**\n * Default function implementing pageload and navigation transactions\n */\n\nexport function instrumentRoutingWithDefaults(customStartTransaction, startTransactionOnPageLoad, startTransactionOnLocationChange) {\n if (startTransactionOnPageLoad === void 0) {\n startTransactionOnPageLoad = true;\n }\n\n if (startTransactionOnLocationChange === void 0) {\n startTransactionOnLocationChange = true;\n }\n\n if (!global || !global.location) {\n logger.warn('Could not initialize routing instrumentation due to invalid location');\n return;\n }\n\n var startingUrl = global.location.href;\n var activeTransaction;\n\n if (startTransactionOnPageLoad) {\n activeTransaction = customStartTransaction({\n name: global.location.pathname,\n op: 'pageload'\n });\n }\n\n if (startTransactionOnLocationChange) {\n addInstrumentationHandler({\n callback: function callback(_a) {\n var to = _a.to,\n from = _a.from;\n /**\n * This early return is there to account for some cases where a navigation transaction starts right after\n * long-running pageload. We make sure that if `from` is undefined and a valid `startingURL` exists, we don't\n * create an uneccessary navigation transaction.\n *\n * This was hard to duplicate, but this behavior stopped as soon as this fix was applied. This issue might also\n * only be caused in certain development environments where the usage of a hot module reloader is causing\n * errors.\n */\n\n if (from === undefined && startingUrl && startingUrl.indexOf(to) !== -1) {\n startingUrl = undefined;\n return;\n }\n\n if (from !== to) {\n startingUrl = undefined;\n\n if (activeTransaction) {\n logger.log(\"[Tracing] Finishing current transaction with op: \" + activeTransaction.op); // If there's an open transaction on the scope, we need to finish it before creating an new one.\n\n activeTransaction.finish();\n }\n\n activeTransaction = customStartTransaction({\n name: global.location.pathname,\n op: 'navigation'\n });\n }\n },\n type: 'history'\n });\n }\n}","import { __assign } from \"tslib\";\nimport { getGlobalObject, logger } from '@sentry/utils';\nimport { startIdleTransaction } from '../hubextensions';\nimport { DEFAULT_IDLE_TIMEOUT } from '../idletransaction';\nimport { SpanStatus } from '../spanstatus';\nimport { extractTraceparentData, secToMs } from '../utils';\nimport { registerBackgroundTabDetection } from './backgroundtab';\nimport { MetricsInstrumentation } from './metrics';\nimport { defaultRequestInstrumentationOptions, instrumentOutgoingRequests } from './request';\nimport { instrumentRoutingWithDefaults } from './router';\nexport var DEFAULT_MAX_TRANSACTION_DURATION_SECONDS = 600;\n\nvar DEFAULT_BROWSER_TRACING_OPTIONS = __assign({\n idleTimeout: DEFAULT_IDLE_TIMEOUT,\n markBackgroundTransactions: true,\n maxTransactionDuration: DEFAULT_MAX_TRANSACTION_DURATION_SECONDS,\n routingInstrumentation: instrumentRoutingWithDefaults,\n startTransactionOnLocationChange: true,\n startTransactionOnPageLoad: true\n}, defaultRequestInstrumentationOptions);\n/**\n * The Browser Tracing integration automatically instruments browser pageload/navigation\n * actions as transactions, and captures requests, metrics and errors as spans.\n *\n * The integration can be configured with a variety of options, and can be extended to use\n * any routing library. This integration uses {@see IdleTransaction} to create transactions.\n */\n\n\nvar BrowserTracing =\n/** @class */\nfunction () {\n function BrowserTracing(_options) {\n /**\n * @inheritDoc\n */\n this.name = BrowserTracing.id;\n this._metrics = new MetricsInstrumentation();\n this._emitOptionsWarning = false;\n var tracingOrigins = defaultRequestInstrumentationOptions.tracingOrigins; // NOTE: Logger doesn't work in constructors, as it's initialized after integrations instances\n\n if (_options && _options.tracingOrigins && Array.isArray(_options.tracingOrigins) && _options.tracingOrigins.length !== 0) {\n tracingOrigins = _options.tracingOrigins;\n } else {\n this._emitOptionsWarning = true;\n }\n\n this.options = __assign(__assign(__assign({}, DEFAULT_BROWSER_TRACING_OPTIONS), _options), {\n tracingOrigins: tracingOrigins\n });\n }\n /**\n * @inheritDoc\n */\n\n\n BrowserTracing.prototype.setupOnce = function (_, getCurrentHub) {\n var _this = this;\n\n this._getCurrentHub = getCurrentHub;\n\n if (this._emitOptionsWarning) {\n logger.warn('[Tracing] You need to define `tracingOrigins` in the options. Set an array of urls or patterns to trace.');\n logger.warn(\"[Tracing] We added a reasonable default for you: \" + defaultRequestInstrumentationOptions.tracingOrigins);\n } // eslint-disable-next-line @typescript-eslint/unbound-method\n\n\n var _a = this.options,\n instrumentRouting = _a.routingInstrumentation,\n startTransactionOnLocationChange = _a.startTransactionOnLocationChange,\n startTransactionOnPageLoad = _a.startTransactionOnPageLoad,\n markBackgroundTransactions = _a.markBackgroundTransactions,\n traceFetch = _a.traceFetch,\n traceXHR = _a.traceXHR,\n tracingOrigins = _a.tracingOrigins,\n shouldCreateSpanForRequest = _a.shouldCreateSpanForRequest;\n instrumentRouting(function (context) {\n return _this._createRouteTransaction(context);\n }, startTransactionOnPageLoad, startTransactionOnLocationChange);\n\n if (markBackgroundTransactions) {\n registerBackgroundTabDetection();\n }\n\n instrumentOutgoingRequests({\n traceFetch: traceFetch,\n traceXHR: traceXHR,\n tracingOrigins: tracingOrigins,\n shouldCreateSpanForRequest: shouldCreateSpanForRequest\n });\n };\n /** Create routing idle transaction. */\n\n\n BrowserTracing.prototype._createRouteTransaction = function (context) {\n var _this = this;\n\n if (!this._getCurrentHub) {\n logger.warn(\"[Tracing] Did not create \" + context.op + \" transaction because _getCurrentHub is invalid.\");\n return undefined;\n } // eslint-disable-next-line @typescript-eslint/unbound-method\n\n\n var _a = this.options,\n beforeNavigate = _a.beforeNavigate,\n idleTimeout = _a.idleTimeout,\n maxTransactionDuration = _a.maxTransactionDuration;\n var parentContextFromHeader = context.op === 'pageload' ? getHeaderContext() : undefined;\n\n var expandedContext = __assign(__assign(__assign({}, context), parentContextFromHeader), {\n trimEnd: true\n });\n\n var modifiedContext = typeof beforeNavigate === 'function' ? beforeNavigate(expandedContext) : expandedContext; // For backwards compatibility reasons, beforeNavigate can return undefined to \"drop\" the transaction (prevent it\n // from being sent to Sentry).\n\n var finalContext = modifiedContext === undefined ? __assign(__assign({}, expandedContext), {\n sampled: false\n }) : modifiedContext;\n\n if (finalContext.sampled === false) {\n logger.log(\"[Tracing] Will not send \" + finalContext.op + \" transaction because of beforeNavigate.\");\n }\n\n logger.log(\"[Tracing] Starting \" + finalContext.op + \" transaction on scope\");\n\n var hub = this._getCurrentHub();\n\n var location = getGlobalObject().location;\n var idleTransaction = startIdleTransaction(hub, finalContext, idleTimeout, true, {\n location: location\n });\n idleTransaction.registerBeforeFinishCallback(function (transaction, endTimestamp) {\n _this._metrics.addPerformanceEntries(transaction);\n\n adjustTransactionDuration(secToMs(maxTransactionDuration), transaction, endTimestamp);\n });\n return idleTransaction;\n };\n /**\n * @inheritDoc\n */\n\n\n BrowserTracing.id = 'BrowserTracing';\n return BrowserTracing;\n}();\n\nexport { BrowserTracing };\n/**\n * Gets transaction context from a sentry-trace meta.\n *\n * @returns Transaction context data from the header or undefined if there's no header or the header is malformed\n */\n\nexport function getHeaderContext() {\n var header = getMetaContent('sentry-trace');\n\n if (header) {\n return extractTraceparentData(header);\n }\n\n return undefined;\n}\n/** Returns the value of a meta tag */\n\nexport function getMetaContent(metaName) {\n var el = document.querySelector(\"meta[name=\" + metaName + \"]\");\n return el ? el.getAttribute('content') : null;\n}\n/** Adjusts transaction value based on max transaction duration */\n\nfunction adjustTransactionDuration(maxDuration, transaction, endTimestamp) {\n var diff = endTimestamp - transaction.startTimestamp;\n var isOutdatedTransaction = endTimestamp && (diff > maxDuration || diff < 0);\n\n if (isOutdatedTransaction) {\n transaction.setStatus(SpanStatus.DeadlineExceeded);\n transaction.setTag('maxTransactionDurationExceeded', 'true');\n }\n}","import { __read, __spread } from \"tslib\";\nimport { logger } from '@sentry/utils';\n/**\n * Express integration\n *\n * Provides an request and error handler for Express framework as well as tracing capabilities\n */\n\nvar Express =\n/** @class */\nfunction () {\n /**\n * @inheritDoc\n */\n function Express(options) {\n if (options === void 0) {\n options = {};\n }\n /**\n * @inheritDoc\n */\n\n\n this.name = Express.id;\n this._router = options.router || options.app;\n this._methods = (Array.isArray(options.methods) ? options.methods : []).concat('use');\n }\n /**\n * @inheritDoc\n */\n\n\n Express.prototype.setupOnce = function () {\n if (!this._router) {\n logger.error('ExpressIntegration is missing an Express instance');\n return;\n }\n\n instrumentMiddlewares(this._router, this._methods);\n };\n /**\n * @inheritDoc\n */\n\n\n Express.id = 'Express';\n return Express;\n}();\n\nexport { Express };\n/**\n * Wraps original middleware function in a tracing call, which stores the info about the call as a span,\n * and finishes it once the middleware is done invoking.\n *\n * Express middlewares have 3 various forms, thus we have to take care of all of them:\n * // sync\n * app.use(function (req, res) { ... })\n * // async\n * app.use(function (req, res, next) { ... })\n * // error handler\n * app.use(function (err, req, res, next) { ... })\n *\n * They all internally delegate to the `router[method]` of the given application instance.\n */\n// eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-explicit-any\n\nfunction wrap(fn, method) {\n var arity = fn.length;\n\n switch (arity) {\n case 2:\n {\n return function (req, res) {\n var transaction = res.__sentry_transaction;\n\n if (transaction) {\n var span_1 = transaction.startChild({\n description: fn.name,\n op: \"middleware.\" + method\n });\n res.once('finish', function () {\n span_1.finish();\n });\n }\n\n return fn.call(this, req, res);\n };\n }\n\n case 3:\n {\n return function (req, res, next) {\n var _a;\n\n var transaction = res.__sentry_transaction;\n var span = (_a = transaction) === null || _a === void 0 ? void 0 : _a.startChild({\n description: fn.name,\n op: \"middleware.\" + method\n });\n fn.call(this, req, res, function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n next.call.apply(next, __spread([this], args));\n });\n };\n }\n\n case 4:\n {\n return function (err, req, res, next) {\n var _a;\n\n var transaction = res.__sentry_transaction;\n var span = (_a = transaction) === null || _a === void 0 ? void 0 : _a.startChild({\n description: fn.name,\n op: \"middleware.\" + method\n });\n fn.call(this, err, req, res, function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n next.call.apply(next, __spread([this], args));\n });\n };\n }\n\n default:\n {\n throw new Error(\"Express middleware takes 2-4 arguments. Got: \" + arity);\n }\n }\n}\n/**\n * Takes all the function arguments passed to the original `app` or `router` method, eg. `app.use` or `router.use`\n * and wraps every function, as well as array of functions with a call to our `wrap` method.\n * We have to take care of the arrays as well as iterate over all of the arguments,\n * as `app.use` can accept middlewares in few various forms.\n *\n * app.use([], )\n * app.use([], , ...)\n * app.use([], ...[])\n */\n\n\nfunction wrapMiddlewareArgs(args, method) {\n return args.map(function (arg) {\n if (typeof arg === 'function') {\n return wrap(arg, method);\n }\n\n if (Array.isArray(arg)) {\n return arg.map(function (a) {\n if (typeof a === 'function') {\n return wrap(a, method);\n }\n\n return a;\n });\n }\n\n return arg;\n });\n}\n/**\n * Patches original router to utilize our tracing functionality\n */\n\n\nfunction patchMiddleware(router, method) {\n var originalCallback = router[method];\n\n router[method] = function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n return originalCallback.call.apply(originalCallback, __spread([this], wrapMiddlewareArgs(args, method)));\n };\n\n return router;\n}\n/**\n * Patches original router methods\n */\n\n\nfunction instrumentMiddlewares(router, methods) {\n if (methods === void 0) {\n methods = [];\n }\n\n methods.forEach(function (method) {\n return patchMiddleware(router, method);\n });\n}","import { fill, isThenable, loadModule, logger } from '@sentry/utils';\n/** Tracing integration for node-postgres package */\n\nvar Postgres = function () {\n function Postgres(options) {\n if (options === void 0) {\n options = {};\n }\n /**\n * @inheritDoc\n */\n\n\n this.name = Postgres.id;\n this._usePgNative = !!options.usePgNative;\n }\n /**\n * @inheritDoc\n */\n\n\n Postgres.prototype.setupOnce = function (_, getCurrentHub) {\n var _a;\n\n var pkg = loadModule('pg');\n\n if (!pkg) {\n logger.error('Postgres Integration was unable to require `pg` package.');\n return;\n }\n\n if (this._usePgNative && !((_a = pkg.native) === null || _a === void 0 ? void 0 : _a.Client)) {\n logger.error(\"Postgres Integration was unable to access 'pg-native' bindings.\");\n return;\n }\n\n var Client = (this._usePgNative ? pkg.native : pkg).Client;\n /**\n * function (query, callback) => void\n * function (query, params, callback) => void\n * function (query) => Promise\n * function (query, params) => Promise\n * function (pg.Cursor) => pg.Cursor\n */\n\n fill(Client.prototype, 'query', function (orig) {\n return function (config, values, callback) {\n var _a, _b, _c;\n\n var scope = getCurrentHub().getScope();\n var parentSpan = (_a = scope) === null || _a === void 0 ? void 0 : _a.getSpan();\n var span = (_b = parentSpan) === null || _b === void 0 ? void 0 : _b.startChild({\n description: typeof config === 'string' ? config : config.text,\n op: \"db\"\n });\n\n if (typeof callback === 'function') {\n return orig.call(this, config, values, function (err, result) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n callback(err, result);\n });\n }\n\n if (typeof values === 'function') {\n return orig.call(this, config, function (err, result) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n values(err, result);\n });\n }\n\n var rv = typeof values !== 'undefined' ? orig.call(this, config, values) : orig.call(this, config);\n\n if (isThenable(rv)) {\n return rv.then(function (res) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n return res;\n });\n }\n\n (_c = span) === null || _c === void 0 ? void 0 : _c.finish();\n return rv;\n };\n });\n };\n /**\n * @inheritDoc\n */\n\n\n Postgres.id = 'Postgres';\n return Postgres;\n}();\n\nexport { Postgres };","import { fill, loadModule, logger } from '@sentry/utils';\n/** Tracing integration for node-mysql package */\n\nvar Mysql =\n/** @class */\nfunction () {\n function Mysql() {\n /**\n * @inheritDoc\n */\n this.name = Mysql.id;\n }\n /**\n * @inheritDoc\n */\n\n\n Mysql.prototype.setupOnce = function (_, getCurrentHub) {\n var pkg = loadModule('mysql/lib/Connection.js');\n\n if (!pkg) {\n logger.error('Mysql Integration was unable to require `mysql` package.');\n return;\n } // The original function will have one of these signatures:\n // function (callback) => void\n // function (options, callback) => void\n // function (options, values, callback) => void\n\n\n fill(pkg, 'createQuery', function (orig) {\n return function (options, values, callback) {\n var _a, _b;\n\n var scope = getCurrentHub().getScope();\n var parentSpan = (_a = scope) === null || _a === void 0 ? void 0 : _a.getSpan();\n var span = (_b = parentSpan) === null || _b === void 0 ? void 0 : _b.startChild({\n description: typeof options === 'string' ? options : options.sql,\n op: \"db\"\n });\n\n if (typeof callback === 'function') {\n return orig.call(this, options, values, function (err, result, fields) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n callback(err, result, fields);\n });\n }\n\n if (typeof values === 'function') {\n return orig.call(this, options, function (err, result, fields) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n values(err, result, fields);\n });\n }\n\n return orig.call(this, options, values, callback);\n };\n });\n };\n /**\n * @inheritDoc\n */\n\n\n Mysql.id = 'Mysql';\n return Mysql;\n}();\n\nexport { Mysql };","import { __read, __spread } from \"tslib\";\nimport { fill, isThenable, loadModule, logger } from '@sentry/utils';\nvar OPERATIONS = ['aggregate', 'bulkWrite', 'countDocuments', 'createIndex', 'createIndexes', 'deleteMany', 'deleteOne', 'distinct', 'drop', 'dropIndex', 'dropIndexes', 'estimatedDocumentCount', 'find', 'findOne', 'findOneAndDelete', 'findOneAndReplace', 'findOneAndUpdate', 'indexes', 'indexExists', 'indexInformation', 'initializeOrderedBulkOp', 'insertMany', 'insertOne', 'isCapped', 'mapReduce', 'options', 'parallelCollectionScan', 'rename', 'replaceOne', 'stats', 'updateMany', 'updateOne']; // All of the operations above take `options` and `callback` as their final parameters, but some of them\n// take additional parameters as well. For those operations, this is a map of\n// { : [] }, as a way to know what to call the operation's\n// positional arguments when we add them to the span's `data` object later\n\nvar OPERATION_SIGNATURES = {\n // aggregate intentionally not included because `pipeline` arguments are too complex to serialize well\n // see https://github.com/getsentry/sentry-javascript/pull/3102\n bulkWrite: ['operations'],\n countDocuments: ['query'],\n createIndex: ['fieldOrSpec'],\n createIndexes: ['indexSpecs'],\n deleteMany: ['filter'],\n deleteOne: ['filter'],\n distinct: ['key', 'query'],\n dropIndex: ['indexName'],\n find: ['query'],\n findOne: ['query'],\n findOneAndDelete: ['filter'],\n findOneAndReplace: ['filter', 'replacement'],\n findOneAndUpdate: ['filter', 'update'],\n indexExists: ['indexes'],\n insertMany: ['docs'],\n insertOne: ['doc'],\n mapReduce: ['map', 'reduce'],\n rename: ['newName'],\n replaceOne: ['filter', 'doc'],\n updateMany: ['filter', 'update'],\n updateOne: ['filter', 'update']\n};\n/** Tracing integration for mongo package */\n\nvar Mongo =\n/** @class */\nfunction () {\n /**\n * @inheritDoc\n */\n function Mongo(options) {\n if (options === void 0) {\n options = {};\n }\n /**\n * @inheritDoc\n */\n\n\n this.name = Mongo.id;\n this._operations = Array.isArray(options.operations) ? options.operations : OPERATIONS;\n this._describeOperations = 'describeOperations' in options ? options.describeOperations : true;\n this._useMongoose = !!options.useMongoose;\n }\n /**\n * @inheritDoc\n */\n\n\n Mongo.prototype.setupOnce = function (_, getCurrentHub) {\n var moduleName = this._useMongoose ? 'mongoose' : 'mongodb';\n var pkg = loadModule(moduleName);\n\n if (!pkg) {\n logger.error(\"Mongo Integration was unable to require `\" + moduleName + \"` package.\");\n return;\n }\n\n this._instrumentOperations(pkg.Collection, this._operations, getCurrentHub);\n };\n /**\n * Patches original collection methods\n */\n\n\n Mongo.prototype._instrumentOperations = function (collection, operations, getCurrentHub) {\n var _this = this;\n\n operations.forEach(function (operation) {\n return _this._patchOperation(collection, operation, getCurrentHub);\n });\n };\n /**\n * Patches original collection to utilize our tracing functionality\n */\n\n\n Mongo.prototype._patchOperation = function (collection, operation, getCurrentHub) {\n if (!(operation in collection.prototype)) return;\n\n var getSpanContext = this._getSpanContextFromOperationArguments.bind(this);\n\n fill(collection.prototype, operation, function (orig) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var _a, _b, _c, _d;\n\n var lastArg = args[args.length - 1];\n var scope = getCurrentHub().getScope();\n var parentSpan = (_a = scope) === null || _a === void 0 ? void 0 : _a.getSpan(); // Check if the operation was passed a callback. (mapReduce requires a different check, as\n // its (non-callback) arguments can also be functions.)\n\n if (typeof lastArg !== 'function' || operation === 'mapReduce' && args.length === 2) {\n var span_1 = (_b = parentSpan) === null || _b === void 0 ? void 0 : _b.startChild(getSpanContext(this, operation, args));\n var maybePromise = orig.call.apply(orig, __spread([this], args));\n\n if (isThenable(maybePromise)) {\n return maybePromise.then(function (res) {\n var _a;\n\n (_a = span_1) === null || _a === void 0 ? void 0 : _a.finish();\n return res;\n });\n } else {\n (_c = span_1) === null || _c === void 0 ? void 0 : _c.finish();\n return maybePromise;\n }\n }\n\n var span = (_d = parentSpan) === null || _d === void 0 ? void 0 : _d.startChild(getSpanContext(this, operation, args.slice(0, -1)));\n return orig.call.apply(orig, __spread([this], args.slice(0, -1), [function (err, result) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n lastArg(err, result);\n }]));\n };\n });\n };\n /**\n * Form a SpanContext based on the user input to a given operation.\n */\n\n\n Mongo.prototype._getSpanContextFromOperationArguments = function (collection, operation, args) {\n var data = {\n collectionName: collection.collectionName,\n dbName: collection.dbName,\n namespace: collection.namespace\n };\n var spanContext = {\n op: \"db\",\n description: operation,\n data: data\n }; // If the operation takes no arguments besides `options` and `callback`, or if argument\n // collection is disabled for this operation, just return early.\n\n var signature = OPERATION_SIGNATURES[operation];\n var shouldDescribe = Array.isArray(this._describeOperations) ? this._describeOperations.includes(operation) : this._describeOperations;\n\n if (!signature || !shouldDescribe) {\n return spanContext;\n }\n\n try {\n // Special case for `mapReduce`, as the only one accepting functions as arguments.\n if (operation === 'mapReduce') {\n var _a = __read(args, 2),\n map = _a[0],\n reduce = _a[1];\n\n data[signature[0]] = typeof map === 'string' ? map : map.name || '';\n data[signature[1]] = typeof reduce === 'string' ? reduce : reduce.name || '';\n } else {\n for (var i = 0; i < signature.length; i++) {\n data[signature[i]] = JSON.stringify(args[i]);\n }\n }\n } catch (_oO) {// no-empty\n }\n\n return spanContext;\n };\n /**\n * @inheritDoc\n */\n\n\n Mongo.id = 'Mongo';\n return Mongo;\n}();\n\nexport { Mongo };","import { __assign } from \"tslib\";\nimport { BrowserTracing } from './browser';\nimport { addExtensionMethods } from './hubextensions';\nimport * as TracingIntegrations from './integrations';\n\nvar Integrations = __assign(__assign({}, TracingIntegrations), {\n BrowserTracing: BrowserTracing\n});\n\nexport { Integrations };\nexport { Span } from './span';\nexport { Transaction } from './transaction';\nexport { // TODO deprecate old name in v7\ninstrumentOutgoingRequests as registerRequestInstrumentation, defaultRequestInstrumentationOptions } from './browser';\nexport { SpanStatus } from './spanstatus';\nexport { IdleTransaction } from './idletransaction';\nexport { startIdleTransaction } from './hubextensions'; // We are patching the global object with our hub extension methods\n\naddExtensionMethods();\nexport { addExtensionMethods };\nexport { extractTraceparentData, getActiveTransaction, hasTracingEnabled, stripUrlQueryAndFragment, TRACEPARENT_REGEXP } from './utils';","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\"; // Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\n\nexport var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.\n\nexport default function createBreakpoints(breakpoints) {\n var _breakpoints$values = breakpoints.values,\n values = _breakpoints$values === void 0 ? {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n } : _breakpoints$values,\n _breakpoints$unit = breakpoints.unit,\n unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,\n _breakpoints$step = breakpoints.step,\n step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,\n other = _objectWithoutProperties(breakpoints, [\"values\", \"unit\", \"step\"]);\n\n function up(key) {\n var value = typeof values[key] === 'number' ? values[key] : key;\n return \"@media (min-width:\".concat(value).concat(unit, \")\");\n }\n\n function down(key) {\n var endIndex = keys.indexOf(key) + 1;\n var upperbound = values[keys[endIndex]];\n\n if (endIndex === keys.length) {\n // xl down applies to all sizes\n return up('xs');\n }\n\n var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;\n return \"@media (max-width:\".concat(value - step / 100).concat(unit, \")\");\n }\n\n function between(start, end) {\n var endIndex = keys.indexOf(end);\n\n if (endIndex === keys.length - 1) {\n return up(start);\n }\n\n return \"@media (min-width:\".concat(typeof values[start] === 'number' ? values[start] : start).concat(unit, \") and \") + \"(max-width:\".concat((endIndex !== -1 && typeof values[keys[endIndex + 1]] === 'number' ? values[keys[endIndex + 1]] : end) - step / 100).concat(unit, \")\");\n }\n\n function only(key) {\n return between(key, key);\n }\n\n var warnedOnce = false;\n\n function width(key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.warn([\"Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.\", 'Use the `theme.breakpoints.values` instead.'].join('\\n'));\n }\n }\n\n return values[key];\n }\n\n return _extends({\n keys: keys,\n values: values,\n up: up,\n down: down,\n between: between,\n only: only,\n width: width\n }, other);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nexport default function createMixins(breakpoints, spacing, mixins) {\n var _toolbar;\n\n return _extends({\n gutters: function gutters() {\n var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n console.warn(['Material-UI: theme.mixins.gutters() is deprecated.', 'You can use the source of the mixin directly:', \"\\n paddingLeft: theme.spacing(2),\\n paddingRight: theme.spacing(2),\\n [theme.breakpoints.up('sm')]: {\\n paddingLeft: theme.spacing(3),\\n paddingRight: theme.spacing(3),\\n },\\n \"].join('\\n'));\n return _extends({\n paddingLeft: spacing(2),\n paddingRight: spacing(2)\n }, styles, _defineProperty({}, breakpoints.up('sm'), _extends({\n paddingLeft: spacing(3),\n paddingRight: spacing(3)\n }, styles[breakpoints.up('sm')])));\n },\n toolbar: (_toolbar = {\n minHeight: 56\n }, _defineProperty(_toolbar, \"\".concat(breakpoints.up('xs'), \" and (orientation: landscape)\"), {\n minHeight: 48\n }), _defineProperty(_toolbar, breakpoints.up('sm'), {\n minHeight: 64\n }), _toolbar)\n }, mixins);\n}","var common = {\n black: '#000',\n white: '#fff'\n};\nexport default common;","var grey = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#eeeeee',\n 300: '#e0e0e0',\n 400: '#bdbdbd',\n 500: '#9e9e9e',\n 600: '#757575',\n 700: '#616161',\n 800: '#424242',\n 900: '#212121',\n A100: '#d5d5d5',\n A200: '#aaaaaa',\n A400: '#303030',\n A700: '#616161'\n};\nexport default grey;","var indigo = {\n 50: '#e8eaf6',\n 100: '#c5cae9',\n 200: '#9fa8da',\n 300: '#7986cb',\n 400: '#5c6bc0',\n 500: '#3f51b5',\n 600: '#3949ab',\n 700: '#303f9f',\n 800: '#283593',\n 900: '#1a237e',\n A100: '#8c9eff',\n A200: '#536dfe',\n A400: '#3d5afe',\n A700: '#304ffe'\n};\nexport default indigo;","var pink = {\n 50: '#fce4ec',\n 100: '#f8bbd0',\n 200: '#f48fb1',\n 300: '#f06292',\n 400: '#ec407a',\n 500: '#e91e63',\n 600: '#d81b60',\n 700: '#c2185b',\n 800: '#ad1457',\n 900: '#880e4f',\n A100: '#ff80ab',\n A200: '#ff4081',\n A400: '#f50057',\n A700: '#c51162'\n};\nexport default pink;","var red = {\n 50: '#ffebee',\n 100: '#ffcdd2',\n 200: '#ef9a9a',\n 300: '#e57373',\n 400: '#ef5350',\n 500: '#f44336',\n 600: '#e53935',\n 700: '#d32f2f',\n 800: '#c62828',\n 900: '#b71c1c',\n A100: '#ff8a80',\n A200: '#ff5252',\n A400: '#ff1744',\n A700: '#d50000'\n};\nexport default red;","var orange = {\n 50: '#fff3e0',\n 100: '#ffe0b2',\n 200: '#ffcc80',\n 300: '#ffb74d',\n 400: '#ffa726',\n 500: '#ff9800',\n 600: '#fb8c00',\n 700: '#f57c00',\n 800: '#ef6c00',\n 900: '#e65100',\n A100: '#ffd180',\n A200: '#ffab40',\n A400: '#ff9100',\n A700: '#ff6d00'\n};\nexport default orange;","var blue = {\n 50: '#e3f2fd',\n 100: '#bbdefb',\n 200: '#90caf9',\n 300: '#64b5f6',\n 400: '#42a5f5',\n 500: '#2196f3',\n 600: '#1e88e5',\n 700: '#1976d2',\n 800: '#1565c0',\n 900: '#0d47a1',\n A100: '#82b1ff',\n A200: '#448aff',\n A400: '#2979ff',\n A700: '#2962ff'\n};\nexport default blue;","var green = {\n 50: '#e8f5e9',\n 100: '#c8e6c9',\n 200: '#a5d6a7',\n 300: '#81c784',\n 400: '#66bb6a',\n 500: '#4caf50',\n 600: '#43a047',\n 700: '#388e3c',\n 800: '#2e7d32',\n 900: '#1b5e20',\n A100: '#b9f6ca',\n A200: '#69f0ae',\n A400: '#00e676',\n A700: '#00c853'\n};\nexport default green;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@material-ui/utils\";\nimport { deepmerge } from '@material-ui/utils';\nimport common from '../colors/common';\nimport grey from '../colors/grey';\nimport indigo from '../colors/indigo';\nimport pink from '../colors/pink';\nimport red from '../colors/red';\nimport orange from '../colors/orange';\nimport blue from '../colors/blue';\nimport green from '../colors/green';\nimport { darken, getContrastRatio, lighten } from './colorManipulator';\nexport var light = {\n // The colors used to style the text.\n text: {\n // The most important text.\n primary: 'rgba(0, 0, 0, 0.87)',\n // Secondary text.\n secondary: 'rgba(0, 0, 0, 0.54)',\n // Disabled text have even lower visual prominence.\n disabled: 'rgba(0, 0, 0, 0.38)',\n // Text hints.\n hint: 'rgba(0, 0, 0, 0.38)'\n },\n // The color used to divide different elements.\n divider: 'rgba(0, 0, 0, 0.12)',\n // The background colors used to style the surfaces.\n // Consistency between these values is important.\n background: {\n paper: common.white,\n default: grey[50]\n },\n // The colors used to style the action elements.\n action: {\n // The color of an active action like an icon button.\n active: 'rgba(0, 0, 0, 0.54)',\n // The color of an hovered action.\n hover: 'rgba(0, 0, 0, 0.04)',\n hoverOpacity: 0.04,\n // The color of a selected action.\n selected: 'rgba(0, 0, 0, 0.08)',\n selectedOpacity: 0.08,\n // The color of a disabled action.\n disabled: 'rgba(0, 0, 0, 0.26)',\n // The background color of a disabled action.\n disabledBackground: 'rgba(0, 0, 0, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(0, 0, 0, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.12\n }\n};\nexport var dark = {\n text: {\n primary: common.white,\n secondary: 'rgba(255, 255, 255, 0.7)',\n disabled: 'rgba(255, 255, 255, 0.5)',\n hint: 'rgba(255, 255, 255, 0.5)',\n icon: 'rgba(255, 255, 255, 0.5)'\n },\n divider: 'rgba(255, 255, 255, 0.12)',\n background: {\n paper: grey[800],\n default: '#303030'\n },\n action: {\n active: common.white,\n hover: 'rgba(255, 255, 255, 0.08)',\n hoverOpacity: 0.08,\n selected: 'rgba(255, 255, 255, 0.16)',\n selectedOpacity: 0.16,\n disabled: 'rgba(255, 255, 255, 0.3)',\n disabledBackground: 'rgba(255, 255, 255, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(255, 255, 255, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.24\n }\n};\n\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n var tonalOffsetLight = tonalOffset.light || tonalOffset;\n var tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n\n if (!intent[direction]) {\n if (intent.hasOwnProperty(shade)) {\n intent[direction] = intent[shade];\n } else if (direction === 'light') {\n intent.light = lighten(intent.main, tonalOffsetLight);\n } else if (direction === 'dark') {\n intent.dark = darken(intent.main, tonalOffsetDark);\n }\n }\n}\n\nexport default function createPalette(palette) {\n var _palette$primary = palette.primary,\n primary = _palette$primary === void 0 ? {\n light: indigo[300],\n main: indigo[500],\n dark: indigo[700]\n } : _palette$primary,\n _palette$secondary = palette.secondary,\n secondary = _palette$secondary === void 0 ? {\n light: pink.A200,\n main: pink.A400,\n dark: pink.A700\n } : _palette$secondary,\n _palette$error = palette.error,\n error = _palette$error === void 0 ? {\n light: red[300],\n main: red[500],\n dark: red[700]\n } : _palette$error,\n _palette$warning = palette.warning,\n warning = _palette$warning === void 0 ? {\n light: orange[300],\n main: orange[500],\n dark: orange[700]\n } : _palette$warning,\n _palette$info = palette.info,\n info = _palette$info === void 0 ? {\n light: blue[300],\n main: blue[500],\n dark: blue[700]\n } : _palette$info,\n _palette$success = palette.success,\n success = _palette$success === void 0 ? {\n light: green[300],\n main: green[500],\n dark: green[700]\n } : _palette$success,\n _palette$type = palette.type,\n type = _palette$type === void 0 ? 'light' : _palette$type,\n _palette$contrastThre = palette.contrastThreshold,\n contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,\n _palette$tonalOffset = palette.tonalOffset,\n tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,\n other = _objectWithoutProperties(palette, [\"primary\", \"secondary\", \"error\", \"warning\", \"info\", \"success\", \"type\", \"contrastThreshold\", \"tonalOffset\"]); // Use the same logic as\n // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n\n\n function getContrastText(background) {\n var contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n\n if (process.env.NODE_ENV !== 'production') {\n var contrast = getContrastRatio(background, contrastText);\n\n if (contrast < 3) {\n console.error([\"Material-UI: The contrast ratio of \".concat(contrast, \":1 for \").concat(contrastText, \" on \").concat(background), 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n }\n }\n\n return contrastText;\n }\n\n var augmentColor = function augmentColor(color) {\n var mainShade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;\n var lightShade = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;\n var darkShade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 700;\n color = _extends({}, color);\n\n if (!color.main && color[mainShade]) {\n color.main = color[mainShade];\n }\n\n if (!color.main) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: The color provided to augmentColor(color) is invalid.\\nThe color object needs to have a `main` property or a `\".concat(mainShade, \"` property.\") : _formatMuiErrorMessage(4, mainShade));\n }\n\n if (typeof color.main !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: The color provided to augmentColor(color) is invalid.\\n`color.main` should be a string, but `\".concat(JSON.stringify(color.main), \"` was provided instead.\\n\\nDid you intend to use one of the following approaches?\\n\\nimport {\\xA0green } from \\\"@material-ui/core/colors\\\";\\n\\nconst theme1 = createTheme({ palette: {\\n primary: green,\\n} });\\n\\nconst theme2 = createTheme({ palette: {\\n primary: { main: green[500] },\\n} });\") : _formatMuiErrorMessage(5, JSON.stringify(color.main)));\n }\n\n addLightOrDark(color, 'light', lightShade, tonalOffset);\n addLightOrDark(color, 'dark', darkShade, tonalOffset);\n\n if (!color.contrastText) {\n color.contrastText = getContrastText(color.main);\n }\n\n return color;\n };\n\n var types = {\n dark: dark,\n light: light\n };\n\n if (process.env.NODE_ENV !== 'production') {\n if (!types[type]) {\n console.error(\"Material-UI: The palette type `\".concat(type, \"` is not supported.\"));\n }\n }\n\n var paletteOutput = deepmerge(_extends({\n // A collection of common colors.\n common: common,\n // The palette type, can be light or dark.\n type: type,\n // The colors used to represent primary interface elements for a user.\n primary: augmentColor(primary),\n // The colors used to represent secondary interface elements for a user.\n secondary: augmentColor(secondary, 'A400', 'A200', 'A700'),\n // The colors used to represent interface elements that the user should be made aware of.\n error: augmentColor(error),\n // The colors used to represent potentially dangerous actions or important messages.\n warning: augmentColor(warning),\n // The colors used to present information to the user that is neutral and not necessarily important.\n info: augmentColor(info),\n // The colors used to indicate the successful completion of an action that user triggered.\n success: augmentColor(success),\n // The grey colors.\n grey: grey,\n // Used by `getContrastText()` to maximize the contrast between\n // the background and the text.\n contrastThreshold: contrastThreshold,\n // Takes a background color and returns the text color that maximizes the contrast.\n getContrastText: getContrastText,\n // Generate a rich color object.\n augmentColor: augmentColor,\n // Used by the functions below to shift a color's luminance by approximately\n // two indexes within its tonal palette.\n // E.g., shift from Red 500 to Red 300 or Red 700.\n tonalOffset: tonalOffset\n }, types[type]), other);\n return paletteOutput;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { deepmerge } from '@material-ui/utils';\n\nfunction round(value) {\n return Math.round(value * 1e5) / 1e5;\n}\n\nvar warnedOnce = false;\n\nfunction roundWithDeprecationWarning(value) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n console.warn(['Material-UI: The `theme.typography.round` helper is deprecated.', 'Head to https://material-ui.com/r/migration-v4/#theme for a migration path.'].join('\\n'));\n warnedOnce = true;\n }\n }\n\n return round(value);\n}\n\nvar caseAllCaps = {\n textTransform: 'uppercase'\n};\nvar defaultFontFamily = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\n/**\n * @see @link{https://material.io/design/typography/the-type-system.html}\n * @see @link{https://material.io/design/typography/understanding-typography.html}\n */\n\nexport default function createTypography(palette, typography) {\n var _ref = typeof typography === 'function' ? typography(palette) : typography,\n _ref$fontFamily = _ref.fontFamily,\n fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily,\n _ref$fontSize = _ref.fontSize,\n fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,\n _ref$fontWeightLight = _ref.fontWeightLight,\n fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,\n _ref$fontWeightRegula = _ref.fontWeightRegular,\n fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,\n _ref$fontWeightMedium = _ref.fontWeightMedium,\n fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,\n _ref$fontWeightBold = _ref.fontWeightBold,\n fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold,\n _ref$htmlFontSize = _ref.htmlFontSize,\n htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,\n allVariants = _ref.allVariants,\n pxToRem2 = _ref.pxToRem,\n other = _objectWithoutProperties(_ref, [\"fontFamily\", \"fontSize\", \"fontWeightLight\", \"fontWeightRegular\", \"fontWeightMedium\", \"fontWeightBold\", \"htmlFontSize\", \"allVariants\", \"pxToRem\"]);\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof fontSize !== 'number') {\n console.error('Material-UI: `fontSize` is required to be a number.');\n }\n\n if (typeof htmlFontSize !== 'number') {\n console.error('Material-UI: `htmlFontSize` is required to be a number.');\n }\n }\n\n var coef = fontSize / 14;\n\n var pxToRem = pxToRem2 || function (size) {\n return \"\".concat(size / htmlFontSize * coef, \"rem\");\n };\n\n var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {\n return _extends({\n fontFamily: fontFamily,\n fontWeight: fontWeight,\n fontSize: pxToRem(size),\n // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/\n lineHeight: lineHeight\n }, fontFamily === defaultFontFamily ? {\n letterSpacing: \"\".concat(round(letterSpacing / size), \"em\")\n } : {}, casing, allVariants);\n };\n\n var variants = {\n h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),\n h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),\n h3: buildVariant(fontWeightRegular, 48, 1.167, 0),\n h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),\n h5: buildVariant(fontWeightRegular, 24, 1.334, 0),\n h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),\n subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),\n subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),\n body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),\n body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),\n button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),\n caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),\n overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)\n };\n return deepmerge(_extends({\n htmlFontSize: htmlFontSize,\n pxToRem: pxToRem,\n round: roundWithDeprecationWarning,\n // TODO v5: remove\n fontFamily: fontFamily,\n fontSize: fontSize,\n fontWeightLight: fontWeightLight,\n fontWeightRegular: fontWeightRegular,\n fontWeightMedium: fontWeightMedium,\n fontWeightBold: fontWeightBold\n }, variants), other, {\n clone: false // No need to clone deep\n\n });\n}","var shadowKeyUmbraOpacity = 0.2;\nvar shadowKeyPenumbraOpacity = 0.14;\nvar shadowAmbientShadowOpacity = 0.12;\n\nfunction createShadow() {\n return [\"\".concat(arguments.length <= 0 ? undefined : arguments[0], \"px \").concat(arguments.length <= 1 ? undefined : arguments[1], \"px \").concat(arguments.length <= 2 ? undefined : arguments[2], \"px \").concat(arguments.length <= 3 ? undefined : arguments[3], \"px rgba(0,0,0,\").concat(shadowKeyUmbraOpacity, \")\"), \"\".concat(arguments.length <= 4 ? undefined : arguments[4], \"px \").concat(arguments.length <= 5 ? undefined : arguments[5], \"px \").concat(arguments.length <= 6 ? undefined : arguments[6], \"px \").concat(arguments.length <= 7 ? undefined : arguments[7], \"px rgba(0,0,0,\").concat(shadowKeyPenumbraOpacity, \")\"), \"\".concat(arguments.length <= 8 ? undefined : arguments[8], \"px \").concat(arguments.length <= 9 ? undefined : arguments[9], \"px \").concat(arguments.length <= 10 ? undefined : arguments[10], \"px \").concat(arguments.length <= 11 ? undefined : arguments[11], \"px rgba(0,0,0,\").concat(shadowAmbientShadowOpacity, \")\")].join(',');\n} // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss\n\n\nvar shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];\nexport default shadows;","var shape = {\n borderRadius: 4\n};\nexport default shape;","import { createUnarySpacing } from '@material-ui/system';\nvar warnOnce;\nexport default function createSpacing() {\n var spacingInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 8; // Already transformed.\n\n if (spacingInput.mui) {\n return spacingInput;\n } // Material Design layouts are visually balanced. Most measurements align to an 8dp grid applied, which aligns both spacing and the overall layout.\n // Smaller components, such as icons and type, can align to a 4dp grid.\n // https://material.io/design/layout/understanding-layout.html#usage\n\n\n var transform = createUnarySpacing({\n spacing: spacingInput\n });\n\n var spacing = function spacing() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (!(args.length <= 4)) {\n console.error(\"Material-UI: Too many arguments provided, expected between 0 and 4, got \".concat(args.length));\n }\n }\n\n if (args.length === 0) {\n return transform(1);\n }\n\n if (args.length === 1) {\n return transform(args[0]);\n }\n\n return args.map(function (argument) {\n if (typeof argument === 'string') {\n return argument;\n }\n\n var output = transform(argument);\n return typeof output === 'number' ? \"\".concat(output, \"px\") : output;\n }).join(' ');\n }; // Backward compatibility, to remove in v5.\n\n\n Object.defineProperty(spacing, 'unit', {\n get: function get() {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnOnce || process.env.NODE_ENV === 'test') {\n console.error(['Material-UI: theme.spacing.unit usage has been deprecated.', 'It will be removed in v5.', 'You can replace `theme.spacing.unit * y` with `theme.spacing(y)`.', '', 'You can use the `https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod/README.md#theme-spacing-api` migration helper to make the process smoother.'].join('\\n'));\n }\n\n warnOnce = true;\n }\n\n return spacingInput;\n }\n });\n spacing.mui = true;\n return spacing;\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { deepmerge } from '@material-ui/utils';\nimport createBreakpoints from './createBreakpoints';\nimport createMixins from './createMixins';\nimport createPalette from './createPalette';\nimport createTypography from './createTypography';\nimport shadows from './shadows';\nimport shape from './shape';\nimport createSpacing from './createSpacing';\nimport transitions from './transitions';\nimport zIndex from './zIndex';\n\nfunction createTheme() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var _options$breakpoints = options.breakpoints,\n breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,\n _options$mixins = options.mixins,\n mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,\n _options$palette = options.palette,\n paletteInput = _options$palette === void 0 ? {} : _options$palette,\n spacingInput = options.spacing,\n _options$typography = options.typography,\n typographyInput = _options$typography === void 0 ? {} : _options$typography,\n other = _objectWithoutProperties(options, [\"breakpoints\", \"mixins\", \"palette\", \"spacing\", \"typography\"]);\n\n var palette = createPalette(paletteInput);\n var breakpoints = createBreakpoints(breakpointsInput);\n var spacing = createSpacing(spacingInput);\n var muiTheme = deepmerge({\n breakpoints: breakpoints,\n direction: 'ltr',\n mixins: createMixins(breakpoints, spacing, mixinsInput),\n overrides: {},\n // Inject custom styles\n palette: palette,\n props: {},\n // Provide default props\n shadows: shadows,\n typography: createTypography(palette, typographyInput),\n spacing: spacing,\n shape: shape,\n transitions: transitions,\n zIndex: zIndex\n }, other);\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n muiTheme = args.reduce(function (acc, argument) {\n return deepmerge(acc, argument);\n }, muiTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n var pseudoClasses = ['checked', 'disabled', 'error', 'focused', 'focusVisible', 'required', 'expanded', 'selected'];\n\n var traverse = function traverse(node, parentKey) {\n var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n var key; // eslint-disable-next-line guard-for-in, no-restricted-syntax\n\n for (key in node) {\n var child = node[key];\n\n if (depth === 1) {\n if (key.indexOf('Mui') === 0 && child) {\n traverse(child, key, depth + 1);\n }\n } else if (pseudoClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {\n if (process.env.NODE_ENV !== 'production') {\n console.error([\"Material-UI: The `\".concat(parentKey, \"` component increases \") + \"the CSS specificity of the `\".concat(key, \"` internal state.\"), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify({\n root: _defineProperty({}, \"&$\".concat(key), child)\n }, null, 2), '', 'https://material-ui.com/r/pseudo-classes-guide'].join('\\n'));\n } // Remove the style to prevent global conflicts.\n\n\n node[key] = {};\n }\n }\n };\n\n traverse(muiTheme.overrides);\n }\n\n return muiTheme;\n}\n\nvar warnedOnce = false;\nexport function createMuiTheme() {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.error(['Material-UI: the createMuiTheme function was renamed to createTheme.', '', \"You should use `import { createTheme } from '@material-ui/core/styles'`\"].join('\\n'));\n }\n }\n\n return createTheme.apply(void 0, arguments);\n}\nexport default createTheme;","export var baseThemeStyleName = 'theme-base';\nexport var flagIconClassesPrefixName = 'flag-icon';\nexport var flagIconClassesPrefix = \"\".concat(flagIconClassesPrefixName, \"-\");\nexport var flagIconModulePath = 'node_modules/flag-icon-css';","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport classnames from 'classnames';\nimport classNameToStyleName from './classNameToStyleName';\nimport { baseThemeStyleName, flagIconClassesPrefix, flagIconClassesPrefixName } from './constants';\nexport var makeClassesObject = function makeClassesObject(props, options) {\n var _ref;\n\n var code = props.code,\n _props$flip = props.flip,\n flip = _props$flip === void 0 ? '' : _props$flip,\n _props$size = props.size,\n size = _props$size === void 0 ? '' : _props$size,\n _props$squared = props.squared,\n squared = _props$squared === void 0 ? false : _props$squared,\n rotate = props.rotate,\n className = props.className,\n styleName = props.styleName;\n var themeStyles = options.themeStyles,\n useCssModules = options.useCssModules;\n return _ref = {}, _defineProperty(_ref, flagIconClassesPrefixName, true), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix, \"squared\"), squared), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix).concat(size), size), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix).concat(code), code), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix, \"flip-\").concat(flip), flip), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix, \"rotate-\").concat(rotate || ''), rotate), _defineProperty(_ref, baseThemeStyleName, useCssModules && themeStyles && themeStyles[baseThemeStyleName]), _defineProperty(_ref, styleName || '', useCssModules && themeStyles && styleName && themeStyles[styleName]), _defineProperty(_ref, className || '', className), _ref;\n};\nexport default (function (props, options, styles) {\n var useCssModules = options.useCssModules;\n var classesObject = makeClassesObject(props, options);\n var strClasses = classnames(classesObject);\n\n if (useCssModules) {\n var className = props.className;\n var aClasses = strClasses.split(' ');\n var nClasses = aClasses.length;\n strClasses = aClasses.map(function (c, i) {\n if (className && i === nClasses - 1) return c;\n return classNameToStyleName(c, styles || {});\n }).join(' ');\n }\n\n return strClasses;\n});","export default (function (className, styles) {\n if (!styles[className]) {\n throw new Error(\"Could not resolve the styleName \".concat(className));\n }\n\n return styles[className];\n});","export var sizes = ['lg', '2x', '3x', '4x', '5x'];\nexport var rotates = [30, 60, 90, 180, 270];\nexport var flips = ['horizontal', 'vertical'];\nexport var countries = [{\n name: 'Afghanistan',\n code: 'af'\n}, {\n name: 'Åland Islands',\n code: 'ax'\n}, {\n name: 'Albania',\n code: 'al'\n}, {\n name: 'Algeria',\n code: 'dz'\n}, {\n name: 'American Samoa',\n code: 'as'\n}, {\n name: 'Andorra',\n code: 'ad'\n}, {\n name: 'Angola',\n code: 'ao'\n}, {\n name: 'Anguilla',\n code: 'ai'\n}, {\n name: 'Antarctica',\n code: 'aq'\n}, {\n name: 'Antigua and Barbuda',\n code: 'ag'\n}, {\n name: 'Argentina',\n code: 'ar'\n}, {\n name: 'Armenia',\n code: 'am'\n}, {\n name: 'Aruba',\n code: 'aw'\n}, {\n name: 'Australia',\n code: 'au'\n}, {\n name: 'Austria',\n code: 'at'\n}, {\n name: 'Azerbaijan',\n code: 'az'\n}, {\n name: 'Bahamas',\n code: 'bs'\n}, {\n name: 'Bahrain',\n code: 'bh'\n}, {\n name: 'Bangladesh',\n code: 'bd'\n}, {\n name: 'Barbados',\n code: 'bb'\n}, {\n name: 'Belarus',\n code: 'by'\n}, {\n name: 'Belgium',\n code: 'be'\n}, {\n name: 'Belize',\n code: 'bz'\n}, {\n name: 'Benin',\n code: 'bj'\n}, {\n name: 'Bermuda',\n code: 'bm'\n}, {\n name: 'Bhutan',\n code: 'bt'\n}, {\n name: 'Bolivia, Plurinational State of',\n code: 'bo'\n}, {\n name: 'Bonaire, Sint Eustatius and Saba',\n code: 'bq'\n}, {\n name: 'Bosnia and Herzegovina',\n code: 'ba'\n}, {\n name: 'Botswana',\n code: 'bw'\n}, {\n name: 'Bouvet Island',\n code: 'bv'\n}, {\n name: 'Brazil',\n code: 'br'\n}, {\n name: 'British Indian Ocean Territory',\n code: 'io'\n}, {\n name: 'Brunei Darussalam',\n code: 'bn'\n}, {\n name: 'Bulgaria',\n code: 'bg'\n}, {\n name: 'Burkina Faso',\n code: 'bf'\n}, {\n name: 'Burundi',\n code: 'bi'\n}, {\n name: 'Cambodia',\n code: 'kh'\n}, {\n name: 'Cameroon',\n code: 'cm'\n}, {\n name: 'Canada',\n code: 'ca'\n}, {\n name: 'Cape Verde',\n code: 'cv'\n}, {\n name: 'Catalonia',\n code: 'es-ct'\n}, {\n name: 'Cayman Islands',\n code: 'ky'\n}, {\n name: 'Central African Republic',\n code: 'cf'\n}, {\n name: 'Chad',\n code: 'td'\n}, {\n name: 'Chile',\n code: 'cl'\n}, {\n name: 'China',\n code: 'cn'\n}, {\n name: 'Christmas Island',\n code: 'cx'\n}, {\n name: 'Cocos (Keeling) Islands',\n code: 'cc'\n}, {\n name: 'Colombia',\n code: 'co'\n}, {\n name: 'Comoros',\n code: 'km'\n}, {\n name: 'Congo',\n code: 'cg'\n}, {\n name: 'Congo, the Democratic Republic of the',\n code: 'cd'\n}, {\n name: 'Cook Islands',\n code: 'ck'\n}, {\n name: 'Costa Rica',\n code: 'cr'\n}, {\n name: \"Côte d'Ivoire\",\n code: 'ci'\n}, {\n name: 'Croatia',\n code: 'hr'\n}, {\n name: 'Cuba',\n code: 'cu'\n}, {\n name: 'Curaçao',\n code: 'cw'\n}, {\n name: 'Cyprus',\n code: 'cy'\n}, {\n name: 'Czech Republic',\n code: 'cz'\n}, {\n name: 'Denmark',\n code: 'dk'\n}, {\n name: 'Djibouti',\n code: 'dj'\n}, {\n name: 'Dominica',\n code: 'dm'\n}, {\n name: 'Dominican Republic',\n code: 'do'\n}, {\n name: 'Ecuador',\n code: 'ec'\n}, {\n name: 'Egypt',\n code: 'eg'\n}, {\n name: 'El Salvador',\n code: 'sv'\n}, {\n name: 'Equatorial Guinea',\n code: 'gq'\n}, {\n name: 'Eritrea',\n code: 'er'\n}, {\n name: 'Estonia',\n code: 'ee'\n}, {\n name: 'Ethiopia',\n code: 'et'\n}, {\n name: 'European Union',\n code: 'eu'\n}, {\n name: 'Falkland Islands (Malvinas)',\n code: 'fk'\n}, {\n name: 'Faroe Islands',\n code: 'fo'\n}, {\n name: 'Fiji',\n code: 'fj'\n}, {\n name: 'Finland',\n code: 'fi'\n}, {\n name: 'France',\n code: 'fr'\n}, {\n name: 'French Guiana',\n code: 'gf'\n}, {\n name: 'French Polynesia',\n code: 'pf'\n}, {\n name: 'French Southern Territories',\n code: 'tf'\n}, {\n name: 'Gabon',\n code: 'ga'\n}, {\n name: 'Gambia',\n code: 'gm'\n}, {\n name: 'Georgia',\n code: 'ge'\n}, {\n name: 'Germany',\n code: 'de'\n}, {\n name: 'Ghana',\n code: 'gh'\n}, {\n name: 'Gibraltar',\n code: 'gi'\n}, {\n name: 'Greece',\n code: 'gr'\n}, {\n name: 'Greenland',\n code: 'gl'\n}, {\n name: 'Grenada',\n code: 'gd'\n}, {\n name: 'Guadeloupe',\n code: 'gp'\n}, {\n name: 'Guam',\n code: 'gu'\n}, {\n name: 'Guatemala',\n code: 'gt'\n}, {\n name: 'Guernsey',\n code: 'gg'\n}, {\n name: 'Guinea',\n code: 'gn'\n}, {\n name: 'Guinea-Bissau',\n code: 'gw'\n}, {\n name: 'Guyana',\n code: 'gy'\n}, {\n name: 'Haiti',\n code: 'ht'\n}, {\n name: 'Heard Island and McDonald Islands',\n code: 'hm'\n}, {\n name: 'Holy See (Vatican City State)',\n code: 'va'\n}, {\n name: 'Honduras',\n code: 'hn'\n}, {\n name: 'Hong Kong',\n code: 'hk'\n}, {\n name: 'Hungary',\n code: 'hu'\n}, {\n name: 'Iceland',\n code: 'is'\n}, {\n name: 'India',\n code: 'in'\n}, {\n name: 'Indonesia',\n code: 'id'\n}, {\n name: 'Iran, Islamic Republic of',\n code: 'ir'\n}, {\n name: 'Iraq',\n code: 'iq'\n}, {\n name: 'Ireland',\n code: 'ie'\n}, {\n name: 'Isle of Man',\n code: 'im'\n}, {\n name: 'Israel',\n code: 'il'\n}, {\n name: 'Italy',\n code: 'it'\n}, {\n name: 'Jamaica',\n code: 'jm'\n}, {\n name: 'Japan',\n code: 'jp'\n}, {\n name: 'Jersey',\n code: 'je'\n}, {\n name: 'Jordan',\n code: 'jo'\n}, {\n name: 'Kazakhstan',\n code: 'kz'\n}, {\n name: 'Kenya',\n code: 'ke'\n}, {\n name: 'Kiribati',\n code: 'ki'\n}, {\n name: \"Korea, Democratic People's Republic of\",\n code: 'kp'\n}, {\n name: 'Korea, Republic of',\n code: 'kr'\n}, {\n name: 'Kuwait',\n code: 'kw'\n}, {\n name: 'Kyrgyzstan',\n code: 'kg'\n}, {\n name: \"Lao People's Democratic Republic\",\n code: 'la'\n}, {\n name: 'Latvia',\n code: 'lv'\n}, {\n name: 'Lebanon',\n code: 'lb'\n}, {\n name: 'Lesotho',\n code: 'ls'\n}, {\n name: 'Liberia',\n code: 'lr'\n}, {\n name: 'Libya',\n code: 'ly'\n}, {\n name: 'Liechtenstein',\n code: 'li'\n}, {\n name: 'Lithuania',\n code: 'lt'\n}, {\n name: 'Luxembourg',\n code: 'lu'\n}, {\n name: 'Macao',\n code: 'mo'\n}, {\n name: 'Macedonia, the Former Yugoslav Republic of',\n code: 'mk'\n}, {\n name: 'Madagascar',\n code: 'mg'\n}, {\n name: 'Malawi',\n code: 'mw'\n}, {\n name: 'Malaysia',\n code: 'my'\n}, {\n name: 'Maldives',\n code: 'mv'\n}, {\n name: 'Mali',\n code: 'ml'\n}, {\n name: 'Malta',\n code: 'mt'\n}, {\n name: 'Marshall Islands',\n code: 'mh'\n}, {\n name: 'Martinique',\n code: 'mq'\n}, {\n name: 'Mauritania',\n code: 'mr'\n}, {\n name: 'Mauritius',\n code: 'mu'\n}, {\n name: 'Mayotte',\n code: 'yt'\n}, {\n name: 'Mexico',\n code: 'mx'\n}, {\n name: 'Micronesia, Federated States of',\n code: 'fm'\n}, {\n name: 'Moldova, Republic of',\n code: 'md'\n}, {\n name: 'Monaco',\n code: 'mc'\n}, {\n name: 'Mongolia',\n code: 'mn'\n}, {\n name: 'Montenegro',\n code: 'me'\n}, {\n name: 'Montserrat',\n code: 'ms'\n}, {\n name: 'Morocco',\n code: 'ma'\n}, {\n name: 'Mozambique',\n code: 'mz'\n}, {\n name: 'Myanmar',\n code: 'mm'\n}, {\n name: 'Namibia',\n code: 'na'\n}, {\n name: 'Nauru',\n code: 'nr'\n}, {\n name: 'Nepal',\n code: 'np'\n}, {\n name: 'Netherlands',\n code: 'nl'\n}, {\n name: 'New Caledonia',\n code: 'nc'\n}, {\n name: 'New Zealand',\n code: 'nz'\n}, {\n name: 'Nicaragua',\n code: 'ni'\n}, {\n name: 'Niger',\n code: 'ne'\n}, {\n name: 'Nigeria',\n code: 'ng'\n}, {\n name: 'Niue',\n code: 'nu'\n}, {\n name: 'Norfolk Island',\n code: 'nf'\n}, {\n name: 'Northern Mariana Islands',\n code: 'mp'\n}, {\n name: 'Norway',\n code: 'no'\n}, {\n name: 'Oman',\n code: 'om'\n}, {\n name: 'Pakistan',\n code: 'pk'\n}, {\n name: 'Palau',\n code: 'pw'\n}, {\n name: 'Palestine, State of',\n code: 'ps'\n}, {\n name: 'Panama',\n code: 'pa'\n}, {\n name: 'Papua New Guinea',\n code: 'pg'\n}, {\n name: 'Paraguay',\n code: 'py'\n}, {\n name: 'Peru',\n code: 'pe'\n}, {\n name: 'Philippines',\n code: 'ph'\n}, {\n name: 'Pitcairn',\n code: 'pn'\n}, {\n name: 'Poland',\n code: 'pl'\n}, {\n name: 'Portugal',\n code: 'pt'\n}, {\n name: 'Puerto Rico',\n code: 'pr'\n}, {\n name: 'Qatar',\n code: 'qa'\n}, {\n name: 'Réunion',\n code: 're'\n}, {\n name: 'Romania',\n code: 'ro'\n}, {\n name: 'Russian Federation',\n code: 'ru'\n}, {\n name: 'Rwanda',\n code: 'rw'\n}, {\n name: 'Saint Barthélemy',\n code: 'bl'\n}, {\n name: 'Saint Helena, Ascension and Tristan da Cunha',\n code: 'sh'\n}, {\n name: 'Saint Kitts and Nevis',\n code: 'kn'\n}, {\n name: 'Saint Lucia',\n code: 'lc'\n}, {\n name: 'Saint Martin (French part)',\n code: 'mf'\n}, {\n name: 'Saint Pierre and Miquelon',\n code: 'pm'\n}, {\n name: 'Saint Vincent and the Grenadines',\n code: 'vc'\n}, {\n name: 'Samoa',\n code: 'ws'\n}, {\n name: 'San Marino',\n code: 'sm'\n}, {\n name: 'Sao Tome and Principe',\n code: 'st'\n}, {\n name: 'Saudi Arabia',\n code: 'sa'\n}, {\n name: 'Senegal',\n code: 'sn'\n}, {\n name: 'Serbia',\n code: 'rs'\n}, {\n name: 'Seychelles',\n code: 'sc'\n}, {\n name: 'Sierra Leone',\n code: 'sl'\n}, {\n name: 'Singapore',\n code: 'sg'\n}, {\n name: 'Sint Maarten (Dutch part)',\n code: 'sx'\n}, {\n name: 'Slovakia',\n code: 'sk'\n}, {\n name: 'Slovenia',\n code: 'si'\n}, {\n name: 'Solomon Islands',\n code: 'sb'\n}, {\n name: 'Somalia',\n code: 'so'\n}, {\n name: 'South Africa',\n code: 'za'\n}, {\n name: 'South Georgia and the South Sandwich Islands',\n code: 'gs'\n}, {\n name: 'South Sudan',\n code: 'ss'\n}, {\n name: 'Spain',\n code: 'es'\n}, {\n name: 'Sri Lanka',\n code: 'lk'\n}, {\n name: 'Sudan',\n code: 'sd'\n}, {\n name: 'Suriname',\n code: 'sr'\n}, {\n name: 'Svalbard and Jan Mayen',\n code: 'sj'\n}, {\n name: 'Swaziland',\n code: 'sz'\n}, {\n name: 'Sweden',\n code: 'se'\n}, {\n name: 'Switzerland',\n code: 'ch'\n}, {\n name: 'Syrian Arab Republic',\n code: 'sy'\n}, {\n name: 'Taiwan, Province of China',\n code: 'tw'\n}, {\n name: 'Tajikistan',\n code: 'tj'\n}, {\n name: 'Tanzania, United Republic of',\n code: 'tz'\n}, {\n name: 'Thailand',\n code: 'th'\n}, {\n name: 'Timor-Leste',\n code: 'tl'\n}, {\n name: 'Togo',\n code: 'tg'\n}, {\n name: 'Tokelau',\n code: 'tk'\n}, {\n name: 'Tonga',\n code: 'to'\n}, {\n name: 'Trinidad and Tobago',\n code: 'tt'\n}, {\n name: 'Tunisia',\n code: 'tn'\n}, {\n name: 'Turkey',\n code: 'tr'\n}, {\n name: 'Turkmenistan',\n code: 'tm'\n}, {\n name: 'Turks and Caicos Islands',\n code: 'tc'\n}, {\n name: 'Tuvalu',\n code: 'tv'\n}, {\n name: 'Uganda',\n code: 'ug'\n}, {\n name: 'Ukraine',\n code: 'ua'\n}, {\n name: 'United Arab Emirates',\n code: 'ae'\n}, {\n name: 'United Kingdom',\n code: 'gb'\n}, {\n name: 'England',\n code: 'gb-eng'\n}, {\n name: 'Northern Ireland',\n code: 'gb-nir'\n}, {\n name: 'Scotland',\n code: 'gb-sct'\n}, {\n name: 'Wales',\n code: 'gb-wls'\n}, {\n name: 'United Nations',\n code: 'un'\n}, {\n name: 'United States',\n code: 'us'\n}, {\n name: 'United States Minor Outlying Islands',\n code: 'um'\n}, {\n name: 'Uruguay',\n code: 'uy'\n}, {\n name: 'Uzbekistan',\n code: 'uz'\n}, {\n name: 'Vanuatu',\n code: 'vu'\n}, {\n name: 'Venezuela, Bolivarian Republic of',\n code: 've'\n}, {\n name: 'Viet Nam',\n code: 'vn'\n}, {\n name: 'Virgin Islands, British',\n code: 'vg'\n}, {\n name: 'Virgin Islands, U.S.',\n code: 'vi'\n}, {\n name: 'Wallis and Futuna',\n code: 'wf'\n}, {\n name: 'Western Sahara',\n code: 'eh'\n}, {\n name: 'Yemen',\n code: 'ye'\n}, {\n name: 'Zambia',\n code: 'zm'\n}, {\n name: 'Zimbabwe',\n code: 'zw'\n}];","var _this = this;\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar fnThemeStylesValidator = function fnThemeStylesValidator(propsObject, propsValues, propName, componentName) {\n var useCssModules = propsValues.useCssModules,\n customCodes = propsValues.customCodes;\n if (!useCssModules) return;\n\n if (customCodes) {\n var themeStyles = propsValues.themeStyles;\n\n if (themeStyles) {\n var themeStylesClassNames = Object.keys(themeStyles);\n var result = Object.keys(customCodes).filter(function (customCode) {\n return !themeStylesClassNames.includes(\"flag-icon-\".concat(customCode));\n });\n\n if (result.length > 0) {\n return new Error(\"Invalid prop(s) `themeStyles` supplied to `\".concat(componentName, \"`, expected `.flag-icon-[\").concat(result.join('/'), \"]`.\"));\n }\n } else {\n return new Error(\"Missing required prop(s) `themeStyles` supplied to `\".concat(componentName, \"`.\"));\n }\n }\n};\n\nexport var AddThemeStylesValidator = function AddThemeStylesValidator(obj) {\n var validatorKeyName = '__themeStyles__';\n\n if (Object.prototype.hasOwnProperty.call(obj, validatorKeyName)) {\n return obj;\n }\n\n return _objectSpread({}, obj, _defineProperty({}, validatorKeyName, fnThemeStylesValidator.bind(_this, obj)));\n};\n\nvar fnNoExtraPropsValidator = function fnNoExtraPropsValidator(propsObject, propsValues, propName, componentName) {\n var passedPropNames = Object.keys(propsValues);\n var extra = passedPropNames.filter(function (prop) {\n return !Object.prototype.hasOwnProperty.call(propsObject, prop);\n });\n\n if (extra.length > 0) {\n return new Error(\"Invalid prop(s) \".concat(JSON.stringify(extra), \" supplied to `\").concat(componentName, \"`, expected one of [\").concat(passedPropNames.join(','), \"].\"));\n }\n};\n\nexport var AddNoExtraPropsValidator = function AddNoExtraPropsValidator(obj) {\n var validatorKeyName = '__no__extra__props__validator___';\n\n if (Object.prototype.hasOwnProperty.call(obj, validatorKeyName)) {\n return obj;\n }\n\n return _objectSpread({}, obj, _defineProperty({}, validatorKeyName, fnNoExtraPropsValidator.bind(_this, obj)));\n};","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport PropTypes from 'prop-types';\nimport { getRotates, getFlips, getSizes } from '../functions/props';\nimport { AddNoExtraPropsValidator, AddThemeStylesValidator } from '../functions/propTypes';\nvar FlagIconSizeType = PropTypes.oneOf(getSizes());\nvar FlagIconRotateType = PropTypes.oneOf(getRotates());\nvar FlagIconFlipType = PropTypes.oneOf(getFlips());\n\nvar makeFlagIconCodeType = function makeFlagIconCodeType(codes) {\n return PropTypes.oneOf(codes);\n};\n\nvar makeFlagIconClassesObject = function makeFlagIconClassesObject(codes) {\n return {\n code: makeFlagIconCodeType(codes).isRequired,\n size: FlagIconSizeType,\n squared: PropTypes.bool,\n rotate: FlagIconRotateType,\n flip: FlagIconFlipType,\n className: PropTypes.string,\n styleName: PropTypes.string\n };\n};\n\nvar makeFlagIconPropsTypeObject = function makeFlagIconPropsTypeObject(codes) {\n return _objectSpread({}, makeFlagIconClassesObject(codes), {\n children: PropTypes.element,\n Component: PropTypes.string\n });\n};\n\nexport var MakeFlagIconPropsType = function MakeFlagIconPropsType(codes) {\n return AddNoExtraPropsValidator(makeFlagIconPropsTypeObject(codes));\n};\nvar flagIconOptionsType = {\n customCodes: PropTypes.object,\n themeStyles: PropTypes.object,\n useCssModules: PropTypes.bool\n};\nexport var MakeFlagIconOptionsPropType = function MakeFlagIconOptionsPropType() {\n return AddNoExtraPropsValidator(AddThemeStylesValidator(flagIconOptionsType));\n};","import { sizes, rotates, flips, countries } from '../static/enums';\nexport var getCountries = function getCountries() {\n return countries;\n};\nexport var getCountryCodes = function getCountryCodes() {\n return countries.map(function (country) {\n return country.code;\n });\n};\nexport var getFlips = function getFlips() {\n return flips;\n};\nexport var getRotates = function getRotates() {\n return rotates;\n};\nexport var getSizes = function getSizes() {\n return sizes;\n};","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport PropTypes from 'prop-types';\nimport { MakeFlagIconOptionsPropType } from '../types/propTypes';\nvar defaultOptions = {\n useCssModules: true\n};\nexport default (function (options) {\n var computedOptions = _objectSpread({}, defaultOptions, options);\n\n PropTypes.checkPropTypes(MakeFlagIconOptionsPropType(), computedOptions, 'key', 'FlagIconFactory options');\n return computedOptions;\n});","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nexport var validateStyles = function validateStyles(styles, computedOptions, options) {\n if (process.env.NODE_ENV !== 'production') {\n if (!computedOptions) throw Error('Passing `computedOptions` is required.');\n\n if (!computedOptions.useCssModules) {\n throw Error('Cannot validate global CSS.');\n }\n\n var userSetUseCssModules = options ? options.useCssModules : false;\n\n if (!Object.prototype.hasOwnProperty.call(styles, 'flag-icon')) {\n var readme = 'https://github.com/matteocng/react-flag-icon-css/blob/master/README.md';\n var readmeModules = 'https://github.com/gajus/react-css-modules#usage';\n console.error(\"Warning: Detected configuration mismatch/error: [react-flag-icon-css] FlagIconFactory tried to build FlagIcon with the option 'useCssModules' set to true (\".concat(userSetUseCssModules ? 'by you' : 'default', \"), but it seems that your environment is not loading the stylesheets in the appropriate way. Two possibilities: \\n\\n 1. Your project is not using CSS Modules / you don't want to use them. Try building FlagIcon like this: \\n\\n\\timport * as React from 'react' \\n\\n\\tconst FlagIcon = FlagIconFactory(React, { useCssModules: false }) \\n\\n\\tSee the README for more info: \").concat(readme, \" \\n\\n 2. You are using CSS Modules but your module bundler e.g Webpack is not correctly set up for CSS modules. If you are using Webpack, the key modules to set up are 'style-loader', 'css-loader' and 'extract-text-webpack-plugin' ('sass-loader' also comes into play if you are using SASS). The link below may help you:\\n\\n\\t\").concat(readmeModules));\n }\n }\n};\nexport default (function (styles, options) {\n return options && options.themeStyles ? _objectSpread({}, styles, options.themeStyles) : styles;\n});","import { makeClassnames } from '../functions';\n\nvar FlagIcon = function FlagIcon(React, options, styles) {\n return function (props) {\n var _props$Component = props.Component,\n Component = _props$Component === void 0 ? 'span' : _props$Component,\n children = props.children;\n return React.createElement(Component, {\n className: makeClassnames(props, options, styles)\n }, children);\n };\n};\n\nexport default FlagIcon;","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport stylesFlagIcon from 'flag-icon-css/css/flag-icon.css';\nimport stylesMain from './styles/main.css';\n\nvar finalStyles = _objectSpread({}, stylesFlagIcon, stylesMain);\n\nexport default finalStyles;","function _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}\n\nfunction _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n}\n\nimport FlagIcon from './FlagIcon';\nimport styles from '../styles';\nimport { makeStyles, makeFlagIconOptions } from '../functions';\nimport { getCountryCodes } from '../functions/props';\nimport { validateStyles } from '../functions/styles';\nimport { MakeFlagIconPropsType } from '../types/propTypes';\n\nvar FlagIconFactory = function FlagIconFactory(React, options) {\n var computedOptions = makeFlagIconOptions(options);\n var useCssModules = computedOptions.useCssModules,\n customCodes = computedOptions.customCodes;\n var FlagIconComponent = null;\n\n if (useCssModules) {\n var computedStyles = makeStyles(styles, options);\n\n if (process.env.NODE_ENV !== 'production') {\n validateStyles(computedStyles, computedOptions, options);\n }\n\n FlagIconComponent = FlagIcon(React, computedOptions, computedStyles);\n } else {\n FlagIconComponent = FlagIcon(React, computedOptions);\n }\n\n FlagIconComponent.displayName = 'FlagIcon';\n\n if (process.env.NODE_ENV !== 'production') {\n var codes = getCountryCodes();\n\n if (customCodes) {\n codes = [].concat(_toConsumableArray(codes), _toConsumableArray(Object.keys(customCodes)));\n }\n\n FlagIconComponent.propTypes = MakeFlagIconPropsType(codes);\n }\n\n return FlagIconComponent;\n};\n\nexport default FlagIconFactory;\n\nvar CustomFlagIconFactory = function CustomFlagIconFactory(React, options) {\n return FlagIconFactory(React, options);\n};\n\nexport { CustomFlagIconFactory };","var __extends = this && this.__extends || function () {\n var _extendStatics = function extendStatics(d, b) {\n _extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) {\n if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n }\n };\n\n return _extendStatics(d, b);\n };\n\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n _extendStatics(d, b);\n\n function __() {\n this.constructor = d;\n }\n\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n}();\n\nvar __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nimport * as React from 'react';\nvar styles = {\n top: {\n width: '100%',\n height: '10px',\n top: '-5px',\n left: '0px',\n cursor: 'row-resize'\n },\n right: {\n width: '10px',\n height: '100%',\n top: '0px',\n right: '-5px',\n cursor: 'col-resize'\n },\n bottom: {\n width: '100%',\n height: '10px',\n bottom: '-5px',\n left: '0px',\n cursor: 'row-resize'\n },\n left: {\n width: '10px',\n height: '100%',\n top: '0px',\n left: '-5px',\n cursor: 'col-resize'\n },\n topRight: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '-10px',\n top: '-10px',\n cursor: 'ne-resize'\n },\n bottomRight: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '-10px',\n bottom: '-10px',\n cursor: 'se-resize'\n },\n bottomLeft: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n left: '-10px',\n bottom: '-10px',\n cursor: 'sw-resize'\n },\n topLeft: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n left: '-10px',\n top: '-10px',\n cursor: 'nw-resize'\n }\n};\n\nvar Resizer = function (_super) {\n __extends(Resizer, _super);\n\n function Resizer() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n\n _this.onMouseDown = function (e) {\n _this.props.onResizeStart(e, _this.props.direction);\n };\n\n _this.onTouchStart = function (e) {\n _this.props.onResizeStart(e, _this.props.direction);\n };\n\n return _this;\n }\n\n Resizer.prototype.render = function () {\n return React.createElement(\"div\", {\n className: this.props.className || '',\n style: __assign(__assign({\n position: 'absolute',\n userSelect: 'none'\n }, styles[this.props.direction]), this.props.replaceStyles || {}),\n onMouseDown: this.onMouseDown,\n onTouchStart: this.onTouchStart\n }, this.props.children);\n };\n\n return Resizer;\n}(React.PureComponent);\n\nexport { Resizer };","var __extends = this && this.__extends || function () {\n var _extendStatics = function extendStatics(d, b) {\n _extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) {\n if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n }\n };\n\n return _extendStatics(d, b);\n };\n\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n _extendStatics(d, b);\n\n function __() {\n this.constructor = d;\n }\n\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n}();\n\nvar __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nimport * as React from 'react';\nimport { Resizer } from './resizer';\nimport memoize from 'fast-memoize';\nvar DEFAULT_SIZE = {\n width: 'auto',\n height: 'auto'\n};\nvar clamp = memoize(function (n, min, max) {\n return Math.max(Math.min(n, max), min);\n});\nvar snap = memoize(function (n, size) {\n return Math.round(n / size) * size;\n});\nvar hasDirection = memoize(function (dir, target) {\n return new RegExp(dir, 'i').test(target);\n}); // INFO: In case of window is a Proxy and does not porxy Events correctly, use isTouchEvent & isMouseEvent to distinguish event type instead of `instanceof`.\n\nvar isTouchEvent = function isTouchEvent(event) {\n return Boolean(event.touches && event.touches.length);\n};\n\nvar isMouseEvent = function isMouseEvent(event) {\n return Boolean((event.clientX || event.clientX === 0) && (event.clientY || event.clientY === 0));\n};\n\nvar findClosestSnap = memoize(function (n, snapArray, snapGap) {\n if (snapGap === void 0) {\n snapGap = 0;\n }\n\n var closestGapIndex = snapArray.reduce(function (prev, curr, index) {\n return Math.abs(curr - n) < Math.abs(snapArray[prev] - n) ? index : prev;\n }, 0);\n var gap = Math.abs(snapArray[closestGapIndex] - n);\n return snapGap === 0 || gap < snapGap ? snapArray[closestGapIndex] : n;\n});\nvar endsWith = memoize(function (str, searchStr) {\n return str.substr(str.length - searchStr.length, searchStr.length) === searchStr;\n});\nvar getStringSize = memoize(function (n) {\n n = n.toString();\n\n if (n === 'auto') {\n return n;\n }\n\n if (endsWith(n, 'px')) {\n return n;\n }\n\n if (endsWith(n, '%')) {\n return n;\n }\n\n if (endsWith(n, 'vh')) {\n return n;\n }\n\n if (endsWith(n, 'vw')) {\n return n;\n }\n\n if (endsWith(n, 'vmax')) {\n return n;\n }\n\n if (endsWith(n, 'vmin')) {\n return n;\n }\n\n return n + \"px\";\n});\n\nvar getPixelSize = function getPixelSize(size, parentSize, innerWidth, innerHeight) {\n if (size && typeof size === 'string') {\n if (endsWith(size, 'px')) {\n return Number(size.replace('px', ''));\n }\n\n if (endsWith(size, '%')) {\n var ratio = Number(size.replace('%', '')) / 100;\n return parentSize * ratio;\n }\n\n if (endsWith(size, 'vw')) {\n var ratio = Number(size.replace('vw', '')) / 100;\n return innerWidth * ratio;\n }\n\n if (endsWith(size, 'vh')) {\n var ratio = Number(size.replace('vh', '')) / 100;\n return innerHeight * ratio;\n }\n }\n\n return size;\n};\n\nvar calculateNewMax = memoize(function (parentSize, innerWidth, innerHeight, maxWidth, maxHeight, minWidth, minHeight) {\n maxWidth = getPixelSize(maxWidth, parentSize.width, innerWidth, innerHeight);\n maxHeight = getPixelSize(maxHeight, parentSize.height, innerWidth, innerHeight);\n minWidth = getPixelSize(minWidth, parentSize.width, innerWidth, innerHeight);\n minHeight = getPixelSize(minHeight, parentSize.height, innerWidth, innerHeight);\n return {\n maxWidth: typeof maxWidth === 'undefined' ? undefined : Number(maxWidth),\n maxHeight: typeof maxHeight === 'undefined' ? undefined : Number(maxHeight),\n minWidth: typeof minWidth === 'undefined' ? undefined : Number(minWidth),\n minHeight: typeof minHeight === 'undefined' ? undefined : Number(minHeight)\n };\n});\nvar definedProps = ['as', 'style', 'className', 'grid', 'snap', 'bounds', 'boundsByDirection', 'size', 'defaultSize', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'lockAspectRatio', 'lockAspectRatioExtraWidth', 'lockAspectRatioExtraHeight', 'enable', 'handleStyles', 'handleClasses', 'handleWrapperStyle', 'handleWrapperClass', 'children', 'onResizeStart', 'onResize', 'onResizeStop', 'handleComponent', 'scale', 'resizeRatio', 'snapGap']; // HACK: This class is used to calculate % size.\n\nvar baseClassName = '__resizable_base__';\n\nvar Resizable = function (_super) {\n __extends(Resizable, _super);\n\n function Resizable(props) {\n var _this = _super.call(this, props) || this;\n\n _this.ratio = 1;\n _this.resizable = null; // For parent boundary\n\n _this.parentLeft = 0;\n _this.parentTop = 0; // For boundary\n\n _this.resizableLeft = 0;\n _this.resizableRight = 0;\n _this.resizableTop = 0;\n _this.resizableBottom = 0; // For target boundary\n\n _this.targetLeft = 0;\n _this.targetTop = 0;\n\n _this.appendBase = function () {\n if (!_this.resizable || !_this.window) {\n return null;\n }\n\n var parent = _this.parentNode;\n\n if (!parent) {\n return null;\n }\n\n var element = _this.window.document.createElement('div');\n\n element.style.width = '100%';\n element.style.height = '100%';\n element.style.position = 'absolute';\n element.style.transform = 'scale(0, 0)';\n element.style.left = '0';\n element.style.flex = '0';\n\n if (element.classList) {\n element.classList.add(baseClassName);\n } else {\n element.className += baseClassName;\n }\n\n parent.appendChild(element);\n return element;\n };\n\n _this.removeBase = function (base) {\n var parent = _this.parentNode;\n\n if (!parent) {\n return;\n }\n\n parent.removeChild(base);\n };\n\n _this.ref = function (c) {\n if (c) {\n _this.resizable = c;\n }\n };\n\n _this.state = {\n isResizing: false,\n width: typeof (_this.propsSize && _this.propsSize.width) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.width,\n height: typeof (_this.propsSize && _this.propsSize.height) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.height,\n direction: 'right',\n original: {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n },\n backgroundStyle: {\n height: '100%',\n width: '100%',\n backgroundColor: 'rgba(0,0,0,0)',\n cursor: 'auto',\n opacity: 0,\n position: 'fixed',\n zIndex: 9999,\n top: '0',\n left: '0',\n bottom: '0',\n right: '0'\n },\n flexBasis: undefined\n };\n _this.onResizeStart = _this.onResizeStart.bind(_this);\n _this.onMouseMove = _this.onMouseMove.bind(_this);\n _this.onMouseUp = _this.onMouseUp.bind(_this);\n return _this;\n }\n\n Object.defineProperty(Resizable.prototype, \"parentNode\", {\n get: function get() {\n if (!this.resizable) {\n return null;\n }\n\n return this.resizable.parentNode;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"window\", {\n get: function get() {\n if (!this.resizable) {\n return null;\n }\n\n if (!this.resizable.ownerDocument) {\n return null;\n }\n\n return this.resizable.ownerDocument.defaultView;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"propsSize\", {\n get: function get() {\n return this.props.size || this.props.defaultSize || DEFAULT_SIZE;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"size\", {\n get: function get() {\n var width = 0;\n var height = 0;\n\n if (this.resizable && this.window) {\n var orgWidth = this.resizable.offsetWidth;\n var orgHeight = this.resizable.offsetHeight; // HACK: Set position `relative` to get parent size.\n // This is because when re-resizable set `absolute`, I can not get base width correctly.\n\n var orgPosition = this.resizable.style.position;\n\n if (orgPosition !== 'relative') {\n this.resizable.style.position = 'relative';\n } // INFO: Use original width or height if set auto.\n\n\n width = this.resizable.style.width !== 'auto' ? this.resizable.offsetWidth : orgWidth;\n height = this.resizable.style.height !== 'auto' ? this.resizable.offsetHeight : orgHeight; // Restore original position\n\n this.resizable.style.position = orgPosition;\n }\n\n return {\n width: width,\n height: height\n };\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"sizeStyle\", {\n get: function get() {\n var _this = this;\n\n var size = this.props.size;\n\n var getSize = function getSize(key) {\n if (typeof _this.state[key] === 'undefined' || _this.state[key] === 'auto') {\n return 'auto';\n }\n\n if (_this.propsSize && _this.propsSize[key] && endsWith(_this.propsSize[key].toString(), '%')) {\n if (endsWith(_this.state[key].toString(), '%')) {\n return _this.state[key].toString();\n }\n\n var parentSize = _this.getParentSize();\n\n var value = Number(_this.state[key].toString().replace('px', ''));\n var percent = value / parentSize[key] * 100;\n return percent + \"%\";\n }\n\n return getStringSize(_this.state[key]);\n };\n\n var width = size && typeof size.width !== 'undefined' && !this.state.isResizing ? getStringSize(size.width) : getSize('width');\n var height = size && typeof size.height !== 'undefined' && !this.state.isResizing ? getStringSize(size.height) : getSize('height');\n return {\n width: width,\n height: height\n };\n },\n enumerable: false,\n configurable: true\n });\n\n Resizable.prototype.getParentSize = function () {\n if (!this.parentNode) {\n if (!this.window) {\n return {\n width: 0,\n height: 0\n };\n }\n\n return {\n width: this.window.innerWidth,\n height: this.window.innerHeight\n };\n }\n\n var base = this.appendBase();\n\n if (!base) {\n return {\n width: 0,\n height: 0\n };\n } // INFO: To calculate parent width with flex layout\n\n\n var wrapChanged = false;\n var wrap = this.parentNode.style.flexWrap;\n\n if (wrap !== 'wrap') {\n wrapChanged = true;\n this.parentNode.style.flexWrap = 'wrap'; // HACK: Use relative to get parent padding size\n }\n\n base.style.position = 'relative';\n base.style.minWidth = '100%';\n var size = {\n width: base.offsetWidth,\n height: base.offsetHeight\n };\n\n if (wrapChanged) {\n this.parentNode.style.flexWrap = wrap;\n }\n\n this.removeBase(base);\n return size;\n };\n\n Resizable.prototype.bindEvents = function () {\n if (this.window) {\n this.window.addEventListener('mouseup', this.onMouseUp);\n this.window.addEventListener('mousemove', this.onMouseMove);\n this.window.addEventListener('mouseleave', this.onMouseUp);\n this.window.addEventListener('touchmove', this.onMouseMove, {\n capture: true,\n passive: false\n });\n this.window.addEventListener('touchend', this.onMouseUp);\n }\n };\n\n Resizable.prototype.unbindEvents = function () {\n if (this.window) {\n this.window.removeEventListener('mouseup', this.onMouseUp);\n this.window.removeEventListener('mousemove', this.onMouseMove);\n this.window.removeEventListener('mouseleave', this.onMouseUp);\n this.window.removeEventListener('touchmove', this.onMouseMove, true);\n this.window.removeEventListener('touchend', this.onMouseUp);\n }\n };\n\n Resizable.prototype.componentDidMount = function () {\n if (!this.resizable || !this.window) {\n return;\n }\n\n var computedStyle = this.window.getComputedStyle(this.resizable);\n this.setState({\n width: this.state.width || this.size.width,\n height: this.state.height || this.size.height,\n flexBasis: computedStyle.flexBasis !== 'auto' ? computedStyle.flexBasis : undefined\n });\n };\n\n Resizable.prototype.componentWillUnmount = function () {\n if (this.window) {\n this.unbindEvents();\n }\n };\n\n Resizable.prototype.createSizeForCssProperty = function (newSize, kind) {\n var propsSize = this.propsSize && this.propsSize[kind];\n return this.state[kind] === 'auto' && this.state.original[kind] === newSize && (typeof propsSize === 'undefined' || propsSize === 'auto') ? 'auto' : newSize;\n };\n\n Resizable.prototype.calculateNewMaxFromBoundary = function (maxWidth, maxHeight) {\n var boundsByDirection = this.props.boundsByDirection;\n var direction = this.state.direction;\n var widthByDirection = boundsByDirection && hasDirection('left', direction);\n var heightByDirection = boundsByDirection && hasDirection('top', direction);\n var boundWidth;\n var boundHeight;\n\n if (this.props.bounds === 'parent') {\n var parent_1 = this.parentNode;\n\n if (parent_1) {\n boundWidth = widthByDirection ? this.resizableRight - this.parentLeft : parent_1.offsetWidth + (this.parentLeft - this.resizableLeft);\n boundHeight = heightByDirection ? this.resizableBottom - this.parentTop : parent_1.offsetHeight + (this.parentTop - this.resizableTop);\n }\n } else if (this.props.bounds === 'window') {\n if (this.window) {\n boundWidth = widthByDirection ? this.resizableRight : this.window.innerWidth - this.resizableLeft;\n boundHeight = heightByDirection ? this.resizableBottom : this.window.innerHeight - this.resizableTop;\n }\n } else if (this.props.bounds) {\n boundWidth = widthByDirection ? this.resizableRight - this.targetLeft : this.props.bounds.offsetWidth + (this.targetLeft - this.resizableLeft);\n boundHeight = heightByDirection ? this.resizableBottom - this.targetTop : this.props.bounds.offsetHeight + (this.targetTop - this.resizableTop);\n }\n\n if (boundWidth && Number.isFinite(boundWidth)) {\n maxWidth = maxWidth && maxWidth < boundWidth ? maxWidth : boundWidth;\n }\n\n if (boundHeight && Number.isFinite(boundHeight)) {\n maxHeight = maxHeight && maxHeight < boundHeight ? maxHeight : boundHeight;\n }\n\n return {\n maxWidth: maxWidth,\n maxHeight: maxHeight\n };\n };\n\n Resizable.prototype.calculateNewSizeFromDirection = function (clientX, clientY) {\n var scale = this.props.scale || 1;\n var resizeRatio = this.props.resizeRatio || 1;\n var _a = this.state,\n direction = _a.direction,\n original = _a.original;\n var _b = this.props,\n lockAspectRatio = _b.lockAspectRatio,\n lockAspectRatioExtraHeight = _b.lockAspectRatioExtraHeight,\n lockAspectRatioExtraWidth = _b.lockAspectRatioExtraWidth;\n var newWidth = original.width;\n var newHeight = original.height;\n var extraHeight = lockAspectRatioExtraHeight || 0;\n var extraWidth = lockAspectRatioExtraWidth || 0;\n\n if (hasDirection('right', direction)) {\n newWidth = original.width + (clientX - original.x) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newHeight = (newWidth - extraWidth) / this.ratio + extraHeight;\n }\n }\n\n if (hasDirection('left', direction)) {\n newWidth = original.width - (clientX - original.x) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newHeight = (newWidth - extraWidth) / this.ratio + extraHeight;\n }\n }\n\n if (hasDirection('bottom', direction)) {\n newHeight = original.height + (clientY - original.y) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newWidth = (newHeight - extraHeight) * this.ratio + extraWidth;\n }\n }\n\n if (hasDirection('top', direction)) {\n newHeight = original.height - (clientY - original.y) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newWidth = (newHeight - extraHeight) * this.ratio + extraWidth;\n }\n }\n\n return {\n newWidth: newWidth,\n newHeight: newHeight\n };\n };\n\n Resizable.prototype.calculateNewSizeFromAspectRatio = function (newWidth, newHeight, max, min) {\n var _a = this.props,\n lockAspectRatio = _a.lockAspectRatio,\n lockAspectRatioExtraHeight = _a.lockAspectRatioExtraHeight,\n lockAspectRatioExtraWidth = _a.lockAspectRatioExtraWidth;\n var computedMinWidth = typeof min.width === 'undefined' ? 10 : min.width;\n var computedMaxWidth = typeof max.width === 'undefined' || max.width < 0 ? newWidth : max.width;\n var computedMinHeight = typeof min.height === 'undefined' ? 10 : min.height;\n var computedMaxHeight = typeof max.height === 'undefined' || max.height < 0 ? newHeight : max.height;\n var extraHeight = lockAspectRatioExtraHeight || 0;\n var extraWidth = lockAspectRatioExtraWidth || 0;\n\n if (lockAspectRatio) {\n var extraMinWidth = (computedMinHeight - extraHeight) * this.ratio + extraWidth;\n var extraMaxWidth = (computedMaxHeight - extraHeight) * this.ratio + extraWidth;\n var extraMinHeight = (computedMinWidth - extraWidth) / this.ratio + extraHeight;\n var extraMaxHeight = (computedMaxWidth - extraWidth) / this.ratio + extraHeight;\n var lockedMinWidth = Math.max(computedMinWidth, extraMinWidth);\n var lockedMaxWidth = Math.min(computedMaxWidth, extraMaxWidth);\n var lockedMinHeight = Math.max(computedMinHeight, extraMinHeight);\n var lockedMaxHeight = Math.min(computedMaxHeight, extraMaxHeight);\n newWidth = clamp(newWidth, lockedMinWidth, lockedMaxWidth);\n newHeight = clamp(newHeight, lockedMinHeight, lockedMaxHeight);\n } else {\n newWidth = clamp(newWidth, computedMinWidth, computedMaxWidth);\n newHeight = clamp(newHeight, computedMinHeight, computedMaxHeight);\n }\n\n return {\n newWidth: newWidth,\n newHeight: newHeight\n };\n };\n\n Resizable.prototype.setBoundingClientRect = function () {\n // For parent boundary\n if (this.props.bounds === 'parent') {\n var parent_2 = this.parentNode;\n\n if (parent_2) {\n var parentRect = parent_2.getBoundingClientRect();\n this.parentLeft = parentRect.left;\n this.parentTop = parentRect.top;\n }\n } // For target(html element) boundary\n\n\n if (this.props.bounds && typeof this.props.bounds !== 'string') {\n var targetRect = this.props.bounds.getBoundingClientRect();\n this.targetLeft = targetRect.left;\n this.targetTop = targetRect.top;\n } // For boundary\n\n\n if (this.resizable) {\n var _a = this.resizable.getBoundingClientRect(),\n left = _a.left,\n top_1 = _a.top,\n right = _a.right,\n bottom = _a.bottom;\n\n this.resizableLeft = left;\n this.resizableRight = right;\n this.resizableTop = top_1;\n this.resizableBottom = bottom;\n }\n };\n\n Resizable.prototype.onResizeStart = function (event, direction) {\n if (!this.resizable || !this.window) {\n return;\n }\n\n var clientX = 0;\n var clientY = 0;\n\n if (event.nativeEvent && isMouseEvent(event.nativeEvent)) {\n clientX = event.nativeEvent.clientX;\n clientY = event.nativeEvent.clientY;\n } else if (event.nativeEvent && isTouchEvent(event.nativeEvent)) {\n clientX = event.nativeEvent.touches[0].clientX;\n clientY = event.nativeEvent.touches[0].clientY;\n }\n\n if (this.props.onResizeStart) {\n if (this.resizable) {\n var startResize = this.props.onResizeStart(event, direction, this.resizable);\n\n if (startResize === false) {\n return;\n }\n }\n } // Fix #168\n\n\n if (this.props.size) {\n if (typeof this.props.size.height !== 'undefined' && this.props.size.height !== this.state.height) {\n this.setState({\n height: this.props.size.height\n });\n }\n\n if (typeof this.props.size.width !== 'undefined' && this.props.size.width !== this.state.width) {\n this.setState({\n width: this.props.size.width\n });\n }\n } // For lockAspectRatio case\n\n\n this.ratio = typeof this.props.lockAspectRatio === 'number' ? this.props.lockAspectRatio : this.size.width / this.size.height;\n var flexBasis;\n var computedStyle = this.window.getComputedStyle(this.resizable);\n\n if (computedStyle.flexBasis !== 'auto') {\n var parent_3 = this.parentNode;\n\n if (parent_3) {\n var dir = this.window.getComputedStyle(parent_3).flexDirection;\n this.flexDir = dir.startsWith('row') ? 'row' : 'column';\n flexBasis = computedStyle.flexBasis;\n }\n } // For boundary\n\n\n this.setBoundingClientRect();\n this.bindEvents();\n var state = {\n original: {\n x: clientX,\n y: clientY,\n width: this.size.width,\n height: this.size.height\n },\n isResizing: true,\n backgroundStyle: __assign(__assign({}, this.state.backgroundStyle), {\n cursor: this.window.getComputedStyle(event.target).cursor || 'auto'\n }),\n direction: direction,\n flexBasis: flexBasis\n };\n this.setState(state);\n };\n\n Resizable.prototype.onMouseMove = function (event) {\n if (!this.state.isResizing || !this.resizable || !this.window) {\n return;\n }\n\n if (this.window.TouchEvent && isTouchEvent(event)) {\n try {\n event.preventDefault();\n event.stopPropagation();\n } catch (e) {// Ignore on fail\n }\n }\n\n var _a = this.props,\n maxWidth = _a.maxWidth,\n maxHeight = _a.maxHeight,\n minWidth = _a.minWidth,\n minHeight = _a.minHeight;\n var clientX = isTouchEvent(event) ? event.touches[0].clientX : event.clientX;\n var clientY = isTouchEvent(event) ? event.touches[0].clientY : event.clientY;\n var _b = this.state,\n direction = _b.direction,\n original = _b.original,\n width = _b.width,\n height = _b.height;\n var parentSize = this.getParentSize();\n var max = calculateNewMax(parentSize, this.window.innerWidth, this.window.innerHeight, maxWidth, maxHeight, minWidth, minHeight);\n maxWidth = max.maxWidth;\n maxHeight = max.maxHeight;\n minWidth = max.minWidth;\n minHeight = max.minHeight; // Calculate new size\n\n var _c = this.calculateNewSizeFromDirection(clientX, clientY),\n newHeight = _c.newHeight,\n newWidth = _c.newWidth; // Calculate max size from boundary settings\n\n\n var boundaryMax = this.calculateNewMaxFromBoundary(maxWidth, maxHeight); // Calculate new size from aspect ratio\n\n var newSize = this.calculateNewSizeFromAspectRatio(newWidth, newHeight, {\n width: boundaryMax.maxWidth,\n height: boundaryMax.maxHeight\n }, {\n width: minWidth,\n height: minHeight\n });\n newWidth = newSize.newWidth;\n newHeight = newSize.newHeight;\n\n if (this.props.grid) {\n var newGridWidth = snap(newWidth, this.props.grid[0]);\n var newGridHeight = snap(newHeight, this.props.grid[1]);\n var gap = this.props.snapGap || 0;\n newWidth = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap ? newGridWidth : newWidth;\n newHeight = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;\n }\n\n if (this.props.snap && this.props.snap.x) {\n newWidth = findClosestSnap(newWidth, this.props.snap.x, this.props.snapGap);\n }\n\n if (this.props.snap && this.props.snap.y) {\n newHeight = findClosestSnap(newHeight, this.props.snap.y, this.props.snapGap);\n }\n\n var delta = {\n width: newWidth - original.width,\n height: newHeight - original.height\n };\n\n if (width && typeof width === 'string') {\n if (endsWith(width, '%')) {\n var percent = newWidth / parentSize.width * 100;\n newWidth = percent + \"%\";\n } else if (endsWith(width, 'vw')) {\n var vw = newWidth / this.window.innerWidth * 100;\n newWidth = vw + \"vw\";\n } else if (endsWith(width, 'vh')) {\n var vh = newWidth / this.window.innerHeight * 100;\n newWidth = vh + \"vh\";\n }\n }\n\n if (height && typeof height === 'string') {\n if (endsWith(height, '%')) {\n var percent = newHeight / parentSize.height * 100;\n newHeight = percent + \"%\";\n } else if (endsWith(height, 'vw')) {\n var vw = newHeight / this.window.innerWidth * 100;\n newHeight = vw + \"vw\";\n } else if (endsWith(height, 'vh')) {\n var vh = newHeight / this.window.innerHeight * 100;\n newHeight = vh + \"vh\";\n }\n }\n\n var newState = {\n width: this.createSizeForCssProperty(newWidth, 'width'),\n height: this.createSizeForCssProperty(newHeight, 'height')\n };\n\n if (this.flexDir === 'row') {\n newState.flexBasis = newState.width;\n } else if (this.flexDir === 'column') {\n newState.flexBasis = newState.height;\n }\n\n this.setState(newState);\n\n if (this.props.onResize) {\n this.props.onResize(event, direction, this.resizable, delta);\n }\n };\n\n Resizable.prototype.onMouseUp = function (event) {\n var _a = this.state,\n isResizing = _a.isResizing,\n direction = _a.direction,\n original = _a.original;\n\n if (!isResizing || !this.resizable) {\n return;\n }\n\n var delta = {\n width: this.size.width - original.width,\n height: this.size.height - original.height\n };\n\n if (this.props.onResizeStop) {\n this.props.onResizeStop(event, direction, this.resizable, delta);\n }\n\n if (this.props.size) {\n this.setState(this.props.size);\n }\n\n this.unbindEvents();\n this.setState({\n isResizing: false,\n backgroundStyle: __assign(__assign({}, this.state.backgroundStyle), {\n cursor: 'auto'\n })\n });\n };\n\n Resizable.prototype.updateSize = function (size) {\n this.setState({\n width: size.width,\n height: size.height\n });\n };\n\n Resizable.prototype.renderResizer = function () {\n var _this = this;\n\n var _a = this.props,\n enable = _a.enable,\n handleStyles = _a.handleStyles,\n handleClasses = _a.handleClasses,\n handleWrapperStyle = _a.handleWrapperStyle,\n handleWrapperClass = _a.handleWrapperClass,\n handleComponent = _a.handleComponent;\n\n if (!enable) {\n return null;\n }\n\n var resizers = Object.keys(enable).map(function (dir) {\n if (enable[dir] !== false) {\n return React.createElement(Resizer, {\n key: dir,\n direction: dir,\n onResizeStart: _this.onResizeStart,\n replaceStyles: handleStyles && handleStyles[dir],\n className: handleClasses && handleClasses[dir]\n }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null);\n }\n\n return null;\n }); // #93 Wrap the resize box in span (will not break 100% width/height)\n\n return React.createElement(\"div\", {\n className: handleWrapperClass,\n style: handleWrapperStyle\n }, resizers);\n };\n\n Resizable.prototype.render = function () {\n var _this = this;\n\n var extendsProps = Object.keys(this.props).reduce(function (acc, key) {\n if (definedProps.indexOf(key) !== -1) {\n return acc;\n }\n\n acc[key] = _this.props[key];\n return acc;\n }, {});\n\n var style = __assign(__assign(__assign({\n position: 'relative',\n userSelect: this.state.isResizing ? 'none' : 'auto'\n }, this.props.style), this.sizeStyle), {\n maxWidth: this.props.maxWidth,\n maxHeight: this.props.maxHeight,\n minWidth: this.props.minWidth,\n minHeight: this.props.minHeight,\n boxSizing: 'border-box',\n flexShrink: 0\n });\n\n if (this.state.flexBasis) {\n style.flexBasis = this.state.flexBasis;\n }\n\n var Wrapper = this.props.as || 'div';\n return React.createElement(Wrapper, __assign({\n ref: this.ref,\n style: style,\n className: this.props.className\n }, extendsProps), this.state.isResizing && React.createElement(\"div\", {\n style: this.state.backgroundStyle\n }), this.props.children, this.renderResizer());\n };\n\n Resizable.defaultProps = {\n as: 'div',\n onResizeStart: function onResizeStart() {},\n onResize: function onResize() {},\n onResizeStop: function onResizeStop() {},\n enable: {\n top: true,\n right: true,\n bottom: true,\n left: true,\n topRight: true,\n bottomRight: true,\n bottomLeft: true,\n topLeft: true\n },\n style: {},\n grid: [1, 1],\n lockAspectRatio: false,\n lockAspectRatioExtraWidth: 0,\n lockAspectRatioExtraHeight: 0,\n scale: 1,\n resizeRatio: 1,\n snapGap: 0\n };\n return Resizable;\n}(React.PureComponent);\n\nexport { Resizable };","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","/* eslint-disable no-restricted-syntax */\nexport default function getThemeProps(params) {\n var theme = params.theme,\n name = params.name,\n props = params.props;\n\n if (!theme || !theme.props || !theme.props[name]) {\n return props;\n } // Resolve default props, code borrow from React source.\n // https://github.com/facebook/react/blob/15a8f031838a553e41c0b66eb1bcf1da8448104d/packages/react/src/ReactElement.js#L221\n\n\n var defaultProps = theme.props[name];\n var propName;\n\n for (propName in defaultProps) {\n if (props[propName] === undefined) {\n props[propName] = defaultProps[propName];\n }\n }\n\n return props;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n userSelect: 'none',\n width: '1em',\n height: '1em',\n display: 'inline-block',\n fill: 'currentColor',\n flexShrink: 0,\n fontSize: theme.typography.pxToRem(24),\n transition: theme.transitions.create('fill', {\n duration: theme.transitions.duration.shorter\n })\n },\n\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n color: theme.palette.primary.main\n },\n\n /* Styles applied to the root element if `color=\"secondary\"`. */\n colorSecondary: {\n color: theme.palette.secondary.main\n },\n\n /* Styles applied to the root element if `color=\"action\"`. */\n colorAction: {\n color: theme.palette.action.active\n },\n\n /* Styles applied to the root element if `color=\"error\"`. */\n colorError: {\n color: theme.palette.error.main\n },\n\n /* Styles applied to the root element if `color=\"disabled\"`. */\n colorDisabled: {\n color: theme.palette.action.disabled\n },\n\n /* Styles applied to the root element if `fontSize=\"inherit\"`. */\n fontSizeInherit: {\n fontSize: 'inherit'\n },\n\n /* Styles applied to the root element if `fontSize=\"small\"`. */\n fontSizeSmall: {\n fontSize: theme.typography.pxToRem(20)\n },\n\n /* Styles applied to the root element if `fontSize=\"large\"`. */\n fontSizeLarge: {\n fontSize: theme.typography.pxToRem(35)\n }\n };\n};\nvar SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'inherit' : _props$color,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'svg' : _props$component,\n _props$fontSize = props.fontSize,\n fontSize = _props$fontSize === void 0 ? 'medium' : _props$fontSize,\n htmlColor = props.htmlColor,\n titleAccess = props.titleAccess,\n _props$viewBox = props.viewBox,\n viewBox = _props$viewBox === void 0 ? '0 0 24 24' : _props$viewBox,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"color\", \"component\", \"fontSize\", \"htmlColor\", \"titleAccess\", \"viewBox\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, color !== 'inherit' && classes[\"color\".concat(capitalize(color))], fontSize !== 'default' && fontSize !== 'medium' && classes[\"fontSize\".concat(capitalize(fontSize))]),\n focusable: \"false\",\n viewBox: viewBox,\n color: htmlColor,\n \"aria-hidden\": titleAccess ? undefined : true,\n role: titleAccess ? 'img' : undefined,\n ref: ref\n }, other), children, titleAccess ? /*#__PURE__*/React.createElement(\"title\", null, titleAccess) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? SvgIcon.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Node passed into the SVG element.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * You can use the `htmlColor` prop to apply a color attribute to the SVG element.\n */\n color: PropTypes.oneOf(['action', 'disabled', 'error', 'inherit', 'primary', 'secondary']),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.\n */\n fontSize: chainPropTypes(PropTypes.oneOf(['default', 'inherit', 'large', 'medium', 'small']), function (props) {\n var fontSize = props.fontSize;\n\n if (fontSize === 'default') {\n throw new Error('Material-UI: `fontSize=\"default\"` is deprecated. Use `fontSize=\"medium\"` instead.');\n }\n\n return null;\n }),\n\n /**\n * Applies a color attribute to the SVG element.\n */\n htmlColor: PropTypes.string,\n\n /**\n * The shape-rendering attribute. The behavior of the different options is described on the\n * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\n * If you are having issues with blurry icons you should investigate this property.\n */\n shapeRendering: PropTypes.string,\n\n /**\n * Provides a human-readable title for the element that contains it.\n * https://www.w3.org/TR/SVG-access/#Equivalent\n */\n titleAccess: PropTypes.string,\n\n /**\n * Allows you to redefine what the coordinates without units mean inside an SVG element.\n * For example, if the SVG element is 500 (width) by 200 (height),\n * and you pass viewBox=\"0 0 50 20\",\n * this means that the coordinates inside the SVG will go from the top left corner (0,0)\n * to bottom right (50,20) and each unit will be worth 10px.\n */\n viewBox: PropTypes.string\n} : void 0;\nSvgIcon.muiName = 'SvgIcon';\nexport default withStyles(styles, {\n name: 'MuiSvgIcon'\n})(SvgIcon);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport { duration } from '../styles/transitions';\nimport useTheme from '../styles/useTheme';\nimport { reflow, getTransitionProps } from '../transitions/utils';\nimport useForkRef from '../utils/useForkRef';\nvar styles = {\n entering: {\n opacity: 1\n },\n entered: {\n opacity: 1\n }\n};\nvar defaultTimeout = {\n enter: duration.enteringScreen,\n exit: duration.leavingScreen\n};\n/**\n * The Fade transition is used by the [Modal](/components/modal/) component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\n\nvar Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {\n var children = props.children,\n _props$disableStrictM = props.disableStrictModeCompat,\n disableStrictModeCompat = _props$disableStrictM === void 0 ? false : _props$disableStrictM,\n inProp = props.in,\n onEnter = props.onEnter,\n onEntered = props.onEntered,\n onEntering = props.onEntering,\n onExit = props.onExit,\n onExited = props.onExited,\n onExiting = props.onExiting,\n style = props.style,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,\n _props$timeout = props.timeout,\n timeout = _props$timeout === void 0 ? defaultTimeout : _props$timeout,\n other = _objectWithoutProperties(props, [\"children\", \"disableStrictModeCompat\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"style\", \"TransitionComponent\", \"timeout\"]);\n\n var theme = useTheme();\n var enableStrictModeCompat = theme.unstable_strictMode && !disableStrictModeCompat;\n var nodeRef = React.useRef(null);\n var foreignRef = useForkRef(children.ref, ref);\n var handleRef = useForkRef(enableStrictModeCompat ? nodeRef : undefined, foreignRef);\n\n var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {\n return function (nodeOrAppearing, maybeAppearing) {\n if (callback) {\n var _ref = enableStrictModeCompat ? [nodeRef.current, nodeOrAppearing] : [nodeOrAppearing, maybeAppearing],\n _ref2 = _slicedToArray(_ref, 2),\n node = _ref2[0],\n isAppearing = _ref2[1]; // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n\n\n if (isAppearing === undefined) {\n callback(node);\n } else {\n callback(node, isAppearing);\n }\n }\n };\n };\n\n var handleEntering = normalizedTransitionCallback(onEntering);\n var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {\n reflow(node); // So the animation always start from the start.\n\n var transitionProps = getTransitionProps({\n style: style,\n timeout: timeout\n }, {\n mode: 'enter'\n });\n node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);\n node.style.transition = theme.transitions.create('opacity', transitionProps);\n\n if (onEnter) {\n onEnter(node, isAppearing);\n }\n });\n var handleEntered = normalizedTransitionCallback(onEntered);\n var handleExiting = normalizedTransitionCallback(onExiting);\n var handleExit = normalizedTransitionCallback(function (node) {\n var transitionProps = getTransitionProps({\n style: style,\n timeout: timeout\n }, {\n mode: 'exit'\n });\n node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);\n node.style.transition = theme.transitions.create('opacity', transitionProps);\n\n if (onExit) {\n onExit(node);\n }\n });\n var handleExited = normalizedTransitionCallback(onExited);\n return /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n appear: true,\n in: inProp,\n nodeRef: enableStrictModeCompat ? nodeRef : undefined,\n onEnter: handleEnter,\n onEntered: handleEntered,\n onEntering: handleEntering,\n onExit: handleExit,\n onExited: handleExited,\n onExiting: handleExiting,\n timeout: timeout\n }, other), function (state, childProps) {\n return /*#__PURE__*/React.cloneElement(children, _extends({\n style: _extends({\n opacity: 0,\n visibility: state === 'exited' && !inProp ? 'hidden' : undefined\n }, styles[state], style, children.props.style),\n ref: handleRef\n }, childProps));\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? Fade.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * A single child content element.\n */\n children: PropTypes.element,\n\n /**\n * Enable this prop if you encounter 'Function components cannot be given refs',\n * use `unstable_createStrictModeTheme`,\n * and can't forward the ref in the child component.\n */\n disableStrictModeCompat: PropTypes.bool,\n\n /**\n * If `true`, the component will transition in.\n */\n in: PropTypes.bool,\n\n /**\n * @ignore\n */\n onEnter: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntered: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntering: PropTypes.func,\n\n /**\n * @ignore\n */\n onExit: PropTypes.func,\n\n /**\n * @ignore\n */\n onExited: PropTypes.func,\n\n /**\n * @ignore\n */\n onExiting: PropTypes.func,\n\n /**\n * @ignore\n */\n style: PropTypes.object,\n\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n */\n timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n appear: PropTypes.number,\n enter: PropTypes.number,\n exit: PropTypes.number\n })])\n} : void 0;\nexport default Fade;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n textAlign: 'center',\n flex: '0 0 auto',\n fontSize: theme.typography.pxToRem(24),\n padding: 12,\n borderRadius: '50%',\n overflow: 'visible',\n // Explicitly set the default value to solve a bug on IE 11.\n color: theme.palette.action.active,\n transition: theme.transitions.create('background-color', {\n duration: theme.transitions.duration.shortest\n }),\n '&:hover': {\n backgroundColor: alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n },\n '&$disabled': {\n backgroundColor: 'transparent',\n color: theme.palette.action.disabled\n }\n },\n\n /* Styles applied to the root element if `edge=\"start\"`. */\n edgeStart: {\n marginLeft: -12,\n '$sizeSmall&': {\n marginLeft: -3\n }\n },\n\n /* Styles applied to the root element if `edge=\"end\"`. */\n edgeEnd: {\n marginRight: -12,\n '$sizeSmall&': {\n marginRight: -3\n }\n },\n\n /* Styles applied to the root element if `color=\"inherit\"`. */\n colorInherit: {\n color: 'inherit'\n },\n\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n color: theme.palette.primary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n\n /* Styles applied to the root element if `color=\"secondary\"`. */\n colorSecondary: {\n color: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the root element if `size=\"small\"`. */\n sizeSmall: {\n padding: 3,\n fontSize: theme.typography.pxToRem(18)\n },\n\n /* Styles applied to the children container element. */\n label: {\n width: '100%',\n display: 'flex',\n alignItems: 'inherit',\n justifyContent: 'inherit'\n }\n };\n};\n/**\n * Refer to the [Icons](/components/icons/) section of the documentation\n * regarding the available icon options.\n */\n\nvar IconButton = /*#__PURE__*/React.forwardRef(function IconButton(props, ref) {\n var _props$edge = props.edge,\n edge = _props$edge === void 0 ? false : _props$edge,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'default' : _props$color,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$disableFocusRi = props.disableFocusRipple,\n disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n other = _objectWithoutProperties(props, [\"edge\", \"children\", \"classes\", \"className\", \"color\", \"disabled\", \"disableFocusRipple\", \"size\"]);\n\n return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n className: clsx(classes.root, className, color !== 'default' && classes[\"color\".concat(capitalize(color))], disabled && classes.disabled, size === \"small\" && classes[\"size\".concat(capitalize(size))], {\n 'start': classes.edgeStart,\n 'end': classes.edgeEnd\n }[edge]),\n centerRipple: true,\n focusRipple: !disableFocusRipple,\n disabled: disabled,\n ref: ref\n }, other), /*#__PURE__*/React.createElement(\"span\", {\n className: classes.label\n }, children));\n});\nprocess.env.NODE_ENV !== \"production\" ? IconButton.propTypes = {\n /**\n * The icon element.\n */\n children: chainPropTypes(PropTypes.node, function (props) {\n var found = React.Children.toArray(props.children).some(function (child) {\n return /*#__PURE__*/React.isValidElement(child) && child.props.onClick;\n });\n\n if (found) {\n return new Error(['Material-UI: You are providing an onClick event listener ' + 'to a child of a button element.', 'Firefox will never trigger the event.', 'You should move the onClick listener to the parent button element.', 'https://github.com/mui-org/material-ui/issues/13957'].join('\\n'));\n }\n\n return null;\n }),\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary']),\n\n /**\n * If `true`, the button will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the keyboard focus ripple will be disabled.\n */\n disableFocusRipple: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect will be disabled.\n */\n disableRipple: PropTypes.bool,\n\n /**\n * If given, uses a negative margin to counteract the padding on one\n * side (this is often helpful for aligning the left or right\n * side of the icon with content above or below, without ruining the border\n * size and shape).\n */\n edge: PropTypes.oneOf(['start', 'end', false]),\n\n /**\n * The size of the button.\n * `small` is equivalent to the dense button styling.\n */\n size: PropTypes.oneOf(['small', 'medium'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiIconButton'\n})(IconButton);","import { __assign, __values } from \"tslib\";\nimport { isInstanceOf, isString } from './is';\nimport { logger } from './logger';\nimport { getGlobalObject } from './misc';\nimport { fill } from './object';\nimport { getFunctionName } from './stacktrace';\nimport { supportsHistory, supportsNativeFetch } from './supports';\nvar global = getGlobalObject();\n/**\n * Instrument native APIs to call handlers that can be used to create breadcrumbs, APM spans etc.\n * - Console API\n * - Fetch API\n * - XHR API\n * - History API\n * - DOM API (click/typing)\n * - Error API\n * - UnhandledRejection API\n */\n\nvar handlers = {};\nvar instrumented = {};\n/** Instruments given API */\n\nfunction instrument(type) {\n if (instrumented[type]) {\n return;\n }\n\n instrumented[type] = true;\n\n switch (type) {\n case 'console':\n instrumentConsole();\n break;\n\n case 'dom':\n instrumentDOM();\n break;\n\n case 'xhr':\n instrumentXHR();\n break;\n\n case 'fetch':\n instrumentFetch();\n break;\n\n case 'history':\n instrumentHistory();\n break;\n\n case 'error':\n instrumentError();\n break;\n\n case 'unhandledrejection':\n instrumentUnhandledRejection();\n break;\n\n default:\n logger.warn('unknown instrumentation type:', type);\n }\n}\n/**\n * Add handler that will be called when given type of instrumentation triggers.\n * Use at your own risk, this might break without changelog notice, only used internally.\n * @hidden\n */\n\n\nexport function addInstrumentationHandler(handler) {\n if (!handler || typeof handler.type !== 'string' || typeof handler.callback !== 'function') {\n return;\n }\n\n handlers[handler.type] = handlers[handler.type] || [];\n handlers[handler.type].push(handler.callback);\n instrument(handler.type);\n}\n/** JSDoc */\n\nfunction triggerHandlers(type, data) {\n var e_1, _a;\n\n if (!type || !handlers[type]) {\n return;\n }\n\n try {\n for (var _b = __values(handlers[type] || []), _c = _b.next(); !_c.done; _c = _b.next()) {\n var handler = _c.value;\n\n try {\n handler(data);\n } catch (e) {\n logger.error(\"Error while triggering instrumentation handler.\\nType: \" + type + \"\\nName: \" + getFunctionName(handler) + \"\\nError: \" + e);\n }\n }\n } catch (e_1_1) {\n e_1 = {\n error: e_1_1\n };\n } finally {\n try {\n if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n } finally {\n if (e_1) throw e_1.error;\n }\n }\n}\n/** JSDoc */\n\n\nfunction instrumentConsole() {\n if (!('console' in global)) {\n return;\n }\n\n ['debug', 'info', 'warn', 'error', 'log', 'assert'].forEach(function (level) {\n if (!(level in global.console)) {\n return;\n }\n\n fill(global.console, level, function (originalConsoleLevel) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n triggerHandlers('console', {\n args: args,\n level: level\n }); // this fails for some browsers. :(\n\n if (originalConsoleLevel) {\n Function.prototype.apply.call(originalConsoleLevel, global.console, args);\n }\n };\n });\n });\n}\n/** JSDoc */\n\n\nfunction instrumentFetch() {\n if (!supportsNativeFetch()) {\n return;\n }\n\n fill(global, 'fetch', function (originalFetch) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var handlerData = {\n args: args,\n fetchData: {\n method: getFetchMethod(args),\n url: getFetchUrl(args)\n },\n startTimestamp: Date.now()\n };\n triggerHandlers('fetch', __assign({}, handlerData)); // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n\n return originalFetch.apply(global, args).then(function (response) {\n triggerHandlers('fetch', __assign(__assign({}, handlerData), {\n endTimestamp: Date.now(),\n response: response\n }));\n return response;\n }, function (error) {\n triggerHandlers('fetch', __assign(__assign({}, handlerData), {\n endTimestamp: Date.now(),\n error: error\n })); // NOTE: If you are a Sentry user, and you are seeing this stack frame,\n // it means the sentry.javascript SDK caught an error invoking your application code.\n // This is expected behavior and NOT indicative of a bug with sentry.javascript.\n\n throw error;\n });\n };\n });\n}\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n\n/** Extract `method` from fetch call arguments */\n\n\nfunction getFetchMethod(fetchArgs) {\n if (fetchArgs === void 0) {\n fetchArgs = [];\n }\n\n if ('Request' in global && isInstanceOf(fetchArgs[0], Request) && fetchArgs[0].method) {\n return String(fetchArgs[0].method).toUpperCase();\n }\n\n if (fetchArgs[1] && fetchArgs[1].method) {\n return String(fetchArgs[1].method).toUpperCase();\n }\n\n return 'GET';\n}\n/** Extract `url` from fetch call arguments */\n\n\nfunction getFetchUrl(fetchArgs) {\n if (fetchArgs === void 0) {\n fetchArgs = [];\n }\n\n if (typeof fetchArgs[0] === 'string') {\n return fetchArgs[0];\n }\n\n if ('Request' in global && isInstanceOf(fetchArgs[0], Request)) {\n return fetchArgs[0].url;\n }\n\n return String(fetchArgs[0]);\n}\n/* eslint-enable @typescript-eslint/no-unsafe-member-access */\n\n/** JSDoc */\n\n\nfunction instrumentXHR() {\n if (!('XMLHttpRequest' in global)) {\n return;\n } // Poor man's implementation of ES6 `Map`, tracking and keeping in sync key and value separately.\n\n\n var requestKeys = [];\n var requestValues = [];\n var xhrproto = XMLHttpRequest.prototype;\n fill(xhrproto, 'open', function (originalOpen) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n } // eslint-disable-next-line @typescript-eslint/no-this-alias\n\n\n var xhr = this;\n var url = args[1];\n xhr.__sentry_xhr__ = {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n method: isString(args[0]) ? args[0].toUpperCase() : args[0],\n url: args[1]\n }; // if Sentry key appears in URL, don't capture it as a request\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n\n if (isString(url) && xhr.__sentry_xhr__.method === 'POST' && url.match(/sentry_key/)) {\n xhr.__sentry_own_request__ = true;\n }\n\n var onreadystatechangeHandler = function onreadystatechangeHandler() {\n if (xhr.readyState === 4) {\n try {\n // touching statusCode in some platforms throws\n // an exception\n if (xhr.__sentry_xhr__) {\n xhr.__sentry_xhr__.status_code = xhr.status;\n }\n } catch (e) {\n /* do nothing */\n }\n\n try {\n var requestPos = requestKeys.indexOf(xhr);\n\n if (requestPos !== -1) {\n // Make sure to pop both key and value to keep it in sync.\n requestKeys.splice(requestPos);\n var args_1 = requestValues.splice(requestPos)[0];\n\n if (xhr.__sentry_xhr__ && args_1[0] !== undefined) {\n xhr.__sentry_xhr__.body = args_1[0];\n }\n }\n } catch (e) {\n /* do nothing */\n }\n\n triggerHandlers('xhr', {\n args: args,\n endTimestamp: Date.now(),\n startTimestamp: Date.now(),\n xhr: xhr\n });\n }\n };\n\n if ('onreadystatechange' in xhr && typeof xhr.onreadystatechange === 'function') {\n fill(xhr, 'onreadystatechange', function (original) {\n return function () {\n var readyStateArgs = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n readyStateArgs[_i] = arguments[_i];\n }\n\n onreadystatechangeHandler();\n return original.apply(xhr, readyStateArgs);\n };\n });\n } else {\n xhr.addEventListener('readystatechange', onreadystatechangeHandler);\n }\n\n return originalOpen.apply(xhr, args);\n };\n });\n fill(xhrproto, 'send', function (originalSend) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n requestKeys.push(this);\n requestValues.push(args);\n triggerHandlers('xhr', {\n args: args,\n startTimestamp: Date.now(),\n xhr: this\n });\n return originalSend.apply(this, args);\n };\n });\n}\n\nvar lastHref;\n/** JSDoc */\n\nfunction instrumentHistory() {\n if (!supportsHistory()) {\n return;\n }\n\n var oldOnPopState = global.onpopstate;\n\n global.onpopstate = function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var to = global.location.href; // keep track of the current URL state, as we always receive only the updated state\n\n var from = lastHref;\n lastHref = to;\n triggerHandlers('history', {\n from: from,\n to: to\n });\n\n if (oldOnPopState) {\n // Apparently this can throw in Firefox when incorrectly implemented plugin is installed.\n // https://github.com/getsentry/sentry-javascript/issues/3344\n // https://github.com/bugsnag/bugsnag-js/issues/469\n try {\n return oldOnPopState.apply(this, args);\n } catch (_oO) {// no-empty\n }\n }\n };\n /** @hidden */\n\n\n function historyReplacementFunction(originalHistoryFunction) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var url = args.length > 2 ? args[2] : undefined;\n\n if (url) {\n // coerce to string (this is what pushState does)\n var from = lastHref;\n var to = String(url); // keep track of the current URL state, as we always receive only the updated state\n\n lastHref = to;\n triggerHandlers('history', {\n from: from,\n to: to\n });\n }\n\n return originalHistoryFunction.apply(this, args);\n };\n }\n\n fill(global.history, 'pushState', historyReplacementFunction);\n fill(global.history, 'replaceState', historyReplacementFunction);\n}\n\nvar debounceDuration = 1000;\nvar debounceTimerID;\nvar lastCapturedEvent;\n/**\n * Decide whether the current event should finish the debounce of previously captured one.\n * @param previous previously captured event\n * @param current event to be captured\n */\n\nfunction shouldShortcircuitPreviousDebounce(previous, current) {\n // If there was no previous event, it should always be swapped for the new one.\n if (!previous) {\n return true;\n } // If both events have different type, then user definitely performed two separate actions. e.g. click + keypress.\n\n\n if (previous.type !== current.type) {\n return true;\n }\n\n try {\n // If both events have the same type, it's still possible that actions were performed on different targets.\n // e.g. 2 clicks on different buttons.\n if (previous.target !== current.target) {\n return true;\n }\n } catch (e) {// just accessing `target` property can throw an exception in some rare circumstances\n // see: https://github.com/getsentry/sentry-javascript/issues/838\n } // If both events have the same type _and_ same `target` (an element which triggered an event, _not necessarily_\n // to which an event listener was attached), we treat them as the same action, as we want to capture\n // only one breadcrumb. e.g. multiple clicks on the same button, or typing inside a user input box.\n\n\n return false;\n}\n/**\n * Decide whether an event should be captured.\n * @param event event to be captured\n */\n\n\nfunction shouldSkipDOMEvent(event) {\n // We are only interested in filtering `keypress` events for now.\n if (event.type !== 'keypress') {\n return false;\n }\n\n try {\n var target = event.target;\n\n if (!target || !target.tagName) {\n return true;\n } // Only consider keypress events on actual input elements. This will disregard keypresses targeting body\n // e.g.tabbing through elements, hotkeys, etc.\n\n\n if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n return false;\n }\n } catch (e) {// just accessing `target` property can throw an exception in some rare circumstances\n // see: https://github.com/getsentry/sentry-javascript/issues/838\n }\n\n return true;\n}\n/**\n * Wraps addEventListener to capture UI breadcrumbs\n * @param handler function that will be triggered\n * @param globalListener indicates whether event was captured by the global event listener\n * @returns wrapped breadcrumb events handler\n * @hidden\n */\n\n\nfunction makeDOMEventHandler(handler, globalListener) {\n if (globalListener === void 0) {\n globalListener = false;\n }\n\n return function (event) {\n // It's possible this handler might trigger multiple times for the same\n // event (e.g. event propagation through node ancestors).\n // Ignore if we've already captured that event.\n if (!event || lastCapturedEvent === event) {\n return;\n } // We always want to skip _some_ events.\n\n\n if (shouldSkipDOMEvent(event)) {\n return;\n }\n\n var name = event.type === 'keypress' ? 'input' : event.type; // If there is no debounce timer, it means that we can safely capture the new event and store it for future comparisons.\n\n if (debounceTimerID === undefined) {\n handler({\n event: event,\n name: name,\n global: globalListener\n });\n lastCapturedEvent = event;\n } // If there is a debounce awaiting, see if the new event is different enough to treat it as a unique one.\n // If that's the case, emit the previous event and store locally the newly-captured DOM event.\n else if (shouldShortcircuitPreviousDebounce(lastCapturedEvent, event)) {\n handler({\n event: event,\n name: name,\n global: globalListener\n });\n lastCapturedEvent = event;\n } // Start a new debounce timer that will prevent us from capturing multiple events that should be grouped together.\n\n\n clearTimeout(debounceTimerID);\n debounceTimerID = global.setTimeout(function () {\n debounceTimerID = undefined;\n }, debounceDuration);\n };\n}\n/** JSDoc */\n\n\nfunction instrumentDOM() {\n if (!('document' in global)) {\n return;\n } // Make it so that any click or keypress that is unhandled / bubbled up all the way to the document triggers our dom\n // handlers. (Normally we have only one, which captures a breadcrumb for each click or keypress.) Do this before\n // we instrument `addEventListener` so that we don't end up attaching this handler twice.\n\n\n var triggerDOMHandler = triggerHandlers.bind(null, 'dom');\n var globalDOMEventHandler = makeDOMEventHandler(triggerDOMHandler, true);\n global.document.addEventListener('click', globalDOMEventHandler, false);\n global.document.addEventListener('keypress', globalDOMEventHandler, false); // After hooking into click and keypress events bubbled up to `document`, we also hook into user-handled\n // clicks & keypresses, by adding an event listener of our own to any element to which they add a listener. That\n // way, whenever one of their handlers is triggered, ours will be, too. (This is needed because their handler\n // could potentially prevent the event from bubbling up to our global listeners. This way, our handler are still\n // guaranteed to fire at least once.)\n\n ['EventTarget', 'Node'].forEach(function (target) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n var proto = global[target] && global[target].prototype; // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, no-prototype-builtins\n\n if (!proto || !proto.hasOwnProperty || !proto.hasOwnProperty('addEventListener')) {\n return;\n }\n\n fill(proto, 'addEventListener', function (originalAddEventListener) {\n return function (type, listener, options) {\n if (type === 'click' || type == 'keypress') {\n try {\n var el = this;\n var handlers_1 = el.__sentry_instrumentation_handlers__ = el.__sentry_instrumentation_handlers__ || {};\n var handlerForType = handlers_1[type] = handlers_1[type] || {\n refCount: 0\n };\n\n if (!handlerForType.handler) {\n var handler = makeDOMEventHandler(triggerDOMHandler);\n handlerForType.handler = handler;\n originalAddEventListener.call(this, type, handler, options);\n }\n\n handlerForType.refCount += 1;\n } catch (e) {// Accessing dom properties is always fragile.\n // Also allows us to skip `addEventListenrs` calls with no proper `this` context.\n }\n }\n\n return originalAddEventListener.call(this, type, listener, options);\n };\n });\n fill(proto, 'removeEventListener', function (originalRemoveEventListener) {\n return function (type, listener, options) {\n if (type === 'click' || type == 'keypress') {\n try {\n var el = this;\n var handlers_2 = el.__sentry_instrumentation_handlers__ || {};\n var handlerForType = handlers_2[type];\n\n if (handlerForType) {\n handlerForType.refCount -= 1; // If there are no longer any custom handlers of the current type on this element, we can remove ours, too.\n\n if (handlerForType.refCount <= 0) {\n originalRemoveEventListener.call(this, type, handlerForType.handler, options);\n handlerForType.handler = undefined;\n delete handlers_2[type]; // eslint-disable-line @typescript-eslint/no-dynamic-delete\n } // If there are no longer any custom handlers of any type on this element, cleanup everything.\n\n\n if (Object.keys(handlers_2).length === 0) {\n delete el.__sentry_instrumentation_handlers__;\n }\n }\n } catch (e) {// Accessing dom properties is always fragile.\n // Also allows us to skip `addEventListenrs` calls with no proper `this` context.\n }\n }\n\n return originalRemoveEventListener.call(this, type, listener, options);\n };\n });\n });\n}\n\nvar _oldOnErrorHandler = null;\n/** JSDoc */\n\nfunction instrumentError() {\n _oldOnErrorHandler = global.onerror;\n\n global.onerror = function (msg, url, line, column, error) {\n triggerHandlers('error', {\n column: column,\n error: error,\n line: line,\n msg: msg,\n url: url\n });\n\n if (_oldOnErrorHandler) {\n // eslint-disable-next-line prefer-rest-params\n return _oldOnErrorHandler.apply(this, arguments);\n }\n\n return false;\n };\n}\n\nvar _oldOnUnhandledRejectionHandler = null;\n/** JSDoc */\n\nfunction instrumentUnhandledRejection() {\n _oldOnUnhandledRejectionHandler = global.onunhandledrejection;\n\n global.onunhandledrejection = function (e) {\n triggerHandlers('unhandledrejection', e);\n\n if (_oldOnUnhandledRejectionHandler) {\n // eslint-disable-next-line prefer-rest-params\n return _oldOnUnhandledRejectionHandler.apply(this, arguments);\n }\n\n return true;\n };\n}","import warning from 'tiny-warning';\nimport { createRule } from 'jss';\nvar now = Date.now();\nvar fnValuesNs = \"fnValues\" + now;\nvar fnRuleNs = \"fnStyle\" + ++now;\n\nvar functionPlugin = function functionPlugin() {\n return {\n onCreateRule: function onCreateRule(name, decl, options) {\n if (typeof decl !== 'function') return null;\n var rule = createRule(name, {}, options);\n rule[fnRuleNs] = decl;\n return rule;\n },\n onProcessStyle: function onProcessStyle(style, rule) {\n // We need to extract function values from the declaration, so that we can keep core unaware of them.\n // We need to do that only once.\n // We don't need to extract functions on each style update, since this can happen only once.\n // We don't support function values inside of function rules.\n if (fnValuesNs in rule || fnRuleNs in rule) return style;\n var fnValues = {};\n\n for (var prop in style) {\n var value = style[prop];\n if (typeof value !== 'function') continue;\n delete style[prop];\n fnValues[prop] = value;\n } // $FlowFixMe[prop-missing]\n\n\n rule[fnValuesNs] = fnValues;\n return style;\n },\n onUpdate: function onUpdate(data, rule, sheet, options) {\n var styleRule = rule; // $FlowFixMe[prop-missing]\n\n var fnRule = styleRule[fnRuleNs]; // If we have a style function, the entire rule is dynamic and style object\n // will be returned from that function.\n\n if (fnRule) {\n // Empty object will remove all currently defined props\n // in case function rule returns a falsy value.\n styleRule.style = fnRule(data) || {};\n\n if (process.env.NODE_ENV === 'development') {\n for (var prop in styleRule.style) {\n if (typeof styleRule.style[prop] === 'function') {\n process.env.NODE_ENV !== \"production\" ? warning(false, '[JSS] Function values inside function rules are not supported.') : void 0;\n break;\n }\n }\n }\n } // $FlowFixMe[prop-missing]\n\n\n var fnValues = styleRule[fnValuesNs]; // If we have a fn values map, it is a rule with function values.\n\n if (fnValues) {\n for (var _prop in fnValues) {\n styleRule.prop(_prop, fnValues[_prop](data), options);\n }\n }\n }\n };\n};\n\nexport default functionPlugin;","import _extends from '@babel/runtime/helpers/esm/extends';\nimport { RuleList } from 'jss';\nvar at = '@global';\nvar atPrefix = '@global ';\n\nvar GlobalContainerRule = /*#__PURE__*/function () {\n function GlobalContainerRule(key, styles, options) {\n this.type = 'global';\n this.at = at;\n this.rules = void 0;\n this.options = void 0;\n this.key = void 0;\n this.isProcessed = false;\n this.key = key;\n this.options = options;\n this.rules = new RuleList(_extends({}, options, {\n parent: this\n }));\n\n for (var selector in styles) {\n this.rules.add(selector, styles[selector]);\n }\n\n this.rules.process();\n }\n /**\n * Get a rule.\n */\n\n\n var _proto = GlobalContainerRule.prototype;\n\n _proto.getRule = function getRule(name) {\n return this.rules.get(name);\n }\n /**\n * Create and register rule, run plugins.\n */\n ;\n\n _proto.addRule = function addRule(name, style, options) {\n var rule = this.rules.add(name, style, options);\n if (rule) this.options.jss.plugins.onProcessRule(rule);\n return rule;\n }\n /**\n * Get index of a rule.\n */\n ;\n\n _proto.indexOf = function indexOf(rule) {\n return this.rules.indexOf(rule);\n }\n /**\n * Generates a CSS string.\n */\n ;\n\n _proto.toString = function toString() {\n return this.rules.toString();\n };\n\n return GlobalContainerRule;\n}();\n\nvar GlobalPrefixedRule = /*#__PURE__*/function () {\n function GlobalPrefixedRule(key, style, options) {\n this.type = 'global';\n this.at = at;\n this.options = void 0;\n this.rule = void 0;\n this.isProcessed = false;\n this.key = void 0;\n this.key = key;\n this.options = options;\n var selector = key.substr(atPrefix.length);\n this.rule = options.jss.createRule(selector, style, _extends({}, options, {\n parent: this\n }));\n }\n\n var _proto2 = GlobalPrefixedRule.prototype;\n\n _proto2.toString = function toString(options) {\n return this.rule ? this.rule.toString(options) : '';\n };\n\n return GlobalPrefixedRule;\n}();\n\nvar separatorRegExp = /\\s*,\\s*/g;\n\nfunction addScope(selector, scope) {\n var parts = selector.split(separatorRegExp);\n var scoped = '';\n\n for (var i = 0; i < parts.length; i++) {\n scoped += scope + \" \" + parts[i].trim();\n if (parts[i + 1]) scoped += ', ';\n }\n\n return scoped;\n}\n\nfunction handleNestedGlobalContainerRule(rule, sheet) {\n var options = rule.options,\n style = rule.style;\n var rules = style ? style[at] : null;\n if (!rules) return;\n\n for (var name in rules) {\n sheet.addRule(name, rules[name], _extends({}, options, {\n selector: addScope(name, rule.selector)\n }));\n }\n\n delete style[at];\n}\n\nfunction handlePrefixedGlobalRule(rule, sheet) {\n var options = rule.options,\n style = rule.style;\n\n for (var prop in style) {\n if (prop[0] !== '@' || prop.substr(0, at.length) !== at) continue;\n var selector = addScope(prop.substr(at.length), rule.selector);\n sheet.addRule(selector, style[prop], _extends({}, options, {\n selector: selector\n }));\n delete style[prop];\n }\n}\n/**\n * Convert nested rules to separate, remove them from original styles.\n *\n * @param {Rule} rule\n * @api public\n */\n\n\nfunction jssGlobal() {\n function onCreateRule(name, styles, options) {\n if (!name) return null;\n\n if (name === at) {\n return new GlobalContainerRule(name, styles, options);\n }\n\n if (name[0] === '@' && name.substr(0, atPrefix.length) === atPrefix) {\n return new GlobalPrefixedRule(name, styles, options);\n }\n\n var parent = options.parent;\n\n if (parent) {\n if (parent.type === 'global' || parent.options.parent && parent.options.parent.type === 'global') {\n options.scoped = false;\n }\n }\n\n if (options.scoped === false) {\n options.selector = name;\n }\n\n return null;\n }\n\n function onProcessRule(rule, sheet) {\n if (rule.type !== 'style' || !sheet) return;\n handleNestedGlobalContainerRule(rule, sheet);\n handlePrefixedGlobalRule(rule, sheet);\n }\n\n return {\n onCreateRule: onCreateRule,\n onProcessRule: onProcessRule\n };\n}\n\nexport default jssGlobal;","import _extends from '@babel/runtime/helpers/esm/extends';\nimport warning from 'tiny-warning';\nvar separatorRegExp = /\\s*,\\s*/g;\nvar parentRegExp = /&/g;\nvar refRegExp = /\\$([\\w-]+)/g;\n/**\n * Convert nested rules to separate, remove them from original styles.\n *\n * @param {Rule} rule\n * @api public\n */\n\nfunction jssNested() {\n // Get a function to be used for $ref replacement.\n function getReplaceRef(container, sheet) {\n return function (match, key) {\n var rule = container.getRule(key) || sheet && sheet.getRule(key);\n\n if (rule) {\n rule = rule;\n return rule.selector;\n }\n\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Could not find the referenced rule \\\"\" + key + \"\\\" in \\\"\" + (container.options.meta || container.toString()) + \"\\\".\") : void 0;\n return key;\n };\n }\n\n function replaceParentRefs(nestedProp, parentProp) {\n var parentSelectors = parentProp.split(separatorRegExp);\n var nestedSelectors = nestedProp.split(separatorRegExp);\n var result = '';\n\n for (var i = 0; i < parentSelectors.length; i++) {\n var parent = parentSelectors[i];\n\n for (var j = 0; j < nestedSelectors.length; j++) {\n var nested = nestedSelectors[j];\n if (result) result += ', '; // Replace all & by the parent or prefix & with the parent.\n\n result += nested.indexOf('&') !== -1 ? nested.replace(parentRegExp, parent) : parent + \" \" + nested;\n }\n }\n\n return result;\n }\n\n function getOptions(rule, container, prevOptions) {\n // Options has been already created, now we only increase index.\n if (prevOptions) return _extends({}, prevOptions, {\n index: prevOptions.index + 1 // $FlowFixMe[prop-missing]\n\n });\n var nestingLevel = rule.options.nestingLevel;\n nestingLevel = nestingLevel === undefined ? 1 : nestingLevel + 1;\n\n var options = _extends({}, rule.options, {\n nestingLevel: nestingLevel,\n index: container.indexOf(rule) + 1 // We don't need the parent name to be set options for chlid.\n\n });\n\n delete options.name;\n return options;\n }\n\n function onProcessStyle(style, rule, sheet) {\n if (rule.type !== 'style') return style;\n var styleRule = rule;\n var container = styleRule.options.parent;\n var options;\n var replaceRef;\n\n for (var prop in style) {\n var isNested = prop.indexOf('&') !== -1;\n var isNestedConditional = prop[0] === '@';\n if (!isNested && !isNestedConditional) continue;\n options = getOptions(styleRule, container, options);\n\n if (isNested) {\n var selector = replaceParentRefs(prop, styleRule.selector); // Lazily create the ref replacer function just once for\n // all nested rules within the sheet.\n\n if (!replaceRef) replaceRef = getReplaceRef(container, sheet); // Replace all $refs.\n\n selector = selector.replace(refRegExp, replaceRef);\n container.addRule(selector, style[prop], _extends({}, options, {\n selector: selector\n }));\n } else if (isNestedConditional) {\n // Place conditional right after the parent rule to ensure right ordering.\n container.addRule(prop, {}, options) // Flow expects more options but they aren't required\n // And flow doesn't know this will always be a StyleRule which has the addRule method\n // $FlowFixMe[incompatible-use]\n // $FlowFixMe[prop-missing]\n .addRule(styleRule.key, style[prop], {\n selector: styleRule.selector\n });\n }\n\n delete style[prop];\n }\n\n return style;\n }\n\n return {\n onProcessStyle: onProcessStyle\n };\n}\n\nexport default jssNested;","/* eslint-disable no-var, prefer-template */\nvar uppercasePattern = /[A-Z]/g;\nvar msPattern = /^ms-/;\nvar cache = {};\n\nfunction toHyphenLower(match) {\n return '-' + match.toLowerCase();\n}\n\nfunction hyphenateStyleName(name) {\n if (cache.hasOwnProperty(name)) {\n return cache[name];\n }\n\n var hName = name.replace(uppercasePattern, toHyphenLower);\n return cache[name] = msPattern.test(hName) ? '-' + hName : hName;\n}\n\nexport default hyphenateStyleName;","import hyphenate from 'hyphenate-style-name';\n/**\n * Convert camel cased property names to dash separated.\n *\n * @param {Object} style\n * @return {Object}\n */\n\nfunction convertCase(style) {\n var converted = {};\n\n for (var prop in style) {\n var key = prop.indexOf('--') === 0 ? prop : hyphenate(prop);\n converted[key] = style[prop];\n }\n\n if (style.fallbacks) {\n if (Array.isArray(style.fallbacks)) converted.fallbacks = style.fallbacks.map(convertCase);else converted.fallbacks = convertCase(style.fallbacks);\n }\n\n return converted;\n}\n/**\n * Allow camel cased property names by converting them back to dasherized.\n *\n * @param {Rule} rule\n */\n\n\nfunction camelCase() {\n function onProcessStyle(style) {\n if (Array.isArray(style)) {\n // Handle rules like @font-face, which can have multiple styles in an array\n for (var index = 0; index < style.length; index++) {\n style[index] = convertCase(style[index]);\n }\n\n return style;\n }\n\n return convertCase(style);\n }\n\n function onChangeValue(value, prop, rule) {\n if (prop.indexOf('--') === 0) {\n return value;\n }\n\n var hyphenatedProp = hyphenate(prop); // There was no camel case in place\n\n if (prop === hyphenatedProp) return value;\n rule.prop(hyphenatedProp, value); // Core will ignore that property value we set the proper one above.\n\n return null;\n }\n\n return {\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default camelCase;","import { hasCSSTOMSupport } from 'jss';\nvar px = hasCSSTOMSupport && CSS ? CSS.px : 'px';\nvar ms = hasCSSTOMSupport && CSS ? CSS.ms : 'ms';\nvar percent = hasCSSTOMSupport && CSS ? CSS.percent : '%';\n/**\n * Generated jss-plugin-default-unit CSS property units\n *\n * @type object\n */\n\nvar defaultUnits = {\n // Animation properties\n 'animation-delay': ms,\n 'animation-duration': ms,\n // Background properties\n 'background-position': px,\n 'background-position-x': px,\n 'background-position-y': px,\n 'background-size': px,\n // Border Properties\n border: px,\n 'border-bottom': px,\n 'border-bottom-left-radius': px,\n 'border-bottom-right-radius': px,\n 'border-bottom-width': px,\n 'border-left': px,\n 'border-left-width': px,\n 'border-radius': px,\n 'border-right': px,\n 'border-right-width': px,\n 'border-top': px,\n 'border-top-left-radius': px,\n 'border-top-right-radius': px,\n 'border-top-width': px,\n 'border-width': px,\n 'border-block': px,\n 'border-block-end': px,\n 'border-block-end-width': px,\n 'border-block-start': px,\n 'border-block-start-width': px,\n 'border-block-width': px,\n 'border-inline': px,\n 'border-inline-end': px,\n 'border-inline-end-width': px,\n 'border-inline-start': px,\n 'border-inline-start-width': px,\n 'border-inline-width': px,\n 'border-start-start-radius': px,\n 'border-start-end-radius': px,\n 'border-end-start-radius': px,\n 'border-end-end-radius': px,\n // Margin properties\n margin: px,\n 'margin-bottom': px,\n 'margin-left': px,\n 'margin-right': px,\n 'margin-top': px,\n 'margin-block': px,\n 'margin-block-end': px,\n 'margin-block-start': px,\n 'margin-inline': px,\n 'margin-inline-end': px,\n 'margin-inline-start': px,\n // Padding properties\n padding: px,\n 'padding-bottom': px,\n 'padding-left': px,\n 'padding-right': px,\n 'padding-top': px,\n 'padding-block': px,\n 'padding-block-end': px,\n 'padding-block-start': px,\n 'padding-inline': px,\n 'padding-inline-end': px,\n 'padding-inline-start': px,\n // Mask properties\n 'mask-position-x': px,\n 'mask-position-y': px,\n 'mask-size': px,\n // Width and height properties\n height: px,\n width: px,\n 'min-height': px,\n 'max-height': px,\n 'min-width': px,\n 'max-width': px,\n // Position properties\n bottom: px,\n left: px,\n top: px,\n right: px,\n inset: px,\n 'inset-block': px,\n 'inset-block-end': px,\n 'inset-block-start': px,\n 'inset-inline': px,\n 'inset-inline-end': px,\n 'inset-inline-start': px,\n // Shadow properties\n 'box-shadow': px,\n 'text-shadow': px,\n // Column properties\n 'column-gap': px,\n 'column-rule': px,\n 'column-rule-width': px,\n 'column-width': px,\n // Font and text properties\n 'font-size': px,\n 'font-size-delta': px,\n 'letter-spacing': px,\n 'text-decoration-thickness': px,\n 'text-indent': px,\n 'text-stroke': px,\n 'text-stroke-width': px,\n 'word-spacing': px,\n // Motion properties\n motion: px,\n 'motion-offset': px,\n // Outline properties\n outline: px,\n 'outline-offset': px,\n 'outline-width': px,\n // Perspective properties\n perspective: px,\n 'perspective-origin-x': percent,\n 'perspective-origin-y': percent,\n // Transform properties\n 'transform-origin': percent,\n 'transform-origin-x': percent,\n 'transform-origin-y': percent,\n 'transform-origin-z': percent,\n // Transition properties\n 'transition-delay': ms,\n 'transition-duration': ms,\n // Alignment properties\n 'vertical-align': px,\n 'flex-basis': px,\n // Some random properties\n 'shape-margin': px,\n size: px,\n gap: px,\n // Grid properties\n grid: px,\n 'grid-gap': px,\n 'row-gap': px,\n 'grid-row-gap': px,\n 'grid-column-gap': px,\n 'grid-template-rows': px,\n 'grid-template-columns': px,\n 'grid-auto-rows': px,\n 'grid-auto-columns': px,\n // Not existing properties.\n // Used to avoid issues with jss-plugin-expand integration.\n 'box-shadow-x': px,\n 'box-shadow-y': px,\n 'box-shadow-blur': px,\n 'box-shadow-spread': px,\n 'font-line-height': px,\n 'text-shadow-x': px,\n 'text-shadow-y': px,\n 'text-shadow-blur': px\n};\n/**\n * Clones the object and adds a camel cased property version.\n */\n\nfunction addCamelCasedVersion(obj) {\n var regExp = /(-[a-z])/g;\n\n var replace = function replace(str) {\n return str[1].toUpperCase();\n };\n\n var newObj = {};\n\n for (var _key in obj) {\n newObj[_key] = obj[_key];\n newObj[_key.replace(regExp, replace)] = obj[_key];\n }\n\n return newObj;\n}\n\nvar units = addCamelCasedVersion(defaultUnits);\n/**\n * Recursive deep style passing function\n */\n\nfunction iterate(prop, value, options) {\n if (value == null) return value;\n\n if (Array.isArray(value)) {\n for (var i = 0; i < value.length; i++) {\n value[i] = iterate(prop, value[i], options);\n }\n } else if (typeof value === 'object') {\n if (prop === 'fallbacks') {\n for (var innerProp in value) {\n value[innerProp] = iterate(innerProp, value[innerProp], options);\n }\n } else {\n for (var _innerProp in value) {\n value[_innerProp] = iterate(prop + \"-\" + _innerProp, value[_innerProp], options);\n }\n } // eslint-disable-next-line no-restricted-globals\n\n } else if (typeof value === 'number' && isNaN(value) === false) {\n var unit = options[prop] || units[prop]; // Add the unit if available, except for the special case of 0px.\n\n if (unit && !(value === 0 && unit === px)) {\n return typeof unit === 'function' ? unit(value).toString() : \"\" + value + unit;\n }\n\n return value.toString();\n }\n\n return value;\n}\n/**\n * Add unit to numeric values.\n */\n\n\nfunction defaultUnit(options) {\n if (options === void 0) {\n options = {};\n }\n\n var camelCasedOptions = addCamelCasedVersion(options);\n\n function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n\n for (var prop in style) {\n style[prop] = iterate(prop, style[prop], camelCasedOptions);\n }\n\n return style;\n }\n\n function onChangeValue(value, prop) {\n return iterate(prop, value, camelCasedOptions);\n }\n\n return {\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default defaultUnit;","import isInBrowser from 'is-in-browser';\nimport _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray'; // Export javascript style and css style vendor prefixes.\n\nvar js = '';\nvar css = '';\nvar vendor = '';\nvar browser = '';\nvar isTouch = isInBrowser && 'ontouchstart' in document.documentElement; // We should not do anything if required serverside.\n\nif (isInBrowser) {\n // Order matters. We need to check Webkit the last one because\n // other vendors use to add Webkit prefixes to some properties\n var jsCssMap = {\n Moz: '-moz-',\n ms: '-ms-',\n O: '-o-',\n Webkit: '-webkit-'\n };\n\n var _document$createEleme = document.createElement('p'),\n style = _document$createEleme.style;\n\n var testProp = 'Transform';\n\n for (var key in jsCssMap) {\n if (key + testProp in style) {\n js = key;\n css = jsCssMap[key];\n break;\n }\n } // Correctly detect the Edge browser.\n\n\n if (js === 'Webkit' && 'msHyphens' in style) {\n js = 'ms';\n css = jsCssMap.ms;\n browser = 'edge';\n } // Correctly detect the Safari browser.\n\n\n if (js === 'Webkit' && '-apple-trailing-word' in style) {\n vendor = 'apple';\n }\n}\n/**\n * Vendor prefix string for the current browser.\n *\n * @type {{js: String, css: String, vendor: String, browser: String}}\n * @api public\n */\n\n\nvar prefix = {\n js: js,\n css: css,\n vendor: vendor,\n browser: browser,\n isTouch: isTouch\n};\n/**\n * Test if a keyframe at-rule should be prefixed or not\n *\n * @param {String} vendor prefix string for the current browser.\n * @return {String}\n * @api public\n */\n\nfunction supportedKeyframes(key) {\n // Keyframes is already prefixed. e.g. key = '@-webkit-keyframes a'\n if (key[1] === '-') return key; // No need to prefix IE/Edge. Older browsers will ignore unsupported rules.\n // https://caniuse.com/#search=keyframes\n\n if (prefix.js === 'ms') return key;\n return \"@\" + prefix.css + \"keyframes\" + key.substr(10);\n} // https://caniuse.com/#search=appearance\n\n\nvar appearence = {\n noPrefill: ['appearance'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'appearance') return false;\n if (prefix.js === 'ms') return \"-webkit-\" + prop;\n return prefix.css + prop;\n }\n}; // https://caniuse.com/#search=color-adjust\n\nvar colorAdjust = {\n noPrefill: ['color-adjust'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'color-adjust') return false;\n if (prefix.js === 'Webkit') return prefix.css + \"print-\" + prop;\n return prop;\n }\n};\nvar regExp = /[-\\s]+(.)?/g;\n/**\n * Replaces the letter with the capital letter\n *\n * @param {String} match\n * @param {String} c\n * @return {String}\n * @api private\n */\n\nfunction toUpper(match, c) {\n return c ? c.toUpperCase() : '';\n}\n/**\n * Convert dash separated strings to camel-cased.\n *\n * @param {String} str\n * @return {String}\n * @api private\n */\n\n\nfunction camelize(str) {\n return str.replace(regExp, toUpper);\n}\n/**\n * Convert dash separated strings to pascal cased.\n *\n * @param {String} str\n * @return {String}\n * @api private\n */\n\n\nfunction pascalize(str) {\n return camelize(\"-\" + str);\n} // but we can use a longhand property instead.\n// https://caniuse.com/#search=mask\n\n\nvar mask = {\n noPrefill: ['mask'],\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^mask/.test(prop)) return false;\n\n if (prefix.js === 'Webkit') {\n var longhand = 'mask-image';\n\n if (camelize(longhand) in style) {\n return prop;\n }\n\n if (prefix.js + pascalize(longhand) in style) {\n return prefix.css + prop;\n }\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=text-orientation\n\nvar textOrientation = {\n noPrefill: ['text-orientation'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'text-orientation') return false;\n\n if (prefix.vendor === 'apple' && !prefix.isTouch) {\n return prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=transform\n\nvar transform = {\n noPrefill: ['transform'],\n supportedProperty: function supportedProperty(prop, style, options) {\n if (prop !== 'transform') return false;\n\n if (options.transform) {\n return prop;\n }\n\n return prefix.css + prop;\n }\n}; // https://caniuse.com/#search=transition\n\nvar transition = {\n noPrefill: ['transition'],\n supportedProperty: function supportedProperty(prop, style, options) {\n if (prop !== 'transition') return false;\n\n if (options.transition) {\n return prop;\n }\n\n return prefix.css + prop;\n }\n}; // https://caniuse.com/#search=writing-mode\n\nvar writingMode = {\n noPrefill: ['writing-mode'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'writing-mode') return false;\n\n if (prefix.js === 'Webkit' || prefix.js === 'ms' && prefix.browser !== 'edge') {\n return prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=user-select\n\nvar userSelect = {\n noPrefill: ['user-select'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'user-select') return false;\n\n if (prefix.js === 'Moz' || prefix.js === 'ms' || prefix.vendor === 'apple') {\n return prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=multicolumn\n// https://github.com/postcss/autoprefixer/issues/491\n// https://github.com/postcss/autoprefixer/issues/177\n\nvar breakPropsOld = {\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^break-/.test(prop)) return false;\n\n if (prefix.js === 'Webkit') {\n var jsProp = \"WebkitColumn\" + pascalize(prop);\n return jsProp in style ? prefix.css + \"column-\" + prop : false;\n }\n\n if (prefix.js === 'Moz') {\n var _jsProp = \"page\" + pascalize(prop);\n\n return _jsProp in style ? \"page-\" + prop : false;\n }\n\n return false;\n }\n}; // See https://github.com/postcss/autoprefixer/issues/324.\n\nvar inlineLogicalOld = {\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^(border|margin|padding)-inline/.test(prop)) return false;\n if (prefix.js === 'Moz') return prop;\n var newProp = prop.replace('-inline', '');\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n}; // Camelization is required because we can't test using.\n// CSS syntax for e.g. in FF.\n\nvar unprefixed = {\n supportedProperty: function supportedProperty(prop, style) {\n return camelize(prop) in style ? prop : false;\n }\n};\nvar prefixed = {\n supportedProperty: function supportedProperty(prop, style) {\n var pascalized = pascalize(prop); // Return custom CSS variable without prefixing.\n\n if (prop[0] === '-') return prop; // Return already prefixed value without prefixing.\n\n if (prop[0] === '-' && prop[1] === '-') return prop;\n if (prefix.js + pascalized in style) return prefix.css + prop; // Try webkit fallback.\n\n if (prefix.js !== 'Webkit' && \"Webkit\" + pascalized in style) return \"-webkit-\" + prop;\n return false;\n }\n}; // https://caniuse.com/#search=scroll-snap\n\nvar scrollSnap = {\n supportedProperty: function supportedProperty(prop) {\n if (prop.substring(0, 11) !== 'scroll-snap') return false;\n\n if (prefix.js === 'ms') {\n return \"\" + prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=overscroll-behavior\n\nvar overscrollBehavior = {\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'overscroll-behavior') return false;\n\n if (prefix.js === 'ms') {\n return prefix.css + \"scroll-chaining\";\n }\n\n return prop;\n }\n};\nvar propMap = {\n 'flex-grow': 'flex-positive',\n 'flex-shrink': 'flex-negative',\n 'flex-basis': 'flex-preferred-size',\n 'justify-content': 'flex-pack',\n order: 'flex-order',\n 'align-items': 'flex-align',\n 'align-content': 'flex-line-pack' // 'align-self' is handled by 'align-self' plugin.\n\n}; // Support old flex spec from 2012.\n\nvar flex2012 = {\n supportedProperty: function supportedProperty(prop, style) {\n var newProp = propMap[prop];\n if (!newProp) return false;\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n};\nvar propMap$1 = {\n flex: 'box-flex',\n 'flex-grow': 'box-flex',\n 'flex-direction': ['box-orient', 'box-direction'],\n order: 'box-ordinal-group',\n 'align-items': 'box-align',\n 'flex-flow': ['box-orient', 'box-direction'],\n 'justify-content': 'box-pack'\n};\nvar propKeys = Object.keys(propMap$1);\n\nvar prefixCss = function prefixCss(p) {\n return prefix.css + p;\n}; // Support old flex spec from 2009.\n\n\nvar flex2009 = {\n supportedProperty: function supportedProperty(prop, style, _ref) {\n var multiple = _ref.multiple;\n\n if (propKeys.indexOf(prop) > -1) {\n var newProp = propMap$1[prop];\n\n if (!Array.isArray(newProp)) {\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n\n if (!multiple) return false;\n\n for (var i = 0; i < newProp.length; i++) {\n if (!(prefix.js + pascalize(newProp[0]) in style)) {\n return false;\n }\n }\n\n return newProp.map(prefixCss);\n }\n\n return false;\n }\n}; // plugins = [\n// ...plugins,\n// breakPropsOld,\n// inlineLogicalOld,\n// unprefixed,\n// prefixed,\n// scrollSnap,\n// flex2012,\n// flex2009\n// ]\n// Plugins without 'noPrefill' value, going last.\n// 'flex-*' plugins should be at the bottom.\n// 'flex2009' going after 'flex2012'.\n// 'prefixed' going after 'unprefixed'\n\nvar plugins = [appearence, colorAdjust, mask, textOrientation, transform, transition, writingMode, userSelect, breakPropsOld, inlineLogicalOld, unprefixed, prefixed, scrollSnap, overscrollBehavior, flex2012, flex2009];\nvar propertyDetectors = plugins.filter(function (p) {\n return p.supportedProperty;\n}).map(function (p) {\n return p.supportedProperty;\n});\nvar noPrefill = plugins.filter(function (p) {\n return p.noPrefill;\n}).reduce(function (a, p) {\n a.push.apply(a, _toConsumableArray(p.noPrefill));\n return a;\n}, []);\nvar el;\nvar cache = {};\n\nif (isInBrowser) {\n el = document.createElement('p'); // We test every property on vendor prefix requirement.\n // Once tested, result is cached. It gives us up to 70% perf boost.\n // http://jsperf.com/element-style-object-access-vs-plain-object\n //\n // Prefill cache with known css properties to reduce amount of\n // properties we need to feature test at runtime.\n // http://davidwalsh.name/vendor-prefix\n\n var computed = window.getComputedStyle(document.documentElement, '');\n\n for (var key$1 in computed) {\n // eslint-disable-next-line no-restricted-globals\n if (!isNaN(key$1)) cache[computed[key$1]] = computed[key$1];\n } // Properties that cannot be correctly detected using the\n // cache prefill method.\n\n\n noPrefill.forEach(function (x) {\n return delete cache[x];\n });\n}\n/**\n * Test if a property is supported, returns supported property with vendor\n * prefix if required. Returns `false` if not supported.\n *\n * @param {String} prop dash separated\n * @param {Object} [options]\n * @return {String|Boolean}\n * @api public\n */\n\n\nfunction supportedProperty(prop, options) {\n if (options === void 0) {\n options = {};\n } // For server-side rendering.\n\n\n if (!el) return prop; // Remove cache for benchmark tests or return property from the cache.\n\n if (process.env.NODE_ENV !== 'benchmark' && cache[prop] != null) {\n return cache[prop];\n } // Check if 'transition' or 'transform' natively supported in browser.\n\n\n if (prop === 'transition' || prop === 'transform') {\n options[prop] = prop in el.style;\n } // Find a plugin for current prefix property.\n\n\n for (var i = 0; i < propertyDetectors.length; i++) {\n cache[prop] = propertyDetectors[i](prop, el.style, options); // Break loop, if value found.\n\n if (cache[prop]) break;\n } // Reset styles for current property.\n // Firefox can even throw an error for invalid properties, e.g., \"0\".\n\n\n try {\n el.style[prop] = '';\n } catch (err) {\n return false;\n }\n\n return cache[prop];\n}\n\nvar cache$1 = {};\nvar transitionProperties = {\n transition: 1,\n 'transition-property': 1,\n '-webkit-transition': 1,\n '-webkit-transition-property': 1\n};\nvar transPropsRegExp = /(^\\s*[\\w-]+)|, (\\s*[\\w-]+)(?![^()]*\\))/g;\nvar el$1;\n/**\n * Returns prefixed value transition/transform if needed.\n *\n * @param {String} match\n * @param {String} p1\n * @param {String} p2\n * @return {String}\n * @api private\n */\n\nfunction prefixTransitionCallback(match, p1, p2) {\n if (p1 === 'var') return 'var';\n if (p1 === 'all') return 'all';\n if (p2 === 'all') return ', all';\n var prefixedValue = p1 ? supportedProperty(p1) : \", \" + supportedProperty(p2);\n if (!prefixedValue) return p1 || p2;\n return prefixedValue;\n}\n\nif (isInBrowser) el$1 = document.createElement('p');\n/**\n * Returns prefixed value if needed. Returns `false` if value is not supported.\n *\n * @param {String} property\n * @param {String} value\n * @return {String|Boolean}\n * @api public\n */\n\nfunction supportedValue(property, value) {\n // For server-side rendering.\n var prefixedValue = value;\n if (!el$1 || property === 'content') return value; // It is a string or a number as a string like '1'.\n // We want only prefixable values here.\n // eslint-disable-next-line no-restricted-globals\n\n if (typeof prefixedValue !== 'string' || !isNaN(parseInt(prefixedValue, 10))) {\n return prefixedValue;\n } // Create cache key for current value.\n\n\n var cacheKey = property + prefixedValue; // Remove cache for benchmark tests or return value from cache.\n\n if (process.env.NODE_ENV !== 'benchmark' && cache$1[cacheKey] != null) {\n return cache$1[cacheKey];\n } // IE can even throw an error in some cases, for e.g. style.content = 'bar'.\n\n\n try {\n // Test value as it is.\n el$1.style[property] = prefixedValue;\n } catch (err) {\n // Return false if value not supported.\n cache$1[cacheKey] = false;\n return false;\n } // If 'transition' or 'transition-property' property.\n\n\n if (transitionProperties[property]) {\n prefixedValue = prefixedValue.replace(transPropsRegExp, prefixTransitionCallback);\n } else if (el$1.style[property] === '') {\n // Value with a vendor prefix.\n prefixedValue = prefix.css + prefixedValue; // Hardcode test to convert \"flex\" to \"-ms-flexbox\" for IE10.\n\n if (prefixedValue === '-ms-flex') el$1.style[property] = '-ms-flexbox'; // Test prefixed value.\n\n el$1.style[property] = prefixedValue; // Return false if value not supported.\n\n if (el$1.style[property] === '') {\n cache$1[cacheKey] = false;\n return false;\n }\n } // Reset styles for current property.\n\n\n el$1.style[property] = ''; // Write current value to cache.\n\n cache$1[cacheKey] = prefixedValue;\n return cache$1[cacheKey];\n}\n\nexport { prefix, supportedKeyframes, supportedProperty, supportedValue };","import { supportedKeyframes, supportedValue, supportedProperty } from 'css-vendor';\nimport { toCssValue } from 'jss';\n/**\n * Add vendor prefix to a property name when needed.\n *\n * @api public\n */\n\nfunction jssVendorPrefixer() {\n function onProcessRule(rule) {\n if (rule.type === 'keyframes') {\n var atRule = rule;\n atRule.at = supportedKeyframes(atRule.at);\n }\n }\n\n function prefixStyle(style) {\n for (var prop in style) {\n var value = style[prop];\n\n if (prop === 'fallbacks' && Array.isArray(value)) {\n style[prop] = value.map(prefixStyle);\n continue;\n }\n\n var changeProp = false;\n var supportedProp = supportedProperty(prop);\n if (supportedProp && supportedProp !== prop) changeProp = true;\n var changeValue = false;\n var supportedValue$1 = supportedValue(supportedProp, toCssValue(value));\n if (supportedValue$1 && supportedValue$1 !== value) changeValue = true;\n\n if (changeProp || changeValue) {\n if (changeProp) delete style[prop];\n style[supportedProp || prop] = supportedValue$1 || value;\n }\n }\n\n return style;\n }\n\n function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n return prefixStyle(style);\n }\n\n function onChangeValue(value, prop) {\n return supportedValue(prop, toCssValue(value)) || value;\n }\n\n return {\n onProcessRule: onProcessRule,\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default jssVendorPrefixer;","/**\n * Sort props by length.\n */\nfunction jssPropsSort() {\n var sort = function sort(prop0, prop1) {\n if (prop0.length === prop1.length) {\n return prop0 > prop1 ? 1 : -1;\n }\n\n return prop0.length - prop1.length;\n };\n\n return {\n onProcessStyle: function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n var newStyle = {};\n var props = Object.keys(style).sort(sort);\n\n for (var i = 0; i < props.length; i++) {\n newStyle[props[i]] = style[props[i]];\n }\n\n return newStyle;\n }\n };\n}\n\nexport default jssPropsSort;","import functions from 'jss-plugin-rule-value-function';\nimport global from 'jss-plugin-global';\nimport nested from 'jss-plugin-nested';\nimport camelCase from 'jss-plugin-camel-case';\nimport defaultUnit from 'jss-plugin-default-unit';\nimport vendorPrefixer from 'jss-plugin-vendor-prefixer';\nimport propsSort from 'jss-plugin-props-sort'; // Subset of jss-preset-default with only the plugins the Material-UI components are using.\n\nexport default function jssPreset() {\n return {\n plugins: [functions(), global(), nested(), camelCase(), defaultUnit(), // Disable the vendor prefixer server-side, it does nothing.\n // This way, we can get a performance boost.\n // In the documentation, we are using `autoprefixer` to solve this problem.\n typeof window === 'undefined' ? null : vendorPrefixer(), propsSort()]\n };\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport getScrollbarSize from '../utils/getScrollbarSize';\nimport ownerDocument from '../utils/ownerDocument';\nimport ownerWindow from '../utils/ownerWindow'; // Is a vertical scrollbar displayed?\n\nfunction isOverflowing(container) {\n var doc = ownerDocument(container);\n\n if (doc.body === container) {\n return ownerWindow(doc).innerWidth > doc.documentElement.clientWidth;\n }\n\n return container.scrollHeight > container.clientHeight;\n}\n\nexport function ariaHidden(node, show) {\n if (show) {\n node.setAttribute('aria-hidden', 'true');\n } else {\n node.removeAttribute('aria-hidden');\n }\n}\n\nfunction getPaddingRight(node) {\n return parseInt(window.getComputedStyle(node)['padding-right'], 10) || 0;\n}\n\nfunction ariaHiddenSiblings(container, mountNode, currentNode) {\n var nodesToExclude = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];\n var show = arguments.length > 4 ? arguments[4] : undefined;\n var blacklist = [mountNode, currentNode].concat(_toConsumableArray(nodesToExclude));\n var blacklistTagNames = ['TEMPLATE', 'SCRIPT', 'STYLE'];\n [].forEach.call(container.children, function (node) {\n if (node.nodeType === 1 && blacklist.indexOf(node) === -1 && blacklistTagNames.indexOf(node.tagName) === -1) {\n ariaHidden(node, show);\n }\n });\n}\n\nfunction findIndexOf(containerInfo, callback) {\n var idx = -1;\n containerInfo.some(function (item, index) {\n if (callback(item)) {\n idx = index;\n return true;\n }\n\n return false;\n });\n return idx;\n}\n\nfunction handleContainer(containerInfo, props) {\n var restoreStyle = [];\n var restorePaddings = [];\n var container = containerInfo.container;\n var fixedNodes;\n\n if (!props.disableScrollLock) {\n if (isOverflowing(container)) {\n // Compute the size before applying overflow hidden to avoid any scroll jumps.\n var scrollbarSize = getScrollbarSize();\n restoreStyle.push({\n value: container.style.paddingRight,\n key: 'padding-right',\n el: container\n }); // Use computed style, here to get the real padding to add our scrollbar width.\n\n container.style['padding-right'] = \"\".concat(getPaddingRight(container) + scrollbarSize, \"px\"); // .mui-fixed is a global helper.\n\n fixedNodes = ownerDocument(container).querySelectorAll('.mui-fixed');\n [].forEach.call(fixedNodes, function (node) {\n restorePaddings.push(node.style.paddingRight);\n node.style.paddingRight = \"\".concat(getPaddingRight(node) + scrollbarSize, \"px\");\n });\n } // Improve Gatsby support\n // https://css-tricks.com/snippets/css/force-vertical-scrollbar/\n\n\n var parent = container.parentElement;\n var scrollContainer = parent.nodeName === 'HTML' && window.getComputedStyle(parent)['overflow-y'] === 'scroll' ? parent : container; // Block the scroll even if no scrollbar is visible to account for mobile keyboard\n // screensize shrink.\n\n restoreStyle.push({\n value: scrollContainer.style.overflow,\n key: 'overflow',\n el: scrollContainer\n });\n scrollContainer.style.overflow = 'hidden';\n }\n\n var restore = function restore() {\n if (fixedNodes) {\n [].forEach.call(fixedNodes, function (node, i) {\n if (restorePaddings[i]) {\n node.style.paddingRight = restorePaddings[i];\n } else {\n node.style.removeProperty('padding-right');\n }\n });\n }\n\n restoreStyle.forEach(function (_ref) {\n var value = _ref.value,\n el = _ref.el,\n key = _ref.key;\n\n if (value) {\n el.style.setProperty(key, value);\n } else {\n el.style.removeProperty(key);\n }\n });\n };\n\n return restore;\n}\n\nfunction getHiddenSiblings(container) {\n var hiddenSiblings = [];\n [].forEach.call(container.children, function (node) {\n if (node.getAttribute && node.getAttribute('aria-hidden') === 'true') {\n hiddenSiblings.push(node);\n }\n });\n return hiddenSiblings;\n}\n/**\n * @ignore - do not document.\n *\n * Proper state management for containers and the modals in those containers.\n * Simplified, but inspired by react-overlay's ModalManager class.\n * Used by the Modal to ensure proper styling of containers.\n */\n\n\nvar ModalManager = /*#__PURE__*/function () {\n function ModalManager() {\n _classCallCheck(this, ModalManager); // this.modals[modalIndex] = modal\n\n\n this.modals = []; // this.containers[containerIndex] = {\n // modals: [],\n // container,\n // restore: null,\n // }\n\n this.containers = [];\n }\n\n _createClass(ModalManager, [{\n key: \"add\",\n value: function add(modal, container) {\n var modalIndex = this.modals.indexOf(modal);\n\n if (modalIndex !== -1) {\n return modalIndex;\n }\n\n modalIndex = this.modals.length;\n this.modals.push(modal); // If the modal we are adding is already in the DOM.\n\n if (modal.modalRef) {\n ariaHidden(modal.modalRef, false);\n }\n\n var hiddenSiblingNodes = getHiddenSiblings(container);\n ariaHiddenSiblings(container, modal.mountNode, modal.modalRef, hiddenSiblingNodes, true);\n var containerIndex = findIndexOf(this.containers, function (item) {\n return item.container === container;\n });\n\n if (containerIndex !== -1) {\n this.containers[containerIndex].modals.push(modal);\n return modalIndex;\n }\n\n this.containers.push({\n modals: [modal],\n container: container,\n restore: null,\n hiddenSiblingNodes: hiddenSiblingNodes\n });\n return modalIndex;\n }\n }, {\n key: \"mount\",\n value: function mount(modal, props) {\n var containerIndex = findIndexOf(this.containers, function (item) {\n return item.modals.indexOf(modal) !== -1;\n });\n var containerInfo = this.containers[containerIndex];\n\n if (!containerInfo.restore) {\n containerInfo.restore = handleContainer(containerInfo, props);\n }\n }\n }, {\n key: \"remove\",\n value: function remove(modal) {\n var modalIndex = this.modals.indexOf(modal);\n\n if (modalIndex === -1) {\n return modalIndex;\n }\n\n var containerIndex = findIndexOf(this.containers, function (item) {\n return item.modals.indexOf(modal) !== -1;\n });\n var containerInfo = this.containers[containerIndex];\n containerInfo.modals.splice(containerInfo.modals.indexOf(modal), 1);\n this.modals.splice(modalIndex, 1); // If that was the last modal in a container, clean up the container.\n\n if (containerInfo.modals.length === 0) {\n // The modal might be closed before it had the chance to be mounted in the DOM.\n if (containerInfo.restore) {\n containerInfo.restore();\n }\n\n if (modal.modalRef) {\n // In case the modal wasn't in the DOM yet.\n ariaHidden(modal.modalRef, true);\n }\n\n ariaHiddenSiblings(containerInfo.container, modal.mountNode, modal.modalRef, containerInfo.hiddenSiblingNodes, false);\n this.containers.splice(containerIndex, 1);\n } else {\n // Otherwise make sure the next top modal is visible to a screen reader.\n var nextTop = containerInfo.modals[containerInfo.modals.length - 1]; // as soon as a modal is adding its modalRef is undefined. it can't set\n // aria-hidden because the dom element doesn't exist either\n // when modal was unmounted before modalRef gets null\n\n if (nextTop.modalRef) {\n ariaHidden(nextTop.modalRef, false);\n }\n }\n\n return modalIndex;\n }\n }, {\n key: \"isTopModal\",\n value: function isTopModal(modal) {\n return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n }\n }]);\n\n return ModalManager;\n}();\n\nexport { ModalManager as default };","/* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex, camelcase */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport ownerDocument from '../utils/ownerDocument';\nimport useForkRef from '../utils/useForkRef';\nimport { exactProp } from '@material-ui/utils';\n/**\n * Utility component that locks focus inside the component.\n */\n\nfunction Unstable_TrapFocus(props) {\n var children = props.children,\n _props$disableAutoFoc = props.disableAutoFocus,\n disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,\n _props$disableEnforce = props.disableEnforceFocus,\n disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,\n _props$disableRestore = props.disableRestoreFocus,\n disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,\n getDoc = props.getDoc,\n isEnabled = props.isEnabled,\n open = props.open;\n var ignoreNextEnforceFocus = React.useRef();\n var sentinelStart = React.useRef(null);\n var sentinelEnd = React.useRef(null);\n var nodeToRestore = React.useRef();\n var rootRef = React.useRef(null); // can be removed once we drop support for non ref forwarding class components\n\n var handleOwnRef = React.useCallback(function (instance) {\n // #StrictMode ready\n rootRef.current = ReactDOM.findDOMNode(instance);\n }, []);\n var handleRef = useForkRef(children.ref, handleOwnRef);\n var prevOpenRef = React.useRef();\n React.useEffect(function () {\n prevOpenRef.current = open;\n }, [open]);\n\n if (!prevOpenRef.current && open && typeof window !== 'undefined') {\n // WARNING: Potentially unsafe in concurrent mode.\n // The way the read on `nodeToRestore` is setup could make this actually safe.\n // Say we render `open={false}` -> `open={true}` but never commit.\n // We have now written a state that wasn't committed. But no committed effect\n // will read this wrong value. We only read from `nodeToRestore` in effects\n // that were committed on `open={true}`\n // WARNING: Prevents the instance from being garbage collected. Should only\n // hold a weak ref.\n nodeToRestore.current = getDoc().activeElement;\n }\n\n React.useEffect(function () {\n if (!open) {\n return;\n }\n\n var doc = ownerDocument(rootRef.current); // We might render an empty child.\n\n if (!disableAutoFocus && rootRef.current && !rootRef.current.contains(doc.activeElement)) {\n if (!rootRef.current.hasAttribute('tabIndex')) {\n if (process.env.NODE_ENV !== 'production') {\n console.error(['Material-UI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to \"-1\".'].join('\\n'));\n }\n\n rootRef.current.setAttribute('tabIndex', -1);\n }\n\n rootRef.current.focus();\n }\n\n var contain = function contain() {\n var rootElement = rootRef.current; // Cleanup functions are executed lazily in React 17.\n // Contain can be called between the component being unmounted and its cleanup function being run.\n\n if (rootElement === null) {\n return;\n }\n\n if (!doc.hasFocus() || disableEnforceFocus || !isEnabled() || ignoreNextEnforceFocus.current) {\n ignoreNextEnforceFocus.current = false;\n return;\n }\n\n if (rootRef.current && !rootRef.current.contains(doc.activeElement)) {\n rootRef.current.focus();\n }\n };\n\n var loopFocus = function loopFocus(event) {\n // 9 = Tab\n if (disableEnforceFocus || !isEnabled() || event.keyCode !== 9) {\n return;\n } // Make sure the next tab starts from the right place.\n\n\n if (doc.activeElement === rootRef.current) {\n // We need to ignore the next contain as\n // it will try to move the focus back to the rootRef element.\n ignoreNextEnforceFocus.current = true;\n\n if (event.shiftKey) {\n sentinelEnd.current.focus();\n } else {\n sentinelStart.current.focus();\n }\n }\n };\n\n doc.addEventListener('focus', contain, true);\n doc.addEventListener('keydown', loopFocus, true); // With Edge, Safari and Firefox, no focus related events are fired when the focused area stops being a focused area\n // e.g. https://bugzilla.mozilla.org/show_bug.cgi?id=559561.\n //\n // The whatwg spec defines how the browser should behave but does not explicitly mention any events:\n // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.\n\n var interval = setInterval(function () {\n contain();\n }, 50);\n return function () {\n clearInterval(interval);\n doc.removeEventListener('focus', contain, true);\n doc.removeEventListener('keydown', loopFocus, true); // restoreLastFocus()\n\n if (!disableRestoreFocus) {\n // In IE 11 it is possible for document.activeElement to be null resulting\n // in nodeToRestore.current being null.\n // Not all elements in IE 11 have a focus method.\n // Once IE 11 support is dropped the focus() call can be unconditional.\n if (nodeToRestore.current && nodeToRestore.current.focus) {\n nodeToRestore.current.focus();\n }\n\n nodeToRestore.current = null;\n }\n };\n }, [disableAutoFocus, disableEnforceFocus, disableRestoreFocus, isEnabled, open]);\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n tabIndex: 0,\n ref: sentinelStart,\n \"data-test\": \"sentinelStart\"\n }), /*#__PURE__*/React.cloneElement(children, {\n ref: handleRef\n }), /*#__PURE__*/React.createElement(\"div\", {\n tabIndex: 0,\n ref: sentinelEnd,\n \"data-test\": \"sentinelEnd\"\n }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? Unstable_TrapFocus.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * A single child content element.\n */\n children: PropTypes.node,\n\n /**\n * If `true`, the trap focus will not automatically shift focus to itself when it opens, and\n * replace it to the last focused element when it closes.\n * This also works correctly with any trap focus children that have the `disableAutoFocus` prop.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n */\n disableAutoFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not prevent focus from leaving the trap focus while open.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n */\n disableEnforceFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not restore focus to previously focused element once\n * trap focus is hidden.\n */\n disableRestoreFocus: PropTypes.bool,\n\n /**\n * Return the document to consider.\n * We use it to implement the restore focus between different browser documents.\n */\n getDoc: PropTypes.func.isRequired,\n\n /**\n * Do we still want to enforce the focus?\n * This prop helps nesting TrapFocus elements.\n */\n isEnabled: PropTypes.func.isRequired,\n\n /**\n * If `true`, focus will be locked.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line\n Unstable_TrapFocus['propTypes' + ''] = exactProp(Unstable_TrapFocus.propTypes);\n}\n\nexport default Unstable_TrapFocus;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n zIndex: -1,\n position: 'fixed',\n right: 0,\n bottom: 0,\n top: 0,\n left: 0,\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n WebkitTapHighlightColor: 'transparent'\n },\n\n /* Styles applied to the root element if `invisible={true}`. */\n invisible: {\n backgroundColor: 'transparent'\n }\n};\n/**\n * @ignore - internal component.\n */\n\nvar SimpleBackdrop = /*#__PURE__*/React.forwardRef(function SimpleBackdrop(props, ref) {\n var _props$invisible = props.invisible,\n invisible = _props$invisible === void 0 ? false : _props$invisible,\n open = props.open,\n other = _objectWithoutProperties(props, [\"invisible\", \"open\"]);\n\n return open ? /*#__PURE__*/React.createElement(\"div\", _extends({\n \"aria-hidden\": true,\n ref: ref\n }, other, {\n style: _extends({}, styles.root, invisible ? styles.invisible : {}, other.style)\n })) : null;\n});\nprocess.env.NODE_ENV !== \"production\" ? SimpleBackdrop.propTypes = {\n /**\n * If `true`, the backdrop is invisible.\n * It can be used when rendering a popover or a custom select component.\n */\n invisible: PropTypes.bool,\n\n /**\n * If `true`, the backdrop is open.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\nexport default SimpleBackdrop;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { getThemeProps, useTheme } from '@material-ui/styles';\nimport { elementAcceptingRef, HTMLElementType } from '@material-ui/utils';\nimport deprecatedPropType from '../utils/deprecatedPropType';\nimport ownerDocument from '../utils/ownerDocument';\nimport Portal from '../Portal';\nimport createChainedFunction from '../utils/createChainedFunction';\nimport useForkRef from '../utils/useForkRef';\nimport useEventCallback from '../utils/useEventCallback';\nimport zIndex from '../styles/zIndex';\nimport ModalManager, { ariaHidden } from './ModalManager';\nimport TrapFocus from '../Unstable_TrapFocus';\nimport SimpleBackdrop from './SimpleBackdrop';\n\nfunction getContainer(container) {\n container = typeof container === 'function' ? container() : container;\n return ReactDOM.findDOMNode(container);\n}\n\nfunction getHasTransition(props) {\n return props.children ? props.children.props.hasOwnProperty('in') : false;\n} // A modal manager used to track and manage the state of open Modals.\n// Modals don't open on the server so this won't conflict with concurrent requests.\n\n\nvar defaultManager = new ModalManager();\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'fixed',\n zIndex: theme.zIndex.modal,\n right: 0,\n bottom: 0,\n top: 0,\n left: 0\n },\n\n /* Styles applied to the root element if the `Modal` has exited. */\n hidden: {\n visibility: 'hidden'\n }\n };\n};\n/**\n * Modal is a lower-level construct that is leveraged by the following components:\n *\n * - [Dialog](/api/dialog/)\n * - [Drawer](/api/drawer/)\n * - [Menu](/api/menu/)\n * - [Popover](/api/popover/)\n *\n * If you are creating a modal dialog, you probably want to use the [Dialog](/api/dialog/) component\n * rather than directly using Modal.\n *\n * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).\n */\n\nvar Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {\n var theme = useTheme();\n var props = getThemeProps({\n name: 'MuiModal',\n props: _extends({}, inProps),\n theme: theme\n });\n\n var _props$BackdropCompon = props.BackdropComponent,\n BackdropComponent = _props$BackdropCompon === void 0 ? SimpleBackdrop : _props$BackdropCompon,\n BackdropProps = props.BackdropProps,\n children = props.children,\n _props$closeAfterTran = props.closeAfterTransition,\n closeAfterTransition = _props$closeAfterTran === void 0 ? false : _props$closeAfterTran,\n container = props.container,\n _props$disableAutoFoc = props.disableAutoFocus,\n disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,\n _props$disableBackdro = props.disableBackdropClick,\n disableBackdropClick = _props$disableBackdro === void 0 ? false : _props$disableBackdro,\n _props$disableEnforce = props.disableEnforceFocus,\n disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,\n _props$disableEscapeK = props.disableEscapeKeyDown,\n disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,\n _props$disablePortal = props.disablePortal,\n disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal,\n _props$disableRestore = props.disableRestoreFocus,\n disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,\n _props$disableScrollL = props.disableScrollLock,\n disableScrollLock = _props$disableScrollL === void 0 ? false : _props$disableScrollL,\n _props$hideBackdrop = props.hideBackdrop,\n hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,\n _props$keepMounted = props.keepMounted,\n keepMounted = _props$keepMounted === void 0 ? false : _props$keepMounted,\n _props$manager = props.manager,\n manager = _props$manager === void 0 ? defaultManager : _props$manager,\n onBackdropClick = props.onBackdropClick,\n onClose = props.onClose,\n onEscapeKeyDown = props.onEscapeKeyDown,\n onRendered = props.onRendered,\n open = props.open,\n other = _objectWithoutProperties(props, [\"BackdropComponent\", \"BackdropProps\", \"children\", \"closeAfterTransition\", \"container\", \"disableAutoFocus\", \"disableBackdropClick\", \"disableEnforceFocus\", \"disableEscapeKeyDown\", \"disablePortal\", \"disableRestoreFocus\", \"disableScrollLock\", \"hideBackdrop\", \"keepMounted\", \"manager\", \"onBackdropClick\", \"onClose\", \"onEscapeKeyDown\", \"onRendered\", \"open\"]);\n\n var _React$useState = React.useState(true),\n exited = _React$useState[0],\n setExited = _React$useState[1];\n\n var modal = React.useRef({});\n var mountNodeRef = React.useRef(null);\n var modalRef = React.useRef(null);\n var handleRef = useForkRef(modalRef, ref);\n var hasTransition = getHasTransition(props);\n\n var getDoc = function getDoc() {\n return ownerDocument(mountNodeRef.current);\n };\n\n var getModal = function getModal() {\n modal.current.modalRef = modalRef.current;\n modal.current.mountNode = mountNodeRef.current;\n return modal.current;\n };\n\n var handleMounted = function handleMounted() {\n manager.mount(getModal(), {\n disableScrollLock: disableScrollLock\n }); // Fix a bug on Chrome where the scroll isn't initially 0.\n\n modalRef.current.scrollTop = 0;\n };\n\n var handleOpen = useEventCallback(function () {\n var resolvedContainer = getContainer(container) || getDoc().body;\n manager.add(getModal(), resolvedContainer); // The element was already mounted.\n\n if (modalRef.current) {\n handleMounted();\n }\n });\n var isTopModal = React.useCallback(function () {\n return manager.isTopModal(getModal());\n }, [manager]);\n var handlePortalRef = useEventCallback(function (node) {\n mountNodeRef.current = node;\n\n if (!node) {\n return;\n }\n\n if (onRendered) {\n onRendered();\n }\n\n if (open && isTopModal()) {\n handleMounted();\n } else {\n ariaHidden(modalRef.current, true);\n }\n });\n var handleClose = React.useCallback(function () {\n manager.remove(getModal());\n }, [manager]);\n React.useEffect(function () {\n return function () {\n handleClose();\n };\n }, [handleClose]);\n React.useEffect(function () {\n if (open) {\n handleOpen();\n } else if (!hasTransition || !closeAfterTransition) {\n handleClose();\n }\n }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]);\n\n if (!keepMounted && !open && (!hasTransition || exited)) {\n return null;\n }\n\n var handleEnter = function handleEnter() {\n setExited(false);\n };\n\n var handleExited = function handleExited() {\n setExited(true);\n\n if (closeAfterTransition) {\n handleClose();\n }\n };\n\n var handleBackdropClick = function handleBackdropClick(event) {\n if (event.target !== event.currentTarget) {\n return;\n }\n\n if (onBackdropClick) {\n onBackdropClick(event);\n }\n\n if (!disableBackdropClick && onClose) {\n onClose(event, 'backdropClick');\n }\n };\n\n var handleKeyDown = function handleKeyDown(event) {\n // The handler doesn't take event.defaultPrevented into account:\n //\n // event.preventDefault() is meant to stop default behaviours like\n // clicking a checkbox to check it, hitting a button to submit a form,\n // and hitting left arrow to move the cursor in a text input etc.\n // Only special HTML elements have these default behaviors.\n if (event.key !== 'Escape' || !isTopModal()) {\n return;\n }\n\n if (onEscapeKeyDown) {\n onEscapeKeyDown(event);\n }\n\n if (!disableEscapeKeyDown) {\n // Swallow the event, in case someone is listening for the escape key on the body.\n event.stopPropagation();\n\n if (onClose) {\n onClose(event, 'escapeKeyDown');\n }\n }\n };\n\n var inlineStyle = styles(theme || {\n zIndex: zIndex\n });\n var childProps = {};\n\n if (children.props.tabIndex === undefined) {\n childProps.tabIndex = children.props.tabIndex || '-1';\n } // It's a Transition like component\n\n\n if (hasTransition) {\n childProps.onEnter = createChainedFunction(handleEnter, children.props.onEnter);\n childProps.onExited = createChainedFunction(handleExited, children.props.onExited);\n }\n\n return /*#__PURE__*/React.createElement(Portal, {\n ref: handlePortalRef,\n container: container,\n disablePortal: disablePortal\n }, /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: handleRef,\n onKeyDown: handleKeyDown,\n role: \"presentation\"\n }, other, {\n style: _extends({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)\n }), hideBackdrop ? null : /*#__PURE__*/React.createElement(BackdropComponent, _extends({\n open: open,\n onClick: handleBackdropClick\n }, BackdropProps)), /*#__PURE__*/React.createElement(TrapFocus, {\n disableEnforceFocus: disableEnforceFocus,\n disableAutoFocus: disableAutoFocus,\n disableRestoreFocus: disableRestoreFocus,\n getDoc: getDoc,\n isEnabled: isTopModal,\n open: open\n }, /*#__PURE__*/React.cloneElement(children, childProps))));\n});\nprocess.env.NODE_ENV !== \"production\" ? Modal.propTypes = {\n /**\n * A backdrop component. This prop enables custom backdrop rendering.\n */\n BackdropComponent: PropTypes.elementType,\n\n /**\n * Props applied to the [`Backdrop`](/api/backdrop/) element.\n */\n BackdropProps: PropTypes.object,\n\n /**\n * A single child content element.\n */\n children: elementAcceptingRef.isRequired,\n\n /**\n * When set to true the Modal waits until a nested Transition is completed before closing.\n */\n closeAfterTransition: PropTypes.bool,\n\n /**\n * A HTML element, component instance, or function that returns either.\n * The `container` will have the portal children appended to it.\n *\n * By default, it uses the body of the top-level document object,\n * so it's simply `document.body` most of the time.\n */\n container: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([HTMLElementType, PropTypes.instanceOf(React.Component), PropTypes.func]),\n\n /**\n * If `true`, the modal will not automatically shift focus to itself when it opens, and\n * replace it to the last focused element when it closes.\n * This also works correctly with any modal children that have the `disableAutoFocus` prop.\n *\n * Generally this should never be set to `true` as it makes the modal less\n * accessible to assistive technologies, like screen readers.\n */\n disableAutoFocus: PropTypes.bool,\n\n /**\n * If `true`, clicking the backdrop will not fire `onClose`.\n */\n disableBackdropClick: deprecatedPropType(PropTypes.bool, 'Use the onClose prop with the `reason` argument to filter the `backdropClick` events.'),\n\n /**\n * If `true`, the modal will not prevent focus from leaving the modal while open.\n *\n * Generally this should never be set to `true` as it makes the modal less\n * accessible to assistive technologies, like screen readers.\n */\n disableEnforceFocus: PropTypes.bool,\n\n /**\n * If `true`, hitting escape will not fire `onClose`.\n */\n disableEscapeKeyDown: PropTypes.bool,\n\n /**\n * Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n\n /**\n * If `true`, the modal will not restore focus to previously focused element once\n * modal is hidden.\n */\n disableRestoreFocus: PropTypes.bool,\n\n /**\n * Disable the scroll lock behavior.\n */\n disableScrollLock: PropTypes.bool,\n\n /**\n * If `true`, the backdrop is not rendered.\n */\n hideBackdrop: PropTypes.bool,\n\n /**\n * Always keep the children in the DOM.\n * This prop can be useful in SEO situation or\n * when you want to maximize the responsiveness of the Modal.\n */\n keepMounted: PropTypes.bool,\n\n /**\n * @ignore\n */\n manager: PropTypes.object,\n\n /**\n * Callback fired when the backdrop is clicked.\n */\n onBackdropClick: deprecatedPropType(PropTypes.func, 'Use the onClose prop with the `reason` argument to handle the `backdropClick` events.'),\n\n /**\n * Callback fired when the component requests to be closed.\n * The `reason` parameter can optionally be used to control the response to `onClose`.\n *\n * @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n */\n onClose: PropTypes.func,\n\n /**\n * Callback fired when the escape key is pressed,\n * `disableEscapeKeyDown` is false and the modal is in focus.\n */\n onEscapeKeyDown: deprecatedPropType(PropTypes.func, 'Use the onClose prop with the `reason` argument to handle the `escapeKeyDown` events.'),\n\n /**\n * Callback fired once the children has been mounted into the `container`.\n * It signals that the `open={true}` prop took effect.\n *\n * This prop will be removed in v5, the ref can be used instead.\n */\n onRendered: deprecatedPropType(PropTypes.func, 'Use the ref instead.'),\n\n /**\n * If `true`, the modal is open.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\nexport default Modal;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from '../utils/debounce';\nimport useForkRef from '../utils/useForkRef';\nimport deprecatedPropType from '../utils/deprecatedPropType';\n\nfunction getStyleValue(computedStyle, property) {\n return parseInt(computedStyle[property], 10) || 0;\n}\n\nvar useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nvar styles = {\n /* Styles applied to the shadow textarea element. */\n shadow: {\n // Visibility needed to hide the extra text area on iPads\n visibility: 'hidden',\n // Remove from the content flow\n position: 'absolute',\n // Ignore the scrollbar width\n overflow: 'hidden',\n height: 0,\n top: 0,\n left: 0,\n // Create a new layer, increase the isolation of the computed values\n transform: 'translateZ(0)'\n }\n};\nvar TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, ref) {\n var onChange = props.onChange,\n rows = props.rows,\n rowsMax = props.rowsMax,\n rowsMinProp = props.rowsMin,\n maxRowsProp = props.maxRows,\n _props$minRows = props.minRows,\n minRowsProp = _props$minRows === void 0 ? 1 : _props$minRows,\n style = props.style,\n value = props.value,\n other = _objectWithoutProperties(props, [\"onChange\", \"rows\", \"rowsMax\", \"rowsMin\", \"maxRows\", \"minRows\", \"style\", \"value\"]);\n\n var maxRows = maxRowsProp || rowsMax;\n var minRows = rows || rowsMinProp || minRowsProp;\n\n var _React$useRef = React.useRef(value != null),\n isControlled = _React$useRef.current;\n\n var inputRef = React.useRef(null);\n var handleRef = useForkRef(ref, inputRef);\n var shadowRef = React.useRef(null);\n var renders = React.useRef(0);\n\n var _React$useState = React.useState({}),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var syncHeight = React.useCallback(function () {\n var input = inputRef.current;\n var computedStyle = window.getComputedStyle(input);\n var inputShallow = shadowRef.current;\n inputShallow.style.width = computedStyle.width;\n inputShallow.value = input.value || props.placeholder || 'x';\n\n if (inputShallow.value.slice(-1) === '\\n') {\n // Certain fonts which overflow the line height will cause the textarea\n // to report a different scrollHeight depending on whether the last line\n // is empty. Make it non-empty to avoid this issue.\n inputShallow.value += ' ';\n }\n\n var boxSizing = computedStyle['box-sizing'];\n var padding = getStyleValue(computedStyle, 'padding-bottom') + getStyleValue(computedStyle, 'padding-top');\n var border = getStyleValue(computedStyle, 'border-bottom-width') + getStyleValue(computedStyle, 'border-top-width'); // The height of the inner content\n\n var innerHeight = inputShallow.scrollHeight - padding; // Measure height of a textarea with a single row\n\n inputShallow.value = 'x';\n var singleRowHeight = inputShallow.scrollHeight - padding; // The height of the outer content\n\n var outerHeight = innerHeight;\n\n if (minRows) {\n outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);\n }\n\n if (maxRows) {\n outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);\n }\n\n outerHeight = Math.max(outerHeight, singleRowHeight); // Take the box sizing into account for applying this value as a style.\n\n var outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);\n var overflow = Math.abs(outerHeight - innerHeight) <= 1;\n setState(function (prevState) {\n // Need a large enough difference to update the height.\n // This prevents infinite rendering loop.\n if (renders.current < 20 && (outerHeightStyle > 0 && Math.abs((prevState.outerHeightStyle || 0) - outerHeightStyle) > 1 || prevState.overflow !== overflow)) {\n renders.current += 1;\n return {\n overflow: overflow,\n outerHeightStyle: outerHeightStyle\n };\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (renders.current === 20) {\n console.error(['Material-UI: Too many re-renders. The layout is unstable.', 'TextareaAutosize limits the number of renders to prevent an infinite loop.'].join('\\n'));\n }\n }\n\n return prevState;\n });\n }, [maxRows, minRows, props.placeholder]);\n React.useEffect(function () {\n var handleResize = debounce(function () {\n renders.current = 0;\n syncHeight();\n });\n window.addEventListener('resize', handleResize);\n return function () {\n handleResize.clear();\n window.removeEventListener('resize', handleResize);\n };\n }, [syncHeight]);\n useEnhancedEffect(function () {\n syncHeight();\n });\n React.useEffect(function () {\n renders.current = 0;\n }, [value]);\n\n var handleChange = function handleChange(event) {\n renders.current = 0;\n\n if (!isControlled) {\n syncHeight();\n }\n\n if (onChange) {\n onChange(event);\n }\n };\n\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"textarea\", _extends({\n value: value,\n onChange: handleChange,\n ref: handleRef // Apply the rows prop to get a \"correct\" first SSR paint\n ,\n rows: minRows,\n style: _extends({\n height: state.outerHeightStyle,\n // Need a large enough difference to allow scrolling.\n // This prevents infinite rendering loop.\n overflow: state.overflow ? 'hidden' : null\n }, style)\n }, other)), /*#__PURE__*/React.createElement(\"textarea\", {\n \"aria-hidden\": true,\n className: props.className,\n readOnly: true,\n ref: shadowRef,\n tabIndex: -1,\n style: _extends({}, styles.shadow, style)\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TextareaAutosize.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * Maximum number of rows to display.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * @ignore\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n placeholder: PropTypes.string,\n\n /**\n * Minimum number of rows to display.\n * @deprecated Use `minRows` instead.\n */\n rows: deprecatedPropType(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), 'Use `minRows` instead.'),\n\n /**\n * Maximum number of rows to display.\n * @deprecated Use `maxRows` instead.\n */\n rowsMax: deprecatedPropType(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), 'Use `maxRows` instead.'),\n\n /**\n * Minimum number of rows to display.\n * @deprecated Use `minRows` instead.\n */\n rowsMin: deprecatedPropType(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), 'Use `minRows` instead.'),\n\n /**\n * @ignore\n */\n style: PropTypes.object,\n\n /**\n * @ignore\n */\n value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string])\n} : void 0;\nexport default TextareaAutosize;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@material-ui/utils\";\n/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { refType } from '@material-ui/utils';\nimport formControlState from '../FormControl/formControlState';\nimport FormControlContext, { useFormControl } from '../FormControl/FormControlContext';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nimport useForkRef from '../utils/useForkRef';\nimport TextareaAutosize from '../TextareaAutosize';\nimport { isFilled } from './utils';\nexport var styles = function styles(theme) {\n var light = theme.palette.type === 'light';\n var placeholder = {\n color: 'currentColor',\n opacity: light ? 0.42 : 0.5,\n transition: theme.transitions.create('opacity', {\n duration: theme.transitions.duration.shorter\n })\n };\n var placeholderHidden = {\n opacity: '0 !important'\n };\n var placeholderVisible = {\n opacity: light ? 0.42 : 0.5\n };\n return {\n '@global': {\n '@keyframes mui-auto-fill': {},\n '@keyframes mui-auto-fill-cancel': {}\n },\n\n /* Styles applied to the root element. */\n root: _extends({}, theme.typography.body1, {\n color: theme.palette.text.primary,\n lineHeight: '1.1876em',\n // Reset (19px), match the native input line-height\n boxSizing: 'border-box',\n // Prevent padding issue with fullWidth.\n position: 'relative',\n cursor: 'text',\n display: 'inline-flex',\n alignItems: 'center',\n '&$disabled': {\n color: theme.palette.text.disabled,\n cursor: 'default'\n }\n }),\n\n /* Styles applied to the root element if the component is a descendant of `FormControl`. */\n formControl: {},\n\n /* Styles applied to the root element if the component is focused. */\n focused: {},\n\n /* Styles applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the root element if `startAdornment` is provided. */\n adornedStart: {},\n\n /* Styles applied to the root element if `endAdornment` is provided. */\n adornedEnd: {},\n\n /* Pseudo-class applied to the root element if `error={true}`. */\n error: {},\n\n /* Styles applied to the `input` element if `margin=\"dense\"`. */\n marginDense: {},\n\n /* Styles applied to the root element if `multiline={true}`. */\n multiline: {\n padding: \"\".concat(8 - 2, \"px 0 \").concat(8 - 1, \"px\"),\n '&$marginDense': {\n paddingTop: 4 - 1\n }\n },\n\n /* Styles applied to the root element if the color is secondary. */\n colorSecondary: {},\n\n /* Styles applied to the root element if `fullWidth={true}`. */\n fullWidth: {\n width: '100%'\n },\n\n /* Styles applied to the `input` element. */\n input: {\n font: 'inherit',\n letterSpacing: 'inherit',\n color: 'currentColor',\n padding: \"\".concat(8 - 2, \"px 0 \").concat(8 - 1, \"px\"),\n border: 0,\n boxSizing: 'content-box',\n background: 'none',\n height: '1.1876em',\n // Reset (19px), match the native input line-height\n margin: 0,\n // Reset for Safari\n WebkitTapHighlightColor: 'transparent',\n display: 'block',\n // Make the flex item shrink with Firefox\n minWidth: 0,\n width: '100%',\n // Fix IE 11 width issue\n animationName: 'mui-auto-fill-cancel',\n animationDuration: '10ms',\n '&::-webkit-input-placeholder': placeholder,\n '&::-moz-placeholder': placeholder,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholder,\n // IE 11\n '&::-ms-input-placeholder': placeholder,\n // Edge\n '&:focus': {\n outline: 0\n },\n // Reset Firefox invalid required input style\n '&:invalid': {\n boxShadow: 'none'\n },\n '&::-webkit-search-decoration': {\n // Remove the padding when type=search.\n '-webkit-appearance': 'none'\n },\n // Show and hide the placeholder logic\n 'label[data-shrink=false] + $formControl &': {\n '&::-webkit-input-placeholder': placeholderHidden,\n '&::-moz-placeholder': placeholderHidden,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholderHidden,\n // IE 11\n '&::-ms-input-placeholder': placeholderHidden,\n // Edge\n '&:focus::-webkit-input-placeholder': placeholderVisible,\n '&:focus::-moz-placeholder': placeholderVisible,\n // Firefox 19+\n '&:focus:-ms-input-placeholder': placeholderVisible,\n // IE 11\n '&:focus::-ms-input-placeholder': placeholderVisible // Edge\n\n },\n '&$disabled': {\n opacity: 1 // Reset iOS opacity\n\n },\n '&:-webkit-autofill': {\n animationDuration: '5000s',\n animationName: 'mui-auto-fill'\n }\n },\n\n /* Styles applied to the `input` element if `margin=\"dense\"`. */\n inputMarginDense: {\n paddingTop: 4 - 1\n },\n\n /* Styles applied to the `input` element if `multiline={true}`. */\n inputMultiline: {\n height: 'auto',\n resize: 'none',\n padding: 0\n },\n\n /* Styles applied to the `input` element if `type=\"search\"`. */\n inputTypeSearch: {\n // Improve type search style.\n '-moz-appearance': 'textfield',\n '-webkit-appearance': 'textfield'\n },\n\n /* Styles applied to the `input` element if `startAdornment` is provided. */\n inputAdornedStart: {},\n\n /* Styles applied to the `input` element if `endAdornment` is provided. */\n inputAdornedEnd: {},\n\n /* Styles applied to the `input` element if `hiddenLabel={true}`. */\n inputHiddenLabel: {}\n };\n};\nvar useEnhancedEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;\n/**\n * `InputBase` contains as few styles as possible.\n * It aims to be a simple building block for creating an input.\n * It contains a load of style reset and some state logic.\n */\n\nvar InputBase = /*#__PURE__*/React.forwardRef(function InputBase(props, ref) {\n var ariaDescribedby = props['aria-describedby'],\n autoComplete = props.autoComplete,\n autoFocus = props.autoFocus,\n classes = props.classes,\n className = props.className,\n color = props.color,\n defaultValue = props.defaultValue,\n disabled = props.disabled,\n endAdornment = props.endAdornment,\n error = props.error,\n _props$fullWidth = props.fullWidth,\n fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,\n id = props.id,\n _props$inputComponent = props.inputComponent,\n inputComponent = _props$inputComponent === void 0 ? 'input' : _props$inputComponent,\n _props$inputProps = props.inputProps,\n inputPropsProp = _props$inputProps === void 0 ? {} : _props$inputProps,\n inputRefProp = props.inputRef,\n margin = props.margin,\n _props$multiline = props.multiline,\n multiline = _props$multiline === void 0 ? false : _props$multiline,\n name = props.name,\n onBlur = props.onBlur,\n onChange = props.onChange,\n onClick = props.onClick,\n onFocus = props.onFocus,\n onKeyDown = props.onKeyDown,\n onKeyUp = props.onKeyUp,\n placeholder = props.placeholder,\n readOnly = props.readOnly,\n renderSuffix = props.renderSuffix,\n rows = props.rows,\n rowsMax = props.rowsMax,\n rowsMin = props.rowsMin,\n maxRows = props.maxRows,\n minRows = props.minRows,\n startAdornment = props.startAdornment,\n _props$type = props.type,\n type = _props$type === void 0 ? 'text' : _props$type,\n valueProp = props.value,\n other = _objectWithoutProperties(props, [\"aria-describedby\", \"autoComplete\", \"autoFocus\", \"classes\", \"className\", \"color\", \"defaultValue\", \"disabled\", \"endAdornment\", \"error\", \"fullWidth\", \"id\", \"inputComponent\", \"inputProps\", \"inputRef\", \"margin\", \"multiline\", \"name\", \"onBlur\", \"onChange\", \"onClick\", \"onFocus\", \"onKeyDown\", \"onKeyUp\", \"placeholder\", \"readOnly\", \"renderSuffix\", \"rows\", \"rowsMax\", \"rowsMin\", \"maxRows\", \"minRows\", \"startAdornment\", \"type\", \"value\"]);\n\n var value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;\n\n var _React$useRef = React.useRef(value != null),\n isControlled = _React$useRef.current;\n\n var inputRef = React.useRef();\n var handleInputRefWarning = React.useCallback(function (instance) {\n if (process.env.NODE_ENV !== 'production') {\n if (instance && instance.nodeName !== 'INPUT' && !instance.focus) {\n console.error(['Material-UI: You have provided a `inputComponent` to the input component', 'that does not correctly handle the `inputRef` prop.', 'Make sure the `inputRef` prop is called with a HTMLInputElement.'].join('\\n'));\n }\n }\n }, []);\n var handleInputPropsRefProp = useForkRef(inputPropsProp.ref, handleInputRefWarning);\n var handleInputRefProp = useForkRef(inputRefProp, handleInputPropsRefProp);\n var handleInputRef = useForkRef(inputRef, handleInputRefProp);\n\n var _React$useState = React.useState(false),\n focused = _React$useState[0],\n setFocused = _React$useState[1];\n\n var muiFormControl = useFormControl();\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(function () {\n if (muiFormControl) {\n return muiFormControl.registerEffect();\n }\n\n return undefined;\n }, [muiFormControl]);\n }\n\n var fcs = formControlState({\n props: props,\n muiFormControl: muiFormControl,\n states: ['color', 'disabled', 'error', 'hiddenLabel', 'margin', 'required', 'filled']\n });\n fcs.focused = muiFormControl ? muiFormControl.focused : focused; // The blur won't fire when the disabled state is set on a focused input.\n // We need to book keep the focused state manually.\n\n React.useEffect(function () {\n if (!muiFormControl && disabled && focused) {\n setFocused(false);\n\n if (onBlur) {\n onBlur();\n }\n }\n }, [muiFormControl, disabled, focused, onBlur]);\n var onFilled = muiFormControl && muiFormControl.onFilled;\n var onEmpty = muiFormControl && muiFormControl.onEmpty;\n var checkDirty = React.useCallback(function (obj) {\n if (isFilled(obj)) {\n if (onFilled) {\n onFilled();\n }\n } else if (onEmpty) {\n onEmpty();\n }\n }, [onFilled, onEmpty]);\n useEnhancedEffect(function () {\n if (isControlled) {\n checkDirty({\n value: value\n });\n }\n }, [value, checkDirty, isControlled]);\n\n var handleFocus = function handleFocus(event) {\n // Fix a bug with IE 11 where the focus/blur events are triggered\n // while the input is disabled.\n if (fcs.disabled) {\n event.stopPropagation();\n return;\n }\n\n if (onFocus) {\n onFocus(event);\n }\n\n if (inputPropsProp.onFocus) {\n inputPropsProp.onFocus(event);\n }\n\n if (muiFormControl && muiFormControl.onFocus) {\n muiFormControl.onFocus(event);\n } else {\n setFocused(true);\n }\n };\n\n var handleBlur = function handleBlur(event) {\n if (onBlur) {\n onBlur(event);\n }\n\n if (inputPropsProp.onBlur) {\n inputPropsProp.onBlur(event);\n }\n\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur(event);\n } else {\n setFocused(false);\n }\n };\n\n var handleChange = function handleChange(event) {\n if (!isControlled) {\n var element = event.target || inputRef.current;\n\n if (element == null) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://material-ui.com/r/input-component-ref-interface for more info.\" : _formatMuiErrorMessage(1));\n }\n\n checkDirty({\n value: element.value\n });\n }\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n if (inputPropsProp.onChange) {\n inputPropsProp.onChange.apply(inputPropsProp, [event].concat(args));\n } // Perform in the willUpdate\n\n\n if (onChange) {\n onChange.apply(void 0, [event].concat(args));\n }\n }; // Check the input state on mount, in case it was filled by the user\n // or auto filled by the browser before the hydration (for SSR).\n\n\n React.useEffect(function () {\n checkDirty(inputRef.current);\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n var handleClick = function handleClick(event) {\n if (inputRef.current && event.currentTarget === event.target) {\n inputRef.current.focus();\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n var InputComponent = inputComponent;\n\n var inputProps = _extends({}, inputPropsProp, {\n ref: handleInputRef\n });\n\n if (typeof InputComponent !== 'string') {\n inputProps = _extends({\n // Rename ref to inputRef as we don't know the\n // provided `inputComponent` structure.\n inputRef: handleInputRef,\n type: type\n }, inputProps, {\n ref: null\n });\n } else if (multiline) {\n if (rows && !maxRows && !minRows && !rowsMax && !rowsMin) {\n InputComponent = 'textarea';\n } else {\n inputProps = _extends({\n minRows: rows || minRows,\n rowsMax: rowsMax,\n maxRows: maxRows\n }, inputProps);\n InputComponent = TextareaAutosize;\n }\n } else {\n inputProps = _extends({\n type: type\n }, inputProps);\n }\n\n var handleAutoFill = function handleAutoFill(event) {\n // Provide a fake value as Chrome might not let you access it for security reasons.\n checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef.current : {\n value: 'x'\n });\n };\n\n React.useEffect(function () {\n if (muiFormControl) {\n muiFormControl.setAdornedStart(Boolean(startAdornment));\n }\n }, [muiFormControl, startAdornment]);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes[\"color\".concat(capitalize(fcs.color || 'primary'))], className, fcs.disabled && classes.disabled, fcs.error && classes.error, fullWidth && classes.fullWidth, fcs.focused && classes.focused, muiFormControl && classes.formControl, multiline && classes.multiline, startAdornment && classes.adornedStart, endAdornment && classes.adornedEnd, fcs.margin === 'dense' && classes.marginDense),\n onClick: handleClick,\n ref: ref\n }, other), startAdornment, /*#__PURE__*/React.createElement(FormControlContext.Provider, {\n value: null\n }, /*#__PURE__*/React.createElement(InputComponent, _extends({\n \"aria-invalid\": fcs.error,\n \"aria-describedby\": ariaDescribedby,\n autoComplete: autoComplete,\n autoFocus: autoFocus,\n defaultValue: defaultValue,\n disabled: fcs.disabled,\n id: id,\n onAnimationStart: handleAutoFill,\n name: name,\n placeholder: placeholder,\n readOnly: readOnly,\n required: fcs.required,\n rows: rows,\n value: value,\n onKeyDown: onKeyDown,\n onKeyUp: onKeyUp\n }, inputProps, {\n className: clsx(classes.input, inputPropsProp.className, fcs.disabled && classes.disabled, multiline && classes.inputMultiline, fcs.hiddenLabel && classes.inputHiddenLabel, startAdornment && classes.inputAdornedStart, endAdornment && classes.inputAdornedEnd, type === 'search' && classes.inputTypeSearch, fcs.margin === 'dense' && classes.inputMarginDense),\n onBlur: handleBlur,\n onChange: handleChange,\n onFocus: handleFocus\n }))), endAdornment, renderSuffix ? renderSuffix(_extends({}, fcs, {\n startAdornment: startAdornment\n })) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? InputBase.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n 'aria-describedby': PropTypes.string,\n\n /**\n * This prop helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n */\n autoComplete: PropTypes.string,\n\n /**\n * If `true`, the `input` element will be focused during the first mount.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['primary', 'secondary']),\n\n /**\n * The default `input` element value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the `input` element will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment: PropTypes.node,\n\n /**\n * If `true`, the input will indicate an error. This is normally obtained via context from\n * FormControl.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the input will take up the full width of its container.\n */\n fullWidth: PropTypes.bool,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * The component used for the `input` element.\n * Either a string to use a HTML element or a component.\n */\n inputComponent: PropTypes.elementType,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n */\n margin: PropTypes.oneOf(['dense', 'none']),\n\n /**\n * Maximum number of rows to display when multiline option is set to true.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display when multiline option is set to true.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * If `true`, a textarea element will be rendered.\n */\n multiline: PropTypes.bool,\n\n /**\n * Name attribute of the `input` element.\n */\n name: PropTypes.string,\n\n /**\n * Callback fired when the input is blurred.\n *\n * Notice that the first argument (event) might be undefined.\n */\n onBlur: PropTypes.func,\n\n /**\n * Callback fired when the value is changed.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n\n /**\n * @ignore\n */\n onKeyDown: PropTypes.func,\n\n /**\n * @ignore\n */\n onKeyUp: PropTypes.func,\n\n /**\n * The short hint displayed in the input before the user enters a value.\n */\n placeholder: PropTypes.string,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: PropTypes.bool,\n\n /**\n * @ignore\n */\n renderSuffix: PropTypes.func,\n\n /**\n * If `true`, the `input` element will be required.\n */\n required: PropTypes.bool,\n\n /**\n * Number of rows to display when multiline option is set to true.\n */\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Maximum number of rows to display.\n * @deprecated Use `maxRows` instead.\n */\n rowsMax: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display.\n * @deprecated Use `minRows` instead.\n */\n rowsMin: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment: PropTypes.node,\n\n /**\n * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n */\n type: PropTypes.string,\n\n /**\n * The value of the `input` element, required for a controlled component.\n */\n value: PropTypes.any\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiInputBase'\n})(InputBase);","/** @license React v16.14.0\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nvar l = require(\"object-assign\"),\n n = \"function\" === typeof Symbol && Symbol.for,\n p = n ? Symbol.for(\"react.element\") : 60103,\n q = n ? Symbol.for(\"react.portal\") : 60106,\n r = n ? Symbol.for(\"react.fragment\") : 60107,\n t = n ? Symbol.for(\"react.strict_mode\") : 60108,\n u = n ? Symbol.for(\"react.profiler\") : 60114,\n v = n ? Symbol.for(\"react.provider\") : 60109,\n w = n ? Symbol.for(\"react.context\") : 60110,\n x = n ? Symbol.for(\"react.forward_ref\") : 60112,\n y = n ? Symbol.for(\"react.suspense\") : 60113,\n z = n ? Symbol.for(\"react.memo\") : 60115,\n A = n ? Symbol.for(\"react.lazy\") : 60116,\n B = \"function\" === typeof Symbol && Symbol.iterator;\n\nfunction C(a) {\n for (var b = \"https://reactjs.org/docs/error-decoder.html?invariant=\" + a, c = 1; c < arguments.length; c++) {\n b += \"&args[]=\" + encodeURIComponent(arguments[c]);\n }\n\n return \"Minified React error #\" + a + \"; visit \" + b + \" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\";\n}\n\nvar D = {\n isMounted: function isMounted() {\n return !1;\n },\n enqueueForceUpdate: function enqueueForceUpdate() {},\n enqueueReplaceState: function enqueueReplaceState() {},\n enqueueSetState: function enqueueSetState() {}\n},\n E = {};\n\nfunction F(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = E;\n this.updater = c || D;\n}\n\nF.prototype.isReactComponent = {};\n\nF.prototype.setState = function (a, b) {\n if (\"object\" !== typeof a && \"function\" !== typeof a && null != a) throw Error(C(85));\n this.updater.enqueueSetState(this, a, b, \"setState\");\n};\n\nF.prototype.forceUpdate = function (a) {\n this.updater.enqueueForceUpdate(this, a, \"forceUpdate\");\n};\n\nfunction G() {}\n\nG.prototype = F.prototype;\n\nfunction H(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = E;\n this.updater = c || D;\n}\n\nvar I = H.prototype = new G();\nI.constructor = H;\nl(I, F.prototype);\nI.isPureReactComponent = !0;\nvar J = {\n current: null\n},\n K = Object.prototype.hasOwnProperty,\n L = {\n key: !0,\n ref: !0,\n __self: !0,\n __source: !0\n};\n\nfunction M(a, b, c) {\n var e,\n d = {},\n g = null,\n k = null;\n if (null != b) for (e in void 0 !== b.ref && (k = b.ref), void 0 !== b.key && (g = \"\" + b.key), b) {\n K.call(b, e) && !L.hasOwnProperty(e) && (d[e] = b[e]);\n }\n var f = arguments.length - 2;\n if (1 === f) d.children = c;else if (1 < f) {\n for (var h = Array(f), m = 0; m < f; m++) {\n h[m] = arguments[m + 2];\n }\n\n d.children = h;\n }\n if (a && a.defaultProps) for (e in f = a.defaultProps, f) {\n void 0 === d[e] && (d[e] = f[e]);\n }\n return {\n $$typeof: p,\n type: a,\n key: g,\n ref: k,\n props: d,\n _owner: J.current\n };\n}\n\nfunction N(a, b) {\n return {\n $$typeof: p,\n type: a.type,\n key: b,\n ref: a.ref,\n props: a.props,\n _owner: a._owner\n };\n}\n\nfunction O(a) {\n return \"object\" === typeof a && null !== a && a.$$typeof === p;\n}\n\nfunction escape(a) {\n var b = {\n \"=\": \"=0\",\n \":\": \"=2\"\n };\n return \"$\" + (\"\" + a).replace(/[=:]/g, function (a) {\n return b[a];\n });\n}\n\nvar P = /\\/+/g,\n Q = [];\n\nfunction R(a, b, c, e) {\n if (Q.length) {\n var d = Q.pop();\n d.result = a;\n d.keyPrefix = b;\n d.func = c;\n d.context = e;\n d.count = 0;\n return d;\n }\n\n return {\n result: a,\n keyPrefix: b,\n func: c,\n context: e,\n count: 0\n };\n}\n\nfunction S(a) {\n a.result = null;\n a.keyPrefix = null;\n a.func = null;\n a.context = null;\n a.count = 0;\n 10 > Q.length && Q.push(a);\n}\n\nfunction T(a, b, c, e) {\n var d = typeof a;\n if (\"undefined\" === d || \"boolean\" === d) a = null;\n var g = !1;\n if (null === a) g = !0;else switch (d) {\n case \"string\":\n case \"number\":\n g = !0;\n break;\n\n case \"object\":\n switch (a.$$typeof) {\n case p:\n case q:\n g = !0;\n }\n\n }\n if (g) return c(e, a, \"\" === b ? \".\" + U(a, 0) : b), 1;\n g = 0;\n b = \"\" === b ? \".\" : b + \":\";\n if (Array.isArray(a)) for (var k = 0; k < a.length; k++) {\n d = a[k];\n var f = b + U(d, k);\n g += T(d, f, c, e);\n } else if (null === a || \"object\" !== typeof a ? f = null : (f = B && a[B] || a[\"@@iterator\"], f = \"function\" === typeof f ? f : null), \"function\" === typeof f) for (a = f.call(a), k = 0; !(d = a.next()).done;) {\n d = d.value, f = b + U(d, k++), g += T(d, f, c, e);\n } else if (\"object\" === d) throw c = \"\" + a, Error(C(31, \"[object Object]\" === c ? \"object with keys {\" + Object.keys(a).join(\", \") + \"}\" : c, \"\"));\n return g;\n}\n\nfunction V(a, b, c) {\n return null == a ? 0 : T(a, \"\", b, c);\n}\n\nfunction U(a, b) {\n return \"object\" === typeof a && null !== a && null != a.key ? escape(a.key) : b.toString(36);\n}\n\nfunction W(a, b) {\n a.func.call(a.context, b, a.count++);\n}\n\nfunction aa(a, b, c) {\n var e = a.result,\n d = a.keyPrefix;\n a = a.func.call(a.context, b, a.count++);\n Array.isArray(a) ? X(a, e, c, function (a) {\n return a;\n }) : null != a && (O(a) && (a = N(a, d + (!a.key || b && b.key === a.key ? \"\" : (\"\" + a.key).replace(P, \"$&/\") + \"/\") + c)), e.push(a));\n}\n\nfunction X(a, b, c, e, d) {\n var g = \"\";\n null != c && (g = (\"\" + c).replace(P, \"$&/\") + \"/\");\n b = R(b, g, e, d);\n V(a, aa, b);\n S(b);\n}\n\nvar Y = {\n current: null\n};\n\nfunction Z() {\n var a = Y.current;\n if (null === a) throw Error(C(321));\n return a;\n}\n\nvar ba = {\n ReactCurrentDispatcher: Y,\n ReactCurrentBatchConfig: {\n suspense: null\n },\n ReactCurrentOwner: J,\n IsSomeRendererActing: {\n current: !1\n },\n assign: l\n};\nexports.Children = {\n map: function map(a, b, c) {\n if (null == a) return a;\n var e = [];\n X(a, e, null, b, c);\n return e;\n },\n forEach: function forEach(a, b, c) {\n if (null == a) return a;\n b = R(null, null, b, c);\n V(a, W, b);\n S(b);\n },\n count: function count(a) {\n return V(a, function () {\n return null;\n }, null);\n },\n toArray: function toArray(a) {\n var b = [];\n X(a, b, null, function (a) {\n return a;\n });\n return b;\n },\n only: function only(a) {\n if (!O(a)) throw Error(C(143));\n return a;\n }\n};\nexports.Component = F;\nexports.Fragment = r;\nexports.Profiler = u;\nexports.PureComponent = H;\nexports.StrictMode = t;\nexports.Suspense = y;\nexports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ba;\n\nexports.cloneElement = function (a, b, c) {\n if (null === a || void 0 === a) throw Error(C(267, a));\n var e = l({}, a.props),\n d = a.key,\n g = a.ref,\n k = a._owner;\n\n if (null != b) {\n void 0 !== b.ref && (g = b.ref, k = J.current);\n void 0 !== b.key && (d = \"\" + b.key);\n if (a.type && a.type.defaultProps) var f = a.type.defaultProps;\n\n for (h in b) {\n K.call(b, h) && !L.hasOwnProperty(h) && (e[h] = void 0 === b[h] && void 0 !== f ? f[h] : b[h]);\n }\n }\n\n var h = arguments.length - 2;\n if (1 === h) e.children = c;else if (1 < h) {\n f = Array(h);\n\n for (var m = 0; m < h; m++) {\n f[m] = arguments[m + 2];\n }\n\n e.children = f;\n }\n return {\n $$typeof: p,\n type: a.type,\n key: d,\n ref: g,\n props: e,\n _owner: k\n };\n};\n\nexports.createContext = function (a, b) {\n void 0 === b && (b = null);\n a = {\n $$typeof: w,\n _calculateChangedBits: b,\n _currentValue: a,\n _currentValue2: a,\n _threadCount: 0,\n Provider: null,\n Consumer: null\n };\n a.Provider = {\n $$typeof: v,\n _context: a\n };\n return a.Consumer = a;\n};\n\nexports.createElement = M;\n\nexports.createFactory = function (a) {\n var b = M.bind(null, a);\n b.type = a;\n return b;\n};\n\nexports.createRef = function () {\n return {\n current: null\n };\n};\n\nexports.forwardRef = function (a) {\n return {\n $$typeof: x,\n render: a\n };\n};\n\nexports.isValidElement = O;\n\nexports.lazy = function (a) {\n return {\n $$typeof: A,\n _ctor: a,\n _status: -1,\n _result: null\n };\n};\n\nexports.memo = function (a, b) {\n return {\n $$typeof: z,\n type: a,\n compare: void 0 === b ? null : b\n };\n};\n\nexports.useCallback = function (a, b) {\n return Z().useCallback(a, b);\n};\n\nexports.useContext = function (a, b) {\n return Z().useContext(a, b);\n};\n\nexports.useDebugValue = function () {};\n\nexports.useEffect = function (a, b) {\n return Z().useEffect(a, b);\n};\n\nexports.useImperativeHandle = function (a, b, c) {\n return Z().useImperativeHandle(a, b, c);\n};\n\nexports.useLayoutEffect = function (a, b) {\n return Z().useLayoutEffect(a, b);\n};\n\nexports.useMemo = function (a, b) {\n return Z().useMemo(a, b);\n};\n\nexports.useReducer = function (a, b, c) {\n return Z().useReducer(a, b, c);\n};\n\nexports.useRef = function (a) {\n return Z().useRef(a);\n};\n\nexports.useState = function (a) {\n return Z().useState(a);\n};\n\nexports.version = \"16.14.0\";","/** @license React v16.14.0\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\n'use strict';\n\nvar aa = require(\"react\"),\n n = require(\"object-assign\"),\n r = require(\"scheduler\");\n\nfunction u(a) {\n for (var b = \"https://reactjs.org/docs/error-decoder.html?invariant=\" + a, c = 1; c < arguments.length; c++) {\n b += \"&args[]=\" + encodeURIComponent(arguments[c]);\n }\n\n return \"Minified React error #\" + a + \"; visit \" + b + \" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\";\n}\n\nif (!aa) throw Error(u(227));\n\nfunction ba(a, b, c, d, e, f, g, h, k) {\n var l = Array.prototype.slice.call(arguments, 3);\n\n try {\n b.apply(c, l);\n } catch (m) {\n this.onError(m);\n }\n}\n\nvar da = !1,\n ea = null,\n fa = !1,\n ha = null,\n ia = {\n onError: function onError(a) {\n da = !0;\n ea = a;\n }\n};\n\nfunction ja(a, b, c, d, e, f, g, h, k) {\n da = !1;\n ea = null;\n ba.apply(ia, arguments);\n}\n\nfunction ka(a, b, c, d, e, f, g, h, k) {\n ja.apply(this, arguments);\n\n if (da) {\n if (da) {\n var l = ea;\n da = !1;\n ea = null;\n } else throw Error(u(198));\n\n fa || (fa = !0, ha = l);\n }\n}\n\nvar la = null,\n ma = null,\n na = null;\n\nfunction oa(a, b, c) {\n var d = a.type || \"unknown-event\";\n a.currentTarget = na(c);\n ka(d, b, void 0, a);\n a.currentTarget = null;\n}\n\nvar pa = null,\n qa = {};\n\nfunction ra() {\n if (pa) for (var a in qa) {\n var b = qa[a],\n c = pa.indexOf(a);\n if (!(-1 < c)) throw Error(u(96, a));\n\n if (!sa[c]) {\n if (!b.extractEvents) throw Error(u(97, a));\n sa[c] = b;\n c = b.eventTypes;\n\n for (var d in c) {\n var e = void 0;\n var f = c[d],\n g = b,\n h = d;\n if (ta.hasOwnProperty(h)) throw Error(u(99, h));\n ta[h] = f;\n var k = f.phasedRegistrationNames;\n\n if (k) {\n for (e in k) {\n k.hasOwnProperty(e) && ua(k[e], g, h);\n }\n\n e = !0;\n } else f.registrationName ? (ua(f.registrationName, g, h), e = !0) : e = !1;\n\n if (!e) throw Error(u(98, d, a));\n }\n }\n }\n}\n\nfunction ua(a, b, c) {\n if (va[a]) throw Error(u(100, a));\n va[a] = b;\n wa[a] = b.eventTypes[c].dependencies;\n}\n\nvar sa = [],\n ta = {},\n va = {},\n wa = {};\n\nfunction xa(a) {\n var b = !1,\n c;\n\n for (c in a) {\n if (a.hasOwnProperty(c)) {\n var d = a[c];\n\n if (!qa.hasOwnProperty(c) || qa[c] !== d) {\n if (qa[c]) throw Error(u(102, c));\n qa[c] = d;\n b = !0;\n }\n }\n }\n\n b && ra();\n}\n\nvar ya = !(\"undefined\" === typeof window || \"undefined\" === typeof window.document || \"undefined\" === typeof window.document.createElement),\n za = null,\n Aa = null,\n Ba = null;\n\nfunction Ca(a) {\n if (a = ma(a)) {\n if (\"function\" !== typeof za) throw Error(u(280));\n var b = a.stateNode;\n b && (b = la(b), za(a.stateNode, a.type, b));\n }\n}\n\nfunction Da(a) {\n Aa ? Ba ? Ba.push(a) : Ba = [a] : Aa = a;\n}\n\nfunction Ea() {\n if (Aa) {\n var a = Aa,\n b = Ba;\n Ba = Aa = null;\n Ca(a);\n if (b) for (a = 0; a < b.length; a++) {\n Ca(b[a]);\n }\n }\n}\n\nfunction Fa(a, b) {\n return a(b);\n}\n\nfunction Ga(a, b, c, d, e) {\n return a(b, c, d, e);\n}\n\nfunction Ha() {}\n\nvar Ia = Fa,\n Ja = !1,\n Ka = !1;\n\nfunction La() {\n if (null !== Aa || null !== Ba) Ha(), Ea();\n}\n\nfunction Ma(a, b, c) {\n if (Ka) return a(b, c);\n Ka = !0;\n\n try {\n return Ia(a, b, c);\n } finally {\n Ka = !1, La();\n }\n}\n\nvar Na = /^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$/,\n Oa = Object.prototype.hasOwnProperty,\n Pa = {},\n Qa = {};\n\nfunction Ra(a) {\n if (Oa.call(Qa, a)) return !0;\n if (Oa.call(Pa, a)) return !1;\n if (Na.test(a)) return Qa[a] = !0;\n Pa[a] = !0;\n return !1;\n}\n\nfunction Sa(a, b, c, d) {\n if (null !== c && 0 === c.type) return !1;\n\n switch (typeof b) {\n case \"function\":\n case \"symbol\":\n return !0;\n\n case \"boolean\":\n if (d) return !1;\n if (null !== c) return !c.acceptsBooleans;\n a = a.toLowerCase().slice(0, 5);\n return \"data-\" !== a && \"aria-\" !== a;\n\n default:\n return !1;\n }\n}\n\nfunction Ta(a, b, c, d) {\n if (null === b || \"undefined\" === typeof b || Sa(a, b, c, d)) return !0;\n if (d) return !1;\n if (null !== c) switch (c.type) {\n case 3:\n return !b;\n\n case 4:\n return !1 === b;\n\n case 5:\n return isNaN(b);\n\n case 6:\n return isNaN(b) || 1 > b;\n }\n return !1;\n}\n\nfunction v(a, b, c, d, e, f) {\n this.acceptsBooleans = 2 === b || 3 === b || 4 === b;\n this.attributeName = d;\n this.attributeNamespace = e;\n this.mustUseProperty = c;\n this.propertyName = a;\n this.type = b;\n this.sanitizeURL = f;\n}\n\nvar C = {};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function (a) {\n C[a] = new v(a, 0, !1, a, null, !1);\n});\n[[\"acceptCharset\", \"accept-charset\"], [\"className\", \"class\"], [\"htmlFor\", \"for\"], [\"httpEquiv\", \"http-equiv\"]].forEach(function (a) {\n var b = a[0];\n C[b] = new v(b, 1, !1, a[1], null, !1);\n});\n[\"contentEditable\", \"draggable\", \"spellCheck\", \"value\"].forEach(function (a) {\n C[a] = new v(a, 2, !1, a.toLowerCase(), null, !1);\n});\n[\"autoReverse\", \"externalResourcesRequired\", \"focusable\", \"preserveAlpha\"].forEach(function (a) {\n C[a] = new v(a, 2, !1, a, null, !1);\n});\n\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function (a) {\n C[a] = new v(a, 3, !1, a.toLowerCase(), null, !1);\n});\n[\"checked\", \"multiple\", \"muted\", \"selected\"].forEach(function (a) {\n C[a] = new v(a, 3, !0, a, null, !1);\n});\n[\"capture\", \"download\"].forEach(function (a) {\n C[a] = new v(a, 4, !1, a, null, !1);\n});\n[\"cols\", \"rows\", \"size\", \"span\"].forEach(function (a) {\n C[a] = new v(a, 6, !1, a, null, !1);\n});\n[\"rowSpan\", \"start\"].forEach(function (a) {\n C[a] = new v(a, 5, !1, a.toLowerCase(), null, !1);\n});\nvar Ua = /[\\-:]([a-z])/g;\n\nfunction Va(a) {\n return a[1].toUpperCase();\n}\n\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function (a) {\n var b = a.replace(Ua, Va);\n C[b] = new v(b, 1, !1, a, null, !1);\n});\n\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function (a) {\n var b = a.replace(Ua, Va);\n C[b] = new v(b, 1, !1, a, \"http://www.w3.org/1999/xlink\", !1);\n});\n[\"xml:base\", \"xml:lang\", \"xml:space\"].forEach(function (a) {\n var b = a.replace(Ua, Va);\n C[b] = new v(b, 1, !1, a, \"http://www.w3.org/XML/1998/namespace\", !1);\n});\n[\"tabIndex\", \"crossOrigin\"].forEach(function (a) {\n C[a] = new v(a, 1, !1, a.toLowerCase(), null, !1);\n});\nC.xlinkHref = new v(\"xlinkHref\", 1, !1, \"xlink:href\", \"http://www.w3.org/1999/xlink\", !0);\n[\"src\", \"href\", \"action\", \"formAction\"].forEach(function (a) {\n C[a] = new v(a, 1, !1, a.toLowerCase(), null, !0);\n});\nvar Wa = aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\nWa.hasOwnProperty(\"ReactCurrentDispatcher\") || (Wa.ReactCurrentDispatcher = {\n current: null\n});\nWa.hasOwnProperty(\"ReactCurrentBatchConfig\") || (Wa.ReactCurrentBatchConfig = {\n suspense: null\n});\n\nfunction Xa(a, b, c, d) {\n var e = C.hasOwnProperty(b) ? C[b] : null;\n var f = null !== e ? 0 === e.type : d ? !1 : !(2 < b.length) || \"o\" !== b[0] && \"O\" !== b[0] || \"n\" !== b[1] && \"N\" !== b[1] ? !1 : !0;\n f || (Ta(b, c, e, d) && (c = null), d || null === e ? Ra(b) && (null === c ? a.removeAttribute(b) : a.setAttribute(b, \"\" + c)) : e.mustUseProperty ? a[e.propertyName] = null === c ? 3 === e.type ? !1 : \"\" : c : (b = e.attributeName, d = e.attributeNamespace, null === c ? a.removeAttribute(b) : (e = e.type, c = 3 === e || 4 === e && !0 === c ? \"\" : \"\" + c, d ? a.setAttributeNS(d, b, c) : a.setAttribute(b, c))));\n}\n\nvar Ya = /^(.*)[\\\\\\/]/,\n E = \"function\" === typeof Symbol && Symbol.for,\n Za = E ? Symbol.for(\"react.element\") : 60103,\n $a = E ? Symbol.for(\"react.portal\") : 60106,\n ab = E ? Symbol.for(\"react.fragment\") : 60107,\n bb = E ? Symbol.for(\"react.strict_mode\") : 60108,\n cb = E ? Symbol.for(\"react.profiler\") : 60114,\n db = E ? Symbol.for(\"react.provider\") : 60109,\n eb = E ? Symbol.for(\"react.context\") : 60110,\n fb = E ? Symbol.for(\"react.concurrent_mode\") : 60111,\n gb = E ? Symbol.for(\"react.forward_ref\") : 60112,\n hb = E ? Symbol.for(\"react.suspense\") : 60113,\n ib = E ? Symbol.for(\"react.suspense_list\") : 60120,\n jb = E ? Symbol.for(\"react.memo\") : 60115,\n kb = E ? Symbol.for(\"react.lazy\") : 60116,\n lb = E ? Symbol.for(\"react.block\") : 60121,\n mb = \"function\" === typeof Symbol && Symbol.iterator;\n\nfunction nb(a) {\n if (null === a || \"object\" !== typeof a) return null;\n a = mb && a[mb] || a[\"@@iterator\"];\n return \"function\" === typeof a ? a : null;\n}\n\nfunction ob(a) {\n if (-1 === a._status) {\n a._status = 0;\n var b = a._ctor;\n b = b();\n a._result = b;\n b.then(function (b) {\n 0 === a._status && (b = b.default, a._status = 1, a._result = b);\n }, function (b) {\n 0 === a._status && (a._status = 2, a._result = b);\n });\n }\n}\n\nfunction pb(a) {\n if (null == a) return null;\n if (\"function\" === typeof a) return a.displayName || a.name || null;\n if (\"string\" === typeof a) return a;\n\n switch (a) {\n case ab:\n return \"Fragment\";\n\n case $a:\n return \"Portal\";\n\n case cb:\n return \"Profiler\";\n\n case bb:\n return \"StrictMode\";\n\n case hb:\n return \"Suspense\";\n\n case ib:\n return \"SuspenseList\";\n }\n\n if (\"object\" === typeof a) switch (a.$$typeof) {\n case eb:\n return \"Context.Consumer\";\n\n case db:\n return \"Context.Provider\";\n\n case gb:\n var b = a.render;\n b = b.displayName || b.name || \"\";\n return a.displayName || (\"\" !== b ? \"ForwardRef(\" + b + \")\" : \"ForwardRef\");\n\n case jb:\n return pb(a.type);\n\n case lb:\n return pb(a.render);\n\n case kb:\n if (a = 1 === a._status ? a._result : null) return pb(a);\n }\n return null;\n}\n\nfunction qb(a) {\n var b = \"\";\n\n do {\n a: switch (a.tag) {\n case 3:\n case 4:\n case 6:\n case 7:\n case 10:\n case 9:\n var c = \"\";\n break a;\n\n default:\n var d = a._debugOwner,\n e = a._debugSource,\n f = pb(a.type);\n c = null;\n d && (c = pb(d.type));\n d = f;\n f = \"\";\n e ? f = \" (at \" + e.fileName.replace(Ya, \"\") + \":\" + e.lineNumber + \")\" : c && (f = \" (created by \" + c + \")\");\n c = \"\\n in \" + (d || \"Unknown\") + f;\n }\n\n b += c;\n a = a.return;\n } while (a);\n\n return b;\n}\n\nfunction rb(a) {\n switch (typeof a) {\n case \"boolean\":\n case \"number\":\n case \"object\":\n case \"string\":\n case \"undefined\":\n return a;\n\n default:\n return \"\";\n }\n}\n\nfunction sb(a) {\n var b = a.type;\n return (a = a.nodeName) && \"input\" === a.toLowerCase() && (\"checkbox\" === b || \"radio\" === b);\n}\n\nfunction tb(a) {\n var b = sb(a) ? \"checked\" : \"value\",\n c = Object.getOwnPropertyDescriptor(a.constructor.prototype, b),\n d = \"\" + a[b];\n\n if (!a.hasOwnProperty(b) && \"undefined\" !== typeof c && \"function\" === typeof c.get && \"function\" === typeof c.set) {\n var e = c.get,\n f = c.set;\n Object.defineProperty(a, b, {\n configurable: !0,\n get: function get() {\n return e.call(this);\n },\n set: function set(a) {\n d = \"\" + a;\n f.call(this, a);\n }\n });\n Object.defineProperty(a, b, {\n enumerable: c.enumerable\n });\n return {\n getValue: function getValue() {\n return d;\n },\n setValue: function setValue(a) {\n d = \"\" + a;\n },\n stopTracking: function stopTracking() {\n a._valueTracker = null;\n delete a[b];\n }\n };\n }\n}\n\nfunction xb(a) {\n a._valueTracker || (a._valueTracker = tb(a));\n}\n\nfunction yb(a) {\n if (!a) return !1;\n var b = a._valueTracker;\n if (!b) return !0;\n var c = b.getValue();\n var d = \"\";\n a && (d = sb(a) ? a.checked ? \"true\" : \"false\" : a.value);\n a = d;\n return a !== c ? (b.setValue(a), !0) : !1;\n}\n\nfunction zb(a, b) {\n var c = b.checked;\n return n({}, b, {\n defaultChecked: void 0,\n defaultValue: void 0,\n value: void 0,\n checked: null != c ? c : a._wrapperState.initialChecked\n });\n}\n\nfunction Ab(a, b) {\n var c = null == b.defaultValue ? \"\" : b.defaultValue,\n d = null != b.checked ? b.checked : b.defaultChecked;\n c = rb(null != b.value ? b.value : c);\n a._wrapperState = {\n initialChecked: d,\n initialValue: c,\n controlled: \"checkbox\" === b.type || \"radio\" === b.type ? null != b.checked : null != b.value\n };\n}\n\nfunction Bb(a, b) {\n b = b.checked;\n null != b && Xa(a, \"checked\", b, !1);\n}\n\nfunction Cb(a, b) {\n Bb(a, b);\n var c = rb(b.value),\n d = b.type;\n if (null != c) {\n if (\"number\" === d) {\n if (0 === c && \"\" === a.value || a.value != c) a.value = \"\" + c;\n } else a.value !== \"\" + c && (a.value = \"\" + c);\n } else if (\"submit\" === d || \"reset\" === d) {\n a.removeAttribute(\"value\");\n return;\n }\n b.hasOwnProperty(\"value\") ? Db(a, b.type, c) : b.hasOwnProperty(\"defaultValue\") && Db(a, b.type, rb(b.defaultValue));\n null == b.checked && null != b.defaultChecked && (a.defaultChecked = !!b.defaultChecked);\n}\n\nfunction Eb(a, b, c) {\n if (b.hasOwnProperty(\"value\") || b.hasOwnProperty(\"defaultValue\")) {\n var d = b.type;\n if (!(\"submit\" !== d && \"reset\" !== d || void 0 !== b.value && null !== b.value)) return;\n b = \"\" + a._wrapperState.initialValue;\n c || b === a.value || (a.value = b);\n a.defaultValue = b;\n }\n\n c = a.name;\n \"\" !== c && (a.name = \"\");\n a.defaultChecked = !!a._wrapperState.initialChecked;\n \"\" !== c && (a.name = c);\n}\n\nfunction Db(a, b, c) {\n if (\"number\" !== b || a.ownerDocument.activeElement !== a) null == c ? a.defaultValue = \"\" + a._wrapperState.initialValue : a.defaultValue !== \"\" + c && (a.defaultValue = \"\" + c);\n}\n\nfunction Fb(a) {\n var b = \"\";\n aa.Children.forEach(a, function (a) {\n null != a && (b += a);\n });\n return b;\n}\n\nfunction Gb(a, b) {\n a = n({\n children: void 0\n }, b);\n if (b = Fb(b.children)) a.children = b;\n return a;\n}\n\nfunction Hb(a, b, c, d) {\n a = a.options;\n\n if (b) {\n b = {};\n\n for (var e = 0; e < c.length; e++) {\n b[\"$\" + c[e]] = !0;\n }\n\n for (c = 0; c < a.length; c++) {\n e = b.hasOwnProperty(\"$\" + a[c].value), a[c].selected !== e && (a[c].selected = e), e && d && (a[c].defaultSelected = !0);\n }\n } else {\n c = \"\" + rb(c);\n b = null;\n\n for (e = 0; e < a.length; e++) {\n if (a[e].value === c) {\n a[e].selected = !0;\n d && (a[e].defaultSelected = !0);\n return;\n }\n\n null !== b || a[e].disabled || (b = a[e]);\n }\n\n null !== b && (b.selected = !0);\n }\n}\n\nfunction Ib(a, b) {\n if (null != b.dangerouslySetInnerHTML) throw Error(u(91));\n return n({}, b, {\n value: void 0,\n defaultValue: void 0,\n children: \"\" + a._wrapperState.initialValue\n });\n}\n\nfunction Jb(a, b) {\n var c = b.value;\n\n if (null == c) {\n c = b.children;\n b = b.defaultValue;\n\n if (null != c) {\n if (null != b) throw Error(u(92));\n\n if (Array.isArray(c)) {\n if (!(1 >= c.length)) throw Error(u(93));\n c = c[0];\n }\n\n b = c;\n }\n\n null == b && (b = \"\");\n c = b;\n }\n\n a._wrapperState = {\n initialValue: rb(c)\n };\n}\n\nfunction Kb(a, b) {\n var c = rb(b.value),\n d = rb(b.defaultValue);\n null != c && (c = \"\" + c, c !== a.value && (a.value = c), null == b.defaultValue && a.defaultValue !== c && (a.defaultValue = c));\n null != d && (a.defaultValue = \"\" + d);\n}\n\nfunction Lb(a) {\n var b = a.textContent;\n b === a._wrapperState.initialValue && \"\" !== b && null !== b && (a.value = b);\n}\n\nvar Mb = {\n html: \"http://www.w3.org/1999/xhtml\",\n mathml: \"http://www.w3.org/1998/Math/MathML\",\n svg: \"http://www.w3.org/2000/svg\"\n};\n\nfunction Nb(a) {\n switch (a) {\n case \"svg\":\n return \"http://www.w3.org/2000/svg\";\n\n case \"math\":\n return \"http://www.w3.org/1998/Math/MathML\";\n\n default:\n return \"http://www.w3.org/1999/xhtml\";\n }\n}\n\nfunction Ob(a, b) {\n return null == a || \"http://www.w3.org/1999/xhtml\" === a ? Nb(b) : \"http://www.w3.org/2000/svg\" === a && \"foreignObject\" === b ? \"http://www.w3.org/1999/xhtml\" : a;\n}\n\nvar Pb,\n Qb = function (a) {\n return \"undefined\" !== typeof MSApp && MSApp.execUnsafeLocalFunction ? function (b, c, d, e) {\n MSApp.execUnsafeLocalFunction(function () {\n return a(b, c, d, e);\n });\n } : a;\n}(function (a, b) {\n if (a.namespaceURI !== Mb.svg || \"innerHTML\" in a) a.innerHTML = b;else {\n Pb = Pb || document.createElement(\"div\");\n Pb.innerHTML = \"\";\n\n for (b = Pb.firstChild; a.firstChild;) {\n a.removeChild(a.firstChild);\n }\n\n for (; b.firstChild;) {\n a.appendChild(b.firstChild);\n }\n }\n});\n\nfunction Rb(a, b) {\n if (b) {\n var c = a.firstChild;\n\n if (c && c === a.lastChild && 3 === c.nodeType) {\n c.nodeValue = b;\n return;\n }\n }\n\n a.textContent = b;\n}\n\nfunction Sb(a, b) {\n var c = {};\n c[a.toLowerCase()] = b.toLowerCase();\n c[\"Webkit\" + a] = \"webkit\" + b;\n c[\"Moz\" + a] = \"moz\" + b;\n return c;\n}\n\nvar Tb = {\n animationend: Sb(\"Animation\", \"AnimationEnd\"),\n animationiteration: Sb(\"Animation\", \"AnimationIteration\"),\n animationstart: Sb(\"Animation\", \"AnimationStart\"),\n transitionend: Sb(\"Transition\", \"TransitionEnd\")\n},\n Ub = {},\n Vb = {};\nya && (Vb = document.createElement(\"div\").style, \"AnimationEvent\" in window || (delete Tb.animationend.animation, delete Tb.animationiteration.animation, delete Tb.animationstart.animation), \"TransitionEvent\" in window || delete Tb.transitionend.transition);\n\nfunction Wb(a) {\n if (Ub[a]) return Ub[a];\n if (!Tb[a]) return a;\n var b = Tb[a],\n c;\n\n for (c in b) {\n if (b.hasOwnProperty(c) && c in Vb) return Ub[a] = b[c];\n }\n\n return a;\n}\n\nvar Xb = Wb(\"animationend\"),\n Yb = Wb(\"animationiteration\"),\n Zb = Wb(\"animationstart\"),\n $b = Wb(\"transitionend\"),\n ac = \"abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting\".split(\" \"),\n bc = new (\"function\" === typeof WeakMap ? WeakMap : Map)();\n\nfunction cc(a) {\n var b = bc.get(a);\n void 0 === b && (b = new Map(), bc.set(a, b));\n return b;\n}\n\nfunction dc(a) {\n var b = a,\n c = a;\n if (a.alternate) for (; b.return;) {\n b = b.return;\n } else {\n a = b;\n\n do {\n b = a, 0 !== (b.effectTag & 1026) && (c = b.return), a = b.return;\n } while (a);\n }\n return 3 === b.tag ? c : null;\n}\n\nfunction ec(a) {\n if (13 === a.tag) {\n var b = a.memoizedState;\n null === b && (a = a.alternate, null !== a && (b = a.memoizedState));\n if (null !== b) return b.dehydrated;\n }\n\n return null;\n}\n\nfunction fc(a) {\n if (dc(a) !== a) throw Error(u(188));\n}\n\nfunction gc(a) {\n var b = a.alternate;\n\n if (!b) {\n b = dc(a);\n if (null === b) throw Error(u(188));\n return b !== a ? null : a;\n }\n\n for (var c = a, d = b;;) {\n var e = c.return;\n if (null === e) break;\n var f = e.alternate;\n\n if (null === f) {\n d = e.return;\n\n if (null !== d) {\n c = d;\n continue;\n }\n\n break;\n }\n\n if (e.child === f.child) {\n for (f = e.child; f;) {\n if (f === c) return fc(e), a;\n if (f === d) return fc(e), b;\n f = f.sibling;\n }\n\n throw Error(u(188));\n }\n\n if (c.return !== d.return) c = e, d = f;else {\n for (var g = !1, h = e.child; h;) {\n if (h === c) {\n g = !0;\n c = e;\n d = f;\n break;\n }\n\n if (h === d) {\n g = !0;\n d = e;\n c = f;\n break;\n }\n\n h = h.sibling;\n }\n\n if (!g) {\n for (h = f.child; h;) {\n if (h === c) {\n g = !0;\n c = f;\n d = e;\n break;\n }\n\n if (h === d) {\n g = !0;\n d = f;\n c = e;\n break;\n }\n\n h = h.sibling;\n }\n\n if (!g) throw Error(u(189));\n }\n }\n if (c.alternate !== d) throw Error(u(190));\n }\n\n if (3 !== c.tag) throw Error(u(188));\n return c.stateNode.current === c ? a : b;\n}\n\nfunction hc(a) {\n a = gc(a);\n if (!a) return null;\n\n for (var b = a;;) {\n if (5 === b.tag || 6 === b.tag) return b;\n if (b.child) b.child.return = b, b = b.child;else {\n if (b === a) break;\n\n for (; !b.sibling;) {\n if (!b.return || b.return === a) return null;\n b = b.return;\n }\n\n b.sibling.return = b.return;\n b = b.sibling;\n }\n }\n\n return null;\n}\n\nfunction ic(a, b) {\n if (null == b) throw Error(u(30));\n if (null == a) return b;\n\n if (Array.isArray(a)) {\n if (Array.isArray(b)) return a.push.apply(a, b), a;\n a.push(b);\n return a;\n }\n\n return Array.isArray(b) ? [a].concat(b) : [a, b];\n}\n\nfunction jc(a, b, c) {\n Array.isArray(a) ? a.forEach(b, c) : a && b.call(c, a);\n}\n\nvar kc = null;\n\nfunction lc(a) {\n if (a) {\n var b = a._dispatchListeners,\n c = a._dispatchInstances;\n if (Array.isArray(b)) for (var d = 0; d < b.length && !a.isPropagationStopped(); d++) {\n oa(a, b[d], c[d]);\n } else b && oa(a, b, c);\n a._dispatchListeners = null;\n a._dispatchInstances = null;\n a.isPersistent() || a.constructor.release(a);\n }\n}\n\nfunction mc(a) {\n null !== a && (kc = ic(kc, a));\n a = kc;\n kc = null;\n\n if (a) {\n jc(a, lc);\n if (kc) throw Error(u(95));\n if (fa) throw a = ha, fa = !1, ha = null, a;\n }\n}\n\nfunction nc(a) {\n a = a.target || a.srcElement || window;\n a.correspondingUseElement && (a = a.correspondingUseElement);\n return 3 === a.nodeType ? a.parentNode : a;\n}\n\nfunction oc(a) {\n if (!ya) return !1;\n a = \"on\" + a;\n var b = (a in document);\n b || (b = document.createElement(\"div\"), b.setAttribute(a, \"return;\"), b = \"function\" === typeof b[a]);\n return b;\n}\n\nvar pc = [];\n\nfunction qc(a) {\n a.topLevelType = null;\n a.nativeEvent = null;\n a.targetInst = null;\n a.ancestors.length = 0;\n 10 > pc.length && pc.push(a);\n}\n\nfunction rc(a, b, c, d) {\n if (pc.length) {\n var e = pc.pop();\n e.topLevelType = a;\n e.eventSystemFlags = d;\n e.nativeEvent = b;\n e.targetInst = c;\n return e;\n }\n\n return {\n topLevelType: a,\n eventSystemFlags: d,\n nativeEvent: b,\n targetInst: c,\n ancestors: []\n };\n}\n\nfunction sc(a) {\n var b = a.targetInst,\n c = b;\n\n do {\n if (!c) {\n a.ancestors.push(c);\n break;\n }\n\n var d = c;\n if (3 === d.tag) d = d.stateNode.containerInfo;else {\n for (; d.return;) {\n d = d.return;\n }\n\n d = 3 !== d.tag ? null : d.stateNode.containerInfo;\n }\n if (!d) break;\n b = c.tag;\n 5 !== b && 6 !== b || a.ancestors.push(c);\n c = tc(d);\n } while (c);\n\n for (c = 0; c < a.ancestors.length; c++) {\n b = a.ancestors[c];\n var e = nc(a.nativeEvent);\n d = a.topLevelType;\n var f = a.nativeEvent,\n g = a.eventSystemFlags;\n 0 === c && (g |= 64);\n\n for (var h = null, k = 0; k < sa.length; k++) {\n var l = sa[k];\n l && (l = l.extractEvents(d, b, f, e, g)) && (h = ic(h, l));\n }\n\n mc(h);\n }\n}\n\nfunction uc(a, b, c) {\n if (!c.has(a)) {\n switch (a) {\n case \"scroll\":\n vc(b, \"scroll\", !0);\n break;\n\n case \"focus\":\n case \"blur\":\n vc(b, \"focus\", !0);\n vc(b, \"blur\", !0);\n c.set(\"blur\", null);\n c.set(\"focus\", null);\n break;\n\n case \"cancel\":\n case \"close\":\n oc(a) && vc(b, a, !0);\n break;\n\n case \"invalid\":\n case \"submit\":\n case \"reset\":\n break;\n\n default:\n -1 === ac.indexOf(a) && F(a, b);\n }\n\n c.set(a, null);\n }\n}\n\nvar wc,\n xc,\n yc,\n zc = !1,\n Ac = [],\n Bc = null,\n Cc = null,\n Dc = null,\n Ec = new Map(),\n Fc = new Map(),\n Gc = [],\n Hc = \"mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput close cancel copy cut paste click change contextmenu reset submit\".split(\" \"),\n Ic = \"focus blur dragenter dragleave mouseover mouseout pointerover pointerout gotpointercapture lostpointercapture\".split(\" \");\n\nfunction Jc(a, b) {\n var c = cc(b);\n Hc.forEach(function (a) {\n uc(a, b, c);\n });\n Ic.forEach(function (a) {\n uc(a, b, c);\n });\n}\n\nfunction Kc(a, b, c, d, e) {\n return {\n blockedOn: a,\n topLevelType: b,\n eventSystemFlags: c | 32,\n nativeEvent: e,\n container: d\n };\n}\n\nfunction Lc(a, b) {\n switch (a) {\n case \"focus\":\n case \"blur\":\n Bc = null;\n break;\n\n case \"dragenter\":\n case \"dragleave\":\n Cc = null;\n break;\n\n case \"mouseover\":\n case \"mouseout\":\n Dc = null;\n break;\n\n case \"pointerover\":\n case \"pointerout\":\n Ec.delete(b.pointerId);\n break;\n\n case \"gotpointercapture\":\n case \"lostpointercapture\":\n Fc.delete(b.pointerId);\n }\n}\n\nfunction Mc(a, b, c, d, e, f) {\n if (null === a || a.nativeEvent !== f) return a = Kc(b, c, d, e, f), null !== b && (b = Nc(b), null !== b && xc(b)), a;\n a.eventSystemFlags |= d;\n return a;\n}\n\nfunction Oc(a, b, c, d, e) {\n switch (b) {\n case \"focus\":\n return Bc = Mc(Bc, a, b, c, d, e), !0;\n\n case \"dragenter\":\n return Cc = Mc(Cc, a, b, c, d, e), !0;\n\n case \"mouseover\":\n return Dc = Mc(Dc, a, b, c, d, e), !0;\n\n case \"pointerover\":\n var f = e.pointerId;\n Ec.set(f, Mc(Ec.get(f) || null, a, b, c, d, e));\n return !0;\n\n case \"gotpointercapture\":\n return f = e.pointerId, Fc.set(f, Mc(Fc.get(f) || null, a, b, c, d, e)), !0;\n }\n\n return !1;\n}\n\nfunction Pc(a) {\n var b = tc(a.target);\n\n if (null !== b) {\n var c = dc(b);\n if (null !== c) if (b = c.tag, 13 === b) {\n if (b = ec(c), null !== b) {\n a.blockedOn = b;\n r.unstable_runWithPriority(a.priority, function () {\n yc(c);\n });\n return;\n }\n } else if (3 === b && c.stateNode.hydrate) {\n a.blockedOn = 3 === c.tag ? c.stateNode.containerInfo : null;\n return;\n }\n }\n\n a.blockedOn = null;\n}\n\nfunction Qc(a) {\n if (null !== a.blockedOn) return !1;\n var b = Rc(a.topLevelType, a.eventSystemFlags, a.container, a.nativeEvent);\n\n if (null !== b) {\n var c = Nc(b);\n null !== c && xc(c);\n a.blockedOn = b;\n return !1;\n }\n\n return !0;\n}\n\nfunction Sc(a, b, c) {\n Qc(a) && c.delete(b);\n}\n\nfunction Tc() {\n for (zc = !1; 0 < Ac.length;) {\n var a = Ac[0];\n\n if (null !== a.blockedOn) {\n a = Nc(a.blockedOn);\n null !== a && wc(a);\n break;\n }\n\n var b = Rc(a.topLevelType, a.eventSystemFlags, a.container, a.nativeEvent);\n null !== b ? a.blockedOn = b : Ac.shift();\n }\n\n null !== Bc && Qc(Bc) && (Bc = null);\n null !== Cc && Qc(Cc) && (Cc = null);\n null !== Dc && Qc(Dc) && (Dc = null);\n Ec.forEach(Sc);\n Fc.forEach(Sc);\n}\n\nfunction Uc(a, b) {\n a.blockedOn === b && (a.blockedOn = null, zc || (zc = !0, r.unstable_scheduleCallback(r.unstable_NormalPriority, Tc)));\n}\n\nfunction Vc(a) {\n function b(b) {\n return Uc(b, a);\n }\n\n if (0 < Ac.length) {\n Uc(Ac[0], a);\n\n for (var c = 1; c < Ac.length; c++) {\n var d = Ac[c];\n d.blockedOn === a && (d.blockedOn = null);\n }\n }\n\n null !== Bc && Uc(Bc, a);\n null !== Cc && Uc(Cc, a);\n null !== Dc && Uc(Dc, a);\n Ec.forEach(b);\n Fc.forEach(b);\n\n for (c = 0; c < Gc.length; c++) {\n d = Gc[c], d.blockedOn === a && (d.blockedOn = null);\n }\n\n for (; 0 < Gc.length && (c = Gc[0], null === c.blockedOn);) {\n Pc(c), null === c.blockedOn && Gc.shift();\n }\n}\n\nvar Wc = {},\n Yc = new Map(),\n Zc = new Map(),\n $c = [\"abort\", \"abort\", Xb, \"animationEnd\", Yb, \"animationIteration\", Zb, \"animationStart\", \"canplay\", \"canPlay\", \"canplaythrough\", \"canPlayThrough\", \"durationchange\", \"durationChange\", \"emptied\", \"emptied\", \"encrypted\", \"encrypted\", \"ended\", \"ended\", \"error\", \"error\", \"gotpointercapture\", \"gotPointerCapture\", \"load\", \"load\", \"loadeddata\", \"loadedData\", \"loadedmetadata\", \"loadedMetadata\", \"loadstart\", \"loadStart\", \"lostpointercapture\", \"lostPointerCapture\", \"playing\", \"playing\", \"progress\", \"progress\", \"seeking\", \"seeking\", \"stalled\", \"stalled\", \"suspend\", \"suspend\", \"timeupdate\", \"timeUpdate\", $b, \"transitionEnd\", \"waiting\", \"waiting\"];\n\nfunction ad(a, b) {\n for (var c = 0; c < a.length; c += 2) {\n var d = a[c],\n e = a[c + 1],\n f = \"on\" + (e[0].toUpperCase() + e.slice(1));\n f = {\n phasedRegistrationNames: {\n bubbled: f,\n captured: f + \"Capture\"\n },\n dependencies: [d],\n eventPriority: b\n };\n Zc.set(d, b);\n Yc.set(d, f);\n Wc[e] = f;\n }\n}\n\nad(\"blur blur cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focus focus input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange\".split(\" \"), 0);\nad(\"drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel\".split(\" \"), 1);\nad($c, 2);\n\nfor (var bd = \"change selectionchange textInput compositionstart compositionend compositionupdate\".split(\" \"), cd = 0; cd < bd.length; cd++) {\n Zc.set(bd[cd], 0);\n}\n\nvar dd = r.unstable_UserBlockingPriority,\n ed = r.unstable_runWithPriority,\n fd = !0;\n\nfunction F(a, b) {\n vc(b, a, !1);\n}\n\nfunction vc(a, b, c) {\n var d = Zc.get(b);\n\n switch (void 0 === d ? 2 : d) {\n case 0:\n d = gd.bind(null, b, 1, a);\n break;\n\n case 1:\n d = hd.bind(null, b, 1, a);\n break;\n\n default:\n d = id.bind(null, b, 1, a);\n }\n\n c ? a.addEventListener(b, d, !0) : a.addEventListener(b, d, !1);\n}\n\nfunction gd(a, b, c, d) {\n Ja || Ha();\n var e = id,\n f = Ja;\n Ja = !0;\n\n try {\n Ga(e, a, b, c, d);\n } finally {\n (Ja = f) || La();\n }\n}\n\nfunction hd(a, b, c, d) {\n ed(dd, id.bind(null, a, b, c, d));\n}\n\nfunction id(a, b, c, d) {\n if (fd) if (0 < Ac.length && -1 < Hc.indexOf(a)) a = Kc(null, a, b, c, d), Ac.push(a);else {\n var e = Rc(a, b, c, d);\n if (null === e) Lc(a, d);else if (-1 < Hc.indexOf(a)) a = Kc(e, a, b, c, d), Ac.push(a);else if (!Oc(e, a, b, c, d)) {\n Lc(a, d);\n a = rc(a, d, null, b);\n\n try {\n Ma(sc, a);\n } finally {\n qc(a);\n }\n }\n }\n}\n\nfunction Rc(a, b, c, d) {\n c = nc(d);\n c = tc(c);\n\n if (null !== c) {\n var e = dc(c);\n if (null === e) c = null;else {\n var f = e.tag;\n\n if (13 === f) {\n c = ec(e);\n if (null !== c) return c;\n c = null;\n } else if (3 === f) {\n if (e.stateNode.hydrate) return 3 === e.tag ? e.stateNode.containerInfo : null;\n c = null;\n } else e !== c && (c = null);\n }\n }\n\n a = rc(a, d, c, b);\n\n try {\n Ma(sc, a);\n } finally {\n qc(a);\n }\n\n return null;\n}\n\nvar jd = {\n animationIterationCount: !0,\n borderImageOutset: !0,\n borderImageSlice: !0,\n borderImageWidth: !0,\n boxFlex: !0,\n boxFlexGroup: !0,\n boxOrdinalGroup: !0,\n columnCount: !0,\n columns: !0,\n flex: !0,\n flexGrow: !0,\n flexPositive: !0,\n flexShrink: !0,\n flexNegative: !0,\n flexOrder: !0,\n gridArea: !0,\n gridRow: !0,\n gridRowEnd: !0,\n gridRowSpan: !0,\n gridRowStart: !0,\n gridColumn: !0,\n gridColumnEnd: !0,\n gridColumnSpan: !0,\n gridColumnStart: !0,\n fontWeight: !0,\n lineClamp: !0,\n lineHeight: !0,\n opacity: !0,\n order: !0,\n orphans: !0,\n tabSize: !0,\n widows: !0,\n zIndex: !0,\n zoom: !0,\n fillOpacity: !0,\n floodOpacity: !0,\n stopOpacity: !0,\n strokeDasharray: !0,\n strokeDashoffset: !0,\n strokeMiterlimit: !0,\n strokeOpacity: !0,\n strokeWidth: !0\n},\n kd = [\"Webkit\", \"ms\", \"Moz\", \"O\"];\nObject.keys(jd).forEach(function (a) {\n kd.forEach(function (b) {\n b = b + a.charAt(0).toUpperCase() + a.substring(1);\n jd[b] = jd[a];\n });\n});\n\nfunction ld(a, b, c) {\n return null == b || \"boolean\" === typeof b || \"\" === b ? \"\" : c || \"number\" !== typeof b || 0 === b || jd.hasOwnProperty(a) && jd[a] ? (\"\" + b).trim() : b + \"px\";\n}\n\nfunction md(a, b) {\n a = a.style;\n\n for (var c in b) {\n if (b.hasOwnProperty(c)) {\n var d = 0 === c.indexOf(\"--\"),\n e = ld(c, b[c], d);\n \"float\" === c && (c = \"cssFloat\");\n d ? a.setProperty(c, e) : a[c] = e;\n }\n }\n}\n\nvar nd = n({\n menuitem: !0\n}, {\n area: !0,\n base: !0,\n br: !0,\n col: !0,\n embed: !0,\n hr: !0,\n img: !0,\n input: !0,\n keygen: !0,\n link: !0,\n meta: !0,\n param: !0,\n source: !0,\n track: !0,\n wbr: !0\n});\n\nfunction od(a, b) {\n if (b) {\n if (nd[a] && (null != b.children || null != b.dangerouslySetInnerHTML)) throw Error(u(137, a, \"\"));\n\n if (null != b.dangerouslySetInnerHTML) {\n if (null != b.children) throw Error(u(60));\n if (!(\"object\" === typeof b.dangerouslySetInnerHTML && \"__html\" in b.dangerouslySetInnerHTML)) throw Error(u(61));\n }\n\n if (null != b.style && \"object\" !== typeof b.style) throw Error(u(62, \"\"));\n }\n}\n\nfunction pd(a, b) {\n if (-1 === a.indexOf(\"-\")) return \"string\" === typeof b.is;\n\n switch (a) {\n case \"annotation-xml\":\n case \"color-profile\":\n case \"font-face\":\n case \"font-face-src\":\n case \"font-face-uri\":\n case \"font-face-format\":\n case \"font-face-name\":\n case \"missing-glyph\":\n return !1;\n\n default:\n return !0;\n }\n}\n\nvar qd = Mb.html;\n\nfunction rd(a, b) {\n a = 9 === a.nodeType || 11 === a.nodeType ? a : a.ownerDocument;\n var c = cc(a);\n b = wa[b];\n\n for (var d = 0; d < b.length; d++) {\n uc(b[d], a, c);\n }\n}\n\nfunction sd() {}\n\nfunction td(a) {\n a = a || (\"undefined\" !== typeof document ? document : void 0);\n if (\"undefined\" === typeof a) return null;\n\n try {\n return a.activeElement || a.body;\n } catch (b) {\n return a.body;\n }\n}\n\nfunction ud(a) {\n for (; a && a.firstChild;) {\n a = a.firstChild;\n }\n\n return a;\n}\n\nfunction vd(a, b) {\n var c = ud(a);\n a = 0;\n\n for (var d; c;) {\n if (3 === c.nodeType) {\n d = a + c.textContent.length;\n if (a <= b && d >= b) return {\n node: c,\n offset: b - a\n };\n a = d;\n }\n\n a: {\n for (; c;) {\n if (c.nextSibling) {\n c = c.nextSibling;\n break a;\n }\n\n c = c.parentNode;\n }\n\n c = void 0;\n }\n\n c = ud(c);\n }\n}\n\nfunction wd(a, b) {\n return a && b ? a === b ? !0 : a && 3 === a.nodeType ? !1 : b && 3 === b.nodeType ? wd(a, b.parentNode) : \"contains\" in a ? a.contains(b) : a.compareDocumentPosition ? !!(a.compareDocumentPosition(b) & 16) : !1 : !1;\n}\n\nfunction xd() {\n for (var a = window, b = td(); b instanceof a.HTMLIFrameElement;) {\n try {\n var c = \"string\" === typeof b.contentWindow.location.href;\n } catch (d) {\n c = !1;\n }\n\n if (c) a = b.contentWindow;else break;\n b = td(a.document);\n }\n\n return b;\n}\n\nfunction yd(a) {\n var b = a && a.nodeName && a.nodeName.toLowerCase();\n return b && (\"input\" === b && (\"text\" === a.type || \"search\" === a.type || \"tel\" === a.type || \"url\" === a.type || \"password\" === a.type) || \"textarea\" === b || \"true\" === a.contentEditable);\n}\n\nvar zd = \"$\",\n Ad = \"/$\",\n Bd = \"$?\",\n Cd = \"$!\",\n Dd = null,\n Ed = null;\n\nfunction Fd(a, b) {\n switch (a) {\n case \"button\":\n case \"input\":\n case \"select\":\n case \"textarea\":\n return !!b.autoFocus;\n }\n\n return !1;\n}\n\nfunction Gd(a, b) {\n return \"textarea\" === a || \"option\" === a || \"noscript\" === a || \"string\" === typeof b.children || \"number\" === typeof b.children || \"object\" === typeof b.dangerouslySetInnerHTML && null !== b.dangerouslySetInnerHTML && null != b.dangerouslySetInnerHTML.__html;\n}\n\nvar Hd = \"function\" === typeof setTimeout ? setTimeout : void 0,\n Id = \"function\" === typeof clearTimeout ? clearTimeout : void 0;\n\nfunction Jd(a) {\n for (; null != a; a = a.nextSibling) {\n var b = a.nodeType;\n if (1 === b || 3 === b) break;\n }\n\n return a;\n}\n\nfunction Kd(a) {\n a = a.previousSibling;\n\n for (var b = 0; a;) {\n if (8 === a.nodeType) {\n var c = a.data;\n\n if (c === zd || c === Cd || c === Bd) {\n if (0 === b) return a;\n b--;\n } else c === Ad && b++;\n }\n\n a = a.previousSibling;\n }\n\n return null;\n}\n\nvar Ld = Math.random().toString(36).slice(2),\n Md = \"__reactInternalInstance$\" + Ld,\n Nd = \"__reactEventHandlers$\" + Ld,\n Od = \"__reactContainere$\" + Ld;\n\nfunction tc(a) {\n var b = a[Md];\n if (b) return b;\n\n for (var c = a.parentNode; c;) {\n if (b = c[Od] || c[Md]) {\n c = b.alternate;\n if (null !== b.child || null !== c && null !== c.child) for (a = Kd(a); null !== a;) {\n if (c = a[Md]) return c;\n a = Kd(a);\n }\n return b;\n }\n\n a = c;\n c = a.parentNode;\n }\n\n return null;\n}\n\nfunction Nc(a) {\n a = a[Md] || a[Od];\n return !a || 5 !== a.tag && 6 !== a.tag && 13 !== a.tag && 3 !== a.tag ? null : a;\n}\n\nfunction Pd(a) {\n if (5 === a.tag || 6 === a.tag) return a.stateNode;\n throw Error(u(33));\n}\n\nfunction Qd(a) {\n return a[Nd] || null;\n}\n\nfunction Rd(a) {\n do {\n a = a.return;\n } while (a && 5 !== a.tag);\n\n return a ? a : null;\n}\n\nfunction Sd(a, b) {\n var c = a.stateNode;\n if (!c) return null;\n var d = la(c);\n if (!d) return null;\n c = d[b];\n\n a: switch (b) {\n case \"onClick\":\n case \"onClickCapture\":\n case \"onDoubleClick\":\n case \"onDoubleClickCapture\":\n case \"onMouseDown\":\n case \"onMouseDownCapture\":\n case \"onMouseMove\":\n case \"onMouseMoveCapture\":\n case \"onMouseUp\":\n case \"onMouseUpCapture\":\n case \"onMouseEnter\":\n (d = !d.disabled) || (a = a.type, d = !(\"button\" === a || \"input\" === a || \"select\" === a || \"textarea\" === a));\n a = !d;\n break a;\n\n default:\n a = !1;\n }\n\n if (a) return null;\n if (c && \"function\" !== typeof c) throw Error(u(231, b, typeof c));\n return c;\n}\n\nfunction Td(a, b, c) {\n if (b = Sd(a, c.dispatchConfig.phasedRegistrationNames[b])) c._dispatchListeners = ic(c._dispatchListeners, b), c._dispatchInstances = ic(c._dispatchInstances, a);\n}\n\nfunction Ud(a) {\n if (a && a.dispatchConfig.phasedRegistrationNames) {\n for (var b = a._targetInst, c = []; b;) {\n c.push(b), b = Rd(b);\n }\n\n for (b = c.length; 0 < b--;) {\n Td(c[b], \"captured\", a);\n }\n\n for (b = 0; b < c.length; b++) {\n Td(c[b], \"bubbled\", a);\n }\n }\n}\n\nfunction Vd(a, b, c) {\n a && c && c.dispatchConfig.registrationName && (b = Sd(a, c.dispatchConfig.registrationName)) && (c._dispatchListeners = ic(c._dispatchListeners, b), c._dispatchInstances = ic(c._dispatchInstances, a));\n}\n\nfunction Wd(a) {\n a && a.dispatchConfig.registrationName && Vd(a._targetInst, null, a);\n}\n\nfunction Xd(a) {\n jc(a, Ud);\n}\n\nvar Yd = null,\n Zd = null,\n $d = null;\n\nfunction ae() {\n if ($d) return $d;\n var a,\n b = Zd,\n c = b.length,\n d,\n e = \"value\" in Yd ? Yd.value : Yd.textContent,\n f = e.length;\n\n for (a = 0; a < c && b[a] === e[a]; a++) {\n ;\n }\n\n var g = c - a;\n\n for (d = 1; d <= g && b[c - d] === e[f - d]; d++) {\n ;\n }\n\n return $d = e.slice(a, 1 < d ? 1 - d : void 0);\n}\n\nfunction be() {\n return !0;\n}\n\nfunction ce() {\n return !1;\n}\n\nfunction G(a, b, c, d) {\n this.dispatchConfig = a;\n this._targetInst = b;\n this.nativeEvent = c;\n a = this.constructor.Interface;\n\n for (var e in a) {\n a.hasOwnProperty(e) && ((b = a[e]) ? this[e] = b(c) : \"target\" === e ? this.target = d : this[e] = c[e]);\n }\n\n this.isDefaultPrevented = (null != c.defaultPrevented ? c.defaultPrevented : !1 === c.returnValue) ? be : ce;\n this.isPropagationStopped = ce;\n return this;\n}\n\nn(G.prototype, {\n preventDefault: function preventDefault() {\n this.defaultPrevented = !0;\n var a = this.nativeEvent;\n a && (a.preventDefault ? a.preventDefault() : \"unknown\" !== typeof a.returnValue && (a.returnValue = !1), this.isDefaultPrevented = be);\n },\n stopPropagation: function stopPropagation() {\n var a = this.nativeEvent;\n a && (a.stopPropagation ? a.stopPropagation() : \"unknown\" !== typeof a.cancelBubble && (a.cancelBubble = !0), this.isPropagationStopped = be);\n },\n persist: function persist() {\n this.isPersistent = be;\n },\n isPersistent: ce,\n destructor: function destructor() {\n var a = this.constructor.Interface,\n b;\n\n for (b in a) {\n this[b] = null;\n }\n\n this.nativeEvent = this._targetInst = this.dispatchConfig = null;\n this.isPropagationStopped = this.isDefaultPrevented = ce;\n this._dispatchInstances = this._dispatchListeners = null;\n }\n});\nG.Interface = {\n type: null,\n target: null,\n currentTarget: function currentTarget() {\n return null;\n },\n eventPhase: null,\n bubbles: null,\n cancelable: null,\n timeStamp: function timeStamp(a) {\n return a.timeStamp || Date.now();\n },\n defaultPrevented: null,\n isTrusted: null\n};\n\nG.extend = function (a) {\n function b() {}\n\n function c() {\n return d.apply(this, arguments);\n }\n\n var d = this;\n b.prototype = d.prototype;\n var e = new b();\n n(e, c.prototype);\n c.prototype = e;\n c.prototype.constructor = c;\n c.Interface = n({}, d.Interface, a);\n c.extend = d.extend;\n de(c);\n return c;\n};\n\nde(G);\n\nfunction ee(a, b, c, d) {\n if (this.eventPool.length) {\n var e = this.eventPool.pop();\n this.call(e, a, b, c, d);\n return e;\n }\n\n return new this(a, b, c, d);\n}\n\nfunction fe(a) {\n if (!(a instanceof this)) throw Error(u(279));\n a.destructor();\n 10 > this.eventPool.length && this.eventPool.push(a);\n}\n\nfunction de(a) {\n a.eventPool = [];\n a.getPooled = ee;\n a.release = fe;\n}\n\nvar ge = G.extend({\n data: null\n}),\n he = G.extend({\n data: null\n}),\n ie = [9, 13, 27, 32],\n je = ya && \"CompositionEvent\" in window,\n ke = null;\nya && \"documentMode\" in document && (ke = document.documentMode);\nvar le = ya && \"TextEvent\" in window && !ke,\n me = ya && (!je || ke && 8 < ke && 11 >= ke),\n ne = String.fromCharCode(32),\n oe = {\n beforeInput: {\n phasedRegistrationNames: {\n bubbled: \"onBeforeInput\",\n captured: \"onBeforeInputCapture\"\n },\n dependencies: [\"compositionend\", \"keypress\", \"textInput\", \"paste\"]\n },\n compositionEnd: {\n phasedRegistrationNames: {\n bubbled: \"onCompositionEnd\",\n captured: \"onCompositionEndCapture\"\n },\n dependencies: \"blur compositionend keydown keypress keyup mousedown\".split(\" \")\n },\n compositionStart: {\n phasedRegistrationNames: {\n bubbled: \"onCompositionStart\",\n captured: \"onCompositionStartCapture\"\n },\n dependencies: \"blur compositionstart keydown keypress keyup mousedown\".split(\" \")\n },\n compositionUpdate: {\n phasedRegistrationNames: {\n bubbled: \"onCompositionUpdate\",\n captured: \"onCompositionUpdateCapture\"\n },\n dependencies: \"blur compositionupdate keydown keypress keyup mousedown\".split(\" \")\n }\n},\n pe = !1;\n\nfunction qe(a, b) {\n switch (a) {\n case \"keyup\":\n return -1 !== ie.indexOf(b.keyCode);\n\n case \"keydown\":\n return 229 !== b.keyCode;\n\n case \"keypress\":\n case \"mousedown\":\n case \"blur\":\n return !0;\n\n default:\n return !1;\n }\n}\n\nfunction re(a) {\n a = a.detail;\n return \"object\" === typeof a && \"data\" in a ? a.data : null;\n}\n\nvar se = !1;\n\nfunction te(a, b) {\n switch (a) {\n case \"compositionend\":\n return re(b);\n\n case \"keypress\":\n if (32 !== b.which) return null;\n pe = !0;\n return ne;\n\n case \"textInput\":\n return a = b.data, a === ne && pe ? null : a;\n\n default:\n return null;\n }\n}\n\nfunction ue(a, b) {\n if (se) return \"compositionend\" === a || !je && qe(a, b) ? (a = ae(), $d = Zd = Yd = null, se = !1, a) : null;\n\n switch (a) {\n case \"paste\":\n return null;\n\n case \"keypress\":\n if (!(b.ctrlKey || b.altKey || b.metaKey) || b.ctrlKey && b.altKey) {\n if (b.char && 1 < b.char.length) return b.char;\n if (b.which) return String.fromCharCode(b.which);\n }\n\n return null;\n\n case \"compositionend\":\n return me && \"ko\" !== b.locale ? null : b.data;\n\n default:\n return null;\n }\n}\n\nvar ve = {\n eventTypes: oe,\n extractEvents: function extractEvents(a, b, c, d) {\n var e;\n if (je) b: {\n switch (a) {\n case \"compositionstart\":\n var f = oe.compositionStart;\n break b;\n\n case \"compositionend\":\n f = oe.compositionEnd;\n break b;\n\n case \"compositionupdate\":\n f = oe.compositionUpdate;\n break b;\n }\n\n f = void 0;\n } else se ? qe(a, c) && (f = oe.compositionEnd) : \"keydown\" === a && 229 === c.keyCode && (f = oe.compositionStart);\n f ? (me && \"ko\" !== c.locale && (se || f !== oe.compositionStart ? f === oe.compositionEnd && se && (e = ae()) : (Yd = d, Zd = \"value\" in Yd ? Yd.value : Yd.textContent, se = !0)), f = ge.getPooled(f, b, c, d), e ? f.data = e : (e = re(c), null !== e && (f.data = e)), Xd(f), e = f) : e = null;\n (a = le ? te(a, c) : ue(a, c)) ? (b = he.getPooled(oe.beforeInput, b, c, d), b.data = a, Xd(b)) : b = null;\n return null === e ? b : null === b ? e : [e, b];\n }\n},\n we = {\n color: !0,\n date: !0,\n datetime: !0,\n \"datetime-local\": !0,\n email: !0,\n month: !0,\n number: !0,\n password: !0,\n range: !0,\n search: !0,\n tel: !0,\n text: !0,\n time: !0,\n url: !0,\n week: !0\n};\n\nfunction xe(a) {\n var b = a && a.nodeName && a.nodeName.toLowerCase();\n return \"input\" === b ? !!we[a.type] : \"textarea\" === b ? !0 : !1;\n}\n\nvar ye = {\n change: {\n phasedRegistrationNames: {\n bubbled: \"onChange\",\n captured: \"onChangeCapture\"\n },\n dependencies: \"blur change click focus input keydown keyup selectionchange\".split(\" \")\n }\n};\n\nfunction ze(a, b, c) {\n a = G.getPooled(ye.change, a, b, c);\n a.type = \"change\";\n Da(c);\n Xd(a);\n return a;\n}\n\nvar Ae = null,\n Be = null;\n\nfunction Ce(a) {\n mc(a);\n}\n\nfunction De(a) {\n var b = Pd(a);\n if (yb(b)) return a;\n}\n\nfunction Ee(a, b) {\n if (\"change\" === a) return b;\n}\n\nvar Fe = !1;\nya && (Fe = oc(\"input\") && (!document.documentMode || 9 < document.documentMode));\n\nfunction Ge() {\n Ae && (Ae.detachEvent(\"onpropertychange\", He), Be = Ae = null);\n}\n\nfunction He(a) {\n if (\"value\" === a.propertyName && De(Be)) if (a = ze(Be, a, nc(a)), Ja) mc(a);else {\n Ja = !0;\n\n try {\n Fa(Ce, a);\n } finally {\n Ja = !1, La();\n }\n }\n}\n\nfunction Ie(a, b, c) {\n \"focus\" === a ? (Ge(), Ae = b, Be = c, Ae.attachEvent(\"onpropertychange\", He)) : \"blur\" === a && Ge();\n}\n\nfunction Je(a) {\n if (\"selectionchange\" === a || \"keyup\" === a || \"keydown\" === a) return De(Be);\n}\n\nfunction Ke(a, b) {\n if (\"click\" === a) return De(b);\n}\n\nfunction Le(a, b) {\n if (\"input\" === a || \"change\" === a) return De(b);\n}\n\nvar Me = {\n eventTypes: ye,\n _isInputEventSupported: Fe,\n extractEvents: function extractEvents(a, b, c, d) {\n var e = b ? Pd(b) : window,\n f = e.nodeName && e.nodeName.toLowerCase();\n if (\"select\" === f || \"input\" === f && \"file\" === e.type) var g = Ee;else if (xe(e)) {\n if (Fe) g = Le;else {\n g = Je;\n var h = Ie;\n }\n } else (f = e.nodeName) && \"input\" === f.toLowerCase() && (\"checkbox\" === e.type || \"radio\" === e.type) && (g = Ke);\n if (g && (g = g(a, b))) return ze(g, c, d);\n h && h(a, e, b);\n \"blur\" === a && (a = e._wrapperState) && a.controlled && \"number\" === e.type && Db(e, \"number\", e.value);\n }\n},\n Ne = G.extend({\n view: null,\n detail: null\n}),\n Oe = {\n Alt: \"altKey\",\n Control: \"ctrlKey\",\n Meta: \"metaKey\",\n Shift: \"shiftKey\"\n};\n\nfunction Pe(a) {\n var b = this.nativeEvent;\n return b.getModifierState ? b.getModifierState(a) : (a = Oe[a]) ? !!b[a] : !1;\n}\n\nfunction Qe() {\n return Pe;\n}\n\nvar Re = 0,\n Se = 0,\n Te = !1,\n Ue = !1,\n Ve = Ne.extend({\n screenX: null,\n screenY: null,\n clientX: null,\n clientY: null,\n pageX: null,\n pageY: null,\n ctrlKey: null,\n shiftKey: null,\n altKey: null,\n metaKey: null,\n getModifierState: Qe,\n button: null,\n buttons: null,\n relatedTarget: function relatedTarget(a) {\n return a.relatedTarget || (a.fromElement === a.srcElement ? a.toElement : a.fromElement);\n },\n movementX: function movementX(a) {\n if (\"movementX\" in a) return a.movementX;\n var b = Re;\n Re = a.screenX;\n return Te ? \"mousemove\" === a.type ? a.screenX - b : 0 : (Te = !0, 0);\n },\n movementY: function movementY(a) {\n if (\"movementY\" in a) return a.movementY;\n var b = Se;\n Se = a.screenY;\n return Ue ? \"mousemove\" === a.type ? a.screenY - b : 0 : (Ue = !0, 0);\n }\n}),\n We = Ve.extend({\n pointerId: null,\n width: null,\n height: null,\n pressure: null,\n tangentialPressure: null,\n tiltX: null,\n tiltY: null,\n twist: null,\n pointerType: null,\n isPrimary: null\n}),\n Xe = {\n mouseEnter: {\n registrationName: \"onMouseEnter\",\n dependencies: [\"mouseout\", \"mouseover\"]\n },\n mouseLeave: {\n registrationName: \"onMouseLeave\",\n dependencies: [\"mouseout\", \"mouseover\"]\n },\n pointerEnter: {\n registrationName: \"onPointerEnter\",\n dependencies: [\"pointerout\", \"pointerover\"]\n },\n pointerLeave: {\n registrationName: \"onPointerLeave\",\n dependencies: [\"pointerout\", \"pointerover\"]\n }\n},\n Ye = {\n eventTypes: Xe,\n extractEvents: function extractEvents(a, b, c, d, e) {\n var f = \"mouseover\" === a || \"pointerover\" === a,\n g = \"mouseout\" === a || \"pointerout\" === a;\n if (f && 0 === (e & 32) && (c.relatedTarget || c.fromElement) || !g && !f) return null;\n f = d.window === d ? d : (f = d.ownerDocument) ? f.defaultView || f.parentWindow : window;\n\n if (g) {\n if (g = b, b = (b = c.relatedTarget || c.toElement) ? tc(b) : null, null !== b) {\n var h = dc(b);\n if (b !== h || 5 !== b.tag && 6 !== b.tag) b = null;\n }\n } else g = null;\n\n if (g === b) return null;\n\n if (\"mouseout\" === a || \"mouseover\" === a) {\n var k = Ve;\n var l = Xe.mouseLeave;\n var m = Xe.mouseEnter;\n var p = \"mouse\";\n } else if (\"pointerout\" === a || \"pointerover\" === a) k = We, l = Xe.pointerLeave, m = Xe.pointerEnter, p = \"pointer\";\n\n a = null == g ? f : Pd(g);\n f = null == b ? f : Pd(b);\n l = k.getPooled(l, g, c, d);\n l.type = p + \"leave\";\n l.target = a;\n l.relatedTarget = f;\n c = k.getPooled(m, b, c, d);\n c.type = p + \"enter\";\n c.target = f;\n c.relatedTarget = a;\n d = g;\n p = b;\n if (d && p) a: {\n k = d;\n m = p;\n g = 0;\n\n for (a = k; a; a = Rd(a)) {\n g++;\n }\n\n a = 0;\n\n for (b = m; b; b = Rd(b)) {\n a++;\n }\n\n for (; 0 < g - a;) {\n k = Rd(k), g--;\n }\n\n for (; 0 < a - g;) {\n m = Rd(m), a--;\n }\n\n for (; g--;) {\n if (k === m || k === m.alternate) break a;\n k = Rd(k);\n m = Rd(m);\n }\n\n k = null;\n } else k = null;\n m = k;\n\n for (k = []; d && d !== m;) {\n g = d.alternate;\n if (null !== g && g === m) break;\n k.push(d);\n d = Rd(d);\n }\n\n for (d = []; p && p !== m;) {\n g = p.alternate;\n if (null !== g && g === m) break;\n d.push(p);\n p = Rd(p);\n }\n\n for (p = 0; p < k.length; p++) {\n Vd(k[p], \"bubbled\", l);\n }\n\n for (p = d.length; 0 < p--;) {\n Vd(d[p], \"captured\", c);\n }\n\n return 0 === (e & 64) ? [l] : [l, c];\n }\n};\n\nfunction Ze(a, b) {\n return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;\n}\n\nvar $e = \"function\" === typeof Object.is ? Object.is : Ze,\n af = Object.prototype.hasOwnProperty;\n\nfunction bf(a, b) {\n if ($e(a, b)) return !0;\n if (\"object\" !== typeof a || null === a || \"object\" !== typeof b || null === b) return !1;\n var c = Object.keys(a),\n d = Object.keys(b);\n if (c.length !== d.length) return !1;\n\n for (d = 0; d < c.length; d++) {\n if (!af.call(b, c[d]) || !$e(a[c[d]], b[c[d]])) return !1;\n }\n\n return !0;\n}\n\nvar cf = ya && \"documentMode\" in document && 11 >= document.documentMode,\n df = {\n select: {\n phasedRegistrationNames: {\n bubbled: \"onSelect\",\n captured: \"onSelectCapture\"\n },\n dependencies: \"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange\".split(\" \")\n }\n},\n ef = null,\n ff = null,\n gf = null,\n hf = !1;\n\nfunction jf(a, b) {\n var c = b.window === b ? b.document : 9 === b.nodeType ? b : b.ownerDocument;\n if (hf || null == ef || ef !== td(c)) return null;\n c = ef;\n \"selectionStart\" in c && yd(c) ? c = {\n start: c.selectionStart,\n end: c.selectionEnd\n } : (c = (c.ownerDocument && c.ownerDocument.defaultView || window).getSelection(), c = {\n anchorNode: c.anchorNode,\n anchorOffset: c.anchorOffset,\n focusNode: c.focusNode,\n focusOffset: c.focusOffset\n });\n return gf && bf(gf, c) ? null : (gf = c, a = G.getPooled(df.select, ff, a, b), a.type = \"select\", a.target = ef, Xd(a), a);\n}\n\nvar kf = {\n eventTypes: df,\n extractEvents: function extractEvents(a, b, c, d, e, f) {\n e = f || (d.window === d ? d.document : 9 === d.nodeType ? d : d.ownerDocument);\n\n if (!(f = !e)) {\n a: {\n e = cc(e);\n f = wa.onSelect;\n\n for (var g = 0; g < f.length; g++) {\n if (!e.has(f[g])) {\n e = !1;\n break a;\n }\n }\n\n e = !0;\n }\n\n f = !e;\n }\n\n if (f) return null;\n e = b ? Pd(b) : window;\n\n switch (a) {\n case \"focus\":\n if (xe(e) || \"true\" === e.contentEditable) ef = e, ff = b, gf = null;\n break;\n\n case \"blur\":\n gf = ff = ef = null;\n break;\n\n case \"mousedown\":\n hf = !0;\n break;\n\n case \"contextmenu\":\n case \"mouseup\":\n case \"dragend\":\n return hf = !1, jf(c, d);\n\n case \"selectionchange\":\n if (cf) break;\n\n case \"keydown\":\n case \"keyup\":\n return jf(c, d);\n }\n\n return null;\n }\n},\n lf = G.extend({\n animationName: null,\n elapsedTime: null,\n pseudoElement: null\n}),\n mf = G.extend({\n clipboardData: function clipboardData(a) {\n return \"clipboardData\" in a ? a.clipboardData : window.clipboardData;\n }\n}),\n nf = Ne.extend({\n relatedTarget: null\n});\n\nfunction of(a) {\n var b = a.keyCode;\n \"charCode\" in a ? (a = a.charCode, 0 === a && 13 === b && (a = 13)) : a = b;\n 10 === a && (a = 13);\n return 32 <= a || 13 === a ? a : 0;\n}\n\nvar pf = {\n Esc: \"Escape\",\n Spacebar: \" \",\n Left: \"ArrowLeft\",\n Up: \"ArrowUp\",\n Right: \"ArrowRight\",\n Down: \"ArrowDown\",\n Del: \"Delete\",\n Win: \"OS\",\n Menu: \"ContextMenu\",\n Apps: \"ContextMenu\",\n Scroll: \"ScrollLock\",\n MozPrintableKey: \"Unidentified\"\n},\n qf = {\n 8: \"Backspace\",\n 9: \"Tab\",\n 12: \"Clear\",\n 13: \"Enter\",\n 16: \"Shift\",\n 17: \"Control\",\n 18: \"Alt\",\n 19: \"Pause\",\n 20: \"CapsLock\",\n 27: \"Escape\",\n 32: \" \",\n 33: \"PageUp\",\n 34: \"PageDown\",\n 35: \"End\",\n 36: \"Home\",\n 37: \"ArrowLeft\",\n 38: \"ArrowUp\",\n 39: \"ArrowRight\",\n 40: \"ArrowDown\",\n 45: \"Insert\",\n 46: \"Delete\",\n 112: \"F1\",\n 113: \"F2\",\n 114: \"F3\",\n 115: \"F4\",\n 116: \"F5\",\n 117: \"F6\",\n 118: \"F7\",\n 119: \"F8\",\n 120: \"F9\",\n 121: \"F10\",\n 122: \"F11\",\n 123: \"F12\",\n 144: \"NumLock\",\n 145: \"ScrollLock\",\n 224: \"Meta\"\n},\n rf = Ne.extend({\n key: function key(a) {\n if (a.key) {\n var b = pf[a.key] || a.key;\n if (\"Unidentified\" !== b) return b;\n }\n\n return \"keypress\" === a.type ? (a = of(a), 13 === a ? \"Enter\" : String.fromCharCode(a)) : \"keydown\" === a.type || \"keyup\" === a.type ? qf[a.keyCode] || \"Unidentified\" : \"\";\n },\n location: null,\n ctrlKey: null,\n shiftKey: null,\n altKey: null,\n metaKey: null,\n repeat: null,\n locale: null,\n getModifierState: Qe,\n charCode: function charCode(a) {\n return \"keypress\" === a.type ? of(a) : 0;\n },\n keyCode: function keyCode(a) {\n return \"keydown\" === a.type || \"keyup\" === a.type ? a.keyCode : 0;\n },\n which: function which(a) {\n return \"keypress\" === a.type ? of(a) : \"keydown\" === a.type || \"keyup\" === a.type ? a.keyCode : 0;\n }\n}),\n sf = Ve.extend({\n dataTransfer: null\n}),\n tf = Ne.extend({\n touches: null,\n targetTouches: null,\n changedTouches: null,\n altKey: null,\n metaKey: null,\n ctrlKey: null,\n shiftKey: null,\n getModifierState: Qe\n}),\n uf = G.extend({\n propertyName: null,\n elapsedTime: null,\n pseudoElement: null\n}),\n vf = Ve.extend({\n deltaX: function deltaX(a) {\n return \"deltaX\" in a ? a.deltaX : \"wheelDeltaX\" in a ? -a.wheelDeltaX : 0;\n },\n deltaY: function deltaY(a) {\n return \"deltaY\" in a ? a.deltaY : \"wheelDeltaY\" in a ? -a.wheelDeltaY : \"wheelDelta\" in a ? -a.wheelDelta : 0;\n },\n deltaZ: null,\n deltaMode: null\n}),\n wf = {\n eventTypes: Wc,\n extractEvents: function extractEvents(a, b, c, d) {\n var e = Yc.get(a);\n if (!e) return null;\n\n switch (a) {\n case \"keypress\":\n if (0 === of(c)) return null;\n\n case \"keydown\":\n case \"keyup\":\n a = rf;\n break;\n\n case \"blur\":\n case \"focus\":\n a = nf;\n break;\n\n case \"click\":\n if (2 === c.button) return null;\n\n case \"auxclick\":\n case \"dblclick\":\n case \"mousedown\":\n case \"mousemove\":\n case \"mouseup\":\n case \"mouseout\":\n case \"mouseover\":\n case \"contextmenu\":\n a = Ve;\n break;\n\n case \"drag\":\n case \"dragend\":\n case \"dragenter\":\n case \"dragexit\":\n case \"dragleave\":\n case \"dragover\":\n case \"dragstart\":\n case \"drop\":\n a = sf;\n break;\n\n case \"touchcancel\":\n case \"touchend\":\n case \"touchmove\":\n case \"touchstart\":\n a = tf;\n break;\n\n case Xb:\n case Yb:\n case Zb:\n a = lf;\n break;\n\n case $b:\n a = uf;\n break;\n\n case \"scroll\":\n a = Ne;\n break;\n\n case \"wheel\":\n a = vf;\n break;\n\n case \"copy\":\n case \"cut\":\n case \"paste\":\n a = mf;\n break;\n\n case \"gotpointercapture\":\n case \"lostpointercapture\":\n case \"pointercancel\":\n case \"pointerdown\":\n case \"pointermove\":\n case \"pointerout\":\n case \"pointerover\":\n case \"pointerup\":\n a = We;\n break;\n\n default:\n a = G;\n }\n\n b = a.getPooled(e, b, c, d);\n Xd(b);\n return b;\n }\n};\nif (pa) throw Error(u(101));\npa = Array.prototype.slice.call(\"ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin\".split(\" \"));\nra();\nvar xf = Nc;\nla = Qd;\nma = xf;\nna = Pd;\nxa({\n SimpleEventPlugin: wf,\n EnterLeaveEventPlugin: Ye,\n ChangeEventPlugin: Me,\n SelectEventPlugin: kf,\n BeforeInputEventPlugin: ve\n});\nvar yf = [],\n zf = -1;\n\nfunction H(a) {\n 0 > zf || (a.current = yf[zf], yf[zf] = null, zf--);\n}\n\nfunction I(a, b) {\n zf++;\n yf[zf] = a.current;\n a.current = b;\n}\n\nvar Af = {},\n J = {\n current: Af\n},\n K = {\n current: !1\n},\n Bf = Af;\n\nfunction Cf(a, b) {\n var c = a.type.contextTypes;\n if (!c) return Af;\n var d = a.stateNode;\n if (d && d.__reactInternalMemoizedUnmaskedChildContext === b) return d.__reactInternalMemoizedMaskedChildContext;\n var e = {},\n f;\n\n for (f in c) {\n e[f] = b[f];\n }\n\n d && (a = a.stateNode, a.__reactInternalMemoizedUnmaskedChildContext = b, a.__reactInternalMemoizedMaskedChildContext = e);\n return e;\n}\n\nfunction L(a) {\n a = a.childContextTypes;\n return null !== a && void 0 !== a;\n}\n\nfunction Df() {\n H(K);\n H(J);\n}\n\nfunction Ef(a, b, c) {\n if (J.current !== Af) throw Error(u(168));\n I(J, b);\n I(K, c);\n}\n\nfunction Ff(a, b, c) {\n var d = a.stateNode;\n a = b.childContextTypes;\n if (\"function\" !== typeof d.getChildContext) return c;\n d = d.getChildContext();\n\n for (var e in d) {\n if (!(e in a)) throw Error(u(108, pb(b) || \"Unknown\", e));\n }\n\n return n({}, c, {}, d);\n}\n\nfunction Gf(a) {\n a = (a = a.stateNode) && a.__reactInternalMemoizedMergedChildContext || Af;\n Bf = J.current;\n I(J, a);\n I(K, K.current);\n return !0;\n}\n\nfunction Hf(a, b, c) {\n var d = a.stateNode;\n if (!d) throw Error(u(169));\n c ? (a = Ff(a, b, Bf), d.__reactInternalMemoizedMergedChildContext = a, H(K), H(J), I(J, a)) : H(K);\n I(K, c);\n}\n\nvar If = r.unstable_runWithPriority,\n Jf = r.unstable_scheduleCallback,\n Kf = r.unstable_cancelCallback,\n Lf = r.unstable_requestPaint,\n Mf = r.unstable_now,\n Nf = r.unstable_getCurrentPriorityLevel,\n Of = r.unstable_ImmediatePriority,\n Pf = r.unstable_UserBlockingPriority,\n Qf = r.unstable_NormalPriority,\n Rf = r.unstable_LowPriority,\n Sf = r.unstable_IdlePriority,\n Tf = {},\n Uf = r.unstable_shouldYield,\n Vf = void 0 !== Lf ? Lf : function () {},\n Wf = null,\n Xf = null,\n Yf = !1,\n Zf = Mf(),\n $f = 1E4 > Zf ? Mf : function () {\n return Mf() - Zf;\n};\n\nfunction ag() {\n switch (Nf()) {\n case Of:\n return 99;\n\n case Pf:\n return 98;\n\n case Qf:\n return 97;\n\n case Rf:\n return 96;\n\n case Sf:\n return 95;\n\n default:\n throw Error(u(332));\n }\n}\n\nfunction bg(a) {\n switch (a) {\n case 99:\n return Of;\n\n case 98:\n return Pf;\n\n case 97:\n return Qf;\n\n case 96:\n return Rf;\n\n case 95:\n return Sf;\n\n default:\n throw Error(u(332));\n }\n}\n\nfunction cg(a, b) {\n a = bg(a);\n return If(a, b);\n}\n\nfunction dg(a, b, c) {\n a = bg(a);\n return Jf(a, b, c);\n}\n\nfunction eg(a) {\n null === Wf ? (Wf = [a], Xf = Jf(Of, fg)) : Wf.push(a);\n return Tf;\n}\n\nfunction gg() {\n if (null !== Xf) {\n var a = Xf;\n Xf = null;\n Kf(a);\n }\n\n fg();\n}\n\nfunction fg() {\n if (!Yf && null !== Wf) {\n Yf = !0;\n var a = 0;\n\n try {\n var b = Wf;\n cg(99, function () {\n for (; a < b.length; a++) {\n var c = b[a];\n\n do {\n c = c(!0);\n } while (null !== c);\n }\n });\n Wf = null;\n } catch (c) {\n throw null !== Wf && (Wf = Wf.slice(a + 1)), Jf(Of, gg), c;\n } finally {\n Yf = !1;\n }\n }\n}\n\nfunction hg(a, b, c) {\n c /= 10;\n return 1073741821 - (((1073741821 - a + b / 10) / c | 0) + 1) * c;\n}\n\nfunction ig(a, b) {\n if (a && a.defaultProps) {\n b = n({}, b);\n a = a.defaultProps;\n\n for (var c in a) {\n void 0 === b[c] && (b[c] = a[c]);\n }\n }\n\n return b;\n}\n\nvar jg = {\n current: null\n},\n kg = null,\n lg = null,\n mg = null;\n\nfunction ng() {\n mg = lg = kg = null;\n}\n\nfunction og(a) {\n var b = jg.current;\n H(jg);\n a.type._context._currentValue = b;\n}\n\nfunction pg(a, b) {\n for (; null !== a;) {\n var c = a.alternate;\n if (a.childExpirationTime < b) a.childExpirationTime = b, null !== c && c.childExpirationTime < b && (c.childExpirationTime = b);else if (null !== c && c.childExpirationTime < b) c.childExpirationTime = b;else break;\n a = a.return;\n }\n}\n\nfunction qg(a, b) {\n kg = a;\n mg = lg = null;\n a = a.dependencies;\n null !== a && null !== a.firstContext && (a.expirationTime >= b && (rg = !0), a.firstContext = null);\n}\n\nfunction sg(a, b) {\n if (mg !== a && !1 !== b && 0 !== b) {\n if (\"number\" !== typeof b || 1073741823 === b) mg = a, b = 1073741823;\n b = {\n context: a,\n observedBits: b,\n next: null\n };\n\n if (null === lg) {\n if (null === kg) throw Error(u(308));\n lg = b;\n kg.dependencies = {\n expirationTime: 0,\n firstContext: b,\n responders: null\n };\n } else lg = lg.next = b;\n }\n\n return a._currentValue;\n}\n\nvar tg = !1;\n\nfunction ug(a) {\n a.updateQueue = {\n baseState: a.memoizedState,\n baseQueue: null,\n shared: {\n pending: null\n },\n effects: null\n };\n}\n\nfunction vg(a, b) {\n a = a.updateQueue;\n b.updateQueue === a && (b.updateQueue = {\n baseState: a.baseState,\n baseQueue: a.baseQueue,\n shared: a.shared,\n effects: a.effects\n });\n}\n\nfunction wg(a, b) {\n a = {\n expirationTime: a,\n suspenseConfig: b,\n tag: 0,\n payload: null,\n callback: null,\n next: null\n };\n return a.next = a;\n}\n\nfunction xg(a, b) {\n a = a.updateQueue;\n\n if (null !== a) {\n a = a.shared;\n var c = a.pending;\n null === c ? b.next = b : (b.next = c.next, c.next = b);\n a.pending = b;\n }\n}\n\nfunction yg(a, b) {\n var c = a.alternate;\n null !== c && vg(c, a);\n a = a.updateQueue;\n c = a.baseQueue;\n null === c ? (a.baseQueue = b.next = b, b.next = b) : (b.next = c.next, c.next = b);\n}\n\nfunction zg(a, b, c, d) {\n var e = a.updateQueue;\n tg = !1;\n var f = e.baseQueue,\n g = e.shared.pending;\n\n if (null !== g) {\n if (null !== f) {\n var h = f.next;\n f.next = g.next;\n g.next = h;\n }\n\n f = g;\n e.shared.pending = null;\n h = a.alternate;\n null !== h && (h = h.updateQueue, null !== h && (h.baseQueue = g));\n }\n\n if (null !== f) {\n h = f.next;\n var k = e.baseState,\n l = 0,\n m = null,\n p = null,\n x = null;\n\n if (null !== h) {\n var z = h;\n\n do {\n g = z.expirationTime;\n\n if (g < d) {\n var ca = {\n expirationTime: z.expirationTime,\n suspenseConfig: z.suspenseConfig,\n tag: z.tag,\n payload: z.payload,\n callback: z.callback,\n next: null\n };\n null === x ? (p = x = ca, m = k) : x = x.next = ca;\n g > l && (l = g);\n } else {\n null !== x && (x = x.next = {\n expirationTime: 1073741823,\n suspenseConfig: z.suspenseConfig,\n tag: z.tag,\n payload: z.payload,\n callback: z.callback,\n next: null\n });\n Ag(g, z.suspenseConfig);\n\n a: {\n var D = a,\n t = z;\n g = b;\n ca = c;\n\n switch (t.tag) {\n case 1:\n D = t.payload;\n\n if (\"function\" === typeof D) {\n k = D.call(ca, k, g);\n break a;\n }\n\n k = D;\n break a;\n\n case 3:\n D.effectTag = D.effectTag & -4097 | 64;\n\n case 0:\n D = t.payload;\n g = \"function\" === typeof D ? D.call(ca, k, g) : D;\n if (null === g || void 0 === g) break a;\n k = n({}, k, g);\n break a;\n\n case 2:\n tg = !0;\n }\n }\n\n null !== z.callback && (a.effectTag |= 32, g = e.effects, null === g ? e.effects = [z] : g.push(z));\n }\n\n z = z.next;\n if (null === z || z === h) if (g = e.shared.pending, null === g) break;else z = f.next = g.next, g.next = h, e.baseQueue = f = g, e.shared.pending = null;\n } while (1);\n }\n\n null === x ? m = k : x.next = p;\n e.baseState = m;\n e.baseQueue = x;\n Bg(l);\n a.expirationTime = l;\n a.memoizedState = k;\n }\n}\n\nfunction Cg(a, b, c) {\n a = b.effects;\n b.effects = null;\n if (null !== a) for (b = 0; b < a.length; b++) {\n var d = a[b],\n e = d.callback;\n\n if (null !== e) {\n d.callback = null;\n d = e;\n e = c;\n if (\"function\" !== typeof d) throw Error(u(191, d));\n d.call(e);\n }\n }\n}\n\nvar Dg = Wa.ReactCurrentBatchConfig,\n Eg = new aa.Component().refs;\n\nfunction Fg(a, b, c, d) {\n b = a.memoizedState;\n c = c(d, b);\n c = null === c || void 0 === c ? b : n({}, b, c);\n a.memoizedState = c;\n 0 === a.expirationTime && (a.updateQueue.baseState = c);\n}\n\nvar Jg = {\n isMounted: function isMounted(a) {\n return (a = a._reactInternalFiber) ? dc(a) === a : !1;\n },\n enqueueSetState: function enqueueSetState(a, b, c) {\n a = a._reactInternalFiber;\n var d = Gg(),\n e = Dg.suspense;\n d = Hg(d, a, e);\n e = wg(d, e);\n e.payload = b;\n void 0 !== c && null !== c && (e.callback = c);\n xg(a, e);\n Ig(a, d);\n },\n enqueueReplaceState: function enqueueReplaceState(a, b, c) {\n a = a._reactInternalFiber;\n var d = Gg(),\n e = Dg.suspense;\n d = Hg(d, a, e);\n e = wg(d, e);\n e.tag = 1;\n e.payload = b;\n void 0 !== c && null !== c && (e.callback = c);\n xg(a, e);\n Ig(a, d);\n },\n enqueueForceUpdate: function enqueueForceUpdate(a, b) {\n a = a._reactInternalFiber;\n var c = Gg(),\n d = Dg.suspense;\n c = Hg(c, a, d);\n d = wg(c, d);\n d.tag = 2;\n void 0 !== b && null !== b && (d.callback = b);\n xg(a, d);\n Ig(a, c);\n }\n};\n\nfunction Kg(a, b, c, d, e, f, g) {\n a = a.stateNode;\n return \"function\" === typeof a.shouldComponentUpdate ? a.shouldComponentUpdate(d, f, g) : b.prototype && b.prototype.isPureReactComponent ? !bf(c, d) || !bf(e, f) : !0;\n}\n\nfunction Lg(a, b, c) {\n var d = !1,\n e = Af;\n var f = b.contextType;\n \"object\" === typeof f && null !== f ? f = sg(f) : (e = L(b) ? Bf : J.current, d = b.contextTypes, f = (d = null !== d && void 0 !== d) ? Cf(a, e) : Af);\n b = new b(c, f);\n a.memoizedState = null !== b.state && void 0 !== b.state ? b.state : null;\n b.updater = Jg;\n a.stateNode = b;\n b._reactInternalFiber = a;\n d && (a = a.stateNode, a.__reactInternalMemoizedUnmaskedChildContext = e, a.__reactInternalMemoizedMaskedChildContext = f);\n return b;\n}\n\nfunction Mg(a, b, c, d) {\n a = b.state;\n \"function\" === typeof b.componentWillReceiveProps && b.componentWillReceiveProps(c, d);\n \"function\" === typeof b.UNSAFE_componentWillReceiveProps && b.UNSAFE_componentWillReceiveProps(c, d);\n b.state !== a && Jg.enqueueReplaceState(b, b.state, null);\n}\n\nfunction Ng(a, b, c, d) {\n var e = a.stateNode;\n e.props = c;\n e.state = a.memoizedState;\n e.refs = Eg;\n ug(a);\n var f = b.contextType;\n \"object\" === typeof f && null !== f ? e.context = sg(f) : (f = L(b) ? Bf : J.current, e.context = Cf(a, f));\n zg(a, c, e, d);\n e.state = a.memoizedState;\n f = b.getDerivedStateFromProps;\n \"function\" === typeof f && (Fg(a, b, f, c), e.state = a.memoizedState);\n \"function\" === typeof b.getDerivedStateFromProps || \"function\" === typeof e.getSnapshotBeforeUpdate || \"function\" !== typeof e.UNSAFE_componentWillMount && \"function\" !== typeof e.componentWillMount || (b = e.state, \"function\" === typeof e.componentWillMount && e.componentWillMount(), \"function\" === typeof e.UNSAFE_componentWillMount && e.UNSAFE_componentWillMount(), b !== e.state && Jg.enqueueReplaceState(e, e.state, null), zg(a, c, e, d), e.state = a.memoizedState);\n \"function\" === typeof e.componentDidMount && (a.effectTag |= 4);\n}\n\nvar Og = Array.isArray;\n\nfunction Pg(a, b, c) {\n a = c.ref;\n\n if (null !== a && \"function\" !== typeof a && \"object\" !== typeof a) {\n if (c._owner) {\n c = c._owner;\n\n if (c) {\n if (1 !== c.tag) throw Error(u(309));\n var d = c.stateNode;\n }\n\n if (!d) throw Error(u(147, a));\n var e = \"\" + a;\n if (null !== b && null !== b.ref && \"function\" === typeof b.ref && b.ref._stringRef === e) return b.ref;\n\n b = function b(a) {\n var b = d.refs;\n b === Eg && (b = d.refs = {});\n null === a ? delete b[e] : b[e] = a;\n };\n\n b._stringRef = e;\n return b;\n }\n\n if (\"string\" !== typeof a) throw Error(u(284));\n if (!c._owner) throw Error(u(290, a));\n }\n\n return a;\n}\n\nfunction Qg(a, b) {\n if (\"textarea\" !== a.type) throw Error(u(31, \"[object Object]\" === Object.prototype.toString.call(b) ? \"object with keys {\" + Object.keys(b).join(\", \") + \"}\" : b, \"\"));\n}\n\nfunction Rg(a) {\n function b(b, c) {\n if (a) {\n var d = b.lastEffect;\n null !== d ? (d.nextEffect = c, b.lastEffect = c) : b.firstEffect = b.lastEffect = c;\n c.nextEffect = null;\n c.effectTag = 8;\n }\n }\n\n function c(c, d) {\n if (!a) return null;\n\n for (; null !== d;) {\n b(c, d), d = d.sibling;\n }\n\n return null;\n }\n\n function d(a, b) {\n for (a = new Map(); null !== b;) {\n null !== b.key ? a.set(b.key, b) : a.set(b.index, b), b = b.sibling;\n }\n\n return a;\n }\n\n function e(a, b) {\n a = Sg(a, b);\n a.index = 0;\n a.sibling = null;\n return a;\n }\n\n function f(b, c, d) {\n b.index = d;\n if (!a) return c;\n d = b.alternate;\n if (null !== d) return d = d.index, d < c ? (b.effectTag = 2, c) : d;\n b.effectTag = 2;\n return c;\n }\n\n function g(b) {\n a && null === b.alternate && (b.effectTag = 2);\n return b;\n }\n\n function h(a, b, c, d) {\n if (null === b || 6 !== b.tag) return b = Tg(c, a.mode, d), b.return = a, b;\n b = e(b, c);\n b.return = a;\n return b;\n }\n\n function k(a, b, c, d) {\n if (null !== b && b.elementType === c.type) return d = e(b, c.props), d.ref = Pg(a, b, c), d.return = a, d;\n d = Ug(c.type, c.key, c.props, null, a.mode, d);\n d.ref = Pg(a, b, c);\n d.return = a;\n return d;\n }\n\n function l(a, b, c, d) {\n if (null === b || 4 !== b.tag || b.stateNode.containerInfo !== c.containerInfo || b.stateNode.implementation !== c.implementation) return b = Vg(c, a.mode, d), b.return = a, b;\n b = e(b, c.children || []);\n b.return = a;\n return b;\n }\n\n function m(a, b, c, d, f) {\n if (null === b || 7 !== b.tag) return b = Wg(c, a.mode, d, f), b.return = a, b;\n b = e(b, c);\n b.return = a;\n return b;\n }\n\n function p(a, b, c) {\n if (\"string\" === typeof b || \"number\" === typeof b) return b = Tg(\"\" + b, a.mode, c), b.return = a, b;\n\n if (\"object\" === typeof b && null !== b) {\n switch (b.$$typeof) {\n case Za:\n return c = Ug(b.type, b.key, b.props, null, a.mode, c), c.ref = Pg(a, null, b), c.return = a, c;\n\n case $a:\n return b = Vg(b, a.mode, c), b.return = a, b;\n }\n\n if (Og(b) || nb(b)) return b = Wg(b, a.mode, c, null), b.return = a, b;\n Qg(a, b);\n }\n\n return null;\n }\n\n function x(a, b, c, d) {\n var e = null !== b ? b.key : null;\n if (\"string\" === typeof c || \"number\" === typeof c) return null !== e ? null : h(a, b, \"\" + c, d);\n\n if (\"object\" === typeof c && null !== c) {\n switch (c.$$typeof) {\n case Za:\n return c.key === e ? c.type === ab ? m(a, b, c.props.children, d, e) : k(a, b, c, d) : null;\n\n case $a:\n return c.key === e ? l(a, b, c, d) : null;\n }\n\n if (Og(c) || nb(c)) return null !== e ? null : m(a, b, c, d, null);\n Qg(a, c);\n }\n\n return null;\n }\n\n function z(a, b, c, d, e) {\n if (\"string\" === typeof d || \"number\" === typeof d) return a = a.get(c) || null, h(b, a, \"\" + d, e);\n\n if (\"object\" === typeof d && null !== d) {\n switch (d.$$typeof) {\n case Za:\n return a = a.get(null === d.key ? c : d.key) || null, d.type === ab ? m(b, a, d.props.children, e, d.key) : k(b, a, d, e);\n\n case $a:\n return a = a.get(null === d.key ? c : d.key) || null, l(b, a, d, e);\n }\n\n if (Og(d) || nb(d)) return a = a.get(c) || null, m(b, a, d, e, null);\n Qg(b, d);\n }\n\n return null;\n }\n\n function ca(e, g, h, k) {\n for (var l = null, t = null, m = g, y = g = 0, A = null; null !== m && y < h.length; y++) {\n m.index > y ? (A = m, m = null) : A = m.sibling;\n var q = x(e, m, h[y], k);\n\n if (null === q) {\n null === m && (m = A);\n break;\n }\n\n a && m && null === q.alternate && b(e, m);\n g = f(q, g, y);\n null === t ? l = q : t.sibling = q;\n t = q;\n m = A;\n }\n\n if (y === h.length) return c(e, m), l;\n\n if (null === m) {\n for (; y < h.length; y++) {\n m = p(e, h[y], k), null !== m && (g = f(m, g, y), null === t ? l = m : t.sibling = m, t = m);\n }\n\n return l;\n }\n\n for (m = d(e, m); y < h.length; y++) {\n A = z(m, e, y, h[y], k), null !== A && (a && null !== A.alternate && m.delete(null === A.key ? y : A.key), g = f(A, g, y), null === t ? l = A : t.sibling = A, t = A);\n }\n\n a && m.forEach(function (a) {\n return b(e, a);\n });\n return l;\n }\n\n function D(e, g, h, l) {\n var k = nb(h);\n if (\"function\" !== typeof k) throw Error(u(150));\n h = k.call(h);\n if (null == h) throw Error(u(151));\n\n for (var m = k = null, t = g, y = g = 0, A = null, q = h.next(); null !== t && !q.done; y++, q = h.next()) {\n t.index > y ? (A = t, t = null) : A = t.sibling;\n var D = x(e, t, q.value, l);\n\n if (null === D) {\n null === t && (t = A);\n break;\n }\n\n a && t && null === D.alternate && b(e, t);\n g = f(D, g, y);\n null === m ? k = D : m.sibling = D;\n m = D;\n t = A;\n }\n\n if (q.done) return c(e, t), k;\n\n if (null === t) {\n for (; !q.done; y++, q = h.next()) {\n q = p(e, q.value, l), null !== q && (g = f(q, g, y), null === m ? k = q : m.sibling = q, m = q);\n }\n\n return k;\n }\n\n for (t = d(e, t); !q.done; y++, q = h.next()) {\n q = z(t, e, y, q.value, l), null !== q && (a && null !== q.alternate && t.delete(null === q.key ? y : q.key), g = f(q, g, y), null === m ? k = q : m.sibling = q, m = q);\n }\n\n a && t.forEach(function (a) {\n return b(e, a);\n });\n return k;\n }\n\n return function (a, d, f, h) {\n var k = \"object\" === typeof f && null !== f && f.type === ab && null === f.key;\n k && (f = f.props.children);\n var l = \"object\" === typeof f && null !== f;\n if (l) switch (f.$$typeof) {\n case Za:\n a: {\n l = f.key;\n\n for (k = d; null !== k;) {\n if (k.key === l) {\n switch (k.tag) {\n case 7:\n if (f.type === ab) {\n c(a, k.sibling);\n d = e(k, f.props.children);\n d.return = a;\n a = d;\n break a;\n }\n\n break;\n\n default:\n if (k.elementType === f.type) {\n c(a, k.sibling);\n d = e(k, f.props);\n d.ref = Pg(a, k, f);\n d.return = a;\n a = d;\n break a;\n }\n\n }\n\n c(a, k);\n break;\n } else b(a, k);\n\n k = k.sibling;\n }\n\n f.type === ab ? (d = Wg(f.props.children, a.mode, h, f.key), d.return = a, a = d) : (h = Ug(f.type, f.key, f.props, null, a.mode, h), h.ref = Pg(a, d, f), h.return = a, a = h);\n }\n\n return g(a);\n\n case $a:\n a: {\n for (k = f.key; null !== d;) {\n if (d.key === k) {\n if (4 === d.tag && d.stateNode.containerInfo === f.containerInfo && d.stateNode.implementation === f.implementation) {\n c(a, d.sibling);\n d = e(d, f.children || []);\n d.return = a;\n a = d;\n break a;\n } else {\n c(a, d);\n break;\n }\n } else b(a, d);\n d = d.sibling;\n }\n\n d = Vg(f, a.mode, h);\n d.return = a;\n a = d;\n }\n\n return g(a);\n }\n if (\"string\" === typeof f || \"number\" === typeof f) return f = \"\" + f, null !== d && 6 === d.tag ? (c(a, d.sibling), d = e(d, f), d.return = a, a = d) : (c(a, d), d = Tg(f, a.mode, h), d.return = a, a = d), g(a);\n if (Og(f)) return ca(a, d, f, h);\n if (nb(f)) return D(a, d, f, h);\n l && Qg(a, f);\n if (\"undefined\" === typeof f && !k) switch (a.tag) {\n case 1:\n case 0:\n throw a = a.type, Error(u(152, a.displayName || a.name || \"Component\"));\n }\n return c(a, d);\n };\n}\n\nvar Xg = Rg(!0),\n Yg = Rg(!1),\n Zg = {},\n $g = {\n current: Zg\n},\n ah = {\n current: Zg\n},\n bh = {\n current: Zg\n};\n\nfunction ch(a) {\n if (a === Zg) throw Error(u(174));\n return a;\n}\n\nfunction dh(a, b) {\n I(bh, b);\n I(ah, a);\n I($g, Zg);\n a = b.nodeType;\n\n switch (a) {\n case 9:\n case 11:\n b = (b = b.documentElement) ? b.namespaceURI : Ob(null, \"\");\n break;\n\n default:\n a = 8 === a ? b.parentNode : b, b = a.namespaceURI || null, a = a.tagName, b = Ob(b, a);\n }\n\n H($g);\n I($g, b);\n}\n\nfunction eh() {\n H($g);\n H(ah);\n H(bh);\n}\n\nfunction fh(a) {\n ch(bh.current);\n var b = ch($g.current);\n var c = Ob(b, a.type);\n b !== c && (I(ah, a), I($g, c));\n}\n\nfunction gh(a) {\n ah.current === a && (H($g), H(ah));\n}\n\nvar M = {\n current: 0\n};\n\nfunction hh(a) {\n for (var b = a; null !== b;) {\n if (13 === b.tag) {\n var c = b.memoizedState;\n if (null !== c && (c = c.dehydrated, null === c || c.data === Bd || c.data === Cd)) return b;\n } else if (19 === b.tag && void 0 !== b.memoizedProps.revealOrder) {\n if (0 !== (b.effectTag & 64)) return b;\n } else if (null !== b.child) {\n b.child.return = b;\n b = b.child;\n continue;\n }\n\n if (b === a) break;\n\n for (; null === b.sibling;) {\n if (null === b.return || b.return === a) return null;\n b = b.return;\n }\n\n b.sibling.return = b.return;\n b = b.sibling;\n }\n\n return null;\n}\n\nfunction ih(a, b) {\n return {\n responder: a,\n props: b\n };\n}\n\nvar jh = Wa.ReactCurrentDispatcher,\n kh = Wa.ReactCurrentBatchConfig,\n lh = 0,\n N = null,\n O = null,\n P = null,\n mh = !1;\n\nfunction Q() {\n throw Error(u(321));\n}\n\nfunction nh(a, b) {\n if (null === b) return !1;\n\n for (var c = 0; c < b.length && c < a.length; c++) {\n if (!$e(a[c], b[c])) return !1;\n }\n\n return !0;\n}\n\nfunction oh(a, b, c, d, e, f) {\n lh = f;\n N = b;\n b.memoizedState = null;\n b.updateQueue = null;\n b.expirationTime = 0;\n jh.current = null === a || null === a.memoizedState ? ph : qh;\n a = c(d, e);\n\n if (b.expirationTime === lh) {\n f = 0;\n\n do {\n b.expirationTime = 0;\n if (!(25 > f)) throw Error(u(301));\n f += 1;\n P = O = null;\n b.updateQueue = null;\n jh.current = rh;\n a = c(d, e);\n } while (b.expirationTime === lh);\n }\n\n jh.current = sh;\n b = null !== O && null !== O.next;\n lh = 0;\n P = O = N = null;\n mh = !1;\n if (b) throw Error(u(300));\n return a;\n}\n\nfunction th() {\n var a = {\n memoizedState: null,\n baseState: null,\n baseQueue: null,\n queue: null,\n next: null\n };\n null === P ? N.memoizedState = P = a : P = P.next = a;\n return P;\n}\n\nfunction uh() {\n if (null === O) {\n var a = N.alternate;\n a = null !== a ? a.memoizedState : null;\n } else a = O.next;\n\n var b = null === P ? N.memoizedState : P.next;\n if (null !== b) P = b, O = a;else {\n if (null === a) throw Error(u(310));\n O = a;\n a = {\n memoizedState: O.memoizedState,\n baseState: O.baseState,\n baseQueue: O.baseQueue,\n queue: O.queue,\n next: null\n };\n null === P ? N.memoizedState = P = a : P = P.next = a;\n }\n return P;\n}\n\nfunction vh(a, b) {\n return \"function\" === typeof b ? b(a) : b;\n}\n\nfunction wh(a) {\n var b = uh(),\n c = b.queue;\n if (null === c) throw Error(u(311));\n c.lastRenderedReducer = a;\n var d = O,\n e = d.baseQueue,\n f = c.pending;\n\n if (null !== f) {\n if (null !== e) {\n var g = e.next;\n e.next = f.next;\n f.next = g;\n }\n\n d.baseQueue = e = f;\n c.pending = null;\n }\n\n if (null !== e) {\n e = e.next;\n d = d.baseState;\n var h = g = f = null,\n k = e;\n\n do {\n var l = k.expirationTime;\n\n if (l < lh) {\n var m = {\n expirationTime: k.expirationTime,\n suspenseConfig: k.suspenseConfig,\n action: k.action,\n eagerReducer: k.eagerReducer,\n eagerState: k.eagerState,\n next: null\n };\n null === h ? (g = h = m, f = d) : h = h.next = m;\n l > N.expirationTime && (N.expirationTime = l, Bg(l));\n } else null !== h && (h = h.next = {\n expirationTime: 1073741823,\n suspenseConfig: k.suspenseConfig,\n action: k.action,\n eagerReducer: k.eagerReducer,\n eagerState: k.eagerState,\n next: null\n }), Ag(l, k.suspenseConfig), d = k.eagerReducer === a ? k.eagerState : a(d, k.action);\n\n k = k.next;\n } while (null !== k && k !== e);\n\n null === h ? f = d : h.next = g;\n $e(d, b.memoizedState) || (rg = !0);\n b.memoizedState = d;\n b.baseState = f;\n b.baseQueue = h;\n c.lastRenderedState = d;\n }\n\n return [b.memoizedState, c.dispatch];\n}\n\nfunction xh(a) {\n var b = uh(),\n c = b.queue;\n if (null === c) throw Error(u(311));\n c.lastRenderedReducer = a;\n var d = c.dispatch,\n e = c.pending,\n f = b.memoizedState;\n\n if (null !== e) {\n c.pending = null;\n var g = e = e.next;\n\n do {\n f = a(f, g.action), g = g.next;\n } while (g !== e);\n\n $e(f, b.memoizedState) || (rg = !0);\n b.memoizedState = f;\n null === b.baseQueue && (b.baseState = f);\n c.lastRenderedState = f;\n }\n\n return [f, d];\n}\n\nfunction yh(a) {\n var b = th();\n \"function\" === typeof a && (a = a());\n b.memoizedState = b.baseState = a;\n a = b.queue = {\n pending: null,\n dispatch: null,\n lastRenderedReducer: vh,\n lastRenderedState: a\n };\n a = a.dispatch = zh.bind(null, N, a);\n return [b.memoizedState, a];\n}\n\nfunction Ah(a, b, c, d) {\n a = {\n tag: a,\n create: b,\n destroy: c,\n deps: d,\n next: null\n };\n b = N.updateQueue;\n null === b ? (b = {\n lastEffect: null\n }, N.updateQueue = b, b.lastEffect = a.next = a) : (c = b.lastEffect, null === c ? b.lastEffect = a.next = a : (d = c.next, c.next = a, a.next = d, b.lastEffect = a));\n return a;\n}\n\nfunction Bh() {\n return uh().memoizedState;\n}\n\nfunction Ch(a, b, c, d) {\n var e = th();\n N.effectTag |= a;\n e.memoizedState = Ah(1 | b, c, void 0, void 0 === d ? null : d);\n}\n\nfunction Dh(a, b, c, d) {\n var e = uh();\n d = void 0 === d ? null : d;\n var f = void 0;\n\n if (null !== O) {\n var g = O.memoizedState;\n f = g.destroy;\n\n if (null !== d && nh(d, g.deps)) {\n Ah(b, c, f, d);\n return;\n }\n }\n\n N.effectTag |= a;\n e.memoizedState = Ah(1 | b, c, f, d);\n}\n\nfunction Eh(a, b) {\n return Ch(516, 4, a, b);\n}\n\nfunction Fh(a, b) {\n return Dh(516, 4, a, b);\n}\n\nfunction Gh(a, b) {\n return Dh(4, 2, a, b);\n}\n\nfunction Hh(a, b) {\n if (\"function\" === typeof b) return a = a(), b(a), function () {\n b(null);\n };\n if (null !== b && void 0 !== b) return a = a(), b.current = a, function () {\n b.current = null;\n };\n}\n\nfunction Ih(a, b, c) {\n c = null !== c && void 0 !== c ? c.concat([a]) : null;\n return Dh(4, 2, Hh.bind(null, b, a), c);\n}\n\nfunction Jh() {}\n\nfunction Kh(a, b) {\n th().memoizedState = [a, void 0 === b ? null : b];\n return a;\n}\n\nfunction Lh(a, b) {\n var c = uh();\n b = void 0 === b ? null : b;\n var d = c.memoizedState;\n if (null !== d && null !== b && nh(b, d[1])) return d[0];\n c.memoizedState = [a, b];\n return a;\n}\n\nfunction Mh(a, b) {\n var c = uh();\n b = void 0 === b ? null : b;\n var d = c.memoizedState;\n if (null !== d && null !== b && nh(b, d[1])) return d[0];\n a = a();\n c.memoizedState = [a, b];\n return a;\n}\n\nfunction Nh(a, b, c) {\n var d = ag();\n cg(98 > d ? 98 : d, function () {\n a(!0);\n });\n cg(97 < d ? 97 : d, function () {\n var d = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n a(!1), c();\n } finally {\n kh.suspense = d;\n }\n });\n}\n\nfunction zh(a, b, c) {\n var d = Gg(),\n e = Dg.suspense;\n d = Hg(d, a, e);\n e = {\n expirationTime: d,\n suspenseConfig: e,\n action: c,\n eagerReducer: null,\n eagerState: null,\n next: null\n };\n var f = b.pending;\n null === f ? e.next = e : (e.next = f.next, f.next = e);\n b.pending = e;\n f = a.alternate;\n if (a === N || null !== f && f === N) mh = !0, e.expirationTime = lh, N.expirationTime = lh;else {\n if (0 === a.expirationTime && (null === f || 0 === f.expirationTime) && (f = b.lastRenderedReducer, null !== f)) try {\n var g = b.lastRenderedState,\n h = f(g, c);\n e.eagerReducer = f;\n e.eagerState = h;\n if ($e(h, g)) return;\n } catch (k) {} finally {}\n Ig(a, d);\n }\n}\n\nvar sh = {\n readContext: sg,\n useCallback: Q,\n useContext: Q,\n useEffect: Q,\n useImperativeHandle: Q,\n useLayoutEffect: Q,\n useMemo: Q,\n useReducer: Q,\n useRef: Q,\n useState: Q,\n useDebugValue: Q,\n useResponder: Q,\n useDeferredValue: Q,\n useTransition: Q\n},\n ph = {\n readContext: sg,\n useCallback: Kh,\n useContext: sg,\n useEffect: Eh,\n useImperativeHandle: function useImperativeHandle(a, b, c) {\n c = null !== c && void 0 !== c ? c.concat([a]) : null;\n return Ch(4, 2, Hh.bind(null, b, a), c);\n },\n useLayoutEffect: function useLayoutEffect(a, b) {\n return Ch(4, 2, a, b);\n },\n useMemo: function useMemo(a, b) {\n var c = th();\n b = void 0 === b ? null : b;\n a = a();\n c.memoizedState = [a, b];\n return a;\n },\n useReducer: function useReducer(a, b, c) {\n var d = th();\n b = void 0 !== c ? c(b) : b;\n d.memoizedState = d.baseState = b;\n a = d.queue = {\n pending: null,\n dispatch: null,\n lastRenderedReducer: a,\n lastRenderedState: b\n };\n a = a.dispatch = zh.bind(null, N, a);\n return [d.memoizedState, a];\n },\n useRef: function useRef(a) {\n var b = th();\n a = {\n current: a\n };\n return b.memoizedState = a;\n },\n useState: yh,\n useDebugValue: Jh,\n useResponder: ih,\n useDeferredValue: function useDeferredValue(a, b) {\n var c = yh(a),\n d = c[0],\n e = c[1];\n Eh(function () {\n var c = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n e(a);\n } finally {\n kh.suspense = c;\n }\n }, [a, b]);\n return d;\n },\n useTransition: function useTransition(a) {\n var b = yh(!1),\n c = b[0];\n b = b[1];\n return [Kh(Nh.bind(null, b, a), [b, a]), c];\n }\n},\n qh = {\n readContext: sg,\n useCallback: Lh,\n useContext: sg,\n useEffect: Fh,\n useImperativeHandle: Ih,\n useLayoutEffect: Gh,\n useMemo: Mh,\n useReducer: wh,\n useRef: Bh,\n useState: function useState() {\n return wh(vh);\n },\n useDebugValue: Jh,\n useResponder: ih,\n useDeferredValue: function useDeferredValue(a, b) {\n var c = wh(vh),\n d = c[0],\n e = c[1];\n Fh(function () {\n var c = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n e(a);\n } finally {\n kh.suspense = c;\n }\n }, [a, b]);\n return d;\n },\n useTransition: function useTransition(a) {\n var b = wh(vh),\n c = b[0];\n b = b[1];\n return [Lh(Nh.bind(null, b, a), [b, a]), c];\n }\n},\n rh = {\n readContext: sg,\n useCallback: Lh,\n useContext: sg,\n useEffect: Fh,\n useImperativeHandle: Ih,\n useLayoutEffect: Gh,\n useMemo: Mh,\n useReducer: xh,\n useRef: Bh,\n useState: function useState() {\n return xh(vh);\n },\n useDebugValue: Jh,\n useResponder: ih,\n useDeferredValue: function useDeferredValue(a, b) {\n var c = xh(vh),\n d = c[0],\n e = c[1];\n Fh(function () {\n var c = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n e(a);\n } finally {\n kh.suspense = c;\n }\n }, [a, b]);\n return d;\n },\n useTransition: function useTransition(a) {\n var b = xh(vh),\n c = b[0];\n b = b[1];\n return [Lh(Nh.bind(null, b, a), [b, a]), c];\n }\n},\n Oh = null,\n Ph = null,\n Qh = !1;\n\nfunction Rh(a, b) {\n var c = Sh(5, null, null, 0);\n c.elementType = \"DELETED\";\n c.type = \"DELETED\";\n c.stateNode = b;\n c.return = a;\n c.effectTag = 8;\n null !== a.lastEffect ? (a.lastEffect.nextEffect = c, a.lastEffect = c) : a.firstEffect = a.lastEffect = c;\n}\n\nfunction Th(a, b) {\n switch (a.tag) {\n case 5:\n var c = a.type;\n b = 1 !== b.nodeType || c.toLowerCase() !== b.nodeName.toLowerCase() ? null : b;\n return null !== b ? (a.stateNode = b, !0) : !1;\n\n case 6:\n return b = \"\" === a.pendingProps || 3 !== b.nodeType ? null : b, null !== b ? (a.stateNode = b, !0) : !1;\n\n case 13:\n return !1;\n\n default:\n return !1;\n }\n}\n\nfunction Uh(a) {\n if (Qh) {\n var b = Ph;\n\n if (b) {\n var c = b;\n\n if (!Th(a, b)) {\n b = Jd(c.nextSibling);\n\n if (!b || !Th(a, b)) {\n a.effectTag = a.effectTag & -1025 | 2;\n Qh = !1;\n Oh = a;\n return;\n }\n\n Rh(Oh, c);\n }\n\n Oh = a;\n Ph = Jd(b.firstChild);\n } else a.effectTag = a.effectTag & -1025 | 2, Qh = !1, Oh = a;\n }\n}\n\nfunction Vh(a) {\n for (a = a.return; null !== a && 5 !== a.tag && 3 !== a.tag && 13 !== a.tag;) {\n a = a.return;\n }\n\n Oh = a;\n}\n\nfunction Wh(a) {\n if (a !== Oh) return !1;\n if (!Qh) return Vh(a), Qh = !0, !1;\n var b = a.type;\n if (5 !== a.tag || \"head\" !== b && \"body\" !== b && !Gd(b, a.memoizedProps)) for (b = Ph; b;) {\n Rh(a, b), b = Jd(b.nextSibling);\n }\n Vh(a);\n\n if (13 === a.tag) {\n a = a.memoizedState;\n a = null !== a ? a.dehydrated : null;\n if (!a) throw Error(u(317));\n\n a: {\n a = a.nextSibling;\n\n for (b = 0; a;) {\n if (8 === a.nodeType) {\n var c = a.data;\n\n if (c === Ad) {\n if (0 === b) {\n Ph = Jd(a.nextSibling);\n break a;\n }\n\n b--;\n } else c !== zd && c !== Cd && c !== Bd || b++;\n }\n\n a = a.nextSibling;\n }\n\n Ph = null;\n }\n } else Ph = Oh ? Jd(a.stateNode.nextSibling) : null;\n\n return !0;\n}\n\nfunction Xh() {\n Ph = Oh = null;\n Qh = !1;\n}\n\nvar Yh = Wa.ReactCurrentOwner,\n rg = !1;\n\nfunction R(a, b, c, d) {\n b.child = null === a ? Yg(b, null, c, d) : Xg(b, a.child, c, d);\n}\n\nfunction Zh(a, b, c, d, e) {\n c = c.render;\n var f = b.ref;\n qg(b, e);\n d = oh(a, b, c, d, f, e);\n if (null !== a && !rg) return b.updateQueue = a.updateQueue, b.effectTag &= -517, a.expirationTime <= e && (a.expirationTime = 0), $h(a, b, e);\n b.effectTag |= 1;\n R(a, b, d, e);\n return b.child;\n}\n\nfunction ai(a, b, c, d, e, f) {\n if (null === a) {\n var g = c.type;\n if (\"function\" === typeof g && !bi(g) && void 0 === g.defaultProps && null === c.compare && void 0 === c.defaultProps) return b.tag = 15, b.type = g, ci(a, b, g, d, e, f);\n a = Ug(c.type, null, d, null, b.mode, f);\n a.ref = b.ref;\n a.return = b;\n return b.child = a;\n }\n\n g = a.child;\n if (e < f && (e = g.memoizedProps, c = c.compare, c = null !== c ? c : bf, c(e, d) && a.ref === b.ref)) return $h(a, b, f);\n b.effectTag |= 1;\n a = Sg(g, d);\n a.ref = b.ref;\n a.return = b;\n return b.child = a;\n}\n\nfunction ci(a, b, c, d, e, f) {\n return null !== a && bf(a.memoizedProps, d) && a.ref === b.ref && (rg = !1, e < f) ? (b.expirationTime = a.expirationTime, $h(a, b, f)) : di(a, b, c, d, f);\n}\n\nfunction ei(a, b) {\n var c = b.ref;\n if (null === a && null !== c || null !== a && a.ref !== c) b.effectTag |= 128;\n}\n\nfunction di(a, b, c, d, e) {\n var f = L(c) ? Bf : J.current;\n f = Cf(b, f);\n qg(b, e);\n c = oh(a, b, c, d, f, e);\n if (null !== a && !rg) return b.updateQueue = a.updateQueue, b.effectTag &= -517, a.expirationTime <= e && (a.expirationTime = 0), $h(a, b, e);\n b.effectTag |= 1;\n R(a, b, c, e);\n return b.child;\n}\n\nfunction fi(a, b, c, d, e) {\n if (L(c)) {\n var f = !0;\n Gf(b);\n } else f = !1;\n\n qg(b, e);\n if (null === b.stateNode) null !== a && (a.alternate = null, b.alternate = null, b.effectTag |= 2), Lg(b, c, d), Ng(b, c, d, e), d = !0;else if (null === a) {\n var g = b.stateNode,\n h = b.memoizedProps;\n g.props = h;\n var k = g.context,\n l = c.contextType;\n \"object\" === typeof l && null !== l ? l = sg(l) : (l = L(c) ? Bf : J.current, l = Cf(b, l));\n var m = c.getDerivedStateFromProps,\n p = \"function\" === typeof m || \"function\" === typeof g.getSnapshotBeforeUpdate;\n p || \"function\" !== typeof g.UNSAFE_componentWillReceiveProps && \"function\" !== typeof g.componentWillReceiveProps || (h !== d || k !== l) && Mg(b, g, d, l);\n tg = !1;\n var x = b.memoizedState;\n g.state = x;\n zg(b, d, g, e);\n k = b.memoizedState;\n h !== d || x !== k || K.current || tg ? (\"function\" === typeof m && (Fg(b, c, m, d), k = b.memoizedState), (h = tg || Kg(b, c, h, d, x, k, l)) ? (p || \"function\" !== typeof g.UNSAFE_componentWillMount && \"function\" !== typeof g.componentWillMount || (\"function\" === typeof g.componentWillMount && g.componentWillMount(), \"function\" === typeof g.UNSAFE_componentWillMount && g.UNSAFE_componentWillMount()), \"function\" === typeof g.componentDidMount && (b.effectTag |= 4)) : (\"function\" === typeof g.componentDidMount && (b.effectTag |= 4), b.memoizedProps = d, b.memoizedState = k), g.props = d, g.state = k, g.context = l, d = h) : (\"function\" === typeof g.componentDidMount && (b.effectTag |= 4), d = !1);\n } else g = b.stateNode, vg(a, b), h = b.memoizedProps, g.props = b.type === b.elementType ? h : ig(b.type, h), k = g.context, l = c.contextType, \"object\" === typeof l && null !== l ? l = sg(l) : (l = L(c) ? Bf : J.current, l = Cf(b, l)), m = c.getDerivedStateFromProps, (p = \"function\" === typeof m || \"function\" === typeof g.getSnapshotBeforeUpdate) || \"function\" !== typeof g.UNSAFE_componentWillReceiveProps && \"function\" !== typeof g.componentWillReceiveProps || (h !== d || k !== l) && Mg(b, g, d, l), tg = !1, k = b.memoizedState, g.state = k, zg(b, d, g, e), x = b.memoizedState, h !== d || k !== x || K.current || tg ? (\"function\" === typeof m && (Fg(b, c, m, d), x = b.memoizedState), (m = tg || Kg(b, c, h, d, k, x, l)) ? (p || \"function\" !== typeof g.UNSAFE_componentWillUpdate && \"function\" !== typeof g.componentWillUpdate || (\"function\" === typeof g.componentWillUpdate && g.componentWillUpdate(d, x, l), \"function\" === typeof g.UNSAFE_componentWillUpdate && g.UNSAFE_componentWillUpdate(d, x, l)), \"function\" === typeof g.componentDidUpdate && (b.effectTag |= 4), \"function\" === typeof g.getSnapshotBeforeUpdate && (b.effectTag |= 256)) : (\"function\" !== typeof g.componentDidUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 4), \"function\" !== typeof g.getSnapshotBeforeUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 256), b.memoizedProps = d, b.memoizedState = x), g.props = d, g.state = x, g.context = l, d = m) : (\"function\" !== typeof g.componentDidUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 4), \"function\" !== typeof g.getSnapshotBeforeUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 256), d = !1);\n return gi(a, b, c, d, f, e);\n}\n\nfunction gi(a, b, c, d, e, f) {\n ei(a, b);\n var g = 0 !== (b.effectTag & 64);\n if (!d && !g) return e && Hf(b, c, !1), $h(a, b, f);\n d = b.stateNode;\n Yh.current = b;\n var h = g && \"function\" !== typeof c.getDerivedStateFromError ? null : d.render();\n b.effectTag |= 1;\n null !== a && g ? (b.child = Xg(b, a.child, null, f), b.child = Xg(b, null, h, f)) : R(a, b, h, f);\n b.memoizedState = d.state;\n e && Hf(b, c, !0);\n return b.child;\n}\n\nfunction hi(a) {\n var b = a.stateNode;\n b.pendingContext ? Ef(a, b.pendingContext, b.pendingContext !== b.context) : b.context && Ef(a, b.context, !1);\n dh(a, b.containerInfo);\n}\n\nvar ii = {\n dehydrated: null,\n retryTime: 0\n};\n\nfunction ji(a, b, c) {\n var d = b.mode,\n e = b.pendingProps,\n f = M.current,\n g = !1,\n h;\n (h = 0 !== (b.effectTag & 64)) || (h = 0 !== (f & 2) && (null === a || null !== a.memoizedState));\n h ? (g = !0, b.effectTag &= -65) : null !== a && null === a.memoizedState || void 0 === e.fallback || !0 === e.unstable_avoidThisFallback || (f |= 1);\n I(M, f & 1);\n\n if (null === a) {\n void 0 !== e.fallback && Uh(b);\n\n if (g) {\n g = e.fallback;\n e = Wg(null, d, 0, null);\n e.return = b;\n if (0 === (b.mode & 2)) for (a = null !== b.memoizedState ? b.child.child : b.child, e.child = a; null !== a;) {\n a.return = e, a = a.sibling;\n }\n c = Wg(g, d, c, null);\n c.return = b;\n e.sibling = c;\n b.memoizedState = ii;\n b.child = e;\n return c;\n }\n\n d = e.children;\n b.memoizedState = null;\n return b.child = Yg(b, null, d, c);\n }\n\n if (null !== a.memoizedState) {\n a = a.child;\n d = a.sibling;\n\n if (g) {\n e = e.fallback;\n c = Sg(a, a.pendingProps);\n c.return = b;\n if (0 === (b.mode & 2) && (g = null !== b.memoizedState ? b.child.child : b.child, g !== a.child)) for (c.child = g; null !== g;) {\n g.return = c, g = g.sibling;\n }\n d = Sg(d, e);\n d.return = b;\n c.sibling = d;\n c.childExpirationTime = 0;\n b.memoizedState = ii;\n b.child = c;\n return d;\n }\n\n c = Xg(b, a.child, e.children, c);\n b.memoizedState = null;\n return b.child = c;\n }\n\n a = a.child;\n\n if (g) {\n g = e.fallback;\n e = Wg(null, d, 0, null);\n e.return = b;\n e.child = a;\n null !== a && (a.return = e);\n if (0 === (b.mode & 2)) for (a = null !== b.memoizedState ? b.child.child : b.child, e.child = a; null !== a;) {\n a.return = e, a = a.sibling;\n }\n c = Wg(g, d, c, null);\n c.return = b;\n e.sibling = c;\n c.effectTag |= 2;\n e.childExpirationTime = 0;\n b.memoizedState = ii;\n b.child = e;\n return c;\n }\n\n b.memoizedState = null;\n return b.child = Xg(b, a, e.children, c);\n}\n\nfunction ki(a, b) {\n a.expirationTime < b && (a.expirationTime = b);\n var c = a.alternate;\n null !== c && c.expirationTime < b && (c.expirationTime = b);\n pg(a.return, b);\n}\n\nfunction li(a, b, c, d, e, f) {\n var g = a.memoizedState;\n null === g ? a.memoizedState = {\n isBackwards: b,\n rendering: null,\n renderingStartTime: 0,\n last: d,\n tail: c,\n tailExpiration: 0,\n tailMode: e,\n lastEffect: f\n } : (g.isBackwards = b, g.rendering = null, g.renderingStartTime = 0, g.last = d, g.tail = c, g.tailExpiration = 0, g.tailMode = e, g.lastEffect = f);\n}\n\nfunction mi(a, b, c) {\n var d = b.pendingProps,\n e = d.revealOrder,\n f = d.tail;\n R(a, b, d.children, c);\n d = M.current;\n if (0 !== (d & 2)) d = d & 1 | 2, b.effectTag |= 64;else {\n if (null !== a && 0 !== (a.effectTag & 64)) a: for (a = b.child; null !== a;) {\n if (13 === a.tag) null !== a.memoizedState && ki(a, c);else if (19 === a.tag) ki(a, c);else if (null !== a.child) {\n a.child.return = a;\n a = a.child;\n continue;\n }\n if (a === b) break a;\n\n for (; null === a.sibling;) {\n if (null === a.return || a.return === b) break a;\n a = a.return;\n }\n\n a.sibling.return = a.return;\n a = a.sibling;\n }\n d &= 1;\n }\n I(M, d);\n if (0 === (b.mode & 2)) b.memoizedState = null;else switch (e) {\n case \"forwards\":\n c = b.child;\n\n for (e = null; null !== c;) {\n a = c.alternate, null !== a && null === hh(a) && (e = c), c = c.sibling;\n }\n\n c = e;\n null === c ? (e = b.child, b.child = null) : (e = c.sibling, c.sibling = null);\n li(b, !1, e, c, f, b.lastEffect);\n break;\n\n case \"backwards\":\n c = null;\n e = b.child;\n\n for (b.child = null; null !== e;) {\n a = e.alternate;\n\n if (null !== a && null === hh(a)) {\n b.child = e;\n break;\n }\n\n a = e.sibling;\n e.sibling = c;\n c = e;\n e = a;\n }\n\n li(b, !0, c, null, f, b.lastEffect);\n break;\n\n case \"together\":\n li(b, !1, null, null, void 0, b.lastEffect);\n break;\n\n default:\n b.memoizedState = null;\n }\n return b.child;\n}\n\nfunction $h(a, b, c) {\n null !== a && (b.dependencies = a.dependencies);\n var d = b.expirationTime;\n 0 !== d && Bg(d);\n if (b.childExpirationTime < c) return null;\n if (null !== a && b.child !== a.child) throw Error(u(153));\n\n if (null !== b.child) {\n a = b.child;\n c = Sg(a, a.pendingProps);\n b.child = c;\n\n for (c.return = b; null !== a.sibling;) {\n a = a.sibling, c = c.sibling = Sg(a, a.pendingProps), c.return = b;\n }\n\n c.sibling = null;\n }\n\n return b.child;\n}\n\nvar ni, oi, pi, qi;\n\nni = function ni(a, b) {\n for (var c = b.child; null !== c;) {\n if (5 === c.tag || 6 === c.tag) a.appendChild(c.stateNode);else if (4 !== c.tag && null !== c.child) {\n c.child.return = c;\n c = c.child;\n continue;\n }\n if (c === b) break;\n\n for (; null === c.sibling;) {\n if (null === c.return || c.return === b) return;\n c = c.return;\n }\n\n c.sibling.return = c.return;\n c = c.sibling;\n }\n};\n\noi = function oi() {};\n\npi = function pi(a, b, c, d, e) {\n var f = a.memoizedProps;\n\n if (f !== d) {\n var g = b.stateNode;\n ch($g.current);\n a = null;\n\n switch (c) {\n case \"input\":\n f = zb(g, f);\n d = zb(g, d);\n a = [];\n break;\n\n case \"option\":\n f = Gb(g, f);\n d = Gb(g, d);\n a = [];\n break;\n\n case \"select\":\n f = n({}, f, {\n value: void 0\n });\n d = n({}, d, {\n value: void 0\n });\n a = [];\n break;\n\n case \"textarea\":\n f = Ib(g, f);\n d = Ib(g, d);\n a = [];\n break;\n\n default:\n \"function\" !== typeof f.onClick && \"function\" === typeof d.onClick && (g.onclick = sd);\n }\n\n od(c, d);\n var h, k;\n c = null;\n\n for (h in f) {\n if (!d.hasOwnProperty(h) && f.hasOwnProperty(h) && null != f[h]) if (\"style\" === h) for (k in g = f[h], g) {\n g.hasOwnProperty(k) && (c || (c = {}), c[k] = \"\");\n } else \"dangerouslySetInnerHTML\" !== h && \"children\" !== h && \"suppressContentEditableWarning\" !== h && \"suppressHydrationWarning\" !== h && \"autoFocus\" !== h && (va.hasOwnProperty(h) ? a || (a = []) : (a = a || []).push(h, null));\n }\n\n for (h in d) {\n var l = d[h];\n g = null != f ? f[h] : void 0;\n if (d.hasOwnProperty(h) && l !== g && (null != l || null != g)) if (\"style\" === h) {\n if (g) {\n for (k in g) {\n !g.hasOwnProperty(k) || l && l.hasOwnProperty(k) || (c || (c = {}), c[k] = \"\");\n }\n\n for (k in l) {\n l.hasOwnProperty(k) && g[k] !== l[k] && (c || (c = {}), c[k] = l[k]);\n }\n } else c || (a || (a = []), a.push(h, c)), c = l;\n } else \"dangerouslySetInnerHTML\" === h ? (l = l ? l.__html : void 0, g = g ? g.__html : void 0, null != l && g !== l && (a = a || []).push(h, l)) : \"children\" === h ? g === l || \"string\" !== typeof l && \"number\" !== typeof l || (a = a || []).push(h, \"\" + l) : \"suppressContentEditableWarning\" !== h && \"suppressHydrationWarning\" !== h && (va.hasOwnProperty(h) ? (null != l && rd(e, h), a || g === l || (a = [])) : (a = a || []).push(h, l));\n }\n\n c && (a = a || []).push(\"style\", c);\n e = a;\n if (b.updateQueue = e) b.effectTag |= 4;\n }\n};\n\nqi = function qi(a, b, c, d) {\n c !== d && (b.effectTag |= 4);\n};\n\nfunction ri(a, b) {\n switch (a.tailMode) {\n case \"hidden\":\n b = a.tail;\n\n for (var c = null; null !== b;) {\n null !== b.alternate && (c = b), b = b.sibling;\n }\n\n null === c ? a.tail = null : c.sibling = null;\n break;\n\n case \"collapsed\":\n c = a.tail;\n\n for (var d = null; null !== c;) {\n null !== c.alternate && (d = c), c = c.sibling;\n }\n\n null === d ? b || null === a.tail ? a.tail = null : a.tail.sibling = null : d.sibling = null;\n }\n}\n\nfunction si(a, b, c) {\n var d = b.pendingProps;\n\n switch (b.tag) {\n case 2:\n case 16:\n case 15:\n case 0:\n case 11:\n case 7:\n case 8:\n case 12:\n case 9:\n case 14:\n return null;\n\n case 1:\n return L(b.type) && Df(), null;\n\n case 3:\n return eh(), H(K), H(J), c = b.stateNode, c.pendingContext && (c.context = c.pendingContext, c.pendingContext = null), null !== a && null !== a.child || !Wh(b) || (b.effectTag |= 4), oi(b), null;\n\n case 5:\n gh(b);\n c = ch(bh.current);\n var e = b.type;\n if (null !== a && null != b.stateNode) pi(a, b, e, d, c), a.ref !== b.ref && (b.effectTag |= 128);else {\n if (!d) {\n if (null === b.stateNode) throw Error(u(166));\n return null;\n }\n\n a = ch($g.current);\n\n if (Wh(b)) {\n d = b.stateNode;\n e = b.type;\n var f = b.memoizedProps;\n d[Md] = b;\n d[Nd] = f;\n\n switch (e) {\n case \"iframe\":\n case \"object\":\n case \"embed\":\n F(\"load\", d);\n break;\n\n case \"video\":\n case \"audio\":\n for (a = 0; a < ac.length; a++) {\n F(ac[a], d);\n }\n\n break;\n\n case \"source\":\n F(\"error\", d);\n break;\n\n case \"img\":\n case \"image\":\n case \"link\":\n F(\"error\", d);\n F(\"load\", d);\n break;\n\n case \"form\":\n F(\"reset\", d);\n F(\"submit\", d);\n break;\n\n case \"details\":\n F(\"toggle\", d);\n break;\n\n case \"input\":\n Ab(d, f);\n F(\"invalid\", d);\n rd(c, \"onChange\");\n break;\n\n case \"select\":\n d._wrapperState = {\n wasMultiple: !!f.multiple\n };\n F(\"invalid\", d);\n rd(c, \"onChange\");\n break;\n\n case \"textarea\":\n Jb(d, f), F(\"invalid\", d), rd(c, \"onChange\");\n }\n\n od(e, f);\n a = null;\n\n for (var g in f) {\n if (f.hasOwnProperty(g)) {\n var h = f[g];\n \"children\" === g ? \"string\" === typeof h ? d.textContent !== h && (a = [\"children\", h]) : \"number\" === typeof h && d.textContent !== \"\" + h && (a = [\"children\", \"\" + h]) : va.hasOwnProperty(g) && null != h && rd(c, g);\n }\n }\n\n switch (e) {\n case \"input\":\n xb(d);\n Eb(d, f, !0);\n break;\n\n case \"textarea\":\n xb(d);\n Lb(d);\n break;\n\n case \"select\":\n case \"option\":\n break;\n\n default:\n \"function\" === typeof f.onClick && (d.onclick = sd);\n }\n\n c = a;\n b.updateQueue = c;\n null !== c && (b.effectTag |= 4);\n } else {\n g = 9 === c.nodeType ? c : c.ownerDocument;\n a === qd && (a = Nb(e));\n a === qd ? \"script\" === e ? (a = g.createElement(\"div\"), a.innerHTML = \"
` 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.any,\n\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.node,\n\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.bool,\n\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.bool,\n\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.bool,\n\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.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","import React from 'react';\nvar ThemeContext = React.createContext(null);\n\nif (process.env.NODE_ENV !== 'production') {\n ThemeContext.displayName = 'ThemeContext';\n}\n\nexport default ThemeContext;","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","var hasSymbol = typeof Symbol === 'function' && Symbol.for;\nexport default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';","/**\n * WARNING: Don't import this directly.\n * Use `MuiError` from `@material-ui/utils/macros/MuiError.macro` instead.\n * @param {number} code\n */\nexport default function formatMuiErrorMessage(code) {\n // Apply babel-plugin-transform-template-literals in loose mode\n // loose mode is safe iff we're concatenating primitives\n // see https://babeljs.io/docs/en/babel-plugin-transform-template-literals#loose\n\n /* eslint-disable prefer-template */\n var url = 'https://material-ui.com/production-error/?code=' + code;\n\n for (var i = 1; i < arguments.length; i += 1) {\n // rest params over-transpile for this case\n // eslint-disable-next-line prefer-rest-params\n url += '&args[]=' + encodeURIComponent(arguments[i]);\n }\n\n return 'Minified Material-UI error #' + code + '; visit ' + url + ' for the full message.';\n /* eslint-enable prefer-template */\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","// We need to centralize the zIndex definitions as they work\n// like global values in the browser.\nvar zIndex = {\n mobileStepper: 1000,\n speedDial: 1050,\n appBar: 1100,\n drawer: 1200,\n modal: 1300,\n snackbar: 1400,\n tooltip: 1500\n};\nexport default zIndex;","export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}","// A change of the browser zoom change the scrollbar size.\n// Credit https://github.com/twbs/bootstrap/blob/3ffe3a5d82f6f561b82ff78d82b32a7d14aed558/js/src/modal.js#L512-L519\nexport default function getScrollbarSize() {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.width = '99px';\n scrollDiv.style.height = '99px';\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n var scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarSize;\n}","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar RadioGroupContext = React.createContext();\n\nif (process.env.NODE_ENV !== 'production') {\n RadioGroupContext.displayName = 'RadioGroupContext';\n}\n\nexport default RadioGroupContext;","\"use strict\";\n\nvar tester = /^[-!#$%&'*+\\/0-9=?A-Z^_a-z{|}~](\\.?[-!#$%&'*+\\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\\.?[a-zA-Z0-9])*\\.[a-zA-Z](-?[a-zA-Z0-9])+$/; // Thanks to:\n// http://fightingforalostcause.net/misc/2006/compare-email-regex.php\n// http://thedailywtf.com/Articles/Validating_Email_Addresses.aspx\n// http://stackoverflow.com/questions/201323/what-is-the-best-regular-expression-for-validating-email-addresses/201378#201378\n\nexports.validate = function (email) {\n if (!email) return false;\n if (email.length > 254) return false;\n var valid = tester.test(email);\n if (!valid) return false; // Further checking of some things regex can't handle\n\n var parts = email.split(\"@\");\n if (parts[0].length > 64) return false;\n var domainParts = parts[1].split(\".\");\n if (domainParts.some(function (part) {\n return part.length > 63;\n })) return false;\n return true;\n};","import * as React from 'react';\n/**\n * @ignore - internal component.\n * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}\n */\n\nvar AccordionContext = React.createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n AccordionContext.displayName = 'AccordionContext';\n}\n\nexport default AccordionContext;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar TableContext = React.createContext();\n\nif (process.env.NODE_ENV !== 'production') {\n TableContext.displayName = 'TableContext';\n}\n\nexport default TableContext;","import { createElement, Component, useRef, useState, useCallback, useEffect } from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar ObserverMap = new Map();\nvar RootIds = new WeakMap();\nvar rootId = 0;\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n if (!root) return '0';\n if (RootIds.has(root)) return RootIds.get(root);\n rootId += 1;\n RootIds.set(root, rootId.toString());\n return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n return Object.keys(options).sort().filter(function (key) {\n return options[key] !== undefined;\n }).map(function (key) {\n return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n }).toString();\n}\n\nfunction createObserver(options) {\n // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n var id = optionsToId(options);\n var instance = ObserverMap.get(id);\n\n if (!instance) {\n // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n var elements = new Map();\n var thresholds;\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n var _elements$get; // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n\n\n var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n return entry.intersectionRatio >= threshold;\n }); // @ts-ignore support IntersectionObserver v2\n\n if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n // @ts-ignore\n entry.isVisible = inView;\n }\n\n (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n callback(inView, entry);\n });\n });\n }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n instance = {\n id: id,\n observer: observer,\n elements: elements\n };\n ObserverMap.set(id, instance);\n }\n\n return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\n\nfunction observe(element, callback, options) {\n if (options === void 0) {\n options = {};\n }\n\n if (!element) return function () {}; // An observer with the same options can be reused, so lets use this fact\n\n var _createObserver = createObserver(options),\n id = _createObserver.id,\n observer = _createObserver.observer,\n elements = _createObserver.elements; // Register the callback listener for this element\n\n\n var callbacks = elements.get(element) || [];\n\n if (!elements.has(element)) {\n elements.set(element, callbacks);\n }\n\n callbacks.push(callback);\n observer.observe(element);\n return function unobserve() {\n // Remove the callback from the callback list\n callbacks.splice(callbacks.indexOf(callback), 1);\n\n if (callbacks.length === 0) {\n // No more callback exists for element, so destroy it\n elements[\"delete\"](element);\n observer.unobserve(element);\n }\n\n if (elements.size === 0) {\n // No more elements are being observer by this instance, so destroy it\n observer.disconnect();\n ObserverMap[\"delete\"](id);\n }\n };\n}\n\nfunction isPlainChildren(props) {\n return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n \r\n {({ inView, ref, entry }) => (\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n console.log('Inview:', inView)}>\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(InView, _React$Component);\n\n function InView(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.node = null;\n _this._unobserveCb = null;\n\n _this.handleNode = function (node) {\n if (_this.node) {\n // Clear the old observer, before we start observing a new element\n _this.unobserve();\n\n if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n _this.setState({\n inView: !!_this.props.initialInView,\n entry: undefined\n });\n }\n }\n\n _this.node = node ? node : null;\n\n _this.observeNode();\n };\n\n _this.handleChange = function (inView, entry) {\n if (inView && _this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n _this.unobserve();\n }\n\n if (!isPlainChildren(_this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n _this.setState({\n inView: inView,\n entry: entry\n });\n }\n\n if (_this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n _this.props.onChange(inView, entry);\n }\n };\n\n _this.state = {\n inView: !!props.initialInView,\n entry: undefined\n };\n return _this;\n }\n\n var _proto = InView.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n this.unobserve();\n this.observeNode();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unobserve();\n this.node = null;\n };\n\n _proto.observeNode = function observeNode() {\n if (!this.node || this.props.skip) return;\n var _this$props = this.props,\n threshold = _this$props.threshold,\n root = _this$props.root,\n rootMargin = _this$props.rootMargin,\n trackVisibility = _this$props.trackVisibility,\n delay = _this$props.delay;\n this._unobserveCb = observe(this.node, this.handleChange, {\n threshold: threshold,\n root: root,\n rootMargin: rootMargin,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n };\n\n _proto.unobserve = function unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n\n this._unobserveCb = null;\n }\n };\n\n _proto.render = function render() {\n if (!isPlainChildren(this.props)) {\n var _this$state = this.state,\n inView = _this$state.inView,\n entry = _this$state.entry;\n return this.props.children({\n inView: inView,\n entry: entry,\n ref: this.handleNode\n });\n }\n\n var _this$props2 = this.props,\n children = _this$props2.children,\n as = _this$props2.as,\n tag = _this$props2.tag,\n props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n ref: this.handleNode\n }, props), children);\n };\n\n return InView;\n}(Component);\n\nInView.displayName = 'InView';\nInView.defaultProps = {\n threshold: 0,\n triggerOnce: false,\n initialInView: false\n};\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n * const { ref, inView, entry } = useInView({\r\n * threshold: 0,\r\n * });\r\n *\r\n * return (\r\n * ';\n/**\n * Safely extract function name from itself\n */\n\nexport function getFunctionName(fn) {\n try {\n if (!fn || typeof fn !== 'function') {\n return defaultFunctionName;\n }\n\n return fn.name || defaultFunctionName;\n } catch (e) {\n // Just accessing custom props in some Selenium environments\n // can cause a \"Permission denied\" exception (see raven-js#495).\n return defaultFunctionName;\n }\n}","export default function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}","export default function _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\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}","import _typeof from \"../../helpers/esm/typeof\";\nimport assertThisInitialized from \"./assertThisInitialized\";\nexport default function _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","import getPrototypeOf from \"./getPrototypeOf\";\nimport isNativeReflectConstruct from \"./isNativeReflectConstruct\";\nimport possibleConstructorReturn from \"./possibleConstructorReturn\";\nexport default function _createSuper(Derived) {\n return function () {\n var Super = getPrototypeOf(Derived),\n result;\n\n if (isNativeReflectConstruct()) {\n var NewTarget = getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return possibleConstructorReturn(this, result);\n };\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import setPrototypeOf from \"./setPrototypeOf\";\nexport default function _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\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}","import { __assign, __read, __spread } from \"tslib\";\nimport { dateTimestampInSeconds, getGlobalObject, isPlainObject, isThenable, SyncPromise } from '@sentry/utils';\n/**\n * Absolute maximum number of breadcrumbs added to an event.\n * The `maxBreadcrumbs` option cannot be higher than this value.\n */\n\nvar MAX_BREADCRUMBS = 100;\n/**\n * Holds additional event information. {@link Scope.applyToEvent} will be\n * called by the client before an event will be sent.\n */\n\nvar Scope =\n/** @class */\nfunction () {\n function Scope() {\n /** Flag if notifying is happening. */\n this._notifyingListeners = false;\n /** Callback for client to receive scope changes. */\n\n this._scopeListeners = [];\n /** Callback list that will be called after {@link applyToEvent}. */\n\n this._eventProcessors = [];\n /** Array of breadcrumbs. */\n\n this._breadcrumbs = [];\n /** User */\n\n this._user = {};\n /** Tags */\n\n this._tags = {};\n /** Extra */\n\n this._extra = {};\n /** Contexts */\n\n this._contexts = {};\n }\n /**\n * Inherit values from the parent scope.\n * @param scope to clone.\n */\n\n\n Scope.clone = function (scope) {\n var newScope = new Scope();\n\n if (scope) {\n newScope._breadcrumbs = __spread(scope._breadcrumbs);\n newScope._tags = __assign({}, scope._tags);\n newScope._extra = __assign({}, scope._extra);\n newScope._contexts = __assign({}, scope._contexts);\n newScope._user = scope._user;\n newScope._level = scope._level;\n newScope._span = scope._span;\n newScope._session = scope._session;\n newScope._transactionName = scope._transactionName;\n newScope._fingerprint = scope._fingerprint;\n newScope._eventProcessors = __spread(scope._eventProcessors);\n newScope._requestSession = scope._requestSession;\n }\n\n return newScope;\n };\n /**\n * Add internal on change listener. Used for sub SDKs that need to store the scope.\n * @hidden\n */\n\n\n Scope.prototype.addScopeListener = function (callback) {\n this._scopeListeners.push(callback);\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.addEventProcessor = function (callback) {\n this._eventProcessors.push(callback);\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setUser = function (user) {\n this._user = user || {};\n\n if (this._session) {\n this._session.update({\n user: user\n });\n }\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getUser = function () {\n return this._user;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getRequestSession = function () {\n return this._requestSession;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setRequestSession = function (requestSession) {\n this._requestSession = requestSession;\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setTags = function (tags) {\n this._tags = __assign(__assign({}, this._tags), tags);\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setTag = function (key, value) {\n var _a;\n\n this._tags = __assign(__assign({}, this._tags), (_a = {}, _a[key] = value, _a));\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setExtras = function (extras) {\n this._extra = __assign(__assign({}, this._extra), extras);\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setExtra = function (key, extra) {\n var _a;\n\n this._extra = __assign(__assign({}, this._extra), (_a = {}, _a[key] = extra, _a));\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setFingerprint = function (fingerprint) {\n this._fingerprint = fingerprint;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setLevel = function (level) {\n this._level = level;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setTransactionName = function (name) {\n this._transactionName = name;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * Can be removed in major version.\n * @deprecated in favor of {@link this.setTransactionName}\n */\n\n\n Scope.prototype.setTransaction = function (name) {\n return this.setTransactionName(name);\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setContext = function (key, context) {\n var _a;\n\n if (context === null) {\n // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n delete this._contexts[key];\n } else {\n this._contexts = __assign(__assign({}, this._contexts), (_a = {}, _a[key] = context, _a));\n }\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setSpan = function (span) {\n this._span = span;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getSpan = function () {\n return this._span;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getTransaction = function () {\n var _a, _b, _c, _d; // often, this span will be a transaction, but it's not guaranteed to be\n\n\n var span = this.getSpan(); // try it the new way first\n\n if ((_a = span) === null || _a === void 0 ? void 0 : _a.transaction) {\n return (_b = span) === null || _b === void 0 ? void 0 : _b.transaction;\n } // fallback to the old way (known bug: this only finds transactions with sampled = true)\n\n\n if ((_d = (_c = span) === null || _c === void 0 ? void 0 : _c.spanRecorder) === null || _d === void 0 ? void 0 : _d.spans[0]) {\n return span.spanRecorder.spans[0];\n } // neither way found a transaction\n\n\n return undefined;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.setSession = function (session) {\n if (!session) {\n delete this._session;\n } else {\n this._session = session;\n }\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.getSession = function () {\n return this._session;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.update = function (captureContext) {\n if (!captureContext) {\n return this;\n }\n\n if (typeof captureContext === 'function') {\n var updatedScope = captureContext(this);\n return updatedScope instanceof Scope ? updatedScope : this;\n }\n\n if (captureContext instanceof Scope) {\n this._tags = __assign(__assign({}, this._tags), captureContext._tags);\n this._extra = __assign(__assign({}, this._extra), captureContext._extra);\n this._contexts = __assign(__assign({}, this._contexts), captureContext._contexts);\n\n if (captureContext._user && Object.keys(captureContext._user).length) {\n this._user = captureContext._user;\n }\n\n if (captureContext._level) {\n this._level = captureContext._level;\n }\n\n if (captureContext._fingerprint) {\n this._fingerprint = captureContext._fingerprint;\n }\n\n if (captureContext._requestSession) {\n this._requestSession = captureContext._requestSession;\n }\n } else if (isPlainObject(captureContext)) {\n // eslint-disable-next-line no-param-reassign\n captureContext = captureContext;\n this._tags = __assign(__assign({}, this._tags), captureContext.tags);\n this._extra = __assign(__assign({}, this._extra), captureContext.extra);\n this._contexts = __assign(__assign({}, this._contexts), captureContext.contexts);\n\n if (captureContext.user) {\n this._user = captureContext.user;\n }\n\n if (captureContext.level) {\n this._level = captureContext.level;\n }\n\n if (captureContext.fingerprint) {\n this._fingerprint = captureContext.fingerprint;\n }\n\n if (captureContext.requestSession) {\n this._requestSession = captureContext.requestSession;\n }\n }\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.clear = function () {\n this._breadcrumbs = [];\n this._tags = {};\n this._extra = {};\n this._user = {};\n this._contexts = {};\n this._level = undefined;\n this._transactionName = undefined;\n this._fingerprint = undefined;\n this._requestSession = undefined;\n this._span = undefined;\n this._session = undefined;\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.addBreadcrumb = function (breadcrumb, maxBreadcrumbs) {\n var maxCrumbs = typeof maxBreadcrumbs === 'number' ? Math.min(maxBreadcrumbs, MAX_BREADCRUMBS) : MAX_BREADCRUMBS; // No data has been changed, so don't notify scope listeners\n\n if (maxCrumbs <= 0) {\n return this;\n }\n\n var mergedBreadcrumb = __assign({\n timestamp: dateTimestampInSeconds()\n }, breadcrumb);\n\n this._breadcrumbs = __spread(this._breadcrumbs, [mergedBreadcrumb]).slice(-maxCrumbs);\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * @inheritDoc\n */\n\n\n Scope.prototype.clearBreadcrumbs = function () {\n this._breadcrumbs = [];\n\n this._notifyScopeListeners();\n\n return this;\n };\n /**\n * Applies the current context and fingerprint to the event.\n * Note that breadcrumbs will be added by the client.\n * Also if the event has already breadcrumbs on it, we do not merge them.\n * @param event Event\n * @param hint May contain additional information about the original exception.\n * @hidden\n */\n\n\n Scope.prototype.applyToEvent = function (event, hint) {\n var _a;\n\n if (this._extra && Object.keys(this._extra).length) {\n event.extra = __assign(__assign({}, this._extra), event.extra);\n }\n\n if (this._tags && Object.keys(this._tags).length) {\n event.tags = __assign(__assign({}, this._tags), event.tags);\n }\n\n if (this._user && Object.keys(this._user).length) {\n event.user = __assign(__assign({}, this._user), event.user);\n }\n\n if (this._contexts && Object.keys(this._contexts).length) {\n event.contexts = __assign(__assign({}, this._contexts), event.contexts);\n }\n\n if (this._level) {\n event.level = this._level;\n }\n\n if (this._transactionName) {\n event.transaction = this._transactionName;\n } // We want to set the trace context for normal events only if there isn't already\n // a trace context on the event. There is a product feature in place where we link\n // errors with transaction and it relies on that.\n\n\n if (this._span) {\n event.contexts = __assign({\n trace: this._span.getTraceContext()\n }, event.contexts);\n var transactionName = (_a = this._span.transaction) === null || _a === void 0 ? void 0 : _a.name;\n\n if (transactionName) {\n event.tags = __assign({\n transaction: transactionName\n }, event.tags);\n }\n }\n\n this._applyFingerprint(event);\n\n event.breadcrumbs = __spread(event.breadcrumbs || [], this._breadcrumbs);\n event.breadcrumbs = event.breadcrumbs.length > 0 ? event.breadcrumbs : undefined;\n return this._notifyEventProcessors(__spread(getGlobalEventProcessors(), this._eventProcessors), event, hint);\n };\n /**\n * This will be called after {@link applyToEvent} is finished.\n */\n\n\n Scope.prototype._notifyEventProcessors = function (processors, event, hint, index) {\n var _this = this;\n\n if (index === void 0) {\n index = 0;\n }\n\n return new SyncPromise(function (resolve, reject) {\n var processor = processors[index];\n\n if (event === null || typeof processor !== 'function') {\n resolve(event);\n } else {\n var result = processor(__assign({}, event), hint);\n\n if (isThenable(result)) {\n void result.then(function (final) {\n return _this._notifyEventProcessors(processors, final, hint, index + 1).then(resolve);\n }).then(null, reject);\n } else {\n void _this._notifyEventProcessors(processors, result, hint, index + 1).then(resolve).then(null, reject);\n }\n }\n });\n };\n /**\n * This will be called on every set call.\n */\n\n\n Scope.prototype._notifyScopeListeners = function () {\n var _this = this; // We need this check for this._notifyingListeners to be able to work on scope during updates\n // If this check is not here we'll produce endless recursion when something is done with the scope\n // during the callback.\n\n\n if (!this._notifyingListeners) {\n this._notifyingListeners = true;\n\n this._scopeListeners.forEach(function (callback) {\n callback(_this);\n });\n\n this._notifyingListeners = false;\n }\n };\n /**\n * Applies fingerprint from the scope to the event if there's one,\n * uses message if there's one instead or get rid of empty fingerprint\n */\n\n\n Scope.prototype._applyFingerprint = function (event) {\n // Make sure it's an array first and we actually have something in place\n event.fingerprint = event.fingerprint ? Array.isArray(event.fingerprint) ? event.fingerprint : [event.fingerprint] : []; // If we have something on the scope, then merge it with event\n\n if (this._fingerprint) {\n event.fingerprint = event.fingerprint.concat(this._fingerprint);\n } // If we have no data at all, remove empty array default\n\n\n if (event.fingerprint && !event.fingerprint.length) {\n delete event.fingerprint;\n }\n };\n\n return Scope;\n}();\n\nexport { Scope };\n/**\n * Returns the global event processors.\n */\n\nfunction getGlobalEventProcessors() {\n /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */\n var global = getGlobalObject();\n global.__SENTRY__ = global.__SENTRY__ || {};\n global.__SENTRY__.globalEventProcessors = global.__SENTRY__.globalEventProcessors || [];\n return global.__SENTRY__.globalEventProcessors;\n /* eslint-enable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */\n}\n/**\n * Add a EventProcessor to be kept globally.\n * @param callback EventProcessor to add\n */\n\n\nexport function addGlobalEventProcessor(callback) {\n getGlobalEventProcessors().push(callback);\n}","import React from 'react';\nimport ThemeContext from './ThemeContext';\nexport default function useTheme() {\n var theme = React.useContext(ThemeContext);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n\n return theme;\n}","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nexport var styles = function styles(theme) {\n var elevations = {};\n theme.shadows.forEach(function (shadow, index) {\n elevations[\"elevation\".concat(index)] = {\n boxShadow: shadow\n };\n });\n return _extends({\n /* Styles applied to the root element. */\n root: {\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n transition: theme.transitions.create('box-shadow')\n },\n\n /* Styles applied to the root element if `square={false}`. */\n rounded: {\n borderRadius: theme.shape.borderRadius\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"`. */\n outlined: {\n border: \"1px solid \".concat(theme.palette.divider)\n }\n }, elevations);\n};\nvar Paper = /*#__PURE__*/React.forwardRef(function Paper(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n _props$square = props.square,\n square = _props$square === void 0 ? false : _props$square,\n _props$elevation = props.elevation,\n elevation = _props$elevation === void 0 ? 1 : _props$elevation,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'elevation' : _props$variant,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\", \"square\", \"elevation\", \"variant\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, variant === 'outlined' ? classes.outlined : classes[\"elevation\".concat(elevation)], !square && classes.rounded),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Paper.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * Shadow depth, corresponds to `dp` in the spec.\n * It accepts values between 0 and 24 inclusive.\n */\n elevation: chainPropTypes(PropTypes.number, function (props) {\n var classes = props.classes,\n elevation = props.elevation; // in case `withStyles` fails to inject we don't need this warning\n\n if (classes === undefined) {\n return null;\n }\n\n if (elevation != null && classes[\"elevation\".concat(elevation)] === undefined) {\n return new Error(\"Material-UI: This elevation `\".concat(elevation, \"` is not implemented.\"));\n }\n\n return null;\n }),\n\n /**\n * If `true`, rounded corners are disabled.\n */\n square: PropTypes.bool,\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['elevation', 'outlined'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiPaper'\n})(Paper);","export var TransactionSamplingMethod;\n\n(function (TransactionSamplingMethod) {\n TransactionSamplingMethod[\"Explicit\"] = \"explicitly_set\";\n TransactionSamplingMethod[\"Sampler\"] = \"client_sampler\";\n TransactionSamplingMethod[\"Rate\"] = \"client_rate\";\n TransactionSamplingMethod[\"Inheritance\"] = \"inheritance\";\n})(TransactionSamplingMethod || (TransactionSamplingMethod = {}));","var arrayLikeToArray = require(\"./arrayLikeToArray\");\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(n);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}\n\nmodule.exports = _unsupportedIterableToArray;","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nvar warning = function warning() {};\n\nif (__DEV__) {\n var printWarning = function printWarning(format, args) {\n var len = arguments.length;\n args = new Array(len > 1 ? len - 1 : 0);\n\n for (var key = 1; key < len; key++) {\n args[key - 1] = arguments[key];\n }\n\n var argIndex = 0;\n var message = 'Warning: ' + format.replace(/%s/g, function () {\n return args[argIndex++];\n });\n\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n };\n\n warning = function warning(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n\n if (format === undefined) {\n throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');\n }\n\n if (!condition) {\n printWarning.apply(null, [format].concat(args));\n }\n };\n}\n\nmodule.exports = warning;","function _extends() {\n module.exports = _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nmodule.exports = _extends;","var objectWithoutPropertiesLoose = require(\"./objectWithoutPropertiesLoose\");\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nmodule.exports = _objectWithoutProperties;","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","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\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","var setPrototypeOf = require(\"./setPrototypeOf\");\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\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}\n\nmodule.exports = _inherits;","function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;","export default function requirePropFactory(componentNameInError) {\n if (process.env.NODE_ENV === 'production') {\n return function () {\n return null;\n };\n }\n\n var requireProp = function requireProp(requiredProp) {\n return function (props, propName, componentName, location, propFullName) {\n var propFullNameSafe = propFullName || propName;\n\n if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {\n return new Error(\"The prop `\".concat(propFullNameSafe, \"` of \") + \"`\".concat(componentNameInError, \"` must be used on `\").concat(requiredProp, \"`.\"));\n }\n\n return null;\n };\n };\n\n return requireProp;\n}","/** @license Material-UI v4.12.1\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport { default as borders } from './borders';\nexport * from './borders';\nexport { default as breakpoints } from './breakpoints';\nexport { default as compose } from './compose';\nexport { default as styleFunctionSx } from './styleFunctionSx';\nexport * from './styleFunctionSx';\nexport { default as display } from './display';\nexport { default as flexbox } from './flexbox';\nexport * from './flexbox';\nexport { default as grid } from './grid';\nexport * from './grid';\nexport { default as palette } from './palette';\nexport * from './palette';\nexport { default as positions } from './positions';\nexport * from './positions';\nexport { default as shadows } from './shadows';\nexport { default as sizing } from './sizing';\nexport * from './sizing';\nexport { default as spacing } from './spacing';\nexport * from './spacing';\nexport { default as style } from './style';\nexport { default as typography } from './typography';\nexport * from './typography';","module.exports = function (originalModule) {\n if (!originalModule.webpackPolyfill) {\n var module = Object.create(originalModule); // module.parent = undefined by default\n\n if (!module.children) module.children = [];\n Object.defineProperty(module, \"loaded\", {\n enumerable: true,\n get: function get() {\n return module.l;\n }\n });\n Object.defineProperty(module, \"id\", {\n enumerable: true,\n get: function get() {\n return module.i;\n }\n });\n Object.defineProperty(module, \"exports\", {\n enumerable: true\n });\n module.webpackPolyfill = 1;\n }\n\n return module;\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nexport function isPlainObject(item) {\n return item && _typeof(item) === 'object' && item.constructor === Object;\n}\nexport default function deepmerge(target, source) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {\n clone: true\n };\n var output = options.clone ? _extends({}, target) : target;\n\n if (isPlainObject(target) && isPlainObject(source)) {\n Object.keys(source).forEach(function (key) {\n // Avoid prototype pollution\n if (key === '__proto__') {\n return;\n }\n\n if (isPlainObject(source[key]) && key in target) {\n output[key] = deepmerge(target[key], source[key], options);\n } else {\n output[key] = source[key];\n }\n });\n }\n\n return output;\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = createBreakpoints;\nexports.keys = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\")); // Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\n\n\nvar keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.\n\nexports.keys = keys;\n\nfunction createBreakpoints(breakpoints) {\n var _breakpoints$values = breakpoints.values,\n values = _breakpoints$values === void 0 ? {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n } : _breakpoints$values,\n _breakpoints$unit = breakpoints.unit,\n unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,\n _breakpoints$step = breakpoints.step,\n step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,\n other = (0, _objectWithoutProperties2.default)(breakpoints, [\"values\", \"unit\", \"step\"]);\n\n function up(key) {\n var value = typeof values[key] === 'number' ? values[key] : key;\n return \"@media (min-width:\".concat(value).concat(unit, \")\");\n }\n\n function down(key) {\n var endIndex = keys.indexOf(key) + 1;\n var upperbound = values[keys[endIndex]];\n\n if (endIndex === keys.length) {\n // xl down applies to all sizes\n return up('xs');\n }\n\n var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;\n return \"@media (max-width:\".concat(value - step / 100).concat(unit, \")\");\n }\n\n function between(start, end) {\n var endIndex = keys.indexOf(end);\n\n if (endIndex === keys.length - 1) {\n return up(start);\n }\n\n return \"@media (min-width:\".concat(typeof values[start] === 'number' ? values[start] : start).concat(unit, \") and \") + \"(max-width:\".concat((endIndex !== -1 && typeof values[keys[endIndex + 1]] === 'number' ? values[keys[endIndex + 1]] : end) - step / 100).concat(unit, \")\");\n }\n\n function only(key) {\n return between(key, key);\n }\n\n var warnedOnce = false;\n\n function width(key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.warn([\"Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.\", 'Use the `theme.breakpoints.values` instead.'].join('\\n'));\n }\n }\n\n return values[key];\n }\n\n return (0, _extends2.default)({\n keys: keys,\n values: values,\n up: up,\n down: down,\n between: between,\n only: only,\n width: width\n }, other);\n}","var isarray = require('isarray');\n/**\n * Expose `pathToRegexp`.\n */\n\n\nmodule.exports = pathToRegexp;\nmodule.exports.parse = parse;\nmodule.exports.compile = compile;\nmodule.exports.tokensToFunction = tokensToFunction;\nmodule.exports.tokensToRegExp = tokensToRegExp;\n/**\n * The main path matching regexp utility.\n *\n * @type {RegExp}\n */\n\nvar PATH_REGEXP = new RegExp([// Match escaped characters that would otherwise appear in future matches.\n// This allows the user to escape special characters that won't transform.\n'(\\\\\\\\.)', // Match Express-style parameters and un-named parameters with a prefix\n// and optional suffixes. Matches appear as:\n//\n// \"/:test(\\\\d+)?\" => [\"/\", \"test\", \"\\d+\", undefined, \"?\", undefined]\n// \"/route(\\\\d+)\" => [undefined, undefined, undefined, \"\\d+\", undefined, undefined]\n// \"/*\" => [\"/\", undefined, undefined, undefined, undefined, \"*\"]\n'([\\\\/.])?(?:(?:\\\\:(\\\\w+)(?:\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))?|\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))([+*?])?|(\\\\*))'].join('|'), 'g');\n/**\n * Parse a string for the raw tokens.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!Array}\n */\n\nfunction parse(str, options) {\n var tokens = [];\n var key = 0;\n var index = 0;\n var path = '';\n var defaultDelimiter = options && options.delimiter || '/';\n var res;\n\n while ((res = PATH_REGEXP.exec(str)) != null) {\n var m = res[0];\n var escaped = res[1];\n var offset = res.index;\n path += str.slice(index, offset);\n index = offset + m.length; // Ignore already escaped sequences.\n\n if (escaped) {\n path += escaped[1];\n continue;\n }\n\n var next = str[index];\n var prefix = res[2];\n var name = res[3];\n var capture = res[4];\n var group = res[5];\n var modifier = res[6];\n var asterisk = res[7]; // Push the current path onto the tokens.\n\n if (path) {\n tokens.push(path);\n path = '';\n }\n\n var partial = prefix != null && next != null && next !== prefix;\n var repeat = modifier === '+' || modifier === '*';\n var optional = modifier === '?' || modifier === '*';\n var delimiter = res[2] || defaultDelimiter;\n var pattern = capture || group;\n tokens.push({\n name: name || key++,\n prefix: prefix || '',\n delimiter: delimiter,\n optional: optional,\n repeat: repeat,\n partial: partial,\n asterisk: !!asterisk,\n pattern: pattern ? escapeGroup(pattern) : asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?'\n });\n } // Match any characters still remaining.\n\n\n if (index < str.length) {\n path += str.substr(index);\n } // If the path exists, push it onto the end.\n\n\n if (path) {\n tokens.push(path);\n }\n\n return tokens;\n}\n/**\n * Compile a string to a template function for the path.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!function(Object=, Object=)}\n */\n\n\nfunction compile(str, options) {\n return tokensToFunction(parse(str, options), options);\n}\n/**\n * Prettier encoding of URI path segments.\n *\n * @param {string}\n * @return {string}\n */\n\n\nfunction encodeURIComponentPretty(str) {\n return encodeURI(str).replace(/[\\/?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n });\n}\n/**\n * Encode the asterisk parameter. Similar to `pretty`, but allows slashes.\n *\n * @param {string}\n * @return {string}\n */\n\n\nfunction encodeAsterisk(str) {\n return encodeURI(str).replace(/[?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n });\n}\n/**\n * Expose a method for transforming tokens into the path function.\n */\n\n\nfunction tokensToFunction(tokens, options) {\n // Compile all the tokens into regexps.\n var matches = new Array(tokens.length); // Compile all the patterns before compilation.\n\n for (var i = 0; i < tokens.length; i++) {\n if (typeof tokens[i] === 'object') {\n matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options));\n }\n }\n\n return function (obj, opts) {\n var path = '';\n var data = obj || {};\n var options = opts || {};\n var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent;\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n path += token;\n continue;\n }\n\n var value = data[token.name];\n var segment;\n\n if (value == null) {\n if (token.optional) {\n // Prepend partial segment prefixes.\n if (token.partial) {\n path += token.prefix;\n }\n\n continue;\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to be defined');\n }\n }\n\n if (isarray(value)) {\n if (!token.repeat) {\n throw new TypeError('Expected \"' + token.name + '\" to not repeat, but received `' + JSON.stringify(value) + '`');\n }\n\n if (value.length === 0) {\n if (token.optional) {\n continue;\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to not be empty');\n }\n }\n\n for (var j = 0; j < value.length; j++) {\n segment = encode(value[j]);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected all \"' + token.name + '\" to match \"' + token.pattern + '\", but received `' + JSON.stringify(segment) + '`');\n }\n\n path += (j === 0 ? token.prefix : token.delimiter) + segment;\n }\n\n continue;\n }\n\n segment = token.asterisk ? encodeAsterisk(value) : encode(value);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected \"' + token.name + '\" to match \"' + token.pattern + '\", but received \"' + segment + '\"');\n }\n\n path += token.prefix + segment;\n }\n\n return path;\n };\n}\n/**\n * Escape a regular expression string.\n *\n * @param {string} str\n * @return {string}\n */\n\n\nfunction escapeString(str) {\n return str.replace(/([.+*?=^!:${}()[\\]|\\/\\\\])/g, '\\\\$1');\n}\n/**\n * Escape the capturing group by escaping special characters and meaning.\n *\n * @param {string} group\n * @return {string}\n */\n\n\nfunction escapeGroup(group) {\n return group.replace(/([=!:$\\/()])/g, '\\\\$1');\n}\n/**\n * Attach the keys as a property of the regexp.\n *\n * @param {!RegExp} re\n * @param {Array} keys\n * @return {!RegExp}\n */\n\n\nfunction attachKeys(re, keys) {\n re.keys = keys;\n return re;\n}\n/**\n * Get the flags for a regexp from the options.\n *\n * @param {Object} options\n * @return {string}\n */\n\n\nfunction flags(options) {\n return options && options.sensitive ? '' : 'i';\n}\n/**\n * Pull out keys from a regexp.\n *\n * @param {!RegExp} path\n * @param {!Array} keys\n * @return {!RegExp}\n */\n\n\nfunction regexpToRegexp(path, keys) {\n // Use a negative lookahead to match only capturing groups.\n var groups = path.source.match(/\\((?!\\?)/g);\n\n if (groups) {\n for (var i = 0; i < groups.length; i++) {\n keys.push({\n name: i,\n prefix: null,\n delimiter: null,\n optional: false,\n repeat: false,\n partial: false,\n asterisk: false,\n pattern: null\n });\n }\n }\n\n return attachKeys(path, keys);\n}\n/**\n * Transform an array into a regexp.\n *\n * @param {!Array} path\n * @param {Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\n\n\nfunction arrayToRegexp(path, keys, options) {\n var parts = [];\n\n for (var i = 0; i < path.length; i++) {\n parts.push(pathToRegexp(path[i], keys, options).source);\n }\n\n var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options));\n return attachKeys(regexp, keys);\n}\n/**\n * Create a path regexp from string input.\n *\n * @param {string} path\n * @param {!Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\n\n\nfunction stringToRegexp(path, keys, options) {\n return tokensToRegExp(parse(path, options), keys, options);\n}\n/**\n * Expose a function for taking tokens and returning a RegExp.\n *\n * @param {!Array} tokens\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\n\n\nfunction tokensToRegExp(tokens, keys, options) {\n if (!isarray(keys)) {\n options =\n /** @type {!Object} */\n keys || options;\n keys = [];\n }\n\n options = options || {};\n var strict = options.strict;\n var end = options.end !== false;\n var route = ''; // Iterate over the tokens and create our regexp string.\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n route += escapeString(token);\n } else {\n var prefix = escapeString(token.prefix);\n var capture = '(?:' + token.pattern + ')';\n keys.push(token);\n\n if (token.repeat) {\n capture += '(?:' + prefix + capture + ')*';\n }\n\n if (token.optional) {\n if (!token.partial) {\n capture = '(?:' + prefix + '(' + capture + '))?';\n } else {\n capture = prefix + '(' + capture + ')?';\n }\n } else {\n capture = prefix + '(' + capture + ')';\n }\n\n route += capture;\n }\n }\n\n var delimiter = escapeString(options.delimiter || '/');\n var endsWithDelimiter = route.slice(-delimiter.length) === delimiter; // In non-strict mode we allow a slash at the end of match. If the path to\n // match already ends with a slash, we remove it for consistency. The slash\n // is valid at the end of a path match, not in the middle. This is important\n // in non-ending mode, where \"/test/\" shouldn't match \"/test//route\".\n\n if (!strict) {\n route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?';\n }\n\n if (end) {\n route += '$';\n } else {\n // In non-ending mode, we need the capturing groups to match as much as\n // possible by using a positive lookahead to the end or next path segment.\n route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)';\n }\n\n return attachKeys(new RegExp('^' + route, flags(options)), keys);\n}\n/**\n * Normalize the given path string, returning a regular expression.\n *\n * An empty array can be passed in for the keys, which will hold the\n * placeholder key descriptions. For example, using `/user/:id`, `keys` will\n * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.\n *\n * @param {(string|RegExp|Array)} path\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\n\n\nfunction pathToRegexp(path, keys, options) {\n if (!isarray(keys)) {\n options =\n /** @type {!Object} */\n keys || options;\n keys = [];\n }\n\n options = options || {};\n\n if (path instanceof RegExp) {\n return regexpToRegexp(path,\n /** @type {!Array} */\n keys);\n }\n\n if (isarray(path)) {\n return arrayToRegexp(\n /** @type {!Array} */\n path,\n /** @type {!Array} */\n keys, options);\n }\n\n return stringToRegexp(\n /** @type {string} */\n path,\n /** @type {!Array} */\n keys, options);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _ga = _interopRequireDefault(require(\"./ga4\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nvar _default = _ga[\"default\"];\nexports[\"default\"] = _default;","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}","import { isString } from './is';\n/**\n * Given a child DOM element, returns a query-selector statement describing that\n * and its ancestors\n * e.g. [HTMLElement] => body > div > input#foo.btn[name=baz]\n * @returns generated DOM path\n */\n\nexport function htmlTreeAsString(elem, keyAttrs) {\n // try/catch both:\n // - accessing event.target (see getsentry/raven-js#838, #768)\n // - `htmlTreeAsString` because it's complex, and just accessing the DOM incorrectly\n // - can throw an exception in some circumstances.\n try {\n var currentElem = elem;\n var MAX_TRAVERSE_HEIGHT = 5;\n var MAX_OUTPUT_LEN = 80;\n var out = [];\n var height = 0;\n var len = 0;\n var separator = ' > ';\n var sepLength = separator.length;\n var nextStr = void 0; // eslint-disable-next-line no-plusplus\n\n while (currentElem && height++ < MAX_TRAVERSE_HEIGHT) {\n nextStr = _htmlElementAsString(currentElem, keyAttrs); // bail out if\n // - nextStr is the 'html' element\n // - the length of the string that would be created exceeds MAX_OUTPUT_LEN\n // (ignore this limit if we are on the first iteration)\n\n if (nextStr === 'html' || height > 1 && len + out.length * sepLength + nextStr.length >= MAX_OUTPUT_LEN) {\n break;\n }\n\n out.push(nextStr);\n len += nextStr.length;\n currentElem = currentElem.parentNode;\n }\n\n return out.reverse().join(separator);\n } catch (_oO) {\n return '';\n }\n}\n/**\n * Returns a simple, query-selector representation of a DOM element\n * e.g. [HTMLElement] => input#foo.btn[name=baz]\n * @returns generated DOM path\n */\n\nfunction _htmlElementAsString(el, keyAttrs) {\n var _a, _b;\n\n var elem = el;\n var out = [];\n var className;\n var classes;\n var key;\n var attr;\n var i;\n\n if (!elem || !elem.tagName) {\n return '';\n }\n\n out.push(elem.tagName.toLowerCase()); // Pairs of attribute keys defined in `serializeAttribute` and their values on element.\n\n var keyAttrPairs = ((_a = keyAttrs) === null || _a === void 0 ? void 0 : _a.length) ? keyAttrs.filter(function (keyAttr) {\n return elem.getAttribute(keyAttr);\n }).map(function (keyAttr) {\n return [keyAttr, elem.getAttribute(keyAttr)];\n }) : null;\n\n if ((_b = keyAttrPairs) === null || _b === void 0 ? void 0 : _b.length) {\n keyAttrPairs.forEach(function (keyAttrPair) {\n out.push(\"[\" + keyAttrPair[0] + \"=\\\"\" + keyAttrPair[1] + \"\\\"]\");\n });\n } else {\n if (elem.id) {\n out.push(\"#\" + elem.id);\n } // eslint-disable-next-line prefer-const\n\n\n className = elem.className;\n\n if (className && isString(className)) {\n classes = className.split(/\\s+/);\n\n for (i = 0; i < classes.length; i++) {\n out.push(\".\" + classes[i]);\n }\n }\n }\n\n var allowedAttrs = ['type', 'name', 'title', 'alt'];\n\n for (i = 0; i < allowedAttrs.length; i++) {\n key = allowedAttrs[i];\n attr = elem.getAttribute(key);\n\n if (attr) {\n out.push(\"[\" + key + \"=\\\"\" + attr + \"\\\"]\");\n }\n }\n\n return out.join('');\n}","import { logger } from './logger';\nimport { getGlobalObject } from './misc';\n/**\n * Tells whether current environment supports ErrorEvent objects\n * {@link supportsErrorEvent}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsErrorEvent() {\n try {\n new ErrorEvent('');\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports DOMError objects\n * {@link supportsDOMError}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsDOMError() {\n try {\n // Chrome: VM89:1 Uncaught TypeError: Failed to construct 'DOMError':\n // 1 argument required, but only 0 present.\n // @ts-ignore It really needs 1 argument, not 0.\n new DOMError('');\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports DOMException objects\n * {@link supportsDOMException}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsDOMException() {\n try {\n new DOMException('');\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports Fetch API\n * {@link supportsFetch}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsFetch() {\n if (!('fetch' in getGlobalObject())) {\n return false;\n }\n\n try {\n new Headers();\n new Request('');\n new Response();\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * isNativeFetch checks if the given function is a native implementation of fetch()\n */\n// eslint-disable-next-line @typescript-eslint/ban-types\n\nexport function isNativeFetch(func) {\n return func && /^function fetch\\(\\)\\s+\\{\\s+\\[native code\\]\\s+\\}$/.test(func.toString());\n}\n/**\n * Tells whether current environment supports Fetch API natively\n * {@link supportsNativeFetch}.\n *\n * @returns true if `window.fetch` is natively implemented, false otherwise\n */\n\nexport function supportsNativeFetch() {\n if (!supportsFetch()) {\n return false;\n }\n\n var global = getGlobalObject(); // Fast path to avoid DOM I/O\n // eslint-disable-next-line @typescript-eslint/unbound-method\n\n if (isNativeFetch(global.fetch)) {\n return true;\n } // window.fetch is implemented, but is polyfilled or already wrapped (e.g: by a chrome extension)\n // so create a \"pure\" iframe to see if that has native fetch\n\n\n var result = false;\n var doc = global.document; // eslint-disable-next-line deprecation/deprecation\n\n if (doc && typeof doc.createElement === \"function\") {\n try {\n var sandbox = doc.createElement('iframe');\n sandbox.hidden = true;\n doc.head.appendChild(sandbox);\n\n if (sandbox.contentWindow && sandbox.contentWindow.fetch) {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n result = isNativeFetch(sandbox.contentWindow.fetch);\n }\n\n doc.head.removeChild(sandbox);\n } catch (err) {\n logger.warn('Could not create sandbox iframe for pure fetch check, bailing to window.fetch: ', err);\n }\n }\n\n return result;\n}\n/**\n * Tells whether current environment supports ReportingObserver API\n * {@link supportsReportingObserver}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsReportingObserver() {\n return 'ReportingObserver' in getGlobalObject();\n}\n/**\n * Tells whether current environment supports Referrer Policy API\n * {@link supportsReferrerPolicy}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsReferrerPolicy() {\n // Despite all stars in the sky saying that Edge supports old draft syntax, aka 'never', 'always', 'origin' and 'default\n // https://caniuse.com/#feat=referrer-policy\n // It doesn't. And it throw exception instead of ignoring this parameter...\n // REF: https://github.com/getsentry/raven-js/issues/1233\n if (!supportsFetch()) {\n return false;\n }\n\n try {\n new Request('_', {\n referrerPolicy: 'origin'\n });\n return true;\n } catch (e) {\n return false;\n }\n}\n/**\n * Tells whether current environment supports History API\n * {@link supportsHistory}.\n *\n * @returns Answer to the given question.\n */\n\nexport function supportsHistory() {\n // NOTE: in Chrome App environment, touching history.pushState, *even inside\n // a try/catch block*, will cause Chrome to output an error to console.error\n // borrowed from: https://github.com/angular/angular.js/pull/13945/files\n var global = getGlobalObject();\n /* eslint-disable @typescript-eslint/no-unsafe-member-access */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n var chrome = global.chrome;\n var isChromePackagedApp = chrome && chrome.app && chrome.app.runtime;\n /* eslint-enable @typescript-eslint/no-unsafe-member-access */\n\n var hasHistoryApi = 'history' in global && !!global.history.pushState && !!global.history.replaceState;\n return !isChromePackagedApp && hasHistoryApi;\n}","// Used https://github.com/thinkloop/multi-key-cache as inspiration\nvar multiKeyStore = {\n set: function set(cache, key1, key2, value) {\n var subCache = cache.get(key1);\n\n if (!subCache) {\n subCache = new Map();\n cache.set(key1, subCache);\n }\n\n subCache.set(key2, value);\n },\n get: function get(cache, key1, key2) {\n var subCache = cache.get(key1);\n return subCache ? subCache.get(key2) : undefined;\n },\n delete: function _delete(cache, key1, key2) {\n var subCache = cache.get(key1);\n subCache.delete(key2);\n }\n};\nexport default multiKeyStore;","/* eslint-disable import/prefer-default-export */\n// Global index counter to preserve source order.\n// We create the style sheet during the creation of the component,\n// children are handled after the parents, so the order of style elements would be parent->child.\n// It is a problem though when a parent passes a className\n// which needs to override any child's styles.\n// StyleSheet of the child has a higher specificity, because of the source order.\n// So our solution is to render sheets them in the reverse order child->sheet, so\n// that parent has a higher specificity.\nvar indexCounter = -1e9;\nexport function increment() {\n indexCounter += 1;\n\n if (process.env.NODE_ENV !== 'production') {\n if (indexCounter >= 0) {\n console.warn(['Material-UI: You might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join('\\n'));\n }\n }\n\n return indexCounter;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport { deepmerge } from '@material-ui/utils';\nimport noopTheme from './noopTheme';\nexport default function getStylesCreator(stylesOrCreator) {\n var themingEnabled = typeof stylesOrCreator === 'function';\n\n if (process.env.NODE_ENV !== 'production') {\n if (_typeof(stylesOrCreator) !== 'object' && !themingEnabled) {\n console.error(['Material-UI: The `styles` argument provided is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\\n'));\n }\n }\n\n return {\n create: function create(theme, name) {\n var styles;\n\n try {\n styles = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;\n } catch (err) {\n if (process.env.NODE_ENV !== 'production') {\n if (themingEnabled === true && theme === noopTheme) {\n // TODO: prepend error message/name instead\n console.error(['Material-UI: The `styles` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\\n'));\n }\n }\n\n throw err;\n }\n\n if (!name || !theme.overrides || !theme.overrides[name]) {\n return styles;\n }\n\n var overrides = theme.overrides[name];\n\n var stylesWithOverrides = _extends({}, styles);\n\n Object.keys(overrides).forEach(function (key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!stylesWithOverrides[key]) {\n console.warn(['Material-UI: You are trying to override a style that does not exist.', \"Fix the `\".concat(key, \"` key of `theme.overrides.\").concat(name, \"`.\")].join('\\n'));\n }\n }\n\n stylesWithOverrides[key] = deepmerge(stylesWithOverrides[key], overrides[key]);\n });\n return stylesWithOverrides;\n },\n options: {}\n };\n}","// We use the same empty object to ref count the styles that don't need a theme object.\nvar noopTheme = {};\nexport default noopTheme;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport { getDynamicStyles } from 'jss';\nimport mergeClasses from '../mergeClasses';\nimport multiKeyStore from './multiKeyStore';\nimport useTheme from '../useTheme';\nimport { StylesContext } from '../StylesProvider';\nimport { increment } from './indexCounter';\nimport getStylesCreator from '../getStylesCreator';\nimport noopTheme from '../getStylesCreator/noopTheme';\n\nfunction getClasses(_ref, classes, Component) {\n var state = _ref.state,\n stylesOptions = _ref.stylesOptions;\n\n if (stylesOptions.disableGeneration) {\n return classes || {};\n }\n\n if (!state.cacheClasses) {\n state.cacheClasses = {\n // Cache for the finalized classes value.\n value: null,\n // Cache for the last used classes prop pointer.\n lastProp: null,\n // Cache for the last used rendered classes pointer.\n lastJSS: {}\n };\n } // Tracks if either the rendered classes or classes prop has changed,\n // requiring the generation of a new finalized classes object.\n\n\n var generate = false;\n\n if (state.classes !== state.cacheClasses.lastJSS) {\n state.cacheClasses.lastJSS = state.classes;\n generate = true;\n }\n\n if (classes !== state.cacheClasses.lastProp) {\n state.cacheClasses.lastProp = classes;\n generate = true;\n }\n\n if (generate) {\n state.cacheClasses.value = mergeClasses({\n baseClasses: state.cacheClasses.lastJSS,\n newClasses: classes,\n Component: Component\n });\n }\n\n return state.cacheClasses.value;\n}\n\nfunction attach(_ref2, props) {\n var state = _ref2.state,\n theme = _ref2.theme,\n stylesOptions = _ref2.stylesOptions,\n stylesCreator = _ref2.stylesCreator,\n name = _ref2.name;\n\n if (stylesOptions.disableGeneration) {\n return;\n }\n\n var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);\n\n if (!sheetManager) {\n sheetManager = {\n refs: 0,\n staticSheet: null,\n dynamicStyles: null\n };\n multiKeyStore.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);\n }\n\n var options = _extends({}, stylesCreator.options, stylesOptions, {\n theme: theme,\n flip: typeof stylesOptions.flip === 'boolean' ? stylesOptions.flip : theme.direction === 'rtl'\n });\n\n options.generateId = options.serverGenerateClassName || options.generateClassName;\n var sheetsRegistry = stylesOptions.sheetsRegistry;\n\n if (sheetManager.refs === 0) {\n var staticSheet;\n\n if (stylesOptions.sheetsCache) {\n staticSheet = multiKeyStore.get(stylesOptions.sheetsCache, stylesCreator, theme);\n }\n\n var styles = stylesCreator.create(theme, name);\n\n if (!staticSheet) {\n staticSheet = stylesOptions.jss.createStyleSheet(styles, _extends({\n link: false\n }, options));\n staticSheet.attach();\n\n if (stylesOptions.sheetsCache) {\n multiKeyStore.set(stylesOptions.sheetsCache, stylesCreator, theme, staticSheet);\n }\n }\n\n if (sheetsRegistry) {\n sheetsRegistry.add(staticSheet);\n }\n\n sheetManager.staticSheet = staticSheet;\n sheetManager.dynamicStyles = getDynamicStyles(styles);\n }\n\n if (sheetManager.dynamicStyles) {\n var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends({\n link: true\n }, options));\n dynamicSheet.update(props);\n dynamicSheet.attach();\n state.dynamicSheet = dynamicSheet;\n state.classes = mergeClasses({\n baseClasses: sheetManager.staticSheet.classes,\n newClasses: dynamicSheet.classes\n });\n\n if (sheetsRegistry) {\n sheetsRegistry.add(dynamicSheet);\n }\n } else {\n state.classes = sheetManager.staticSheet.classes;\n }\n\n sheetManager.refs += 1;\n}\n\nfunction update(_ref3, props) {\n var state = _ref3.state;\n\n if (state.dynamicSheet) {\n state.dynamicSheet.update(props);\n }\n}\n\nfunction detach(_ref4) {\n var state = _ref4.state,\n theme = _ref4.theme,\n stylesOptions = _ref4.stylesOptions,\n stylesCreator = _ref4.stylesCreator;\n\n if (stylesOptions.disableGeneration) {\n return;\n }\n\n var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);\n sheetManager.refs -= 1;\n var sheetsRegistry = stylesOptions.sheetsRegistry;\n\n if (sheetManager.refs === 0) {\n multiKeyStore.delete(stylesOptions.sheetsManager, stylesCreator, theme);\n stylesOptions.jss.removeStyleSheet(sheetManager.staticSheet);\n\n if (sheetsRegistry) {\n sheetsRegistry.remove(sheetManager.staticSheet);\n }\n }\n\n if (state.dynamicSheet) {\n stylesOptions.jss.removeStyleSheet(state.dynamicSheet);\n\n if (sheetsRegistry) {\n sheetsRegistry.remove(state.dynamicSheet);\n }\n }\n}\n\nfunction useSynchronousEffect(func, values) {\n var key = React.useRef([]);\n var output; // Store \"generation\" key. Just returns a new object every time\n\n var currentKey = React.useMemo(function () {\n return {};\n }, values); // eslint-disable-line react-hooks/exhaustive-deps\n // \"the first render\", or \"memo dropped the value\"\n\n if (key.current !== currentKey) {\n key.current = currentKey;\n output = func();\n }\n\n React.useEffect(function () {\n return function () {\n if (output) {\n output();\n }\n };\n }, [currentKey] // eslint-disable-line react-hooks/exhaustive-deps\n );\n}\n\nexport default function makeStyles(stylesOrCreator) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var name = options.name,\n classNamePrefixOption = options.classNamePrefix,\n Component = options.Component,\n _options$defaultTheme = options.defaultTheme,\n defaultTheme = _options$defaultTheme === void 0 ? noopTheme : _options$defaultTheme,\n stylesOptions2 = _objectWithoutProperties(options, [\"name\", \"classNamePrefix\", \"Component\", \"defaultTheme\"]);\n\n var stylesCreator = getStylesCreator(stylesOrCreator);\n var classNamePrefix = name || classNamePrefixOption || 'makeStyles';\n stylesCreator.options = {\n index: increment(),\n name: name,\n meta: classNamePrefix,\n classNamePrefix: classNamePrefix\n };\n\n var useStyles = function useStyles() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var theme = useTheme() || defaultTheme;\n\n var stylesOptions = _extends({}, React.useContext(StylesContext), stylesOptions2);\n\n var instance = React.useRef();\n var shouldUpdate = React.useRef();\n useSynchronousEffect(function () {\n var current = {\n name: name,\n state: {},\n stylesCreator: stylesCreator,\n stylesOptions: stylesOptions,\n theme: theme\n };\n attach(current, props);\n shouldUpdate.current = false;\n instance.current = current;\n return function () {\n detach(current);\n };\n }, [theme, stylesCreator]);\n React.useEffect(function () {\n if (shouldUpdate.current) {\n update(instance.current, props);\n }\n\n shouldUpdate.current = true;\n });\n var classes = getClasses(instance.current, props.classes, Component);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(classes);\n }\n\n return classes;\n };\n\n return useStyles;\n}","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n'use strict';\n/* eslint-disable no-unused-vars */\n\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n if (val === null || val === undefined) {\n throw new TypeError('Object.assign cannot be called with null or undefined');\n }\n\n return Object(val);\n}\n\nfunction shouldUseNative() {\n try {\n if (!Object.assign) {\n return false;\n } // Detect buggy property enumeration order in older V8 versions.\n // https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\n\n var test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\n test1[5] = 'de';\n\n if (Object.getOwnPropertyNames(test1)[0] === '5') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test2 = {};\n\n for (var i = 0; i < 10; i++) {\n test2['_' + String.fromCharCode(i)] = i;\n }\n\n var order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n return test2[n];\n });\n\n if (order2.join('') !== '0123456789') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test3 = {};\n 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n test3[letter] = letter;\n });\n\n if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {\n return false;\n }\n\n return true;\n } catch (err) {\n // We don't expect any of the above to throw, but better to be safe.\n return false;\n }\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n var from;\n var to = toObject(target);\n var symbols;\n\n for (var s = 1; s < arguments.length; s++) {\n from = Object(arguments[s]);\n\n for (var key in from) {\n if (hasOwnProperty.call(from, key)) {\n to[key] = from[key];\n }\n }\n\n if (getOwnPropertySymbols) {\n symbols = getOwnPropertySymbols(from);\n\n for (var i = 0; i < symbols.length; i++) {\n if (propIsEnumerable.call(from, symbols[i])) {\n to[symbols[i]] = from[symbols[i]];\n }\n }\n }\n }\n\n return to;\n};","function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nmodule.exports = _arrayLikeToArray;","import style from './style';\nimport compose from './compose';\nexport var displayPrint = style({\n prop: 'displayPrint',\n cssProperty: false,\n transform: function transform(value) {\n return {\n '@media print': {\n display: value\n }\n };\n }\n});\nexport var displayRaw = style({\n prop: 'display'\n});\nexport var overflow = style({\n prop: 'overflow'\n});\nexport var textOverflow = style({\n prop: 'textOverflow'\n});\nexport var visibility = style({\n prop: 'visibility'\n});\nexport var whiteSpace = style({\n prop: 'whiteSpace'\n});\nexport default compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);","import style from './style';\nvar boxShadow = style({\n prop: 'boxShadow',\n themeKey: 'shadows'\n});\nexport default boxShadow;","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}","function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nmodule.exports = _interopRequireDefault;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _default = {\n RESISTANCE_COEF: 0.6,\n // This value is closed to what browsers are using internally to\n // trigger a native scroll.\n UNCERTAINTY_THRESHOLD: 3 // px\n\n};\nexports.default = _default;","'use strict';\n\nObject.defineProperty(exports, '__esModule', {\n value: true\n});\n\nfunction _interopDefault(ex) {\n return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;\n}\n\nvar _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));\n\nvar _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));\n\nvar _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));\n\nvar _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));\n\nvar _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));\n\nvar _typeof = _interopDefault(require('@babel/runtime/helpers/typeof'));\n\nvar _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));\n\nvar _extends = _interopDefault(require('@babel/runtime/helpers/extends'));\n\nvar React = _interopDefault(require('react'));\n\nvar PropTypes = _interopDefault(require('prop-types'));\n\nvar warning = _interopDefault(require('warning'));\n\nfunction defineProperty(object, property, attr) {\n return Object.defineProperty(object, property, attr);\n} // Passive options\n// Inspired by https://github.com/Modernizr/Modernizr/blob/master/feature-detects/dom/passiveeventlisteners.js\n\n\nvar passiveOption = function () {\n var cache = null;\n return function () {\n if (cache !== null) {\n return cache;\n }\n\n var supportsPassiveOption = false;\n\n try {\n window.addEventListener('test', null, defineProperty({}, 'passive', {\n get: function get() {\n supportsPassiveOption = true;\n }\n }));\n } catch (err) {//\n }\n\n cache = supportsPassiveOption;\n return supportsPassiveOption;\n }();\n}();\n\nvar defaultEventOptions = {\n capture: false,\n passive: false\n};\n\nfunction mergeDefaultEventOptions(options) {\n return _extends({}, defaultEventOptions, options);\n}\n\nfunction getEventListenerArgs(eventName, callback, options) {\n var args = [eventName, callback];\n args.push(passiveOption ? options : options.capture);\n return args;\n}\n\nfunction on(target, eventName, callback, options) {\n // eslint-disable-next-line prefer-spread\n target.addEventListener.apply(target, getEventListenerArgs(eventName, callback, options));\n}\n\nfunction off(target, eventName, callback, options) {\n // eslint-disable-next-line prefer-spread\n target.removeEventListener.apply(target, getEventListenerArgs(eventName, callback, options));\n}\n\nfunction forEachListener(props, iteratee) {\n var children = props.children,\n target = props.target,\n eventProps = _objectWithoutProperties(props, [\"children\", \"target\"]);\n\n Object.keys(eventProps).forEach(function (name) {\n if (name.substring(0, 2) !== 'on') {\n return;\n }\n\n var prop = eventProps[name];\n\n var type = _typeof(prop);\n\n var isObject = type === 'object';\n var isFunction = type === 'function';\n\n if (!isObject && !isFunction) {\n return;\n }\n\n var capture = name.substr(-7).toLowerCase() === 'capture';\n var eventName = name.substring(2).toLowerCase();\n eventName = capture ? eventName.substring(0, eventName.length - 7) : eventName;\n\n if (isObject) {\n iteratee(eventName, prop.handler, prop.options);\n } else {\n iteratee(eventName, prop, mergeDefaultEventOptions({\n capture: capture\n }));\n }\n });\n}\n\nfunction withOptions(handler, options) {\n process.env.NODE_ENV !== \"production\" ? warning(options, 'react-event-listener: should be specified options in withOptions.') : void 0;\n return {\n handler: handler,\n options: mergeDefaultEventOptions(options)\n };\n}\n\nvar EventListener = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(EventListener, _React$PureComponent);\n\n function EventListener() {\n _classCallCheck(this, EventListener);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(EventListener).apply(this, arguments));\n }\n\n _createClass(EventListener, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.applyListeners(on);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n this.applyListeners(off, prevProps);\n this.applyListeners(on);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.applyListeners(off);\n }\n }, {\n key: \"applyListeners\",\n value: function applyListeners(onOrOff) {\n var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props;\n var target = props.target;\n\n if (target) {\n var element = target;\n\n if (typeof target === 'string') {\n element = window[target];\n }\n\n forEachListener(props, onOrOff.bind(null, element));\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return this.props.children || null;\n }\n }]);\n\n return EventListener;\n}(React.PureComponent);\n\nEventListener.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * You can provide a single child too.\n */\n children: PropTypes.node,\n\n /**\n * The DOM target to listen to.\n */\n target: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired\n} : {};\nexports.withOptions = withOptions;\nexports.default = EventListener;","var freeGlobal = require('./_freeGlobal');\n/** Detect free variable `self`. */\n\n\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n/** Used as a reference to the global object. */\n\nvar root = freeGlobal || freeSelf || Function('return this')();\nmodule.exports = root;","var root = require('./_root');\n/** Built-in value references. */\n\n\nvar Symbol = root.Symbol;\nmodule.exports = Symbol;","function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nmodule.exports = _arrayLikeToArray;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports', './react-swipe'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports, require('./react-swipe'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports, global.reactSwipe);\n global.index = mod.exports;\n }\n})(this, function (exports, _reactSwipe) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n var _reactSwipe2 = _interopRequireDefault(_reactSwipe);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n exports.default = _reactSwipe2.default;\n});","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar _default = {\n ROOT: function ROOT(customClassName) {\n return (0, _classnames.default)(_defineProperty({\n 'carousel-root': true\n }, customClassName || '', !!customClassName));\n },\n CAROUSEL: function CAROUSEL(isSlider) {\n return (0, _classnames.default)({\n carousel: true,\n 'carousel-slider': isSlider\n });\n },\n WRAPPER: function WRAPPER(isSlider, axis) {\n return (0, _classnames.default)({\n 'thumbs-wrapper': !isSlider,\n 'slider-wrapper': isSlider,\n 'axis-horizontal': axis === 'horizontal',\n 'axis-vertical': axis !== 'horizontal'\n });\n },\n SLIDER: function SLIDER(isSlider, isSwiping) {\n return (0, _classnames.default)({\n thumbs: !isSlider,\n slider: isSlider,\n animated: !isSwiping\n });\n },\n ITEM: function ITEM(isSlider, selected, previous) {\n return (0, _classnames.default)({\n thumb: !isSlider,\n slide: isSlider,\n selected: selected,\n previous: previous\n });\n },\n ARROW_PREV: function ARROW_PREV(disabled) {\n return (0, _classnames.default)({\n 'control-arrow control-prev': true,\n 'control-disabled': disabled\n });\n },\n ARROW_NEXT: function ARROW_NEXT(disabled) {\n return (0, _classnames.default)({\n 'control-arrow control-next': true,\n 'control-disabled': disabled\n });\n },\n DOT: function DOT(selected) {\n return (0, _classnames.default)({\n dot: true,\n selected: selected\n });\n }\n};\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _default = function _default(position, metric, axis) {\n var positionPercent = position === 0 ? position : position + metric;\n var positionCss = axis === 'horizontal' ? [positionPercent, 0, 0] : [0, positionPercent, 0];\n var transitionProp = 'translate3d';\n var translatedPosition = '(' + positionCss.join(',') + ')';\n return transitionProp + translatedPosition;\n};\n\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _cssClasses = _interopRequireDefault(require(\"../cssClasses\"));\n\nvar _dimensions = require(\"../dimensions\");\n\nvar _CSSTranslate = _interopRequireDefault(require(\"../CSSTranslate\"));\n\nvar _reactEasySwipe = _interopRequireDefault(require(\"react-easy-swipe\"));\n\nvar _window = _interopRequireDefault(require(\"../shims/window\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n\n return cache;\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n default: obj\n };\n }\n\n var cache = _getRequireWildcardCache();\n\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n\n newObj.default = obj;\n\n if (cache) {\n cache.set(obj, newObj);\n }\n\n return newObj;\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\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}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\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\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}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\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\n return self;\n}\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\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\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}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar isKeyboardEvent = function isKeyboardEvent(e) {\n return e.hasOwnProperty('key');\n};\n\nvar Thumbs = /*#__PURE__*/function (_Component) {\n _inherits(Thumbs, _Component);\n\n var _super = _createSuper(Thumbs);\n\n function Thumbs(_props) {\n var _this;\n\n _classCallCheck(this, Thumbs);\n\n _this = _super.call(this, _props);\n\n _defineProperty(_assertThisInitialized(_this), \"itemsWrapperRef\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"itemsListRef\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"thumbsRef\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"setItemsWrapperRef\", function (node) {\n _this.itemsWrapperRef = node;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"setItemsListRef\", function (node) {\n _this.itemsListRef = node;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"setThumbsRef\", function (node, index) {\n if (!_this.thumbsRef) {\n _this.thumbsRef = [];\n }\n\n _this.thumbsRef[index] = node;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"updateSizes\", function () {\n if (!_this.props.children || !_this.itemsWrapperRef || !_this.thumbsRef) {\n return;\n }\n\n var total = _react.Children.count(_this.props.children);\n\n var wrapperSize = _this.itemsWrapperRef.clientWidth;\n var itemSize = _this.props.thumbWidth ? _this.props.thumbWidth : (0, _dimensions.outerWidth)(_this.thumbsRef[0]);\n var visibleItems = Math.floor(wrapperSize / itemSize);\n var showArrows = visibleItems < total;\n var lastPosition = showArrows ? total - visibleItems : 0;\n\n _this.setState(function (_state, props) {\n return {\n itemSize: itemSize,\n visibleItems: visibleItems,\n firstItem: showArrows ? _this.getFirstItem(props.selectedItem) : 0,\n lastPosition: lastPosition,\n showArrows: showArrows\n };\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleClickItem\", function (index, item, e) {\n if (!isKeyboardEvent(e) || e.key === 'Enter') {\n var handler = _this.props.onSelectItem;\n\n if (typeof handler === 'function') {\n handler(index, item);\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSwipeStart\", function () {\n _this.setState({\n swiping: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSwipeEnd\", function () {\n _this.setState({\n swiping: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSwipeMove\", function (delta) {\n var deltaX = delta.x;\n\n if (!_this.state.itemSize || !_this.itemsWrapperRef || !_this.state.visibleItems) {\n return false;\n }\n\n var leftBoundary = 0;\n\n var childrenLength = _react.Children.count(_this.props.children);\n\n var currentPosition = -(_this.state.firstItem * 100) / _this.state.visibleItems;\n var lastLeftItem = Math.max(childrenLength - _this.state.visibleItems, 0);\n var lastLeftBoundary = -lastLeftItem * 100 / _this.state.visibleItems; // prevent user from swiping left out of boundaries\n\n if (currentPosition === leftBoundary && deltaX > 0) {\n deltaX = 0;\n } // prevent user from swiping right out of boundaries\n\n\n if (currentPosition === lastLeftBoundary && deltaX < 0) {\n deltaX = 0;\n }\n\n var wrapperSize = _this.itemsWrapperRef.clientWidth;\n var position = currentPosition + 100 / (wrapperSize / deltaX); // if 3d isn't available we will use left to move\n\n if (_this.itemsListRef) {\n ['WebkitTransform', 'MozTransform', 'MsTransform', 'OTransform', 'transform', 'msTransform'].forEach(function (prop) {\n _this.itemsListRef.style[prop] = (0, _CSSTranslate.default)(position, '%', _this.props.axis);\n });\n }\n\n return true;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slideRight\", function (positions) {\n _this.moveTo(_this.state.firstItem - (typeof positions === 'number' ? positions : 1));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slideLeft\", function (positions) {\n _this.moveTo(_this.state.firstItem + (typeof positions === 'number' ? positions : 1));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"moveTo\", function (position) {\n // position can't be lower than 0\n position = position < 0 ? 0 : position; // position can't be higher than last postion\n\n position = position >= _this.state.lastPosition ? _this.state.lastPosition : position;\n\n _this.setState({\n firstItem: position\n });\n });\n\n _this.state = {\n selectedItem: _props.selectedItem,\n swiping: false,\n showArrows: false,\n firstItem: 0,\n visibleItems: 0,\n lastPosition: 0\n };\n return _this;\n }\n\n _createClass(Thumbs, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.setupThumbs();\n }\n }, {\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function UNSAFE_componentWillReceiveProps(props) {\n if (props.selectedItem !== this.state.selectedItem) {\n this.setState({\n selectedItem: props.selectedItem,\n firstItem: this.getFirstItem(props.selectedItem)\n });\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.props.children === prevProps.children) {\n return;\n } // This will capture any size changes for arrow adjustments etc.\n // usually in the same render cycle so we don't see any flickers\n\n\n this.updateSizes();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.destroyThumbs();\n }\n }, {\n key: \"setupThumbs\",\n value: function setupThumbs() {\n // as the widths are calculated, we need to resize\n // the carousel when the window is resized\n (0, _window.default)().addEventListener('resize', this.updateSizes); // issue #2 - image loading smaller\n\n (0, _window.default)().addEventListener('DOMContentLoaded', this.updateSizes); // when the component is rendered we need to calculate\n // the container size to adjust the responsive behaviour\n\n this.updateSizes();\n }\n }, {\n key: \"destroyThumbs\",\n value: function destroyThumbs() {\n // removing listeners\n (0, _window.default)().removeEventListener('resize', this.updateSizes);\n (0, _window.default)().removeEventListener('DOMContentLoaded', this.updateSizes);\n }\n }, {\n key: \"getFirstItem\",\n value: function getFirstItem(selectedItem) {\n var firstItem = selectedItem;\n\n if (selectedItem >= this.state.lastPosition) {\n firstItem = this.state.lastPosition;\n }\n\n if (selectedItem < this.state.firstItem + this.state.visibleItems) {\n firstItem = this.state.firstItem;\n }\n\n if (selectedItem < this.state.firstItem) {\n firstItem = selectedItem;\n }\n\n return firstItem;\n }\n }, {\n key: \"renderItems\",\n value: function renderItems() {\n var _this2 = this;\n\n return this.props.children.map(function (img, index) {\n var itemClass = _cssClasses.default.ITEM(false, index === _this2.state.selectedItem);\n\n var thumbProps = {\n key: index,\n ref: function ref(e) {\n return _this2.setThumbsRef(e, index);\n },\n className: itemClass,\n onClick: _this2.handleClickItem.bind(_this2, index, _this2.props.children[index]),\n onKeyDown: _this2.handleClickItem.bind(_this2, index, _this2.props.children[index]),\n 'aria-label': \"\".concat(_this2.props.labels.item, \" \").concat(index + 1),\n style: {\n width: _this2.props.thumbWidth\n }\n };\n return /*#__PURE__*/_react.default.createElement(\"li\", _extends({}, thumbProps, {\n role: \"button\",\n tabIndex: 0\n }), img);\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n if (!this.props.children) {\n return null;\n }\n\n var isSwipeable = _react.Children.count(this.props.children) > 1; // show left arrow?\n\n var hasPrev = this.state.showArrows && this.state.firstItem > 0; // show right arrow\n\n var hasNext = this.state.showArrows && this.state.firstItem < this.state.lastPosition; // obj to hold the transformations and styles\n\n var itemListStyles = {};\n var currentPosition = -this.state.firstItem * (this.state.itemSize || 0);\n var transformProp = (0, _CSSTranslate.default)(currentPosition, 'px', this.props.axis);\n var transitionTime = this.props.transitionTime + 'ms';\n itemListStyles = {\n WebkitTransform: transformProp,\n MozTransform: transformProp,\n MsTransform: transformProp,\n OTransform: transformProp,\n transform: transformProp,\n msTransform: transformProp,\n WebkitTransitionDuration: transitionTime,\n MozTransitionDuration: transitionTime,\n MsTransitionDuration: transitionTime,\n OTransitionDuration: transitionTime,\n transitionDuration: transitionTime,\n msTransitionDuration: transitionTime\n };\n return /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _cssClasses.default.CAROUSEL(false)\n }, /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _cssClasses.default.WRAPPER(false),\n ref: this.setItemsWrapperRef\n }, /*#__PURE__*/_react.default.createElement(\"button\", {\n type: \"button\",\n className: _cssClasses.default.ARROW_PREV(!hasPrev),\n onClick: function onClick() {\n return _this3.slideRight();\n },\n \"aria-label\": this.props.labels.leftArrow\n }), isSwipeable ? /*#__PURE__*/_react.default.createElement(_reactEasySwipe.default, {\n tagName: \"ul\",\n className: _cssClasses.default.SLIDER(false, this.state.swiping),\n onSwipeLeft: this.slideLeft,\n onSwipeRight: this.slideRight,\n onSwipeMove: this.onSwipeMove,\n onSwipeStart: this.onSwipeStart,\n onSwipeEnd: this.onSwipeEnd,\n style: itemListStyles,\n innerRef: this.setItemsListRef,\n allowMouseEvents: this.props.emulateTouch\n }, this.renderItems()) : /*#__PURE__*/_react.default.createElement(\"ul\", {\n className: _cssClasses.default.SLIDER(false, this.state.swiping),\n ref: function ref(node) {\n return _this3.setItemsListRef(node);\n },\n style: itemListStyles\n }, this.renderItems()), /*#__PURE__*/_react.default.createElement(\"button\", {\n type: \"button\",\n className: _cssClasses.default.ARROW_NEXT(!hasNext),\n onClick: function onClick() {\n return _this3.slideLeft();\n },\n \"aria-label\": this.props.labels.rightArrow\n })));\n }\n }]);\n\n return Thumbs;\n}(_react.Component);\n\nexports.default = Thumbs;\n\n_defineProperty(Thumbs, \"displayName\", 'Thumbs');\n\n_defineProperty(Thumbs, \"defaultProps\", {\n axis: 'horizontal',\n labels: {\n leftArrow: 'previous slide / item',\n rightArrow: 'next slide / item',\n item: 'slide item'\n },\n selectedItem: 0,\n thumbWidth: 80,\n transitionTime: 350\n});","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _default = function _default() {\n return window;\n};\n\nexports.default = _default;","import unsupportedIterableToArray from \"./unsupportedIterableToArray\";\nexport default function _createForOfIteratorHelper(o) {\n if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) {\n if (Array.isArray(o) || (o = unsupportedIterableToArray(o))) {\n var i = 0;\n\n var F = function F() {};\n\n return {\n s: F,\n n: function n() {\n if (i >= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n },\n e: function e(_e) {\n throw _e;\n },\n f: F\n };\n }\n\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n var it,\n normalCompletion = true,\n didErr = false,\n err;\n return {\n s: function s() {\n it = o[Symbol.iterator]();\n },\n n: function n() {\n var step = it.next();\n normalCompletion = step.done;\n return step;\n },\n e: function e(_e2) {\n didErr = true;\n err = _e2;\n },\n f: function f() {\n try {\n if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n } finally {\n if (didErr) throw err;\n }\n }\n };\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import React, { Component } from 'react';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport PropTypes from 'prop-types';\nimport warning from 'tiny-warning';\nvar MAX_SIGNED_31_BIT_INT = 1073741823;\nvar commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};\n\nfunction getUniqueId() {\n var key = '__global_unique_id__';\n return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;\n}\n\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n var handlers = [];\n return {\n on: function on(handler) {\n handlers.push(handler);\n },\n off: function off(handler) {\n handlers = handlers.filter(function (h) {\n return h !== handler;\n });\n },\n get: function get() {\n return value;\n },\n set: function set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(function (handler) {\n return handler(value, changedBits);\n });\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nfunction createReactContext(defaultValue, calculateChangedBits) {\n var _Provider$childContex, _Consumer$contextType;\n\n var contextProp = '__create-react-context-' + getUniqueId() + '__';\n\n var Provider = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Provider, _Component);\n\n function Provider() {\n var _this;\n\n _this = _Component.apply(this, arguments) || this;\n _this.emitter = createEventEmitter(_this.props.value);\n return _this;\n }\n\n var _proto = Provider.prototype;\n\n _proto.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[contextProp] = this.emitter, _ref;\n };\n\n _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n var oldValue = this.props.value;\n var newValue = nextProps.value;\n var changedBits;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0;\n } else {\n changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;\n\n if (process.env.NODE_ENV !== 'production') {\n warning((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: ' + changedBits);\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n };\n\n _proto.render = function render() {\n return this.props.children;\n };\n\n return Provider;\n }(Component);\n\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);\n\n var Consumer = /*#__PURE__*/function (_Component2) {\n _inheritsLoose(Consumer, _Component2);\n\n function Consumer() {\n var _this2;\n\n _this2 = _Component2.apply(this, arguments) || this;\n _this2.state = {\n value: _this2.getValue()\n };\n\n _this2.onUpdate = function (newValue, changedBits) {\n var observedBits = _this2.observedBits | 0;\n\n if ((observedBits & changedBits) !== 0) {\n _this2.setState({\n value: _this2.getValue()\n });\n }\n };\n\n return _this2;\n }\n\n var _proto2 = Consumer.prototype;\n\n _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var observedBits = nextProps.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentDidMount = function componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n\n var observedBits = this.props.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentWillUnmount = function componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n };\n\n _proto2.getValue = function getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n };\n\n _proto2.render = function render() {\n return onlyChild(this.props.children)(this.state.value);\n };\n\n return Consumer;\n }(Component);\n\n Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);\n return {\n Provider: Provider,\n Consumer: Consumer\n };\n}\n\nvar index = React.createContext || createReactContext;\nexport default index;","/**!\n * @fileOverview Kickass library to create and place poppers near their reference elements.\n * @version 1.16.1-lts\n * @license\n * Copyright (c) 2016 Federico Zivolo and contributors\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';\n\nvar timeoutDuration = function () {\n var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];\n\n for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {\n if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {\n return 1;\n }\n }\n\n return 0;\n}();\n\nfunction microtaskDebounce(fn) {\n var called = false;\n return function () {\n if (called) {\n return;\n }\n\n called = true;\n window.Promise.resolve().then(function () {\n called = false;\n fn();\n });\n };\n}\n\nfunction taskDebounce(fn) {\n var scheduled = false;\n return function () {\n if (!scheduled) {\n scheduled = true;\n setTimeout(function () {\n scheduled = false;\n fn();\n }, timeoutDuration);\n }\n };\n}\n\nvar supportsMicroTasks = isBrowser && window.Promise;\n/**\n* Create a debounced version of a method, that's asynchronously deferred\n* but called in the minimum time possible.\n*\n* @method\n* @memberof Popper.Utils\n* @argument {Function} fn\n* @returns {Function}\n*/\n\nvar debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;\n/**\n * Check if the given variable is a function\n * @method\n * @memberof Popper.Utils\n * @argument {Any} functionToCheck - variable to check\n * @returns {Boolean} answer to: is a function?\n */\n\nfunction isFunction(functionToCheck) {\n var getType = {};\n return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';\n}\n/**\n * Get CSS computed property of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Eement} element\n * @argument {String} property\n */\n\n\nfunction getStyleComputedProperty(element, property) {\n if (element.nodeType !== 1) {\n return [];\n } // NOTE: 1 DOM access here\n\n\n var window = element.ownerDocument.defaultView;\n var css = window.getComputedStyle(element, null);\n return property ? css[property] : css;\n}\n/**\n * Returns the parentNode or the host of the element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} parent\n */\n\n\nfunction getParentNode(element) {\n if (element.nodeName === 'HTML') {\n return element;\n }\n\n return element.parentNode || element.host;\n}\n/**\n * Returns the scrolling parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} scroll parent\n */\n\n\nfunction getScrollParent(element) {\n // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n if (!element) {\n return document.body;\n }\n\n switch (element.nodeName) {\n case 'HTML':\n case 'BODY':\n return element.ownerDocument.body;\n\n case '#document':\n return element.body;\n } // Firefox want us to check `-x` and `-y` variations as well\n\n\n var _getStyleComputedProp = getStyleComputedProperty(element),\n overflow = _getStyleComputedProp.overflow,\n overflowX = _getStyleComputedProp.overflowX,\n overflowY = _getStyleComputedProp.overflowY;\n\n if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {\n return element;\n }\n\n return getScrollParent(getParentNode(element));\n}\n/**\n * Returns the reference node of the reference object, or the reference object itself.\n * @method\n * @memberof Popper.Utils\n * @param {Element|Object} reference - the reference element (the popper will be relative to this)\n * @returns {Element} parent\n */\n\n\nfunction getReferenceNode(reference) {\n return reference && reference.referenceNode ? reference.referenceNode : reference;\n}\n\nvar isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);\nvar isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);\n/**\n * Determines if the browser is Internet Explorer\n * @method\n * @memberof Popper.Utils\n * @param {Number} version to check\n * @returns {Boolean} isIE\n */\n\nfunction isIE(version) {\n if (version === 11) {\n return isIE11;\n }\n\n if (version === 10) {\n return isIE10;\n }\n\n return isIE11 || isIE10;\n}\n/**\n * Returns the offset parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} offset parent\n */\n\n\nfunction getOffsetParent(element) {\n if (!element) {\n return document.documentElement;\n }\n\n var noOffsetParent = isIE(10) ? document.body : null; // NOTE: 1 DOM access here\n\n var offsetParent = element.offsetParent || null; // Skip hidden elements which don't have an offsetParent\n\n while (offsetParent === noOffsetParent && element.nextElementSibling) {\n offsetParent = (element = element.nextElementSibling).offsetParent;\n }\n\n var nodeName = offsetParent && offsetParent.nodeName;\n\n if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {\n return element ? element.ownerDocument.documentElement : document.documentElement;\n } // .offsetParent will return the closest TH, TD or TABLE in case\n // no offsetParent is present, I hate this job...\n\n\n if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {\n return getOffsetParent(offsetParent);\n }\n\n return offsetParent;\n}\n\nfunction isOffsetContainer(element) {\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY') {\n return false;\n }\n\n return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;\n}\n/**\n * Finds the root node (document, shadowDOM root) of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} node\n * @returns {Element} root node\n */\n\n\nfunction getRoot(node) {\n if (node.parentNode !== null) {\n return getRoot(node.parentNode);\n }\n\n return node;\n}\n/**\n * Finds the offset parent common to the two provided nodes\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element1\n * @argument {Element} element2\n * @returns {Element} common offset parent\n */\n\n\nfunction findCommonOffsetParent(element1, element2) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {\n return document.documentElement;\n } // Here we make sure to give as \"start\" the element that comes first in the DOM\n\n\n var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;\n var start = order ? element1 : element2;\n var end = order ? element2 : element1; // Get common ancestor container\n\n var range = document.createRange();\n range.setStart(start, 0);\n range.setEnd(end, 0);\n var commonAncestorContainer = range.commonAncestorContainer; // Both nodes are inside #document\n\n if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {\n if (isOffsetContainer(commonAncestorContainer)) {\n return commonAncestorContainer;\n }\n\n return getOffsetParent(commonAncestorContainer);\n } // one of the nodes is inside shadowDOM, find which one\n\n\n var element1root = getRoot(element1);\n\n if (element1root.host) {\n return findCommonOffsetParent(element1root.host, element2);\n } else {\n return findCommonOffsetParent(element1, getRoot(element2).host);\n }\n}\n/**\n * Gets the scroll value of the given element in the given side (top and left)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {String} side `top` or `left`\n * @returns {number} amount of scrolled pixels\n */\n\n\nfunction getScroll(element) {\n var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';\n var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n var html = element.ownerDocument.documentElement;\n var scrollingElement = element.ownerDocument.scrollingElement || html;\n return scrollingElement[upperSide];\n }\n\n return element[upperSide];\n}\n/*\n * Sum or subtract the element scroll values (left and top) from a given rect object\n * @method\n * @memberof Popper.Utils\n * @param {Object} rect - Rect object you want to change\n * @param {HTMLElement} element - The element from the function reads the scroll values\n * @param {Boolean} subtract - set to true if you want to subtract the scroll values\n * @return {Object} rect - The modifier rect object\n */\n\n\nfunction includeScroll(rect, element) {\n var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n var modifier = subtract ? -1 : 1;\n rect.top += scrollTop * modifier;\n rect.bottom += scrollTop * modifier;\n rect.left += scrollLeft * modifier;\n rect.right += scrollLeft * modifier;\n return rect;\n}\n/*\n * Helper to detect borders of a given element\n * @method\n * @memberof Popper.Utils\n * @param {CSSStyleDeclaration} styles\n * Result of `getStyleComputedProperty` on the given element\n * @param {String} axis - `x` or `y`\n * @return {number} borders - The borders size of the given axis\n */\n\n\nfunction getBordersSize(styles, axis) {\n var sideA = axis === 'x' ? 'Left' : 'Top';\n var sideB = sideA === 'Left' ? 'Right' : 'Bottom';\n return parseFloat(styles['border' + sideA + 'Width']) + parseFloat(styles['border' + sideB + 'Width']);\n}\n\nfunction getSize(axis, body, html, computedStyle) {\n return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);\n}\n\nfunction getWindowSizes(document) {\n var body = document.body;\n var html = document.documentElement;\n var computedStyle = isIE(10) && getComputedStyle(html);\n return {\n height: getSize('Height', body, html, computedStyle),\n width: getSize('Width', body, html, computedStyle)\n };\n}\n\nvar classCallCheck = function classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\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\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar defineProperty = function defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n};\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n/**\n * Given element offsets, generate an output similar to getBoundingClientRect\n * @method\n * @memberof Popper.Utils\n * @argument {Object} offsets\n * @returns {Object} ClientRect like output\n */\n\n\nfunction getClientRect(offsets) {\n return _extends({}, offsets, {\n right: offsets.left + offsets.width,\n bottom: offsets.top + offsets.height\n });\n}\n/**\n * Get bounding client rect of given element\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} element\n * @return {Object} client rect\n */\n\n\nfunction getBoundingClientRect(element) {\n var rect = {}; // IE10 10 FIX: Please, don't ask, the element isn't\n // considered in DOM in some circumstances...\n // This isn't reproducible in IE10 compatibility mode of IE11\n\n try {\n if (isIE(10)) {\n rect = element.getBoundingClientRect();\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n rect.top += scrollTop;\n rect.left += scrollLeft;\n rect.bottom += scrollTop;\n rect.right += scrollLeft;\n } else {\n rect = element.getBoundingClientRect();\n }\n } catch (e) {}\n\n var result = {\n left: rect.left,\n top: rect.top,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top\n }; // subtract scrollbar size from sizes\n\n var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};\n var width = sizes.width || element.clientWidth || result.width;\n var height = sizes.height || element.clientHeight || result.height;\n var horizScrollbar = element.offsetWidth - width;\n var vertScrollbar = element.offsetHeight - height; // if an hypothetical scrollbar is detected, we must be sure it's not a `border`\n // we make this check conditional for performance reasons\n\n if (horizScrollbar || vertScrollbar) {\n var styles = getStyleComputedProperty(element);\n horizScrollbar -= getBordersSize(styles, 'x');\n vertScrollbar -= getBordersSize(styles, 'y');\n result.width -= horizScrollbar;\n result.height -= vertScrollbar;\n }\n\n return getClientRect(result);\n}\n\nfunction getOffsetRectRelativeToArbitraryNode(children, parent) {\n var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var isIE10 = isIE(10);\n var isHTML = parent.nodeName === 'HTML';\n var childrenRect = getBoundingClientRect(children);\n var parentRect = getBoundingClientRect(parent);\n var scrollParent = getScrollParent(children);\n var styles = getStyleComputedProperty(parent);\n var borderTopWidth = parseFloat(styles.borderTopWidth);\n var borderLeftWidth = parseFloat(styles.borderLeftWidth); // In cases where the parent is fixed, we must ignore negative scroll in offset calc\n\n if (fixedPosition && isHTML) {\n parentRect.top = Math.max(parentRect.top, 0);\n parentRect.left = Math.max(parentRect.left, 0);\n }\n\n var offsets = getClientRect({\n top: childrenRect.top - parentRect.top - borderTopWidth,\n left: childrenRect.left - parentRect.left - borderLeftWidth,\n width: childrenRect.width,\n height: childrenRect.height\n });\n offsets.marginTop = 0;\n offsets.marginLeft = 0; // Subtract margins of documentElement in case it's being used as parent\n // we do this only on HTML because it's the only element that behaves\n // differently when margins are applied to it. The margins are included in\n // the box of the documentElement, in the other cases not.\n\n if (!isIE10 && isHTML) {\n var marginTop = parseFloat(styles.marginTop);\n var marginLeft = parseFloat(styles.marginLeft);\n offsets.top -= borderTopWidth - marginTop;\n offsets.bottom -= borderTopWidth - marginTop;\n offsets.left -= borderLeftWidth - marginLeft;\n offsets.right -= borderLeftWidth - marginLeft; // Attach marginTop and marginLeft because in some circumstances we may need them\n\n offsets.marginTop = marginTop;\n offsets.marginLeft = marginLeft;\n }\n\n if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {\n offsets = includeScroll(offsets, parent);\n }\n\n return offsets;\n}\n\nfunction getViewportOffsetRectRelativeToArtbitraryNode(element) {\n var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var html = element.ownerDocument.documentElement;\n var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);\n var width = Math.max(html.clientWidth, window.innerWidth || 0);\n var height = Math.max(html.clientHeight, window.innerHeight || 0);\n var scrollTop = !excludeScroll ? getScroll(html) : 0;\n var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;\n var offset = {\n top: scrollTop - relativeOffset.top + relativeOffset.marginTop,\n left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,\n width: width,\n height: height\n };\n return getClientRect(offset);\n}\n/**\n * Check if the given element is fixed or is inside a fixed parent\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {Element} customContainer\n * @returns {Boolean} answer to \"isFixed?\"\n */\n\n\nfunction isFixed(element) {\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n return false;\n }\n\n if (getStyleComputedProperty(element, 'position') === 'fixed') {\n return true;\n }\n\n var parentNode = getParentNode(element);\n\n if (!parentNode) {\n return false;\n }\n\n return isFixed(parentNode);\n}\n/**\n * Finds the first parent of an element that has a transformed property defined\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} first transformed parent or documentElement\n */\n\n\nfunction getFixedPositionOffsetParent(element) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element || !element.parentElement || isIE()) {\n return document.documentElement;\n }\n\n var el = element.parentElement;\n\n while (el && getStyleComputedProperty(el, 'transform') === 'none') {\n el = el.parentElement;\n }\n\n return el || document.documentElement;\n}\n/**\n * Computed the boundaries limits and return them\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} popper\n * @param {HTMLElement} reference\n * @param {number} padding\n * @param {HTMLElement} boundariesElement - Element used to define the boundaries\n * @param {Boolean} fixedPosition - Is in fixed position mode\n * @returns {Object} Coordinates of the boundaries\n */\n\n\nfunction getBoundaries(popper, reference, padding, boundariesElement) {\n var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; // NOTE: 1 DOM access here\n\n var boundaries = {\n top: 0,\n left: 0\n };\n var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference)); // Handle viewport case\n\n if (boundariesElement === 'viewport') {\n boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);\n } else {\n // Handle other cases based on DOM element used as boundaries\n var boundariesNode = void 0;\n\n if (boundariesElement === 'scrollParent') {\n boundariesNode = getScrollParent(getParentNode(reference));\n\n if (boundariesNode.nodeName === 'BODY') {\n boundariesNode = popper.ownerDocument.documentElement;\n }\n } else if (boundariesElement === 'window') {\n boundariesNode = popper.ownerDocument.documentElement;\n } else {\n boundariesNode = boundariesElement;\n }\n\n var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition); // In case of HTML, we need a different computation\n\n if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {\n var _getWindowSizes = getWindowSizes(popper.ownerDocument),\n height = _getWindowSizes.height,\n width = _getWindowSizes.width;\n\n boundaries.top += offsets.top - offsets.marginTop;\n boundaries.bottom = height + offsets.top;\n boundaries.left += offsets.left - offsets.marginLeft;\n boundaries.right = width + offsets.left;\n } else {\n // for all the other DOM elements, this one is good\n boundaries = offsets;\n }\n } // Add paddings\n\n\n padding = padding || 0;\n var isPaddingNumber = typeof padding === 'number';\n boundaries.left += isPaddingNumber ? padding : padding.left || 0;\n boundaries.top += isPaddingNumber ? padding : padding.top || 0;\n boundaries.right -= isPaddingNumber ? padding : padding.right || 0;\n boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;\n return boundaries;\n}\n\nfunction getArea(_ref) {\n var width = _ref.width,\n height = _ref.height;\n return width * height;\n}\n/**\n * Utility used to transform the `auto` placement to the placement with more\n * available space.\n * @method\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {\n var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n if (placement.indexOf('auto') === -1) {\n return placement;\n }\n\n var boundaries = getBoundaries(popper, reference, padding, boundariesElement);\n var rects = {\n top: {\n width: boundaries.width,\n height: refRect.top - boundaries.top\n },\n right: {\n width: boundaries.right - refRect.right,\n height: boundaries.height\n },\n bottom: {\n width: boundaries.width,\n height: boundaries.bottom - refRect.bottom\n },\n left: {\n width: refRect.left - boundaries.left,\n height: boundaries.height\n }\n };\n var sortedAreas = Object.keys(rects).map(function (key) {\n return _extends({\n key: key\n }, rects[key], {\n area: getArea(rects[key])\n });\n }).sort(function (a, b) {\n return b.area - a.area;\n });\n var filteredAreas = sortedAreas.filter(function (_ref2) {\n var width = _ref2.width,\n height = _ref2.height;\n return width >= popper.clientWidth && height >= popper.clientHeight;\n });\n var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;\n var variation = placement.split('-')[1];\n return computedPlacement + (variation ? '-' + variation : '');\n}\n/**\n * Get offsets to the reference element\n * @method\n * @memberof Popper.Utils\n * @param {Object} state\n * @param {Element} popper - the popper element\n * @param {Element} reference - the reference element (the popper will be relative to this)\n * @param {Element} fixedPosition - is in fixed position mode\n * @returns {Object} An object containing the offsets which will be applied to the popper\n */\n\n\nfunction getReferenceOffsets(state, popper, reference) {\n var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;\n var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));\n return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);\n}\n/**\n * Get the outer sizes of the given element (offset size + margins)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Object} object containing width and height properties\n */\n\n\nfunction getOuterSizes(element) {\n var window = element.ownerDocument.defaultView;\n var styles = window.getComputedStyle(element);\n var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);\n var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);\n var result = {\n width: element.offsetWidth + y,\n height: element.offsetHeight + x\n };\n return result;\n}\n/**\n * Get the opposite placement of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement\n * @returns {String} flipped placement\n */\n\n\nfunction getOppositePlacement(placement) {\n var hash = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n };\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}\n/**\n * Get offsets to the popper\n * @method\n * @memberof Popper.Utils\n * @param {Object} position - CSS position the Popper will get applied\n * @param {HTMLElement} popper - the popper element\n * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)\n * @param {String} placement - one of the valid placement options\n * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper\n */\n\n\nfunction getPopperOffsets(popper, referenceOffsets, placement) {\n placement = placement.split('-')[0]; // Get popper node sizes\n\n var popperRect = getOuterSizes(popper); // Add position, width and height to our offsets object\n\n var popperOffsets = {\n width: popperRect.width,\n height: popperRect.height\n }; // depending by the popper placement we have to compute its offsets slightly differently\n\n var isHoriz = ['right', 'left'].indexOf(placement) !== -1;\n var mainSide = isHoriz ? 'top' : 'left';\n var secondarySide = isHoriz ? 'left' : 'top';\n var measurement = isHoriz ? 'height' : 'width';\n var secondaryMeasurement = !isHoriz ? 'height' : 'width';\n popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;\n\n if (placement === secondarySide) {\n popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];\n } else {\n popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];\n }\n\n return popperOffsets;\n}\n/**\n * Mimics the `find` method of Array\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\n\n\nfunction find(arr, check) {\n // use native find if supported\n if (Array.prototype.find) {\n return arr.find(check);\n } // use `filter` to obtain the same behavior of `find`\n\n\n return arr.filter(check)[0];\n}\n/**\n * Return the index of the matching object\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\n\n\nfunction findIndex(arr, prop, value) {\n // use native findIndex if supported\n if (Array.prototype.findIndex) {\n return arr.findIndex(function (cur) {\n return cur[prop] === value;\n });\n } // use `find` + `indexOf` if `findIndex` isn't supported\n\n\n var match = find(arr, function (obj) {\n return obj[prop] === value;\n });\n return arr.indexOf(match);\n}\n/**\n * Loop trough the list of modifiers and run them in order,\n * each of them will then edit the data object.\n * @method\n * @memberof Popper.Utils\n * @param {dataObject} data\n * @param {Array} modifiers\n * @param {String} ends - Optional modifier name used as stopper\n * @returns {dataObject}\n */\n\n\nfunction runModifiers(modifiers, data, ends) {\n var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));\n modifiersToRun.forEach(function (modifier) {\n if (modifier['function']) {\n // eslint-disable-line dot-notation\n console.warn('`modifier.function` is deprecated, use `modifier.fn`!');\n }\n\n var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation\n\n if (modifier.enabled && isFunction(fn)) {\n // Add properties to offsets to make them a complete clientRect object\n // we do this before each modifier to make sure the previous one doesn't\n // mess with these values\n data.offsets.popper = getClientRect(data.offsets.popper);\n data.offsets.reference = getClientRect(data.offsets.reference);\n data = fn(data, modifier);\n }\n });\n return data;\n}\n/**\n * Updates the position of the popper, computing the new offsets and applying\n * the new style.
\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\n\n\nfunction update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n var data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {}\n }; // compute reference element offsets\n\n data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed); // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n\n data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding); // store the computed placement inside `originalPlacement`\n\n data.originalPlacement = data.placement;\n data.positionFixed = this.options.positionFixed; // compute the popper offsets\n\n data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);\n data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute'; // run the modifiers\n\n data = runModifiers(this.modifiers, data); // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\n\n\nfunction isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(function (_ref) {\n var name = _ref.name,\n enabled = _ref.enabled;\n return enabled && name === modifierName;\n });\n}\n/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\n\n\nfunction getSupportedPropertyName(property) {\n var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n var upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (var i = 0; i < prefixes.length; i++) {\n var prefix = prefixes[i];\n var toCheck = prefix ? '' + prefix + upperProp : property;\n\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n\n return null;\n}\n/**\n * Destroys the popper.\n * @method\n * @memberof Popper\n */\n\n\nfunction destroy() {\n this.state.isDestroyed = true; // touch DOM only if `applyStyle` modifier is enabled\n\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style.left = '';\n this.popper.style.right = '';\n this.popper.style.bottom = '';\n this.popper.style.willChange = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners(); // remove the popper if user explicitly asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n\n return this;\n}\n/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\n\n\nfunction getWindow(element) {\n var ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n var isBody = scrollParent.nodeName === 'BODY';\n var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, {\n passive: true\n });\n\n if (!isBody) {\n attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);\n }\n\n scrollParents.push(target);\n}\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\n\n\nfunction setupEventListeners(reference, options, state, updateBound) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, {\n passive: true\n }); // Scroll event listener on scroll parents\n\n var scrollElement = getScrollParent(reference);\n attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n return state;\n}\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\n\n\nfunction enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);\n }\n}\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\n\n\nfunction removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound); // Remove scroll event listener on scroll parents\n\n state.scrollParents.forEach(function (target) {\n target.removeEventListener('scroll', state.updateBound);\n }); // Reset state\n\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger `onUpdate` callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\n\n\nfunction disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\n\n\nfunction isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\n\n\nfunction setStyles(element, styles) {\n Object.keys(styles).forEach(function (prop) {\n var unit = ''; // add unit if the value is numeric and is one of the following\n\n if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {\n unit = 'px';\n }\n\n element.style[prop] = styles[prop] + unit;\n });\n}\n/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\n\n\nfunction setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function (prop) {\n var value = attributes[prop];\n\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\n\n\nfunction applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles); // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n\n setAttributes(data.instance.popper, data.attributes); // if arrowElement is defined and arrowStyles has some properties\n\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper\n * @param {Object} options - Popper.js options\n */\n\n\nfunction applyStyleOnLoad(reference, popper, options, modifierOptions, state) {\n // compute reference element offsets\n var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed); // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n\n var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);\n popper.setAttribute('x-placement', placement); // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n\n setStyles(popper, {\n position: options.positionFixed ? 'fixed' : 'absolute'\n });\n return options;\n}\n/**\n * @function\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Boolean} shouldRound - If the offsets should be rounded at all\n * @returns {Object} The popper's position offsets rounded\n *\n * The tale of pixel-perfect positioning. It's still not 100% perfect, but as\n * good as it can be within reason.\n * Discussion here: https://github.com/FezVrasta/popper.js/pull/715\n *\n * Low DPI screens cause a popper to be blurry if not using full pixels (Safari\n * as well on High DPI screens).\n *\n * Firefox prefers no rounding for positioning and does not have blurriness on\n * high DPI screens.\n *\n * Only horizontal placement and left/right values need to be considered.\n */\n\n\nfunction getRoundedOffsets(data, shouldRound) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var round = Math.round,\n floor = Math.floor;\n\n var noRound = function noRound(v) {\n return v;\n };\n\n var referenceWidth = round(reference.width);\n var popperWidth = round(popper.width);\n var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;\n var isVariation = data.placement.indexOf('-') !== -1;\n var sameWidthParity = referenceWidth % 2 === popperWidth % 2;\n var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;\n var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;\n var verticalToInteger = !shouldRound ? noRound : round;\n return {\n left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),\n top: verticalToInteger(popper.top),\n bottom: verticalToInteger(popper.bottom),\n right: horizontalToInteger(popper.right)\n };\n}\n\nvar isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\nfunction computeStyle(data, options) {\n var x = options.x,\n y = options.y;\n var popper = data.offsets.popper; // Remove this legacy support in Popper.js v2\n\n var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'applyStyle';\n }).gpuAcceleration;\n\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');\n }\n\n var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;\n var offsetParent = getOffsetParent(data.instance.popper);\n var offsetParentRect = getBoundingClientRect(offsetParent); // Styles\n\n var styles = {\n position: popper.position\n };\n var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);\n var sideA = x === 'bottom' ? 'top' : 'bottom';\n var sideB = y === 'right' ? 'left' : 'right'; // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n\n var prefixedProperty = getSupportedPropertyName('transform'); // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n\n var left = void 0,\n top = void 0;\n\n if (sideA === 'bottom') {\n // when offsetParent is the positioning is relative to the bottom of the screen (excluding the scrollbar)\n // and not the bottom of the html element\n if (offsetParent.nodeName === 'HTML') {\n top = -offsetParent.clientHeight + offsets.bottom;\n } else {\n top = -offsetParentRect.height + offsets.bottom;\n }\n } else {\n top = offsets.top;\n }\n\n if (sideB === 'right') {\n if (offsetParent.nodeName === 'HTML') {\n left = -offsetParent.clientWidth + offsets.right;\n } else {\n left = -offsetParentRect.width + offsets.right;\n }\n } else {\n left = offsets.left;\n }\n\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n var invertTop = sideA === 'bottom' ? -1 : 1;\n var invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = sideA + ', ' + sideB;\n } // Attributes\n\n\n var attributes = {\n 'x-placement': data.placement\n }; // Update `data` attributes, styles and arrowStyles\n\n data.attributes = _extends({}, attributes, data.attributes);\n data.styles = _extends({}, styles, data.styles);\n data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);\n return data;\n}\n/**\n * Helper used to know if the given modifier depends from another one.
\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\n\n\nfunction isModifierRequired(modifiers, requestingName, requestedName) {\n var requesting = find(modifiers, function (_ref) {\n var name = _ref.name;\n return name === requestingName;\n });\n var isRequired = !!requesting && modifiers.some(function (modifier) {\n return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;\n });\n\n if (!isRequired) {\n var _requesting = '`' + requestingName + '`';\n\n var requested = '`' + requestedName + '`';\n console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');\n }\n\n return isRequired;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction arrow(data, options) {\n var _data$offsets$arrow; // arrow depends on keepTogether in order to work\n\n\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n var arrowElement = options.element; // if arrowElement is a string, suppose it's a CSS selector\n\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement); // if arrowElement is not found, don't run the modifier\n\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn('WARNING: `arrow.element` must be child of its popper element!');\n return data;\n }\n }\n\n var placement = data.placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var isVertical = ['left', 'right'].indexOf(placement) !== -1;\n var len = isVertical ? 'height' : 'width';\n var sideCapitalized = isVertical ? 'Top' : 'Left';\n var side = sideCapitalized.toLowerCase();\n var altSide = isVertical ? 'left' : 'top';\n var opSide = isVertical ? 'bottom' : 'right';\n var arrowElementSize = getOuterSizes(arrowElement)[len]; //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjunction\n //\n // top/left side\n\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);\n } // bottom/right side\n\n\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];\n }\n\n data.offsets.popper = getClientRect(data.offsets.popper); // compute center of the popper\n\n var center = reference[side] + reference[len] / 2 - arrowElementSize / 2; // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n\n var css = getStyleComputedProperty(data.instance.popper);\n var popperMarginSide = parseFloat(css['margin' + sideCapitalized]);\n var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width']);\n var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide; // prevent arrowElement from being placed not contiguously to its popper\n\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n data.arrowElement = arrowElement;\n data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);\n return data;\n}\n/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\n\n\nfunction getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n\n return variation;\n}\n/**\n * List of accepted placements to use as values of the `placement` option.
\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.
\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-end` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\n\n\nvar placements = ['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']; // Get rid of `auto` `auto-start` and `auto-end`\n\nvar validPlacements = placements.slice(3);\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\n\nfunction clockwise(placement) {\n var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var index = validPlacements.indexOf(placement);\n var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n\nvar BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise'\n};\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\nfunction flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);\n var placement = data.placement.split('-')[0];\n var placementOpposite = getOppositePlacement(placement);\n var variation = data.placement.split('-')[1] || '';\n var flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach(function (step, index) {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n var popperOffsets = data.offsets.popper;\n var refOffsets = data.offsets.reference; // using floor because the reference offsets may contain decimals we are not going to consider here\n\n var floor = Math.floor;\n var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);\n var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);\n var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom; // flip the variation if required\n\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1; // flips variation if reference element overflows boundaries\n\n var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom); // flips variation if popper content overflows boundaries\n\n var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);\n var flippedVariation = flippedVariationByRef || flippedVariationByContent;\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : ''); // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n\n data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction keepTogether(data) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var placement = data.placement.split('-')[0];\n var floor = Math.floor;\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n var side = isVertical ? 'right' : 'bottom';\n var opSide = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];\n }\n\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\n\n\nfunction toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n var split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n var value = +split[1];\n var unit = split[2]; // If it's not a number it's an operator, I guess\n\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n var element = void 0;\n\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n var rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n var size = void 0;\n\n if (unit === 'vh') {\n size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n } else {\n size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n }\n\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\n\n\nfunction parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {\n var offsets = [0, 0]; // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n\n var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1; // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n\n var fragments = offset.split(/(\\+|\\-)/).map(function (frag) {\n return frag.trim();\n }); // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n\n var divider = fragments.indexOf(find(fragments, function (frag) {\n return frag.search(/,|\\s/) !== -1;\n }));\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');\n } // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n\n\n var splitRegex = /\\s*,\\s*|\\s+/;\n var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments]; // Convert the values with units to absolute pixels to allow our computations\n\n ops = ops.map(function (op, index) {\n // Most of the units rely on the orientation of the popper\n var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';\n var mergeWithPrevious = false;\n return op // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce(function (a, b) {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, []) // Here we convert the string values into number values (in px)\n .map(function (str) {\n return toValue(str, measurement, popperOffsets, referenceOffsets);\n });\n }); // Loop trough the offsets arrays and execute the operations\n\n ops.forEach(function (op, index) {\n op.forEach(function (frag, index2) {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction offset(data, _ref) {\n var offset = _ref.offset;\n var placement = data.placement,\n _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var basePlacement = placement.split('-')[0];\n var offsets = void 0;\n\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction preventOverflow(data, options) {\n var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper); // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n } // NOTE: DOM access here\n // resets the popper's position so that the document size can be calculated excluding\n // the size of the popper element itself\n\n\n var transformProp = getSupportedPropertyName('transform');\n var popperStyles = data.instance.popper.style; // assignment to help minification\n\n var top = popperStyles.top,\n left = popperStyles.left,\n transform = popperStyles[transformProp];\n popperStyles.top = '';\n popperStyles.left = '';\n popperStyles[transformProp] = '';\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed); // NOTE: DOM access here\n // restores the original style properties after the offsets have been computed\n\n popperStyles.top = top;\n popperStyles.left = left;\n popperStyles[transformProp] = transform;\n options.boundaries = boundaries;\n var order = options.priority;\n var popper = data.offsets.popper;\n var check = {\n primary: function primary(placement) {\n var value = popper[placement];\n\n if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n\n return defineProperty({}, placement, value);\n },\n secondary: function secondary(placement) {\n var mainSide = placement === 'right' ? 'left' : 'top';\n var value = popper[mainSide];\n\n if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {\n value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));\n }\n\n return defineProperty({}, mainSide, value);\n }\n };\n order.forEach(function (placement) {\n var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = _extends({}, popper, check[side](placement));\n });\n data.offsets.popper = popper;\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction shift(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var shiftvariation = placement.split('-')[1]; // if shift shiftvariation is specified, run the modifier\n\n if (shiftvariation) {\n var _data$offsets = data.offsets,\n reference = _data$offsets.reference,\n popper = _data$offsets.popper;\n var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n var side = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n var shiftOffsets = {\n start: defineProperty({}, side, reference[side]),\n end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])\n };\n data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);\n }\n\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n var refRect = data.offsets.reference;\n var bound = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'preventOverflow';\n }).boundaries;\n\n if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction inner(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n return data;\n}\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.
\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.
\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\n\n\nvar modifiers = {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.
\n * It will read the variation of the `placement` property.
\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: shift\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unit-less, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.
\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the `height`.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.
\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.
\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: offset,\n\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * A scenario exists where the reference itself is not within the boundaries.
\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".
\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper. This makes sure the popper always has a little padding\n * between the edges of its container\n */\n padding: 5,\n\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier. Can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent'\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near each other\n * without leaving any gap between the two. Especially useful when the arrow is\n * enabled and you want to ensure that it points to its reference element.\n * It cares only about the first axis. You can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: keepTogether\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjunction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: arrow,\n\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]'\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: flip,\n\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations)\n */\n behavior: 'flip',\n\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position.\n * The popper will never be placed outside of the defined boundaries\n * (except if `keepTogether` is enabled)\n */\n boundariesElement: 'viewport',\n\n /**\n * @prop {Boolean} flipVariations=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the reference element overlaps its boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariations: false,\n\n /**\n * @prop {Boolean} flipVariationsByContent=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the popper element overlaps its reference boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariationsByContent: false\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n\n /** @prop {ModifierFn} */\n fn: inner\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: hide\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: computeStyle,\n\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: true,\n\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right'\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define your own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: applyStyle,\n\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: undefined\n }\n};\n/**\n * The `dataObject` is an object containing all the information used by Popper.js.\n * This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n\n/**\n * Default options provided to Popper.js constructor.
\n * These can be overridden using the `options` argument of Popper.js.
\n * To override an option, simply pass an object with the same\n * structure of the `options` object, as the 3rd argument. For example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\n\nvar Defaults = {\n /**\n * Popper's placement.\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Set this to true if you want popper to position it self in 'fixed' mode\n * @prop {Boolean} positionFixed=false\n */\n positionFixed: false,\n\n /**\n * Whether events (resize, scroll) are initially enabled.\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: function onCreate() {},\n\n /**\n * Callback called when the popper is updated. This callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: function onUpdate() {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js.\n * @prop {modifiers}\n */\n modifiers: modifiers\n};\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n// Utils\n// Methods\n\nvar Popper = function () {\n /**\n * Creates a new Popper.js instance.\n * @class Popper\n * @param {Element|referenceObject} reference - The reference element used to position the popper\n * @param {Element} popper - The HTML / XML element used as the popper\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n function Popper(reference, popper) {\n var _this = this;\n\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n classCallCheck(this, Popper);\n\n this.scheduleUpdate = function () {\n return requestAnimationFrame(_this.update);\n }; // make update() debounced, so that it only runs at most once-per-tick\n\n\n this.update = debounce(this.update.bind(this)); // with {} we create a new object with the options inside it\n\n this.options = _extends({}, Popper.Defaults, options); // init state\n\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: []\n }; // get reference and popper elements (allow jQuery wrappers)\n\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper; // Deep merge modifiers options\n\n this.options.modifiers = {};\n Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {\n _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});\n }); // Refactoring modifiers' list (Object => Array)\n\n this.modifiers = Object.keys(this.options.modifiers).map(function (name) {\n return _extends({\n name: name\n }, _this.options.modifiers[name]);\n }) // sort the modifiers by order\n .sort(function (a, b) {\n return a.order - b.order;\n }); // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n\n this.modifiers.forEach(function (modifierOptions) {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);\n }\n }); // fire the first update to position the popper in the right place\n\n this.update();\n var eventsEnabled = this.options.eventsEnabled;\n\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n } // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n\n\n createClass(Popper, [{\n key: 'update',\n value: function update$$1() {\n return update.call(this);\n }\n }, {\n key: 'destroy',\n value: function destroy$$1() {\n return destroy.call(this);\n }\n }, {\n key: 'enableEventListeners',\n value: function enableEventListeners$$1() {\n return enableEventListeners.call(this);\n }\n }, {\n key: 'disableEventListeners',\n value: function disableEventListeners$$1() {\n return disableEventListeners.call(this);\n }\n /**\n * Schedules an update. It will run on the next UI update available.\n * @method scheduleUpdate\n * @memberof Popper\n */\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n\n }]);\n return Popper;\n}();\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.
\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10.\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n\n\nPopper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\nPopper.placements = placements;\nPopper.Defaults = Defaults;\nexport default Popper;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _SwipeableViews = _interopRequireDefault(require(\"./SwipeableViews\"));\n\nvar _default = _SwipeableViews.default;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"autoPlay\", {\n enumerable: true,\n get: function get() {\n return _autoPlay.default;\n }\n});\nObject.defineProperty(exports, \"bindKeyboard\", {\n enumerable: true,\n get: function get() {\n return _bindKeyboard.default;\n }\n});\nObject.defineProperty(exports, \"virtualize\", {\n enumerable: true,\n get: function get() {\n return _virtualize.default;\n }\n});\n\nvar _autoPlay = _interopRequireDefault(require(\"./autoPlay\"));\n\nvar _bindKeyboard = _interopRequireDefault(require(\"./bindKeyboard\"));\n\nvar _virtualize = _interopRequireDefault(require(\"./virtualize\"));","var debounce = require('./debounce'),\n isObject = require('./isObject');\n/** Error message constants. */\n\n\nvar FUNC_ERROR_TEXT = 'Expected a function';\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\n\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;","var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\n\nvar findScript = function findScript() {\n var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n\n for (var i = 0; i < scripts.length; i++) {\n var script = scripts[i];\n\n if (!V3_URL_REGEX.test(script.src)) {\n continue;\n }\n\n return script;\n }\n\n return null;\n};\n\nvar injectScript = function injectScript(params) {\n var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n var script = document.createElement('script');\n script.src = \"\".concat(V3_URL).concat(queryString);\n var headOrBody = document.head || document.body;\n\n if (!headOrBody) {\n throw new Error('Expected document.body not to be null. Stripe.js requires a element.');\n }\n\n headOrBody.appendChild(script);\n return script;\n};\n\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n if (!stripe || !stripe._registerWrapper) {\n return;\n }\n\n stripe._registerWrapper({\n name: 'stripe-js',\n version: \"1.17.1\",\n startTime: startTime\n });\n};\n\nvar stripePromise = null;\n\nvar loadScript = function loadScript(params) {\n // Ensure that we only attempt to load Stripe.js at most once\n if (stripePromise !== null) {\n return stripePromise;\n }\n\n stripePromise = new Promise(function (resolve, reject) {\n if (typeof window === 'undefined') {\n // Resolve to null when imported server side. This makes the module\n // safe to import in an isomorphic code base.\n resolve(null);\n return;\n }\n\n if (window.Stripe && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n }\n\n if (window.Stripe) {\n resolve(window.Stripe);\n return;\n }\n\n try {\n var script = findScript();\n\n if (script && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n } else if (!script) {\n script = injectScript(params);\n }\n\n script.addEventListener('load', function () {\n if (window.Stripe) {\n resolve(window.Stripe);\n } else {\n reject(new Error('Stripe.js not available'));\n }\n });\n script.addEventListener('error', function () {\n reject(new Error('Failed to load Stripe.js'));\n });\n } catch (error) {\n reject(error);\n return;\n }\n });\n return stripePromise;\n};\n\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n if (maybeStripe === null) {\n return null;\n }\n\n var stripe = maybeStripe.apply(undefined, args);\n registerWrapper(stripe, startTime);\n return stripe;\n}; // own script injection.\n\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n if (!loadCalled) {\n console.warn(err);\n }\n});\n\nvar loadStripe = function loadStripe() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n loadCalled = true;\n var startTime = Date.now();\n return stripePromise$1.then(function (maybeStripe) {\n return initStripe(maybeStripe, args, startTime);\n });\n};\n\nexport { loadStripe };","!function (e, t) {\n \"object\" == typeof exports && \"object\" == typeof module ? module.exports = t(require(\"react\")) : \"function\" == typeof define && define.amd ? define([\"react\"], t) : \"object\" == typeof exports ? exports.ReactCodeInput = t(require(\"react\")) : e.ReactCodeInput = t(e.react);\n}(\"undefined\" != typeof self ? self : this, function (e) {\n return function (e) {\n var t = {};\n\n function n(r) {\n if (t[r]) return t[r].exports;\n var o = t[r] = {\n i: r,\n l: !1,\n exports: {}\n };\n return e[r].call(o.exports, o, o.exports, n), o.l = !0, o.exports;\n }\n\n return n.m = e, n.c = t, n.d = function (e, t, r) {\n n.o(e, t) || Object.defineProperty(e, t, {\n enumerable: !0,\n get: r\n });\n }, n.r = function (e) {\n \"undefined\" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {\n value: \"Module\"\n }), Object.defineProperty(e, \"__esModule\", {\n value: !0\n });\n }, n.t = function (e, t) {\n if (1 & t && (e = n(e)), 8 & t) return e;\n if (4 & t && \"object\" == typeof e && e && e.__esModule) return e;\n var r = Object.create(null);\n if (n.r(r), Object.defineProperty(r, \"default\", {\n enumerable: !0,\n value: e\n }), 2 & t && \"string\" != typeof e) for (var o in e) {\n n.d(r, o, function (t) {\n return e[t];\n }.bind(null, o));\n }\n return r;\n }, n.n = function (e) {\n var t = e && e.__esModule ? function () {\n return e.default;\n } : function () {\n return e;\n };\n return n.d(t, \"a\", t), t;\n }, n.o = function (e, t) {\n return Object.prototype.hasOwnProperty.call(e, t);\n }, n.p = \"\", n(n.s = 0);\n }([function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var r = Object.assign || function (e) {\n for (var t = 1; t < arguments.length; t++) {\n var n = arguments[t];\n\n for (var r in n) {\n Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);\n }\n }\n\n return e;\n },\n o = function () {\n function e(e, t) {\n for (var n = 0; n < t.length; n++) {\n var r = t[n];\n r.enumerable = r.enumerable || !1, r.configurable = !0, \"value\" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);\n }\n }\n\n return function (t, n, r) {\n return n && e(t.prototype, n), r && e(t, r), t;\n };\n }(),\n a = n(1),\n i = p(a),\n u = p(n(2)),\n l = p(n(5)),\n s = n(6);\n\n function p(e) {\n return e && e.__esModule ? e : {\n default: e\n };\n }\n\n var f = function (e) {\n function t(e) {\n !function (e, t) {\n if (!(e instanceof t)) throw new TypeError(\"Cannot call a class as a function\");\n }(this, t);\n\n var n = function (e, t) {\n if (!e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return !t || \"object\" != typeof t && \"function\" != typeof t ? e : t;\n }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this, e)),\n r = e.fields,\n o = e.type,\n a = e.isValid,\n i = e.disabled,\n u = e.filterKeyCodes,\n l = e.forceUppercase,\n p = e.value;\n\n l && (p = p.toUpperCase()), n.state = {\n value: p,\n fields: r,\n type: o,\n input: [],\n isValid: a,\n disabled: i,\n filterKeyCodes: u,\n defaultInputStyle: {\n fontFamily: \"monospace\",\n MozAppearance: \"textfield\",\n borderRadius: \"6px\",\n border: \"1px solid\",\n boxShadow: \"0px 0px 10px 0px rgba(0,0,0,.10)\",\n margin: \"4px\",\n paddingLeft: \"8px\",\n width: \"36px\",\n height: \"42px\",\n fontSize: \"32px\",\n boxSizing: \"border-box\"\n }\n };\n\n for (var f = 0; f < Number(n.state.fields); f += 1) {\n if (f < 32) {\n var c = n.state.value[f] || \"\";\n n.state.input.push(c);\n }\n }\n\n return n.textInput = [], n.uuid = (0, s.uuidv4)(), n;\n }\n\n return function (e, t) {\n if (\"function\" != typeof t && null !== t) throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n e.prototype = Object.create(t && t.prototype, {\n constructor: {\n value: e,\n enumerable: !1,\n writable: !0,\n configurable: !0\n }\n }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);\n }(t, a.Component), o(t, [{\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function value(e) {\n this.setState({\n isValid: e.isValid,\n value: e.value,\n disabled: e.disabled\n });\n }\n }, {\n key: \"handleBlur\",\n value: function value(e) {\n this.handleTouch(e.target.value);\n }\n }, {\n key: \"handleTouch\",\n value: function value(e) {\n var t = this.props,\n n = t.touch,\n r = t.untouch,\n o = t.name;\n \"function\" == typeof n && \"function\" == typeof r && (\"\" === e ? n(o) : r(o));\n }\n }, {\n key: \"handleChange\",\n value: function value(e) {\n var t = this,\n n = this.props.filterChars,\n r = String(e.target.value);\n this.props.forceUppercase && (r = r.toUpperCase()), \"number\" === this.state.type && (r = r.replace(/[^\\d]/g, \"\"));\n var o = r = r.split(\"\").filter(function (e) {\n return !n.includes(e);\n }).join(\"\");\n\n if (\"\" !== r) {\n var a = this.state.input.slice();\n r.length > 1 ? r.split(\"\").map(function (n, r) {\n return Number(e.target.dataset.id) + r < t.props.fields && (a[Number(e.target.dataset.id) + r] = n), !1;\n }) : a[Number(e.target.dataset.id)] = r, a.map(function (e, n) {\n return t.textInput[n] && (t.textInput[n].value = e), !1;\n });\n var i = this.textInput[e.target.dataset.id < a.length ? Number(e.target.dataset.id) + 1 : e.target.dataset.id];\n i && (i.focus(), i.select()), o = a.join(\"\"), this.setState({\n value: a.join(\"\"),\n input: a\n });\n }\n\n this.props.onChange && o && this.props.onChange(o), this.handleTouch(o);\n }\n }, {\n key: \"handleKeyDown\",\n value: function value(e) {\n var t = Number(e.target.dataset.id),\n n = this.textInput[t + 1],\n r = this.textInput[t - 1],\n o = void 0,\n a = void 0;\n\n switch (this.state.filterKeyCodes.length > 0 && this.state.filterKeyCodes.map(function (t) {\n if (t === e.keyCode) return e.preventDefault(), !0;\n }), e.keyCode) {\n case 8:\n e.preventDefault(), this.textInput[t].value = \"\", (o = this.state.input.slice())[t] = \"\", a = o.join(\"\"), this.setState({\n value: a,\n input: o\n }), \"\" === this.textInput[t].value && r && (r.focus(), r.select()), this.props.onChange && this.props.onChange(a);\n break;\n\n case 37:\n e.preventDefault(), r && (r.focus(), r.select());\n break;\n\n case 39:\n e.preventDefault(), n && (n.focus(), n.select());\n break;\n\n case 38:\n case 40:\n e.preventDefault();\n break;\n\n case 69:\n if (\"number\" === e.target.type) {\n e.preventDefault();\n break;\n }\n\n }\n\n this.handleTouch(a);\n }\n }, {\n key: \"render\",\n value: function value() {\n var e = this,\n t = this.props,\n n = t.className,\n o = t.style,\n a = void 0 === o ? {} : o,\n u = t.inputStyle,\n s = void 0 === u ? {} : u,\n p = t.inputStyleInvalid,\n f = void 0 === p ? {} : p,\n c = t.type,\n d = t.autoFocus,\n h = t.pattern,\n y = t.inputMode,\n b = this.state,\n v = b.disabled,\n x = b.input,\n g = b.isValid,\n m = b.defaultInputStyle,\n O = {\n container: a,\n input: g ? s : f\n };\n return Object.assign(O.container, {\n display: \"inline-block\"\n }), n || 0 !== Object.keys(s).length || Object.assign(s, r({}, m, {\n color: \"black\",\n backgroundColor: \"white\",\n borderColor: \"lightgrey\"\n })), n || 0 !== Object.keys(f).length || Object.assign(f, r({}, m, {\n color: \"#b94a48\",\n backgroundColor: \"#f2dede\",\n borderColor: \"#eed3d7\"\n })), v && Object.assign(O.input, {\n cursor: \"not-allowed\",\n color: \"lightgrey\",\n borderColor: \"lightgrey\",\n backgroundColor: \"#efeff1\"\n }), i.default.createElement(\"div\", {\n className: (0, l.default)(n, \"react-code-input\"),\n style: O.container\n }, x.map(function (t, n) {\n return i.default.createElement(\"input\", {\n ref: function ref(t) {\n e.textInput[n] = t;\n },\n id: e.uuid + \"-\" + n,\n \"data-id\": n,\n autoFocus: d && 0 === n ? \"autoFocus\" : \"\",\n value: t,\n key: \"input_\" + n,\n type: c,\n min: 0,\n max: 9,\n maxLength: x.length === n + 1 ? 1 : x.length,\n style: O.input,\n autoComplete: \"off\",\n onFocus: function onFocus(e) {\n return e.target.select(e);\n },\n onBlur: function onBlur(t) {\n return e.handleBlur(t);\n },\n onChange: function onChange(t) {\n return e.handleChange(t);\n },\n onKeyDown: function onKeyDown(t) {\n return e.handleKeyDown(t);\n },\n disabled: v,\n \"data-valid\": g,\n pattern: h,\n inputMode: y\n });\n }));\n }\n }]), t;\n }();\n\n f.defaultProps = {\n autoFocus: !0,\n isValid: !0,\n disabled: !1,\n forceUppercase: !1,\n fields: 4,\n value: \"\",\n type: \"text\",\n filterKeyCodes: [189, 190],\n filterChars: [\"-\", \".\"]\n }, f.propTypes = {\n type: u.default.oneOf([\"text\", \"number\", \"password\", \"tel\"]),\n fields: u.default.number,\n value: u.default.string,\n onChange: u.default.func,\n name: u.default.string,\n touch: u.default.func,\n untouch: u.default.func,\n className: u.default.string,\n isValid: u.default.bool,\n disabled: u.default.bool,\n style: u.default.object,\n inputStyle: u.default.object,\n inputStyleInvalid: u.default.object,\n autoFocus: u.default.bool,\n forceUppercase: u.default.bool,\n filterKeyCodes: u.default.array,\n filterChars: u.default.array,\n pattern: u.default.string,\n inputMode: u.default.oneOf([\"verbatim\", \"latin\", \"latin-name\", \"latin-prose\", \"full-width-latin\", \"kana\", \"kana-name\", \"katakana\", \"numeric\", \"tel\", \"email\", \"url\"])\n }, t.default = f;\n }, function (t, n) {\n t.exports = e;\n }, function (e, t, n) {\n e.exports = n(3)();\n }, function (e, t, n) {\n \"use strict\";\n\n var r = n(4);\n\n function o() {}\n\n e.exports = function () {\n function e(e, t, n, o, a, i) {\n if (i !== r) {\n var u = new Error(\"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types\");\n throw u.name = \"Invariant Violation\", u;\n }\n }\n\n function t() {\n return e;\n }\n\n e.isRequired = e;\n var n = {\n array: e,\n bool: e,\n func: e,\n number: e,\n object: e,\n string: e,\n symbol: e,\n any: e,\n arrayOf: t,\n element: e,\n instanceOf: t,\n node: e,\n objectOf: t,\n oneOf: t,\n oneOfType: t,\n shape: t,\n exact: t\n };\n return n.checkPropTypes = o, n.PropTypes = n, n;\n };\n }, function (e, t, n) {\n \"use strict\";\n\n e.exports = \"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED\";\n }, function (e, t, n) {\n var r;\n /*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n */\n\n /*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n */\n\n !function () {\n \"use strict\";\n\n var n = {}.hasOwnProperty;\n\n function o() {\n for (var e = [], t = 0; t < arguments.length; t++) {\n var r = arguments[t];\n\n if (r) {\n var a = typeof r;\n if (\"string\" === a || \"number\" === a) e.push(r);else if (Array.isArray(r) && r.length) {\n var i = o.apply(null, r);\n i && e.push(i);\n } else if (\"object\" === a) for (var u in r) {\n n.call(r, u) && r[u] && e.push(u);\n }\n }\n }\n\n return e.join(\" \");\n }\n\n void 0 !== e && e.exports ? (o.default = o, e.exports = o) : void 0 === (r = function () {\n return o;\n }.apply(t, [])) || (e.exports = r);\n }();\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n t.uuidv4 = function () {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (e) {\n var t = 16 * Math.random() | 0;\n return (\"x\" === e ? t : 3 & t | 8).toString(16);\n });\n };\n }]);\n});","/*! For license information please see react-avatar.js.LICENSE.txt */\n!function (t, e) {\n \"object\" == typeof exports && \"object\" == typeof module ? module.exports = e(require(\"react\")) : \"function\" == typeof define && define.amd ? define([\"react\"], e) : \"object\" == typeof exports ? exports.reactAvatar = e(require(\"react\")) : t.reactAvatar = e(t.react);\n}(self, function (t) {\n return function () {\n var e = {\n 303: function _(t, e, i) {\n t.exports = i(302), i(200), i(630), i(16), i(677), i(635), i(166), i(140), i(922);\n },\n 635: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(677)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.ExifMap.prototype;\n e.tags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 284: \"PlanarConfiguration\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 296: \"ResolutionUnit\",\n 273: \"StripOffsets\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 513: \"JPEGInterchangeFormat\",\n 514: \"JPEGInterchangeFormatLength\",\n 301: \"TransferFunction\",\n 318: \"WhitePoint\",\n 319: \"PrimaryChromaticities\",\n 529: \"YCbCrCoefficients\",\n 532: \"ReferenceBlackWhite\",\n 306: \"DateTime\",\n 270: \"ImageDescription\",\n 271: \"Make\",\n 272: \"Model\",\n 305: \"Software\",\n 315: \"Artist\",\n 33432: \"Copyright\",\n 34665: {\n 36864: \"ExifVersion\",\n 40960: \"FlashpixVersion\",\n 40961: \"ColorSpace\",\n 40962: \"PixelXDimension\",\n 40963: \"PixelYDimension\",\n 42240: \"Gamma\",\n 37121: \"ComponentsConfiguration\",\n 37122: \"CompressedBitsPerPixel\",\n 37500: \"MakerNote\",\n 37510: \"UserComment\",\n 40964: \"RelatedSoundFile\",\n 36867: \"DateTimeOriginal\",\n 36868: \"DateTimeDigitized\",\n 36880: \"OffsetTime\",\n 36881: \"OffsetTimeOriginal\",\n 36882: \"OffsetTimeDigitized\",\n 37520: \"SubSecTime\",\n 37521: \"SubSecTimeOriginal\",\n 37522: \"SubSecTimeDigitized\",\n 33434: \"ExposureTime\",\n 33437: \"FNumber\",\n 34850: \"ExposureProgram\",\n 34852: \"SpectralSensitivity\",\n 34855: \"PhotographicSensitivity\",\n 34856: \"OECF\",\n 34864: \"SensitivityType\",\n 34865: \"StandardOutputSensitivity\",\n 34866: \"RecommendedExposureIndex\",\n 34867: \"ISOSpeed\",\n 34868: \"ISOSpeedLatitudeyyy\",\n 34869: \"ISOSpeedLatitudezzz\",\n 37377: \"ShutterSpeedValue\",\n 37378: \"ApertureValue\",\n 37379: \"BrightnessValue\",\n 37380: \"ExposureBias\",\n 37381: \"MaxApertureValue\",\n 37382: \"SubjectDistance\",\n 37383: \"MeteringMode\",\n 37384: \"LightSource\",\n 37385: \"Flash\",\n 37396: \"SubjectArea\",\n 37386: \"FocalLength\",\n 41483: \"FlashEnergy\",\n 41484: \"SpatialFrequencyResponse\",\n 41486: \"FocalPlaneXResolution\",\n 41487: \"FocalPlaneYResolution\",\n 41488: \"FocalPlaneResolutionUnit\",\n 41492: \"SubjectLocation\",\n 41493: \"ExposureIndex\",\n 41495: \"SensingMethod\",\n 41728: \"FileSource\",\n 41729: \"SceneType\",\n 41730: \"CFAPattern\",\n 41985: \"CustomRendered\",\n 41986: \"ExposureMode\",\n 41987: \"WhiteBalance\",\n 41988: \"DigitalZoomRatio\",\n 41989: \"FocalLengthIn35mmFilm\",\n 41990: \"SceneCaptureType\",\n 41991: \"GainControl\",\n 41992: \"Contrast\",\n 41993: \"Saturation\",\n 41994: \"Sharpness\",\n 41995: \"DeviceSettingDescription\",\n 41996: \"SubjectDistanceRange\",\n 42016: \"ImageUniqueID\",\n 42032: \"CameraOwnerName\",\n 42033: \"BodySerialNumber\",\n 42034: \"LensSpecification\",\n 42035: \"LensMake\",\n 42036: \"LensModel\",\n 42037: \"LensSerialNumber\"\n },\n 34853: {\n 0: \"GPSVersionID\",\n 1: \"GPSLatitudeRef\",\n 2: \"GPSLatitude\",\n 3: \"GPSLongitudeRef\",\n 4: \"GPSLongitude\",\n 5: \"GPSAltitudeRef\",\n 6: \"GPSAltitude\",\n 7: \"GPSTimeStamp\",\n 8: \"GPSSatellites\",\n 9: \"GPSStatus\",\n 10: \"GPSMeasureMode\",\n 11: \"GPSDOP\",\n 12: \"GPSSpeedRef\",\n 13: \"GPSSpeed\",\n 14: \"GPSTrackRef\",\n 15: \"GPSTrack\",\n 16: \"GPSImgDirectionRef\",\n 17: \"GPSImgDirection\",\n 18: \"GPSMapDatum\",\n 19: \"GPSDestLatitudeRef\",\n 20: \"GPSDestLatitude\",\n 21: \"GPSDestLongitudeRef\",\n 22: \"GPSDestLongitude\",\n 23: \"GPSDestBearingRef\",\n 24: \"GPSDestBearing\",\n 25: \"GPSDestDistanceRef\",\n 26: \"GPSDestDistance\",\n 27: \"GPSProcessingMethod\",\n 28: \"GPSAreaInformation\",\n 29: \"GPSDateStamp\",\n 30: \"GPSDifferential\",\n 31: \"GPSHPositioningError\"\n },\n 40965: {\n 1: \"InteroperabilityIndex\"\n }\n }, e.tags.ifd1 = e.tags, e.stringValues = {\n ExposureProgram: {\n 0: \"Undefined\",\n 1: \"Manual\",\n 2: \"Normal program\",\n 3: \"Aperture priority\",\n 4: \"Shutter priority\",\n 5: \"Creative program\",\n 6: \"Action program\",\n 7: \"Portrait mode\",\n 8: \"Landscape mode\"\n },\n MeteringMode: {\n 0: \"Unknown\",\n 1: \"Average\",\n 2: \"CenterWeightedAverage\",\n 3: \"Spot\",\n 4: \"MultiSpot\",\n 5: \"Pattern\",\n 6: \"Partial\",\n 255: \"Other\"\n },\n LightSource: {\n 0: \"Unknown\",\n 1: \"Daylight\",\n 2: \"Fluorescent\",\n 3: \"Tungsten (incandescent light)\",\n 4: \"Flash\",\n 9: \"Fine weather\",\n 10: \"Cloudy weather\",\n 11: \"Shade\",\n 12: \"Daylight fluorescent (D 5700 - 7100K)\",\n 13: \"Day white fluorescent (N 4600 - 5400K)\",\n 14: \"Cool white fluorescent (W 3900 - 4500K)\",\n 15: \"White fluorescent (WW 3200 - 3700K)\",\n 17: \"Standard light A\",\n 18: \"Standard light B\",\n 19: \"Standard light C\",\n 20: \"D55\",\n 21: \"D65\",\n 22: \"D75\",\n 23: \"D50\",\n 24: \"ISO studio tungsten\",\n 255: \"Other\"\n },\n Flash: {\n 0: \"Flash did not fire\",\n 1: \"Flash fired\",\n 5: \"Strobe return light not detected\",\n 7: \"Strobe return light detected\",\n 9: \"Flash fired, compulsory flash mode\",\n 13: \"Flash fired, compulsory flash mode, return light not detected\",\n 15: \"Flash fired, compulsory flash mode, return light detected\",\n 16: \"Flash did not fire, compulsory flash mode\",\n 24: \"Flash did not fire, auto mode\",\n 25: \"Flash fired, auto mode\",\n 29: \"Flash fired, auto mode, return light not detected\",\n 31: \"Flash fired, auto mode, return light detected\",\n 32: \"No flash function\",\n 65: \"Flash fired, red-eye reduction mode\",\n 69: \"Flash fired, red-eye reduction mode, return light not detected\",\n 71: \"Flash fired, red-eye reduction mode, return light detected\",\n 73: \"Flash fired, compulsory flash mode, red-eye reduction mode\",\n 77: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected\",\n 79: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected\",\n 89: \"Flash fired, auto mode, red-eye reduction mode\",\n 93: \"Flash fired, auto mode, return light not detected, red-eye reduction mode\",\n 95: \"Flash fired, auto mode, return light detected, red-eye reduction mode\"\n },\n SensingMethod: {\n 1: \"Undefined\",\n 2: \"One-chip color area sensor\",\n 3: \"Two-chip color area sensor\",\n 4: \"Three-chip color area sensor\",\n 5: \"Color sequential area sensor\",\n 7: \"Trilinear sensor\",\n 8: \"Color sequential linear sensor\"\n },\n SceneCaptureType: {\n 0: \"Standard\",\n 1: \"Landscape\",\n 2: \"Portrait\",\n 3: \"Night scene\"\n },\n SceneType: {\n 1: \"Directly photographed\"\n },\n CustomRendered: {\n 0: \"Normal process\",\n 1: \"Custom process\"\n },\n WhiteBalance: {\n 0: \"Auto white balance\",\n 1: \"Manual white balance\"\n },\n GainControl: {\n 0: \"None\",\n 1: \"Low gain up\",\n 2: \"High gain up\",\n 3: \"Low gain down\",\n 4: \"High gain down\"\n },\n Contrast: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n Saturation: {\n 0: \"Normal\",\n 1: \"Low saturation\",\n 2: \"High saturation\"\n },\n Sharpness: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n SubjectDistanceRange: {\n 0: \"Unknown\",\n 1: \"Macro\",\n 2: \"Close view\",\n 3: \"Distant view\"\n },\n FileSource: {\n 3: \"DSC\"\n },\n ComponentsConfiguration: {\n 0: \"\",\n 1: \"Y\",\n 2: \"Cb\",\n 3: \"Cr\",\n 4: \"R\",\n 5: \"G\",\n 6: \"B\"\n },\n Orientation: {\n 1: \"Original\",\n 2: \"Horizontal flip\",\n 3: \"Rotate 180° CCW\",\n 4: \"Vertical flip\",\n 5: \"Vertical flip + Rotate 90° CW\",\n 6: \"Rotate 90° CW\",\n 7: \"Horizontal flip + Rotate 90° CW\",\n 8: \"Rotate 90° CCW\"\n }\n }, e.getText = function (t) {\n var e = this.get(t);\n\n switch (t) {\n case \"LightSource\":\n case \"Flash\":\n case \"MeteringMode\":\n case \"ExposureProgram\":\n case \"SensingMethod\":\n case \"SceneCaptureType\":\n case \"SceneType\":\n case \"CustomRendered\":\n case \"WhiteBalance\":\n case \"GainControl\":\n case \"Contrast\":\n case \"Saturation\":\n case \"Sharpness\":\n case \"SubjectDistanceRange\":\n case \"FileSource\":\n case \"Orientation\":\n return this.stringValues[t][e];\n\n case \"ExifVersion\":\n case \"FlashpixVersion\":\n if (!e) return;\n return String.fromCharCode(e[0], e[1], e[2], e[3]);\n\n case \"ComponentsConfiguration\":\n if (!e) return;\n return this.stringValues[t][e[0]] + this.stringValues[t][e[1]] + this.stringValues[t][e[2]] + this.stringValues[t][e[3]];\n\n case \"GPSVersionID\":\n if (!e) return;\n return e[0] + \".\" + e[1] + \".\" + e[2] + \".\" + e[3];\n }\n\n return String(e);\n }, e.getAll = function () {\n var t,\n e,\n i,\n n = {};\n\n for (t in this) {\n Object.prototype.hasOwnProperty.call(this, t) && ((e = this[t]) && e.getAll ? n[this.ifds[t].name] = e.getAll() : (i = this.tags[t]) && (n[i] = this.getText(i)));\n }\n\n return n;\n }, e.getName = function (t) {\n var e = this.tags[t];\n return \"object\" == typeof e ? this.ifds[t].name : e;\n }, function () {\n var t,\n i,\n n,\n a = e.tags;\n\n for (t in a) {\n if (Object.prototype.hasOwnProperty.call(a, t)) if (i = e.ifds[t]) for (t in n = a[t]) {\n Object.prototype.hasOwnProperty.call(n, t) && (i.map[n[t]] = Number(t));\n } else e.map[a[t]] = Number(t);\n }\n }();\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 677: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n function e(t) {\n t && (Object.defineProperty(this, \"map\", {\n value: this.ifds[t].map\n }), Object.defineProperty(this, \"tags\", {\n value: this.tags && this.tags[t] || {}\n }));\n }\n\n e.prototype.map = {\n Orientation: 274,\n Thumbnail: \"ifd1\",\n Blob: 513,\n Exif: 34665,\n GPSInfo: 34853,\n Interoperability: 40965\n }, e.prototype.ifds = {\n ifd1: {\n name: \"Thumbnail\",\n map: e.prototype.map\n },\n 34665: {\n name: \"Exif\",\n map: {}\n },\n 34853: {\n name: \"GPSInfo\",\n map: {}\n },\n 40965: {\n name: \"Interoperability\",\n map: {}\n }\n }, e.prototype.get = function (t) {\n return this[t] || this[this.map[t]];\n };\n var i = {\n 1: {\n getValue: function getValue(t, e) {\n return t.getUint8(e);\n },\n size: 1\n },\n 2: {\n getValue: function getValue(t, e) {\n return String.fromCharCode(t.getUint8(e));\n },\n size: 1,\n ascii: !0\n },\n 3: {\n getValue: function getValue(t, e, i) {\n return t.getUint16(e, i);\n },\n size: 2\n },\n 4: {\n getValue: function getValue(t, e, i) {\n return t.getUint32(e, i);\n },\n size: 4\n },\n 5: {\n getValue: function getValue(t, e, i) {\n return t.getUint32(e, i) / t.getUint32(e + 4, i);\n },\n size: 8\n },\n 9: {\n getValue: function getValue(t, e, i) {\n return t.getInt32(e, i);\n },\n size: 4\n },\n 10: {\n getValue: function getValue(t, e, i) {\n return t.getInt32(e, i) / t.getInt32(e + 4, i);\n },\n size: 8\n }\n };\n\n function n(t, e, n, a, r, o) {\n var s,\n h,\n l,\n c,\n u,\n d,\n f = i[a];\n\n if (f) {\n if (!((h = (s = f.size * r) > 4 ? e + t.getUint32(n + 8, o) : n + 8) + s > t.byteLength)) {\n if (1 === r) return f.getValue(t, h, o);\n\n for (l = [], c = 0; c < r; c += 1) {\n l[c] = f.getValue(t, h + c * f.size, o);\n }\n\n if (f.ascii) {\n for (u = \"\", c = 0; c < l.length && \"\\0\" !== (d = l[c]); c += 1) {\n u += d;\n }\n\n return u;\n }\n\n return l;\n }\n\n console.log(\"Invalid Exif data: Invalid data offset.\");\n } else console.log(\"Invalid Exif data: Invalid tag type.\");\n }\n\n function a(t, e, i) {\n return (!t || t[i]) && (!e || !0 !== e[i]);\n }\n\n function r(t, e, i, r, o, s, h, l) {\n var c, u, d, f, g, p;\n if (i + 6 > t.byteLength) console.log(\"Invalid Exif data: Invalid directory offset.\");else {\n if (!((u = i + 2 + 12 * (c = t.getUint16(i, r))) + 4 > t.byteLength)) {\n for (d = 0; d < c; d += 1) {\n f = i + 2 + 12 * d, a(h, l, g = t.getUint16(f, r)) && (p = n(t, e, f, t.getUint16(f + 2, r), t.getUint32(f + 4, r), r), o[g] = p, s && (s[g] = f));\n }\n\n return t.getUint32(u, r);\n }\n\n console.log(\"Invalid Exif data: Invalid directory size.\");\n }\n }\n\n i[7] = i[1], t.parseExifData = function (i, n, o, s, h) {\n if (!h.disableExif) {\n var l,\n c,\n u,\n d = h.includeExifTags,\n f = h.excludeExifTags || {\n 34665: {\n 37500: !0\n }\n },\n g = n + 10;\n if (1165519206 === i.getUint32(n + 4)) if (g + 8 > i.byteLength) console.log(\"Invalid Exif data: Invalid segment size.\");else if (0 === i.getUint16(n + 8)) {\n switch (i.getUint16(g)) {\n case 18761:\n l = !0;\n break;\n\n case 19789:\n l = !1;\n break;\n\n default:\n return void console.log(\"Invalid Exif data: Invalid byte alignment marker.\");\n }\n\n 42 === i.getUint16(g + 2, l) ? (c = i.getUint32(g + 4, l), s.exif = new e(), h.disableExifOffsets || (s.exifOffsets = new e(), s.exifTiffOffset = g, s.exifLittleEndian = l), (c = r(i, g, g + c, l, s.exif, s.exifOffsets, d, f)) && a(d, f, \"ifd1\") && (s.exif.ifd1 = c, s.exifOffsets && (s.exifOffsets.ifd1 = g + c)), Object.keys(s.exif.ifds).forEach(function (t) {\n !function (t, i, n, a, o, s, h) {\n var l = t.exif[i];\n l && (t.exif[i] = new e(i), t.exifOffsets && (t.exifOffsets[i] = new e(i)), r(n, a, a + l, o, t.exif[i], t.exifOffsets && t.exifOffsets[i], s && s[i], h && h[i]));\n }(s, t, i, g, l, d, f);\n }), (u = s.exif.ifd1) && u[513] && (u[513] = function (e, i, n) {\n if (n) {\n if (!(i + n > e.byteLength)) return new Blob([t.bufferSlice.call(e.buffer, i, i + n)], {\n type: \"image/jpeg\"\n });\n console.log(\"Invalid Exif data: Invalid thumbnail data.\");\n }\n }(i, g + u[513], u[514]))) : console.log(\"Invalid Exif data: Missing TIFF marker.\");\n } else console.log(\"Invalid Exif data: Missing byte alignment offset.\");\n }\n }, t.metaDataParsers.jpeg[65505].push(t.parseExifData), t.exifWriters = {\n 274: function _(t, e, i) {\n var n = e.exifOffsets[274];\n return n ? (new DataView(t, n + 8, 2).setUint16(0, i, e.exifLittleEndian), t) : t;\n }\n }, t.writeExifData = function (e, i, n, a) {\n return t.exifWriters[i.exif.map[n]](e, i, a);\n }, t.ExifMap = e;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 16: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.global;\n e.fetch && e.Request && e.Response && e.Response.prototype.blob ? t.fetchBlob = function (t, i, n) {\n function a(t) {\n return t.blob();\n }\n\n if (e.Promise && \"function\" != typeof i) return fetch(new Request(t, i)).then(a);\n fetch(new Request(t, n)).then(a).then(i).catch(function (t) {\n i(null, t);\n });\n } : e.XMLHttpRequest && \"\" === new XMLHttpRequest().responseType && (t.fetchBlob = function (t, i, n) {\n function a(e, i) {\n n = n || {};\n var a = new XMLHttpRequest();\n a.open(n.method || \"GET\", t), n.headers && Object.keys(n.headers).forEach(function (t) {\n a.setRequestHeader(t, n.headers[t]);\n }), a.withCredentials = \"include\" === n.credentials, a.responseType = \"blob\", a.onload = function () {\n e(a.response);\n }, a.onerror = a.onabort = a.ontimeout = function (t) {\n e === i ? i(null, t) : i(t);\n }, a.send(n.body);\n }\n\n return e.Promise && \"function\" != typeof i ? (n = i, new Promise(a)) : a(i, i);\n });\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 140: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(166)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.IptcMap.prototype;\n e.tags = {\n 0: \"ApplicationRecordVersion\",\n 3: \"ObjectTypeReference\",\n 4: \"ObjectAttributeReference\",\n 5: \"ObjectName\",\n 7: \"EditStatus\",\n 8: \"EditorialUpdate\",\n 10: \"Urgency\",\n 12: \"SubjectReference\",\n 15: \"Category\",\n 20: \"SupplementalCategories\",\n 22: \"FixtureIdentifier\",\n 25: \"Keywords\",\n 26: \"ContentLocationCode\",\n 27: \"ContentLocationName\",\n 30: \"ReleaseDate\",\n 35: \"ReleaseTime\",\n 37: \"ExpirationDate\",\n 38: \"ExpirationTime\",\n 40: \"SpecialInstructions\",\n 42: \"ActionAdvised\",\n 45: \"ReferenceService\",\n 47: \"ReferenceDate\",\n 50: \"ReferenceNumber\",\n 55: \"DateCreated\",\n 60: \"TimeCreated\",\n 62: \"DigitalCreationDate\",\n 63: \"DigitalCreationTime\",\n 65: \"OriginatingProgram\",\n 70: \"ProgramVersion\",\n 75: \"ObjectCycle\",\n 80: \"Byline\",\n 85: \"BylineTitle\",\n 90: \"City\",\n 92: \"Sublocation\",\n 95: \"State\",\n 100: \"CountryCode\",\n 101: \"Country\",\n 103: \"OriginalTransmissionReference\",\n 105: \"Headline\",\n 110: \"Credit\",\n 115: \"Source\",\n 116: \"CopyrightNotice\",\n 118: \"Contact\",\n 120: \"Caption\",\n 121: \"LocalCaption\",\n 122: \"Writer\",\n 125: \"RasterizedCaption\",\n 130: \"ImageType\",\n 131: \"ImageOrientation\",\n 135: \"LanguageIdentifier\",\n 150: \"AudioType\",\n 151: \"AudioSamplingRate\",\n 152: \"AudioSamplingResolution\",\n 153: \"AudioDuration\",\n 154: \"AudioOutcue\",\n 184: \"JobID\",\n 185: \"MasterDocumentID\",\n 186: \"ShortDocumentID\",\n 187: \"UniqueDocumentID\",\n 188: \"OwnerID\",\n 200: \"ObjectPreviewFileFormat\",\n 201: \"ObjectPreviewFileVersion\",\n 202: \"ObjectPreviewData\",\n 221: \"Prefs\",\n 225: \"ClassifyState\",\n 228: \"SimilarityIndex\",\n 230: \"DocumentNotes\",\n 231: \"DocumentHistory\",\n 232: \"ExifCameraInfo\",\n 255: \"CatalogSets\"\n }, e.stringValues = {\n 10: {\n 0: \"0 (reserved)\",\n 1: \"1 (most urgent)\",\n 2: \"2\",\n 3: \"3\",\n 4: \"4\",\n 5: \"5 (normal urgency)\",\n 6: \"6\",\n 7: \"7\",\n 8: \"8 (least urgent)\",\n 9: \"9 (user-defined priority)\"\n },\n 75: {\n a: \"Morning\",\n b: \"Both Morning and Evening\",\n p: \"Evening\"\n },\n 131: {\n L: \"Landscape\",\n P: \"Portrait\",\n S: \"Square\"\n }\n }, e.getText = function (t) {\n var e = this.get(t),\n i = this.map[t],\n n = this.stringValues[i];\n return n ? n[e] : String(e);\n }, e.getAll = function () {\n var t,\n e,\n i = {};\n\n for (t in this) {\n Object.prototype.hasOwnProperty.call(this, t) && (e = this.tags[t]) && (i[e] = this.getText(e));\n }\n\n return i;\n }, e.getName = function (t) {\n return this.tags[t];\n }, function () {\n var t,\n i = e.tags,\n n = e.map || {};\n\n for (t in i) {\n Object.prototype.hasOwnProperty.call(i, t) && (n[i[t]] = Number(t));\n }\n }();\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 166: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n function e() {}\n\n function i(t, e, i, n, a) {\n return \"binary\" === e.types[t] ? new Blob([i.buffer.slice(n, n + a)]) : \"Uint16\" === e.types[t] ? i.getUint16(n) : function (t, e, i) {\n for (var n = \"\", a = e + i, r = e; r < a; r += 1) {\n n += String.fromCharCode(t.getUint8(r));\n }\n\n return n;\n }(i, n, a);\n }\n\n function n(t, e) {\n return void 0 === t ? e : t instanceof Array ? (t.push(e), t) : [t, e];\n }\n\n function a(t, e, a, r, o, s) {\n for (var h, l, c, u = e + a, d = e; d < u;) {\n 28 === t.getUint8(d) && 2 === t.getUint8(d + 1) && (c = t.getUint8(d + 2), o && !o[c] || s && s[c] || (l = t.getInt16(d + 3), h = i(c, r.iptc, t, d + 5, l), r.iptc[c] = n(r.iptc[c], h), r.iptcOffsets && (r.iptcOffsets[c] = d))), d += 1;\n }\n }\n\n function r(t, e) {\n return 943868237 === t.getUint32(e) && 1028 === t.getUint16(e + 4);\n }\n\n function o(t, e) {\n var i = t.getUint8(e + 7);\n return i % 2 != 0 && (i += 1), 0 === i && (i = 4), i;\n }\n\n e.prototype.map = {\n ObjectName: 5\n }, e.prototype.types = {\n 0: \"Uint16\",\n 200: \"Uint16\",\n 201: \"Uint16\",\n 202: \"binary\"\n }, e.prototype.get = function (t) {\n return this[t] || this[this.map[t]];\n }, t.parseIptcData = function (t, i, n, s, h) {\n if (!h.disableIptc) for (var l = i + n; i + 8 < l;) {\n if (r(t, i)) {\n var c = o(t, i),\n u = i + 8 + c;\n\n if (u > l) {\n console.log(\"Invalid IPTC data: Invalid segment offset.\");\n break;\n }\n\n var d = t.getUint16(i + 6 + c);\n\n if (i + d > l) {\n console.log(\"Invalid IPTC data: Invalid segment size.\");\n break;\n }\n\n return s.iptc = new e(), h.disableIptcOffsets || (s.iptcOffsets = new e()), void a(t, u, d, s, h.includeIptcTags, h.excludeIptcTags || {\n 202: !0\n });\n }\n\n i += 1;\n }\n }, t.metaDataParsers.jpeg[65517].push(t.parseIptcData), t.IptcMap = e;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 630: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.global,\n i = t.transform,\n n = e.Blob && (Blob.prototype.slice || Blob.prototype.webkitSlice || Blob.prototype.mozSlice),\n a = e.ArrayBuffer && ArrayBuffer.prototype.slice || function (t, e) {\n e = e || this.byteLength - t;\n var i = new Uint8Array(this, t, e),\n n = new Uint8Array(e);\n return n.set(i), n.buffer;\n },\n r = {\n jpeg: {\n 65505: [],\n 65517: []\n }\n };\n\n function o(i, o, s, h) {\n var l = this;\n\n function c(o, c) {\n if (!(e.DataView && n && i && i.size >= 12 && \"image/jpeg\" === i.type)) return o(h);\n var u = s.maxMetaDataSize || 262144;\n t.readFile(n.call(i, 0, u), function (t) {\n var e = new DataView(t);\n if (65496 !== e.getUint16(0)) return c(new Error(\"Invalid JPEG file: Missing JPEG marker.\"));\n\n for (var i, n, u, d, f = 2, g = e.byteLength - 4, p = f; f < g && ((i = e.getUint16(f)) >= 65504 && i <= 65519 || 65534 === i);) {\n if (f + (n = e.getUint16(f + 2) + 2) > e.byteLength) {\n console.log(\"Invalid JPEG metadata: Invalid segment size.\");\n break;\n }\n\n if ((u = r.jpeg[i]) && !s.disableMetaDataParsers) for (d = 0; d < u.length; d += 1) {\n u[d].call(l, e, f, n, h, s);\n }\n p = f += n;\n }\n\n !s.disableImageHead && p > 6 && (h.imageHead = a.call(t, 0, p)), o(h);\n }, c, \"readAsArrayBuffer\") || o(h);\n }\n\n return s = s || {}, e.Promise && \"function\" != typeof o ? (h = s = o || {}, new Promise(c)) : (h = h || {}, c(o, o));\n }\n\n function s(t, e, i) {\n return t && e && i ? new Blob([i, n.call(t, e.byteLength)], {\n type: \"image/jpeg\"\n }) : null;\n }\n\n t.transform = function (n, a, r, s, h) {\n t.requiresMetaData(a) ? o(s, function (o) {\n o !== h && (e.console && console.log(o), o = h), i.call(t, n, a, r, s, o);\n }, a, h = h || {}) : i.apply(t, arguments);\n }, t.blobSlice = n, t.bufferSlice = a, t.replaceHead = function (t, i, n) {\n var a = {\n maxMetaDataSize: 256,\n disableMetaDataParsers: !0\n };\n if (!n && e.Promise) return o(t, a).then(function (e) {\n return s(t, e.imageHead, i);\n });\n o(t, function (e) {\n n(s(t, e.imageHead, i));\n }, a);\n }, t.parseMetaData = o, t.metaDataParsers = r;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 922: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(200), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.transform,\n i = t.requiresCanvas,\n n = t.requiresMetaData,\n a = t.transformCoordinates,\n r = t.getTransformedOptions;\n\n function o(e, i) {\n var n = e && e.orientation;\n return !0 === n && !t.orientation || 1 === n && t.orientation || (!i || t.orientation) && n > 1 && n < 9;\n }\n\n function s(t, e) {\n return t !== e && (1 === t && e > 1 && e < 9 || t > 1 && t < 9);\n }\n\n function h(t, e) {\n if (e > 1 && e < 9) switch (t) {\n case 2:\n case 4:\n return e > 4;\n\n case 5:\n case 7:\n return e % 2 == 0;\n\n case 6:\n case 8:\n return 2 === e || 4 === e || 5 === e || 7 === e;\n }\n return !1;\n }\n\n (function (t) {\n if (t.global.document) {\n var e = document.createElement(\"img\");\n e.onload = function () {\n if (t.orientation = 2 === e.width && 3 === e.height, t.orientation) {\n var i = t.createCanvas(1, 1, !0).getContext(\"2d\");\n i.drawImage(e, 1, 1, 1, 1, 0, 0, 1, 1), t.orientationCropBug = \"255,255,255,255\" !== i.getImageData(0, 0, 1, 1).data.toString();\n }\n }, e.src = \"data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=\";\n }\n })(t), t.requiresCanvas = function (e) {\n return o(e) || i.call(t, e);\n }, t.requiresMetaData = function (e) {\n return o(e, !0) || n.call(t, e);\n }, t.transform = function (i, n, a, r, o) {\n e.call(t, i, n, function (e, i) {\n if (i) {\n var n = t.orientation && i.exif && i.exif.get(\"Orientation\");\n\n if (n > 4 && n < 9) {\n var r = i.originalWidth,\n o = i.originalHeight;\n i.originalWidth = o, i.originalHeight = r;\n }\n }\n\n a(e, i);\n }, r, o);\n }, t.getTransformedOptions = function (e, i, n) {\n var a = r.call(t, e, i),\n o = n.exif && n.exif.get(\"Orientation\"),\n l = a.orientation,\n c = t.orientation && o;\n if (!0 === l && (l = o), !s(l, c)) return a;\n var u = a.top,\n d = a.right,\n f = a.bottom,\n g = a.left,\n p = {};\n\n for (var v in a) {\n Object.prototype.hasOwnProperty.call(a, v) && (p[v] = a[v]);\n }\n\n if (p.orientation = l, (l > 4 && !(c > 4) || l < 5 && c > 4) && (p.maxWidth = a.maxHeight, p.maxHeight = a.maxWidth, p.minWidth = a.minHeight, p.minHeight = a.minWidth, p.sourceWidth = a.sourceHeight, p.sourceHeight = a.sourceWidth), c > 1) {\n switch (c) {\n case 2:\n d = a.left, g = a.right;\n break;\n\n case 3:\n u = a.bottom, d = a.left, f = a.top, g = a.right;\n break;\n\n case 4:\n u = a.bottom, f = a.top;\n break;\n\n case 5:\n u = a.left, d = a.bottom, f = a.right, g = a.top;\n break;\n\n case 6:\n u = a.left, d = a.top, f = a.right, g = a.bottom;\n break;\n\n case 7:\n u = a.right, d = a.top, f = a.left, g = a.bottom;\n break;\n\n case 8:\n u = a.right, d = a.bottom, f = a.left, g = a.top;\n }\n\n if (h(l, c)) {\n var m = u,\n y = d;\n u = f, d = g, f = m, g = y;\n }\n }\n\n switch (p.top = u, p.right = d, p.bottom = f, p.left = g, l) {\n case 2:\n p.right = g, p.left = d;\n break;\n\n case 3:\n p.top = f, p.right = g, p.bottom = u, p.left = d;\n break;\n\n case 4:\n p.top = f, p.bottom = u;\n break;\n\n case 5:\n p.top = g, p.right = f, p.bottom = d, p.left = u;\n break;\n\n case 6:\n p.top = d, p.right = f, p.bottom = g, p.left = u;\n break;\n\n case 7:\n p.top = d, p.right = u, p.bottom = g, p.left = f;\n break;\n\n case 8:\n p.top = g, p.right = u, p.bottom = d, p.left = f;\n }\n\n return p;\n }, t.transformCoordinates = function (e, i, n) {\n a.call(t, e, i, n);\n var r = i.orientation,\n o = t.orientation && n.exif && n.exif.get(\"Orientation\");\n\n if (s(r, o)) {\n var l = e.getContext(\"2d\"),\n c = e.width,\n u = e.height,\n d = c,\n f = u;\n\n switch ((r > 4 && !(o > 4) || r < 5 && o > 4) && (e.width = u, e.height = c), r > 4 && (d = u, f = c), o) {\n case 2:\n l.translate(d, 0), l.scale(-1, 1);\n break;\n\n case 3:\n l.translate(d, f), l.rotate(Math.PI);\n break;\n\n case 4:\n l.translate(0, f), l.scale(1, -1);\n break;\n\n case 5:\n l.rotate(-.5 * Math.PI), l.scale(-1, 1);\n break;\n\n case 6:\n l.rotate(-.5 * Math.PI), l.translate(-d, 0);\n break;\n\n case 7:\n l.rotate(-.5 * Math.PI), l.translate(-d, f), l.scale(1, -1);\n break;\n\n case 8:\n l.rotate(.5 * Math.PI), l.translate(0, -f);\n }\n\n switch (h(r, o) && (l.translate(d, f), l.rotate(Math.PI)), r) {\n case 2:\n l.translate(c, 0), l.scale(-1, 1);\n break;\n\n case 3:\n l.translate(c, u), l.rotate(Math.PI);\n break;\n\n case 4:\n l.translate(0, u), l.scale(1, -1);\n break;\n\n case 5:\n l.rotate(.5 * Math.PI), l.scale(1, -1);\n break;\n\n case 6:\n l.rotate(.5 * Math.PI), l.translate(0, -u);\n break;\n\n case 7:\n l.rotate(.5 * Math.PI), l.translate(c, -u), l.scale(-1, 1);\n break;\n\n case 8:\n l.rotate(-.5 * Math.PI), l.translate(-c, 0);\n }\n }\n };\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 200: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.transform;\n t.createCanvas = function (e, i, n) {\n if (n && t.global.OffscreenCanvas) return new OffscreenCanvas(e, i);\n var a = document.createElement(\"canvas\");\n return a.width = e, a.height = i, a;\n }, t.transform = function (i, n, a, r, o) {\n e.call(t, t.scale(i, n, o), n, a, r, o);\n }, t.transformCoordinates = function () {}, t.getTransformedOptions = function (t, e) {\n var i,\n n,\n a,\n r,\n o = e.aspectRatio;\n if (!o) return e;\n\n for (n in i = {}, e) {\n Object.prototype.hasOwnProperty.call(e, n) && (i[n] = e[n]);\n }\n\n return i.crop = !0, (a = t.naturalWidth || t.width) / (r = t.naturalHeight || t.height) > o ? (i.maxWidth = r * o, i.maxHeight = r) : (i.maxWidth = a, i.maxHeight = a / o), i;\n }, t.drawImage = function (t, e, i, n, a, r, o, s, h) {\n var l = e.getContext(\"2d\");\n return !1 === h.imageSmoothingEnabled ? (l.msImageSmoothingEnabled = !1, l.imageSmoothingEnabled = !1) : h.imageSmoothingQuality && (l.imageSmoothingQuality = h.imageSmoothingQuality), l.drawImage(t, i, n, a, r, 0, 0, o, s), l;\n }, t.requiresCanvas = function (t) {\n return t.canvas || t.crop || !!t.aspectRatio;\n }, t.scale = function (e, i, n) {\n i = i || {}, n = n || {};\n var a,\n r,\n o,\n s,\n h,\n l,\n c,\n u,\n d,\n f,\n g,\n p,\n v = e.getContext || t.requiresCanvas(i) && !!t.global.HTMLCanvasElement,\n m = e.naturalWidth || e.width,\n y = e.naturalHeight || e.height,\n b = m,\n S = y;\n\n function C() {\n var t = Math.max((o || b) / b, (s || S) / S);\n t > 1 && (b *= t, S *= t);\n }\n\n function _() {\n var t = Math.min((a || b) / b, (r || S) / S);\n t < 1 && (b *= t, S *= t);\n }\n\n if (v && (c = (i = t.getTransformedOptions(e, i, n)).left || 0, u = i.top || 0, i.sourceWidth ? (h = i.sourceWidth, void 0 !== i.right && void 0 === i.left && (c = m - h - i.right)) : h = m - c - (i.right || 0), i.sourceHeight ? (l = i.sourceHeight, void 0 !== i.bottom && void 0 === i.top && (u = y - l - i.bottom)) : l = y - u - (i.bottom || 0), b = h, S = l), a = i.maxWidth, r = i.maxHeight, o = i.minWidth, s = i.minHeight, v && a && r && i.crop ? (b = a, S = r, (g = h / l - a / r) < 0 ? (l = r * h / a, void 0 === i.top && void 0 === i.bottom && (u = (y - l) / 2)) : g > 0 && (h = a * l / r, void 0 === i.left && void 0 === i.right && (c = (m - h) / 2))) : ((i.contain || i.cover) && (o = a = a || o, s = r = r || s), i.cover ? (_(), C()) : (C(), _())), v) {\n if ((d = i.pixelRatio) > 1 && (!e.style.width || Math.floor(parseFloat(e.style.width, 10)) !== Math.floor(m / d)) && (b *= d, S *= d), t.orientationCropBug && !e.getContext && (c || u || h !== m || l !== y) && (g = e, e = t.createCanvas(m, y, !0), t.drawImage(g, e, 0, 0, m, y, m, y, i)), (f = i.downsamplingRatio) > 0 && f < 1 && b < h && S < l) for (; h * f > b;) {\n p = t.createCanvas(h * f, l * f, !0), t.drawImage(e, p, c, u, h, l, p.width, p.height, i), c = 0, u = 0, h = p.width, l = p.height, e = p;\n }\n return p = t.createCanvas(b, S), t.transformCoordinates(p, i, n), d > 1 && (p.style.width = p.width / d + \"px\"), t.drawImage(e, p, c, u, h, l, b, S, i).setTransform(1, 0, 0, 1, 0, 0), p;\n }\n\n return e.width = b, e.height = S, e;\n };\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 302: function _(t, e, i) {\n var n;\n !function (a) {\n \"use strict\";\n\n var r = a.URL || a.webkitURL;\n\n function o(t) {\n return !!r && r.createObjectURL(t);\n }\n\n function s(t) {\n return !!r && r.revokeObjectURL(t);\n }\n\n function h(t, e) {\n !t || \"blob:\" !== t.slice(0, 5) || e && e.noRevoke || s(t);\n }\n\n function l(t, e, i, n) {\n if (!a.FileReader) return !1;\n var r = new FileReader();\n r.onload = function () {\n e.call(r, this.result);\n }, i && (r.onabort = r.onerror = function () {\n i.call(r, this.error);\n });\n var o = r[n || \"readAsDataURL\"];\n return o ? (o.call(r, t), r) : void 0;\n }\n\n function c(t, e) {\n return Object.prototype.toString.call(e) === \"[object \" + t + \"]\";\n }\n\n function u(t, e, i) {\n function n(e, n) {\n var r,\n s = document.createElement(\"img\");\n\n function d(t, i) {\n e !== n ? t instanceof Error ? n(t) : ((i = i || {}).image = t, e(i)) : e && e(t, i);\n }\n\n function f(e, n) {\n n && a.console && console.log(n), e && c(\"Blob\", e) ? r = o(t = e) : (r = t, i && i.crossOrigin && (s.crossOrigin = i.crossOrigin)), s.src = r;\n }\n\n return s.onerror = function (t) {\n h(r, i), n && n.call(s, t);\n }, s.onload = function () {\n h(r, i);\n var e = {\n originalWidth: s.naturalWidth || s.width,\n originalHeight: s.naturalHeight || s.height\n };\n\n try {\n u.transform(s, i, d, t, e);\n } catch (t) {\n n && n(t);\n }\n }, \"string\" == typeof t ? (u.requiresMetaData(i) ? u.fetchBlob(t, f, i) : f(), s) : c(\"Blob\", t) || c(\"File\", t) ? (r = o(t)) ? (s.src = r, s) : l(t, function (t) {\n s.src = t;\n }, n) : void 0;\n }\n\n return a.Promise && \"function\" != typeof e ? (i = e, new Promise(n)) : n(e, e);\n }\n\n u.requiresMetaData = function (t) {\n return t && t.meta;\n }, u.fetchBlob = function (t, e) {\n e();\n }, u.transform = function (t, e, i, n, a) {\n i(t, a);\n }, u.global = a, u.readFile = l, u.isInstanceOf = c, u.createObjectURL = o, u.revokeObjectURL = s, void 0 === (n = function () {\n return u;\n }.call(e, i, e, t)) || (t.exports = n);\n }(\"undefined\" != typeof window && window || this);\n },\n 918: function _(t, e) {\n var i;\n (function () {\n var a = function a(t) {\n return t instanceof a ? t : this instanceof a ? void (this.EXIFwrapped = t) : new a(t);\n };\n\n t.exports && (e = t.exports = a), e.EXIF = a;\n var r = a.Tags = {\n 36864: \"ExifVersion\",\n 40960: \"FlashpixVersion\",\n 40961: \"ColorSpace\",\n 40962: \"PixelXDimension\",\n 40963: \"PixelYDimension\",\n 37121: \"ComponentsConfiguration\",\n 37122: \"CompressedBitsPerPixel\",\n 37500: \"MakerNote\",\n 37510: \"UserComment\",\n 40964: \"RelatedSoundFile\",\n 36867: \"DateTimeOriginal\",\n 36868: \"DateTimeDigitized\",\n 37520: \"SubsecTime\",\n 37521: \"SubsecTimeOriginal\",\n 37522: \"SubsecTimeDigitized\",\n 33434: \"ExposureTime\",\n 33437: \"FNumber\",\n 34850: \"ExposureProgram\",\n 34852: \"SpectralSensitivity\",\n 34855: \"ISOSpeedRatings\",\n 34856: \"OECF\",\n 37377: \"ShutterSpeedValue\",\n 37378: \"ApertureValue\",\n 37379: \"BrightnessValue\",\n 37380: \"ExposureBias\",\n 37381: \"MaxApertureValue\",\n 37382: \"SubjectDistance\",\n 37383: \"MeteringMode\",\n 37384: \"LightSource\",\n 37385: \"Flash\",\n 37396: \"SubjectArea\",\n 37386: \"FocalLength\",\n 41483: \"FlashEnergy\",\n 41484: \"SpatialFrequencyResponse\",\n 41486: \"FocalPlaneXResolution\",\n 41487: \"FocalPlaneYResolution\",\n 41488: \"FocalPlaneResolutionUnit\",\n 41492: \"SubjectLocation\",\n 41493: \"ExposureIndex\",\n 41495: \"SensingMethod\",\n 41728: \"FileSource\",\n 41729: \"SceneType\",\n 41730: \"CFAPattern\",\n 41985: \"CustomRendered\",\n 41986: \"ExposureMode\",\n 41987: \"WhiteBalance\",\n 41988: \"DigitalZoomRation\",\n 41989: \"FocalLengthIn35mmFilm\",\n 41990: \"SceneCaptureType\",\n 41991: \"GainControl\",\n 41992: \"Contrast\",\n 41993: \"Saturation\",\n 41994: \"Sharpness\",\n 41995: \"DeviceSettingDescription\",\n 41996: \"SubjectDistanceRange\",\n 40965: \"InteroperabilityIFDPointer\",\n 42016: \"ImageUniqueID\"\n },\n o = a.TiffTags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 34665: \"ExifIFDPointer\",\n 34853: \"GPSInfoIFDPointer\",\n 40965: \"InteroperabilityIFDPointer\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 284: \"PlanarConfiguration\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 296: \"ResolutionUnit\",\n 273: \"StripOffsets\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 513: \"JPEGInterchangeFormat\",\n 514: \"JPEGInterchangeFormatLength\",\n 301: \"TransferFunction\",\n 318: \"WhitePoint\",\n 319: \"PrimaryChromaticities\",\n 529: \"YCbCrCoefficients\",\n 532: \"ReferenceBlackWhite\",\n 306: \"DateTime\",\n 270: \"ImageDescription\",\n 271: \"Make\",\n 272: \"Model\",\n 305: \"Software\",\n 315: \"Artist\",\n 33432: \"Copyright\"\n },\n s = a.GPSTags = {\n 0: \"GPSVersionID\",\n 1: \"GPSLatitudeRef\",\n 2: \"GPSLatitude\",\n 3: \"GPSLongitudeRef\",\n 4: \"GPSLongitude\",\n 5: \"GPSAltitudeRef\",\n 6: \"GPSAltitude\",\n 7: \"GPSTimeStamp\",\n 8: \"GPSSatellites\",\n 9: \"GPSStatus\",\n 10: \"GPSMeasureMode\",\n 11: \"GPSDOP\",\n 12: \"GPSSpeedRef\",\n 13: \"GPSSpeed\",\n 14: \"GPSTrackRef\",\n 15: \"GPSTrack\",\n 16: \"GPSImgDirectionRef\",\n 17: \"GPSImgDirection\",\n 18: \"GPSMapDatum\",\n 19: \"GPSDestLatitudeRef\",\n 20: \"GPSDestLatitude\",\n 21: \"GPSDestLongitudeRef\",\n 22: \"GPSDestLongitude\",\n 23: \"GPSDestBearingRef\",\n 24: \"GPSDestBearing\",\n 25: \"GPSDestDistanceRef\",\n 26: \"GPSDestDistance\",\n 27: \"GPSProcessingMethod\",\n 28: \"GPSAreaInformation\",\n 29: \"GPSDateStamp\",\n 30: \"GPSDifferential\"\n },\n h = a.IFD1Tags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 273: \"StripOffsets\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 284: \"PlanarConfiguration\",\n 296: \"ResolutionUnit\",\n 513: \"JpegIFOffset\",\n 514: \"JpegIFByteCount\",\n 529: \"YCbCrCoefficients\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 532: \"ReferenceBlackWhite\"\n },\n l = a.StringValues = {\n ExposureProgram: {\n 0: \"Not defined\",\n 1: \"Manual\",\n 2: \"Normal program\",\n 3: \"Aperture priority\",\n 4: \"Shutter priority\",\n 5: \"Creative program\",\n 6: \"Action program\",\n 7: \"Portrait mode\",\n 8: \"Landscape mode\"\n },\n MeteringMode: {\n 0: \"Unknown\",\n 1: \"Average\",\n 2: \"CenterWeightedAverage\",\n 3: \"Spot\",\n 4: \"MultiSpot\",\n 5: \"Pattern\",\n 6: \"Partial\",\n 255: \"Other\"\n },\n LightSource: {\n 0: \"Unknown\",\n 1: \"Daylight\",\n 2: \"Fluorescent\",\n 3: \"Tungsten (incandescent light)\",\n 4: \"Flash\",\n 9: \"Fine weather\",\n 10: \"Cloudy weather\",\n 11: \"Shade\",\n 12: \"Daylight fluorescent (D 5700 - 7100K)\",\n 13: \"Day white fluorescent (N 4600 - 5400K)\",\n 14: \"Cool white fluorescent (W 3900 - 4500K)\",\n 15: \"White fluorescent (WW 3200 - 3700K)\",\n 17: \"Standard light A\",\n 18: \"Standard light B\",\n 19: \"Standard light C\",\n 20: \"D55\",\n 21: \"D65\",\n 22: \"D75\",\n 23: \"D50\",\n 24: \"ISO studio tungsten\",\n 255: \"Other\"\n },\n Flash: {\n 0: \"Flash did not fire\",\n 1: \"Flash fired\",\n 5: \"Strobe return light not detected\",\n 7: \"Strobe return light detected\",\n 9: \"Flash fired, compulsory flash mode\",\n 13: \"Flash fired, compulsory flash mode, return light not detected\",\n 15: \"Flash fired, compulsory flash mode, return light detected\",\n 16: \"Flash did not fire, compulsory flash mode\",\n 24: \"Flash did not fire, auto mode\",\n 25: \"Flash fired, auto mode\",\n 29: \"Flash fired, auto mode, return light not detected\",\n 31: \"Flash fired, auto mode, return light detected\",\n 32: \"No flash function\",\n 65: \"Flash fired, red-eye reduction mode\",\n 69: \"Flash fired, red-eye reduction mode, return light not detected\",\n 71: \"Flash fired, red-eye reduction mode, return light detected\",\n 73: \"Flash fired, compulsory flash mode, red-eye reduction mode\",\n 77: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected\",\n 79: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected\",\n 89: \"Flash fired, auto mode, red-eye reduction mode\",\n 93: \"Flash fired, auto mode, return light not detected, red-eye reduction mode\",\n 95: \"Flash fired, auto mode, return light detected, red-eye reduction mode\"\n },\n SensingMethod: {\n 1: \"Not defined\",\n 2: \"One-chip color area sensor\",\n 3: \"Two-chip color area sensor\",\n 4: \"Three-chip color area sensor\",\n 5: \"Color sequential area sensor\",\n 7: \"Trilinear sensor\",\n 8: \"Color sequential linear sensor\"\n },\n SceneCaptureType: {\n 0: \"Standard\",\n 1: \"Landscape\",\n 2: \"Portrait\",\n 3: \"Night scene\"\n },\n SceneType: {\n 1: \"Directly photographed\"\n },\n CustomRendered: {\n 0: \"Normal process\",\n 1: \"Custom process\"\n },\n WhiteBalance: {\n 0: \"Auto white balance\",\n 1: \"Manual white balance\"\n },\n GainControl: {\n 0: \"None\",\n 1: \"Low gain up\",\n 2: \"High gain up\",\n 3: \"Low gain down\",\n 4: \"High gain down\"\n },\n Contrast: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n Saturation: {\n 0: \"Normal\",\n 1: \"Low saturation\",\n 2: \"High saturation\"\n },\n Sharpness: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n SubjectDistanceRange: {\n 0: \"Unknown\",\n 1: \"Macro\",\n 2: \"Close view\",\n 3: \"Distant view\"\n },\n FileSource: {\n 3: \"DSC\"\n },\n Components: {\n 0: \"\",\n 1: \"Y\",\n 2: \"Cb\",\n 3: \"Cr\",\n 4: \"R\",\n 5: \"G\",\n 6: \"B\"\n }\n };\n\n function c(t) {\n return !!t.exifdata;\n }\n\n function u(t) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength; i < n;) {\n if (255 != e.getUint8(i)) return !1;\n if (225 == e.getUint8(i + 1)) return m(e, i + 4, e.getUint16(i + 2));\n i += 2 + e.getUint16(i + 2);\n }\n }\n\n var d = {\n 120: \"caption\",\n 110: \"credit\",\n 25: \"keywords\",\n 55: \"dateCreated\",\n 80: \"byline\",\n 85: \"bylineTitle\",\n 122: \"captionWriter\",\n 105: \"headline\",\n 116: \"copyright\",\n 15: \"category\"\n };\n\n function f(t, e, i) {\n for (var n, a, r, o, s = new DataView(t), h = {}, l = e; l < e + i;) {\n 28 === s.getUint8(l) && 2 === s.getUint8(l + 1) && (o = s.getUint8(l + 2)) in d && (r = s.getInt16(l + 3), a = d[o], n = v(s, l + 5, r), h.hasOwnProperty(a) ? h[a] instanceof Array ? h[a].push(n) : h[a] = [h[a], n] : h[a] = n), l++;\n }\n\n return h;\n }\n\n function g(t, e, i, n, a) {\n var r,\n o,\n s = t.getUint16(i, !a),\n h = {};\n\n for (o = 0; o < s; o++) {\n r = i + 12 * o + 2, h[n[t.getUint16(r, !a)]] = p(t, r, e, 0, a);\n }\n\n return h;\n }\n\n function p(t, e, i, n, a) {\n var r,\n o,\n s,\n h,\n l,\n c,\n u = t.getUint16(e + 2, !a),\n d = t.getUint32(e + 4, !a),\n f = t.getUint32(e + 8, !a) + i;\n\n switch (u) {\n case 1:\n case 7:\n if (1 == d) return t.getUint8(e + 8, !a);\n\n for (r = d > 4 ? f : e + 8, o = [], h = 0; h < d; h++) {\n o[h] = t.getUint8(r + h);\n }\n\n return o;\n\n case 2:\n return v(t, r = d > 4 ? f : e + 8, d - 1);\n\n case 3:\n if (1 == d) return t.getUint16(e + 8, !a);\n\n for (r = d > 2 ? f : e + 8, o = [], h = 0; h < d; h++) {\n o[h] = t.getUint16(r + 2 * h, !a);\n }\n\n return o;\n\n case 4:\n if (1 == d) return t.getUint32(e + 8, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getUint32(f + 4 * h, !a);\n }\n\n return o;\n\n case 5:\n if (1 == d) return l = t.getUint32(f, !a), c = t.getUint32(f + 4, !a), (s = new Number(l / c)).numerator = l, s.denominator = c, s;\n\n for (o = [], h = 0; h < d; h++) {\n l = t.getUint32(f + 8 * h, !a), c = t.getUint32(f + 4 + 8 * h, !a), o[h] = new Number(l / c), o[h].numerator = l, o[h].denominator = c;\n }\n\n return o;\n\n case 9:\n if (1 == d) return t.getInt32(e + 8, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getInt32(f + 4 * h, !a);\n }\n\n return o;\n\n case 10:\n if (1 == d) return t.getInt32(f, !a) / t.getInt32(f + 4, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getInt32(f + 8 * h, !a) / t.getInt32(f + 4 + 8 * h, !a);\n }\n\n return o;\n }\n }\n\n function v(t, e, i) {\n var a = \"\";\n\n for (n = e; n < e + i; n++) {\n a += String.fromCharCode(t.getUint8(n));\n }\n\n return a;\n }\n\n function m(t, e) {\n if (\"Exif\" != v(t, e, 4)) return !1;\n var i,\n n,\n a,\n c,\n u,\n d = e + 6;\n if (18761 == t.getUint16(d)) i = !1;else {\n if (19789 != t.getUint16(d)) return !1;\n i = !0;\n }\n if (42 != t.getUint16(d + 2, !i)) return !1;\n var f = t.getUint32(d + 4, !i);\n if (f < 8) return !1;\n if ((n = g(t, d, d + f, o, i)).ExifIFDPointer) for (a in c = g(t, d, d + n.ExifIFDPointer, r, i)) {\n switch (a) {\n case \"LightSource\":\n case \"Flash\":\n case \"MeteringMode\":\n case \"ExposureProgram\":\n case \"SensingMethod\":\n case \"SceneCaptureType\":\n case \"SceneType\":\n case \"CustomRendered\":\n case \"WhiteBalance\":\n case \"GainControl\":\n case \"Contrast\":\n case \"Saturation\":\n case \"Sharpness\":\n case \"SubjectDistanceRange\":\n case \"FileSource\":\n c[a] = l[a][c[a]];\n break;\n\n case \"ExifVersion\":\n case \"FlashpixVersion\":\n c[a] = String.fromCharCode(c[a][0], c[a][1], c[a][2], c[a][3]);\n break;\n\n case \"ComponentsConfiguration\":\n c[a] = l.Components[c[a][0]] + l.Components[c[a][1]] + l.Components[c[a][2]] + l.Components[c[a][3]];\n }\n\n n[a] = c[a];\n }\n if (n.GPSInfoIFDPointer) for (a in u = g(t, d, d + n.GPSInfoIFDPointer, s, i)) {\n switch (a) {\n case \"GPSVersionID\":\n u[a] = u[a][0] + \".\" + u[a][1] + \".\" + u[a][2] + \".\" + u[a][3];\n }\n\n n[a] = u[a];\n }\n return n.thumbnail = function (t, e, i, n) {\n var a = function (t, e, i) {\n var n = t.getUint16(e, !i);\n return t.getUint32(e + 2 + 12 * n, !i);\n }(t, e + i, n);\n\n if (!a) return {};\n if (a > t.byteLength) return {};\n var r = g(t, e, e + a, h, n);\n if (r.Compression) switch (r.Compression) {\n case 6:\n if (r.JpegIFOffset && r.JpegIFByteCount) {\n var o = e + r.JpegIFOffset,\n s = r.JpegIFByteCount;\n r.blob = new Blob([new Uint8Array(t.buffer, o, s)], {\n type: \"image/jpeg\"\n });\n }\n\n break;\n\n case 1:\n console.log(\"Thumbnail image format is TIFF, which is not implemented.\");\n break;\n\n default:\n console.log(\"Unknown thumbnail image format '%s'\", r.Compression);\n } else 2 == r.PhotometricInterpretation && console.log(\"Thumbnail image format is RGB, which is not implemented.\");\n return r;\n }(t, d, f, i), n;\n }\n\n function y(t) {\n var e = {};\n\n if (1 == t.nodeType) {\n if (t.attributes.length > 0) {\n e[\"@attributes\"] = {};\n\n for (var i = 0; i < t.attributes.length; i++) {\n var n = t.attributes.item(i);\n e[\"@attributes\"][n.nodeName] = n.nodeValue;\n }\n }\n } else if (3 == t.nodeType) return t.nodeValue;\n\n if (t.hasChildNodes()) for (var a = 0; a < t.childNodes.length; a++) {\n var r = t.childNodes.item(a),\n o = r.nodeName;\n if (null == e[o]) e[o] = y(r);else {\n if (null == e[o].push) {\n var s = e[o];\n e[o] = [], e[o].push(s);\n }\n\n e[o].push(y(r));\n }\n }\n return e;\n }\n\n function b(t) {\n try {\n var e = {};\n if (t.children.length > 0) for (var i = 0; i < t.children.length; i++) {\n var n = t.children.item(i),\n a = n.attributes;\n\n for (var r in a) {\n var o = a[r],\n s = o.nodeName,\n h = o.nodeValue;\n void 0 !== s && (e[s] = h);\n }\n\n var l = n.nodeName;\n if (void 0 === e[l]) e[l] = y(n);else {\n if (void 0 === e[l].push) {\n var c = e[l];\n e[l] = [], e[l].push(c);\n }\n\n e[l].push(y(n));\n }\n } else e = t.textContent;\n return e;\n } catch (t) {\n console.log(t.message);\n }\n }\n\n a.enableXmp = function () {\n a.isXmpEnabled = !0;\n }, a.disableXmp = function () {\n a.isXmpEnabled = !1;\n }, a.getData = function (t, e) {\n return !((self.Image && t instanceof self.Image || self.HTMLImageElement && t instanceof self.HTMLImageElement) && !t.complete || (c(t) ? e && e.call(t) : function (t, e) {\n function i(i) {\n var n = u(i);\n t.exifdata = n || {};\n\n var r = function (t) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength, a = function a(t, e) {\n return 56 === t.getUint8(e) && 66 === t.getUint8(e + 1) && 73 === t.getUint8(e + 2) && 77 === t.getUint8(e + 3) && 4 === t.getUint8(e + 4) && 4 === t.getUint8(e + 5);\n }; i < n;) {\n if (a(e, i)) {\n var r = e.getUint8(i + 7);\n return r % 2 != 0 && (r += 1), 0 === r && (r = 4), f(t, i + 8 + r, e.getUint16(i + 6 + r));\n }\n\n i++;\n }\n }(i);\n\n if (t.iptcdata = r || {}, a.isXmpEnabled) {\n var o = function (t) {\n if (\"DOMParser\" in self) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength, a = new DOMParser(); i < n - 4;) {\n if (\"http\" == v(e, i, 4)) {\n var r = i - 1,\n o = e.getUint16(i - 2) - 1,\n s = v(e, r, o),\n h = s.indexOf(\"xmpmeta>\") + 8,\n l = (s = s.substring(s.indexOf(\" 0 ? t : [t] : [], this.layers = e, this;\n },\n getLayers: function getLayers() {\n return this.layers;\n },\n addLayer: function addLayer(t) {\n var e,\n i = this.layers,\n n = i.length;\n\n for (e = 0; e < n; e++) {\n if (i[e]._id === t._id) return !1;\n }\n\n return this.layers.push(t), !0;\n },\n isRunning: function isRunning() {\n var e,\n i = t.Animation.animations,\n n = i.length;\n\n for (e = 0; e < n; e++) {\n if (i[e].id === this.id) return !0;\n }\n\n return !1;\n },\n start: function start() {\n var i = t.Animation;\n return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = e(), i._addAnimation(this), this;\n },\n stop: function stop() {\n return t.Animation._removeAnimation(this), this;\n },\n _updateFrameObject: function _updateFrameObject(t) {\n this.frame.timeDiff = t - this.frame.lastTime, this.frame.lastTime = t, this.frame.time += this.frame.timeDiff, this.frame.frameRate = 1e3 / this.frame.timeDiff;\n }\n }, t.Animation.animations = [], t.Animation.animIdCounter = 0, t.Animation.animRunning = !1, t.Animation._addAnimation = function (t) {\n this.animations.push(t), this._handleAnimation();\n }, t.Animation._removeAnimation = function (t) {\n var e,\n i = t.id,\n n = this.animations,\n a = n.length;\n\n for (e = 0; e < a; e++) {\n if (n[e].id === i) {\n this.animations.splice(e, 1);\n break;\n }\n }\n }, t.Animation._runFrames = function () {\n var t,\n i,\n n,\n a,\n r,\n o,\n s,\n h,\n l = {},\n c = this.animations;\n\n for (a = 0; a < c.length; a++) {\n if (i = (t = c[a]).layers, n = t.func, t._updateFrameObject(e()), o = i.length, !n || !1 !== n.call(t, t.frame)) for (r = 0; r < o; r++) {\n void 0 !== (s = i[r])._id && (l[s._id] = s);\n }\n }\n\n for (h in l) {\n l.hasOwnProperty(h) && l[h].draw();\n }\n }, t.Animation._animationLoop = function () {\n var e = t.Animation;\n e.animations.length ? (e._runFrames(), n(e._animationLoop)) : e.animRunning = !1;\n }, t.Animation._handleAnimation = function () {\n this.animRunning || (this.animRunning = !0, n(this._animationLoop));\n }, t.BaseLayer.prototype.batchDraw = function () {\n var e = this,\n i = t.Animation;\n return this.batchAnim || (this.batchAnim = new i(function () {\n e.batchAnim.stop();\n }, this)), this.batchAnim.isRunning() || this.batchAnim.start(), this;\n }, t.Stage.prototype.batchDraw = function () {\n return this.getChildren().each(function (t) {\n t.batchDraw();\n }), this;\n };\n }(Konva);\n },\n 892: function _() {\n !function (t) {\n \"use strict\";\n\n t.BaseLayer = function (t) {\n this.___init(t);\n }, t.Util.addMethods(t.BaseLayer, {\n ___init: function ___init(e) {\n this.nodeType = \"Layer\", t.Container.call(this, e);\n },\n createPNGStream: function createPNGStream() {\n return this.canvas._canvas.createPNGStream();\n },\n getCanvas: function getCanvas() {\n return this.canvas;\n },\n getHitCanvas: function getHitCanvas() {\n return this.hitCanvas;\n },\n getContext: function getContext() {\n return this.getCanvas().getContext();\n },\n clear: function clear(t) {\n return this.getContext().clear(t), this;\n },\n clearHitCache: function clearHitCache() {\n this._hitImageData = void 0;\n },\n setZIndex: function setZIndex(e) {\n t.Node.prototype.setZIndex.call(this, e);\n var i = this.getStage();\n return i && (i.content.removeChild(this.getCanvas()._canvas), e < i.getChildren().length - 1 ? i.content.insertBefore(this.getCanvas()._canvas, i.getChildren()[e + 1].getCanvas()._canvas) : i.content.appendChild(this.getCanvas()._canvas)), this;\n },\n moveToTop: function moveToTop() {\n t.Node.prototype.moveToTop.call(this);\n var e = this.getStage();\n return e && (e.content.removeChild(this.getCanvas()._canvas), e.content.appendChild(this.getCanvas()._canvas)), this;\n },\n moveUp: function moveUp() {\n if (!t.Node.prototype.moveUp.call(this)) return this;\n var e = this.getStage();\n return e ? (e.content.removeChild(this.getCanvas()._canvas), this.index < e.getChildren().length - 1 ? e.content.insertBefore(this.getCanvas()._canvas, e.getChildren()[this.index + 1].getCanvas()._canvas) : e.content.appendChild(this.getCanvas()._canvas), this) : this;\n },\n moveDown: function moveDown() {\n if (t.Node.prototype.moveDown.call(this)) {\n var e = this.getStage();\n\n if (e) {\n var i = e.getChildren();\n e.content.removeChild(this.getCanvas()._canvas), e.content.insertBefore(this.getCanvas()._canvas, i[this.index + 1].getCanvas()._canvas);\n }\n }\n\n return this;\n },\n moveToBottom: function moveToBottom() {\n if (t.Node.prototype.moveToBottom.call(this)) {\n var e = this.getStage();\n\n if (e) {\n var i = e.getChildren();\n e.content.removeChild(this.getCanvas()._canvas), e.content.insertBefore(this.getCanvas()._canvas, i[1].getCanvas()._canvas);\n }\n }\n\n return this;\n },\n getLayer: function getLayer() {\n return this;\n },\n remove: function remove() {\n var e = this.getCanvas()._canvas;\n\n return t.Node.prototype.remove.call(this), e && e.parentNode && t.Util._isInDocument(e) && e.parentNode.removeChild(e), this;\n },\n getStage: function getStage() {\n return this.parent;\n },\n setSize: function setSize(t, e) {\n return this.canvas.setSize(t, e), this;\n },\n _toKonvaCanvas: function _toKonvaCanvas(e) {\n return (e = e || {}).width = e.width || this.getWidth(), e.height = e.height || this.getHeight(), e.x = void 0 !== e.x ? e.x : this.getX(), e.y = void 0 !== e.y ? e.y : this.getY(), t.Node.prototype._toKonvaCanvas.call(this, e);\n },\n getWidth: function getWidth() {\n if (this.parent) return this.parent.getWidth();\n },\n setWidth: function setWidth() {\n t.Util.warn('Can not change width of layer. Use \"stage.width(value)\" function instead.');\n },\n getHeight: function getHeight() {\n if (this.parent) return this.parent.getHeight();\n },\n setHeight: function setHeight() {\n t.Util.warn('Can not change height of layer. Use \"stage.height(value)\" function instead.');\n },\n _applyTransform: function _applyTransform(t, e, i) {\n var n = t.getAbsoluteTransform(i).getMatrix();\n e.transform(n[0], n[1], n[2], n[3], n[4], n[5]);\n }\n }), t.Util.extend(t.BaseLayer, t.Container), t.Factory.addGetterSetter(t.BaseLayer, \"clearBeforeDraw\", !0), t.Collection.mapMethods(t.BaseLayer);\n }(Konva);\n },\n 613: function _() {\n !function () {\n \"use strict\";\n\n var t;\n Konva.Canvas = function (t) {\n this.init(t);\n }, Konva.Canvas.prototype = {\n init: function init(e) {\n var i = (e || {}).pixelRatio || Konva.pixelRatio || function () {\n if (t) return t;\n var e = Konva.Util.createCanvasElement().getContext(\"2d\");\n return t = (Konva.window.devicePixelRatio || 1) / (e.webkitBackingStorePixelRatio || e.mozBackingStorePixelRatio || e.msBackingStorePixelRatio || e.oBackingStorePixelRatio || e.backingStorePixelRatio || 1);\n }();\n\n this.pixelRatio = i, this._canvas = Konva.Util.createCanvasElement(), this._canvas.style.padding = 0, this._canvas.style.margin = 0, this._canvas.style.border = 0, this._canvas.style.background = \"transparent\", this._canvas.style.position = \"absolute\", this._canvas.style.top = 0, this._canvas.style.left = 0;\n },\n getContext: function getContext() {\n return this.context;\n },\n getPixelRatio: function getPixelRatio() {\n return this.pixelRatio;\n },\n setPixelRatio: function setPixelRatio(t) {\n var e = this.pixelRatio;\n this.pixelRatio = t, this.setSize(this.getWidth() / e, this.getHeight() / e);\n },\n setWidth: function setWidth(t) {\n this.width = this._canvas.width = t * this.pixelRatio, this._canvas.style.width = t + \"px\";\n var e = this.pixelRatio;\n\n this.getContext()._context.scale(e, e);\n },\n setHeight: function setHeight(t) {\n this.height = this._canvas.height = t * this.pixelRatio, this._canvas.style.height = t + \"px\";\n var e = this.pixelRatio;\n\n this.getContext()._context.scale(e, e);\n },\n getWidth: function getWidth() {\n return this.width;\n },\n getHeight: function getHeight() {\n return this.height;\n },\n setSize: function setSize(t, e) {\n this.setWidth(t), this.setHeight(e);\n },\n toDataURL: function toDataURL(t, e) {\n try {\n return this._canvas.toDataURL(t, e);\n } catch (t) {\n try {\n return this._canvas.toDataURL();\n } catch (t) {\n return Konva.Util.warn(\"Unable to get data URL. \" + t.message), \"\";\n }\n }\n }\n }, Konva.SceneCanvas = function (t) {\n var e = t || {},\n i = e.width || 0,\n n = e.height || 0;\n Konva.Canvas.call(this, e), this.context = new Konva.SceneContext(this), this.setSize(i, n);\n }, Konva.Util.extend(Konva.SceneCanvas, Konva.Canvas), Konva.HitCanvas = function (t) {\n var e = t || {},\n i = e.width || 0,\n n = e.height || 0;\n Konva.Canvas.call(this, e), this.context = new Konva.HitContext(this), this.setSize(i, n), this.hitCanvas = !0;\n }, Konva.Util.extend(Konva.HitCanvas, Konva.Canvas);\n }();\n },\n 513: function _() {\n !function () {\n \"use strict\";\n\n Konva.Container = function (t) {\n this.__init(t);\n }, Konva.Util.addMethods(Konva.Container, {\n __init: function __init(t) {\n this.children = new Konva.Collection(), Konva.Node.call(this, t);\n },\n getChildren: function getChildren(t) {\n if (!t) return this.children;\n var e = new Konva.Collection();\n return this.children.each(function (i) {\n t(i) && e.push(i);\n }), e;\n },\n hasChildren: function hasChildren() {\n return this.getChildren().length > 0;\n },\n removeChildren: function removeChildren() {\n for (var t, e = Konva.Collection.toCollection(this.children), i = 0; i < e.length; i++) {\n delete (t = e[i]).parent, t.index = 0, t.remove();\n }\n\n return e = null, this.children = new Konva.Collection(), this;\n },\n destroyChildren: function destroyChildren() {\n for (var t, e = Konva.Collection.toCollection(this.children), i = 0; i < e.length; i++) {\n delete (t = e[i]).parent, t.index = 0, t.destroy();\n }\n\n return e = null, this.children = new Konva.Collection(), this;\n },\n add: function add(t) {\n if (arguments.length > 1) {\n for (var e = 0; e < arguments.length; e++) {\n this.add(arguments[e]);\n }\n\n return this;\n }\n\n if (t.getParent()) return t.moveTo(this), this;\n var i = this.children;\n return this._validateAdd(t), t.index = i.length, t.parent = this, i.push(t), this._fire(\"add\", {\n child: t\n }), Konva.DD && t.isDragging() && Konva.DD.anim.setLayers(t.getLayer()), this;\n },\n destroy: function destroy() {\n return this.hasChildren() && this.destroyChildren(), Konva.Node.prototype.destroy.call(this), this;\n },\n find: function find(t) {\n return this._generalFind(t, !1);\n },\n findOne: function findOne(t) {\n var e = this._generalFind(t, !0);\n\n return e.length > 0 ? e[0] : void 0;\n },\n _generalFind: function _generalFind(t, e) {\n var i = [];\n return \"string\" == typeof t ? i = this._findByString(t, e) : \"function\" == typeof t && (i = this._findByFunction(t, e)), Konva.Collection.toCollection(i);\n },\n _findByString: function _findByString(t) {\n var e,\n i,\n n,\n a,\n r,\n o,\n s,\n h = [],\n l = t.replace(/ /g, \"\").split(\",\"),\n c = l.length;\n\n for (e = 0; e < c; e++) {\n if (n = l[e], !Konva.Util.isValidSelector(n)) {\n var u = 'Selector \"' + n + '\" is invalid. Allowed selectors examples are \"#foo\", \".bar\" or \"Group\".\\nIf you have a custom shape with such className, please change it to start with upper letter like \"Triangle\".\\nKonva is awesome, right?';\n Konva.Util.warn(u);\n }\n\n if (\"#\" === n.charAt(0)) (r = this._getNodeById(n.slice(1))) && h.push(r);else if (\".\" === n.charAt(0)) a = this._getNodesByName(n.slice(1)), h = h.concat(a);else for (s = (o = this.getChildren()).length, i = 0; i < s; i++) {\n h = h.concat(o[i]._get(n));\n }\n }\n\n return h;\n },\n _findByFunction: function _findByFunction(t, e) {\n var i = [],\n n = function n(a) {\n if (!(e && i.length > 0)) {\n var r = a.getChildren(),\n o = r.length;\n t(a) && (i = i.concat(a));\n\n for (var s = 0; s < o; s++) {\n n(r[s]);\n }\n }\n };\n\n return n(this), i;\n },\n _getNodeById: function _getNodeById(t) {\n var e = Konva.ids[t];\n return void 0 !== e && this.isAncestorOf(e) ? e : null;\n },\n _getNodesByName: function _getNodesByName(t) {\n var e = Konva.names[t] || [];\n return this._getDescendants(e);\n },\n _get: function _get(t) {\n for (var e = Konva.Node.prototype._get.call(this, t), i = this.getChildren(), n = i.length, a = 0; a < n; a++) {\n e = e.concat(i[a]._get(t));\n }\n\n return e;\n },\n toObject: function toObject() {\n var t = Konva.Node.prototype.toObject.call(this);\n t.children = [];\n\n for (var e = this.getChildren(), i = e.length, n = 0; n < i; n++) {\n var a = e[n];\n t.children.push(a.toObject());\n }\n\n return t;\n },\n _getDescendants: function _getDescendants(t) {\n for (var e = [], i = t.length, n = 0; n < i; n++) {\n var a = t[n];\n this.isAncestorOf(a) && e.push(a);\n }\n\n return e;\n },\n isAncestorOf: function isAncestorOf(t) {\n for (var e = t.getParent(); e;) {\n if (e._id === this._id) return !0;\n e = e.getParent();\n }\n\n return !1;\n },\n clone: function clone(t) {\n var e = Konva.Node.prototype.clone.call(this, t);\n return this.getChildren().each(function (t) {\n e.add(t.clone());\n }), e;\n },\n getAllIntersections: function getAllIntersections(t) {\n var e = [];\n return this.find(\"Shape\").each(function (i) {\n i.isVisible() && i.intersects(t) && e.push(i);\n }), e;\n },\n _setChildrenIndices: function _setChildrenIndices() {\n this.children.each(function (t, e) {\n t.index = e;\n });\n },\n drawScene: function drawScene(t, e, i) {\n var n = this.getLayer(),\n a = t || n && n.getCanvas(),\n r = a && a.getContext(),\n o = this._cache.canvas,\n s = o && o.scene;\n return (this.isVisible() || i) && (!i && s ? (r.save(), n._applyTransform(this, r, e), this._drawCachedSceneCanvas(r), r.restore()) : this._drawChildren(a, \"drawScene\", e, !1, i)), this;\n },\n drawHit: function drawHit(t, e, i) {\n var n = this.getLayer(),\n a = t || n && n.hitCanvas,\n r = a && a.getContext(),\n o = this._cache.canvas,\n s = o && o.hit;\n return (this.shouldDrawHit(a) || i) && (n && n.clearHitCache(), !i && s ? (r.save(), n._applyTransform(this, r, e), this._drawCachedHitCanvas(r), r.restore()) : this._drawChildren(a, \"drawHit\", e)), this;\n },\n _drawChildren: function _drawChildren(t, e, i, n, a) {\n var r,\n o,\n s = this.getLayer(),\n h = t && t.getContext(),\n l = this.getClipWidth(),\n c = this.getClipHeight(),\n u = this.getClipFunc(),\n d = l && c || u;\n\n if (d && s) {\n h.save();\n var f = this.getAbsoluteTransform(i),\n g = f.getMatrix();\n h.transform(g[0], g[1], g[2], g[3], g[4], g[5]), h.beginPath(), u ? u.call(this, h, this) : (r = this.getClipX(), o = this.getClipY(), h.rect(r, o, l, c)), h.clip(), g = f.copy().invert().getMatrix(), h.transform(g[0], g[1], g[2], g[3], g[4], g[5]);\n }\n\n this.children.each(function (r) {\n r[e](t, i, n, a);\n }), d && h.restore();\n },\n shouldDrawHit: function shouldDrawHit(t) {\n var e = this.getLayer(),\n i = Konva.DD && Konva.isDragging() && -1 !== Konva.DD.anim.getLayers().indexOf(e);\n return t && t.isCache || e && e.hitGraphEnabled() && this.isVisible() && !i;\n },\n getClientRect: function getClientRect(t) {\n var e,\n i,\n n,\n a,\n r,\n o = (t = t || {}).skipTransform,\n s = t.relativeTo,\n h = this;\n this.children.each(function (r) {\n if (r.getVisible()) {\n var o = r.getClientRect({\n relativeTo: h,\n skipShadow: t.skipShadow\n });\n 0 === o.width && 0 === o.height || (void 0 === e ? (e = o.x, i = o.y, n = o.x + o.width, a = o.y + o.height) : (e = Math.min(e, o.x), i = Math.min(i, o.y), n = Math.max(n, o.x + o.width), a = Math.max(a, o.y + o.height)));\n }\n });\n\n for (var l = this.find(\"Shape\"), c = !1, u = 0; u < l.length; u++) {\n if (l[u]._isVisible(this)) {\n c = !0;\n break;\n }\n }\n\n return r = c ? {\n x: e,\n y: i,\n width: n - e,\n height: a - i\n } : {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n }, o ? r : this._transformedRect(r, s);\n }\n }), Konva.Util.extend(Konva.Container, Konva.Node), Konva.Container.prototype.get = Konva.Container.prototype.find, Konva.Factory.addComponentsGetterSetter(Konva.Container, \"clip\", [\"x\", \"y\", \"width\", \"height\"]), Konva.Factory.addGetterSetter(Konva.Container, \"clipX\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipY\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipWidth\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipHeight\", void 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Container, \"clipFunc\"), Konva.Collection.mapMethods(Konva.Container);\n }();\n },\n 765: function _() {\n !function () {\n \"use strict\";\n\n var t = [\"arc\", \"arcTo\", \"beginPath\", \"bezierCurveTo\", \"clearRect\", \"clip\", \"closePath\", \"createLinearGradient\", \"createPattern\", \"createRadialGradient\", \"drawImage\", \"fill\", \"fillText\", \"getImageData\", \"createImageData\", \"lineTo\", \"moveTo\", \"putImageData\", \"quadraticCurveTo\", \"rect\", \"restore\", \"rotate\", \"save\", \"scale\", \"setLineDash\", \"setTransform\", \"stroke\", \"strokeText\", \"transform\", \"translate\"];\n Konva.Context = function (t) {\n this.init(t);\n }, Konva.Context.prototype = {\n init: function init(t) {\n this.canvas = t, this._context = t._canvas.getContext(\"2d\"), Konva.enableTrace && (this.traceArr = [], this._enableTrace());\n },\n fillShape: function fillShape(t) {\n t.getFillEnabled() && this._fill(t);\n },\n strokeShape: function strokeShape(t) {\n t.getStrokeEnabled() && this._stroke(t);\n },\n fillStrokeShape: function fillStrokeShape(t) {\n t.getFillEnabled() && this._fill(t), t.getStrokeEnabled() && this._stroke(t);\n },\n getTrace: function getTrace(t) {\n var e,\n i,\n n,\n a,\n r = this.traceArr,\n o = r.length,\n s = \"\";\n\n for (e = 0; e < o; e++) {\n (n = (i = r[e]).method) ? (a = i.args, s += n, t ? s += \"()\" : Konva.Util._isArray(a[0]) ? s += \"([\" + a.join(\",\") + \"])\" : s += \"(\" + a.join(\",\") + \")\") : (s += i.property, t || (s += \"=\" + i.val)), s += \";\";\n }\n\n return s;\n },\n clearTrace: function clearTrace() {\n this.traceArr = [];\n },\n _trace: function _trace(t) {\n var e = this.traceArr;\n e.push(t), e.length >= Konva.traceArrMax && e.shift();\n },\n reset: function reset() {\n var t = this.getCanvas().getPixelRatio();\n this.setTransform(1 * t, 0, 0, 1 * t, 0, 0);\n },\n getCanvas: function getCanvas() {\n return this.canvas;\n },\n clear: function clear(t) {\n var e = this.getCanvas();\n t ? this.clearRect(t.x || 0, t.y || 0, t.width || 0, t.height || 0) : this.clearRect(0, 0, e.getWidth() / e.pixelRatio, e.getHeight() / e.pixelRatio);\n },\n _applyLineCap: function _applyLineCap(t) {\n var e = t.getLineCap();\n e && this.setAttr(\"lineCap\", e);\n },\n _applyOpacity: function _applyOpacity(t) {\n var e = t.getAbsoluteOpacity();\n 1 !== e && this.setAttr(\"globalAlpha\", e);\n },\n _applyLineJoin: function _applyLineJoin(t) {\n var e = t.getLineJoin();\n e && this.setAttr(\"lineJoin\", e);\n },\n setAttr: function setAttr(t, e) {\n this._context[t] = e;\n },\n arc: function arc() {\n var t = arguments;\n\n this._context.arc(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n beginPath: function beginPath() {\n this._context.beginPath();\n },\n bezierCurveTo: function bezierCurveTo() {\n var t = arguments;\n\n this._context.bezierCurveTo(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n clearRect: function clearRect() {\n var t = arguments;\n\n this._context.clearRect(t[0], t[1], t[2], t[3]);\n },\n clip: function clip() {\n this._context.clip();\n },\n closePath: function closePath() {\n this._context.closePath();\n },\n createImageData: function createImageData() {\n var t = arguments;\n return 2 === t.length ? this._context.createImageData(t[0], t[1]) : 1 === t.length ? this._context.createImageData(t[0]) : void 0;\n },\n createLinearGradient: function createLinearGradient() {\n var t = arguments;\n return this._context.createLinearGradient(t[0], t[1], t[2], t[3]);\n },\n createPattern: function createPattern() {\n var t = arguments;\n return this._context.createPattern(t[0], t[1]);\n },\n createRadialGradient: function createRadialGradient() {\n var t = arguments;\n return this._context.createRadialGradient(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n drawImage: function drawImage() {\n var t = arguments,\n e = this._context;\n 3 === t.length ? e.drawImage(t[0], t[1], t[2]) : 5 === t.length ? e.drawImage(t[0], t[1], t[2], t[3], t[4]) : 9 === t.length && e.drawImage(t[0], t[1], t[2], t[3], t[4], t[5], t[6], t[7], t[8]);\n },\n isPointInPath: function isPointInPath(t, e) {\n return this._context.isPointInPath(t, e);\n },\n fill: function fill() {\n this._context.fill();\n },\n fillRect: function fillRect(t, e, i, n) {\n this._context.fillRect(t, e, i, n);\n },\n strokeRect: function strokeRect(t, e, i, n) {\n this._context.strokeRect(t, e, i, n);\n },\n fillText: function fillText() {\n var t = arguments;\n\n this._context.fillText(t[0], t[1], t[2]);\n },\n measureText: function measureText(t) {\n return this._context.measureText(t);\n },\n getImageData: function getImageData() {\n var t = arguments;\n return this._context.getImageData(t[0], t[1], t[2], t[3]);\n },\n lineTo: function lineTo() {\n var t = arguments;\n\n this._context.lineTo(t[0], t[1]);\n },\n moveTo: function moveTo() {\n var t = arguments;\n\n this._context.moveTo(t[0], t[1]);\n },\n rect: function rect() {\n var t = arguments;\n\n this._context.rect(t[0], t[1], t[2], t[3]);\n },\n putImageData: function putImageData() {\n var t = arguments;\n\n this._context.putImageData(t[0], t[1], t[2]);\n },\n quadraticCurveTo: function quadraticCurveTo() {\n var t = arguments;\n\n this._context.quadraticCurveTo(t[0], t[1], t[2], t[3]);\n },\n restore: function restore() {\n this._context.restore();\n },\n rotate: function rotate() {\n var t = arguments;\n\n this._context.rotate(t[0]);\n },\n save: function save() {\n this._context.save();\n },\n scale: function scale() {\n var t = arguments;\n\n this._context.scale(t[0], t[1]);\n },\n setLineDash: function setLineDash() {\n var t = arguments,\n e = this._context;\n this._context.setLineDash ? e.setLineDash(t[0]) : \"mozDash\" in e ? e.mozDash = t[0] : \"webkitLineDash\" in e && (e.webkitLineDash = t[0]);\n },\n getLineDash: function getLineDash() {\n return this._context.getLineDash();\n },\n setTransform: function setTransform() {\n var t = arguments;\n\n this._context.setTransform(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n stroke: function stroke() {\n this._context.stroke();\n },\n strokeText: function strokeText() {\n var t = arguments;\n\n this._context.strokeText(t[0], t[1], t[2]);\n },\n transform: function transform() {\n var t = arguments;\n\n this._context.transform(t[0], t[1], t[2], t[3], t[4], t[5]);\n },\n translate: function translate() {\n var t = arguments;\n\n this._context.translate(t[0], t[1]);\n },\n _enableTrace: function _enableTrace() {\n var e,\n i,\n n = this,\n a = t.length,\n r = Konva.Util._simplifyArray,\n o = this.setAttr,\n s = function s(t) {\n var e,\n a = n[t];\n\n n[t] = function () {\n return i = r(Array.prototype.slice.call(arguments, 0)), e = a.apply(n, arguments), n._trace({\n method: t,\n args: i\n }), e;\n };\n };\n\n for (e = 0; e < a; e++) {\n s(t[e]);\n }\n\n n.setAttr = function () {\n o.apply(n, arguments);\n var t = arguments[0],\n e = arguments[1];\n \"shadowOffsetX\" !== t && \"shadowOffsetY\" !== t && \"shadowBlur\" !== t || (e /= this.canvas.getPixelRatio()), n._trace({\n property: t,\n val: e\n });\n };\n }\n }, [\"fillStyle\", \"strokeStyle\", \"shadowColor\", \"shadowBlur\", \"shadowOffsetX\", \"shadowOffsetY\", \"lineCap\", \"lineDashOffset\", \"lineJoin\", \"lineWidth\", \"miterLimit\", \"font\", \"textAlign\", \"textBaseline\", \"globalAlpha\", \"globalCompositeOperation\"].forEach(function (t) {\n Object.defineProperty(Konva.Context.prototype, t, {\n get: function get() {\n return this._context[t];\n },\n set: function set(e) {\n this._context[t] = e;\n }\n });\n }), Konva.SceneContext = function (t) {\n Konva.Context.call(this, t);\n }, Konva.SceneContext.prototype = {\n _fillColor: function _fillColor(t) {\n var e = t.fill();\n this.setAttr(\"fillStyle\", e), t._fillFunc(this);\n },\n _fillPattern: function _fillPattern(t) {\n var e = t.getFillPatternX(),\n i = t.getFillPatternY(),\n n = t.getFillPatternScale(),\n a = Konva.getAngle(t.getFillPatternRotation()),\n r = t.getFillPatternOffset();\n (e || i) && this.translate(e || 0, i || 0), a && this.rotate(a), n && this.scale(n.x, n.y), r && this.translate(-1 * r.x, -1 * r.y), this.setAttr(\"fillStyle\", this.createPattern(t.getFillPatternImage(), t.getFillPatternRepeat() || \"repeat\")), this.fill();\n },\n _fillLinearGradient: function _fillLinearGradient(t) {\n var e = t.getFillLinearGradientStartPoint(),\n i = t.getFillLinearGradientEndPoint(),\n n = t.getFillLinearGradientColorStops(),\n a = this.createLinearGradient(e.x, e.y, i.x, i.y);\n\n if (n) {\n for (var r = 0; r < n.length; r += 2) {\n a.addColorStop(n[r], n[r + 1]);\n }\n\n this.setAttr(\"fillStyle\", a), t._fillFunc(this);\n }\n },\n _fillRadialGradient: function _fillRadialGradient(t) {\n for (var e = t.getFillRadialGradientStartPoint(), i = t.getFillRadialGradientEndPoint(), n = t.getFillRadialGradientStartRadius(), a = t.getFillRadialGradientEndRadius(), r = t.getFillRadialGradientColorStops(), o = this.createRadialGradient(e.x, e.y, n, i.x, i.y, a), s = 0; s < r.length; s += 2) {\n o.addColorStop(r[s], r[s + 1]);\n }\n\n this.setAttr(\"fillStyle\", o), this.fill();\n },\n _fill: function _fill(t) {\n var e = t.fill(),\n i = t.getFillPriority();\n if (e && \"color\" === i) this._fillColor(t);else {\n var n = t.getFillPatternImage();\n if (n && \"pattern\" === i) this._fillPattern(t);else {\n var a = t.getFillLinearGradientColorStops();\n if (a && \"linear-gradient\" === i) this._fillLinearGradient(t);else {\n var r = t.getFillRadialGradientColorStops();\n r && \"radial-gradient\" === i ? this._fillRadialGradient(t) : e ? this._fillColor(t) : n ? this._fillPattern(t) : a ? this._fillLinearGradient(t) : r && this._fillRadialGradient(t);\n }\n }\n }\n },\n _strokeLinearGradient: function _strokeLinearGradient(t) {\n var e = t.getStrokeLinearGradientStartPoint(),\n i = t.getStrokeLinearGradientEndPoint(),\n n = t.getStrokeLinearGradientColorStops(),\n a = this.createLinearGradient(e.x, e.y, i.x, i.y);\n\n if (n) {\n for (var r = 0; r < n.length; r += 2) {\n a.addColorStop(n[r], n[r + 1]);\n }\n\n this.setAttr(\"strokeStyle\", a);\n }\n },\n _stroke: function _stroke(t) {\n var e = t.dash(),\n i = t.getStrokeScaleEnabled() || t instanceof Konva.Text;\n t.hasStroke() && (i || (this.save(), this.setTransform(1, 0, 0, 1, 0, 0)), this._applyLineCap(t), e && t.dashEnabled() && (this.setLineDash(e), this.setAttr(\"lineDashOffset\", t.dashOffset())), this.setAttr(\"lineWidth\", t.strokeWidth()), t.getShadowForStrokeEnabled() || this.setAttr(\"shadowColor\", \"rgba(0,0,0,0)\"), t.getStrokeLinearGradientColorStops() ? this._strokeLinearGradient(t) : this.setAttr(\"strokeStyle\", t.stroke()), t._strokeFunc(this), i || this.restore());\n },\n _applyShadow: function _applyShadow(t) {\n var e = Konva.Util,\n i = e.get(t.getShadowRGBA(), \"black\"),\n n = e.get(t.getShadowBlur(), 5),\n a = e.get(t.getShadowOffset(), {\n x: 0,\n y: 0\n }),\n r = t.getAbsoluteScale(),\n o = this.canvas.getPixelRatio(),\n s = r.x * o,\n h = r.y * o;\n this.setAttr(\"shadowColor\", i), this.setAttr(\"shadowBlur\", n * Math.min(Math.abs(s), Math.abs(h))), this.setAttr(\"shadowOffsetX\", a.x * s), this.setAttr(\"shadowOffsetY\", a.y * h);\n },\n _applyGlobalCompositeOperation: function _applyGlobalCompositeOperation(t) {\n var e = t.getGlobalCompositeOperation();\n \"source-over\" !== e && this.setAttr(\"globalCompositeOperation\", e);\n }\n }, Konva.Util.extend(Konva.SceneContext, Konva.Context), Konva.HitContext = function (t) {\n Konva.Context.call(this, t);\n }, Konva.HitContext.prototype = {\n _fill: function _fill(t) {\n this.save(), this.setAttr(\"fillStyle\", t.colorKey), t._fillFuncHit(this), this.restore();\n },\n _stroke: function _stroke(t) {\n if (t.hasStroke() && t.strokeHitEnabled()) {\n var e = t.getStrokeScaleEnabled() || t instanceof Konva.Text;\n e || (this.save(), this.setTransform(1, 0, 0, 1, 0, 0)), this._applyLineCap(t), this.setAttr(\"lineWidth\", t.strokeWidth()), this.setAttr(\"strokeStyle\", t.colorKey), t._strokeFuncHit(this), e || this.restore();\n }\n }\n }, Konva.Util.extend(Konva.HitContext, Konva.Context);\n }();\n },\n 435: function _(t, e, i) {\n t.exports = i(894), i(840), i(613), i(765), i(970), i(150), i(513), i(144), i(514), i(892), i(711), i(715), i(512);\n },\n 371: function _() {\n !function () {\n \"use strict\";\n\n Konva.DD = {\n anim: new Konva.Animation(function () {\n var t = this.dirty;\n return this.dirty = !1, t;\n }),\n isDragging: !1,\n justDragged: !1,\n offset: {\n x: 0,\n y: 0\n },\n node: null,\n _drag: function _drag(t) {\n var e = Konva.DD,\n i = e.node;\n\n if (i) {\n if (!e.isDragging) {\n var n = i.getStage().getPointerPosition();\n n || (i.getStage()._setPointerPosition(t), n = i.getStage().getPointerPosition());\n var a = i.dragDistance();\n if (Math.max(Math.abs(n.x - e.startPointerPos.x), Math.abs(n.y - e.startPointerPos.y)) < a) return;\n }\n\n if (i.getStage()._setPointerPosition(t), !e.isDragging && (e.isDragging = !0, i.fire(\"dragstart\", {\n type: \"dragstart\",\n target: i,\n evt: t\n }, !0), !i.isDragging())) return;\n i._setDragPosition(t), i.fire(\"dragmove\", {\n type: \"dragmove\",\n target: i,\n evt: t\n }, !0);\n }\n },\n _endDragBefore: function _endDragBefore(t) {\n var e,\n i = Konva.DD,\n n = i.node;\n n && (e = n.getLayer(), i.anim.stop(), i.isDragging && (i.isDragging = !1, i.justDragged = !0, Konva.listenClickTap = !1, t && (t.dragEndNode = n)), delete i.node, (n.getLayer() || e || n instanceof Konva.Stage) && (e || n).draw());\n },\n _endDragAfter: function _endDragAfter(t) {\n var e = (t = t || {}).dragEndNode;\n t && e && e.fire(\"dragend\", {\n type: \"dragend\",\n target: e,\n evt: t\n }, !0);\n }\n }, Konva.Node.prototype.startDrag = function () {\n var t = Konva.DD,\n e = this.getStage(),\n i = this.getLayer(),\n n = e.getPointerPosition(),\n a = this.getAbsolutePosition();\n n && (t.node && t.node.stopDrag(), t.node = this, t.startPointerPos = n, t.offset.x = n.x - a.x, t.offset.y = n.y - a.y, t.anim.setLayers(i || this.getLayers()), t.anim.start(), this._setDragPosition());\n }, Konva.Node.prototype._setDragPosition = function (t) {\n var e = Konva.DD,\n i = this.getStage().getPointerPosition(),\n n = this.getDragBoundFunc();\n\n if (i) {\n var a = {\n x: i.x - e.offset.x,\n y: i.y - e.offset.y\n };\n void 0 !== n && (a = n.call(this, a, t)), this.setAbsolutePosition(a), this._lastPos && this._lastPos.x === a.x && this._lastPos.y === a.y || (e.anim.dirty = !0), this._lastPos = a;\n }\n }, Konva.Node.prototype.stopDrag = function () {\n var t = Konva.DD,\n e = {};\n t._endDragBefore(e), t._endDragAfter(e);\n }, Konva.Node.prototype.setDraggable = function (t) {\n this._setAttr(\"draggable\", t), this._dragChange();\n };\n var t = Konva.Node.prototype.remove;\n Konva.Node.prototype.__originalRemove = t, Konva.Node.prototype.remove = function () {\n var e = Konva.DD;\n e.node && e.node._id === this._id && this.stopDrag(), t.call(this);\n }, Konva.Node.prototype.isDragging = function () {\n var t = Konva.DD;\n return !(!t.node || t.node._id !== this._id || !t.isDragging);\n }, Konva.Node.prototype._listenDrag = function () {\n var t = this;\n this._dragCleanup(), \"Stage\" === this.getClassName() ? this.on(\"contentMousedown.konva contentTouchstart.konva\", function (e) {\n Konva.DD.node || t.startDrag(e);\n }) : this.on(\"mousedown.konva touchstart.konva\", function (e) {\n 1 !== e.evt.button && 2 !== e.evt.button && (Konva.DD.node || t.startDrag(e));\n });\n }, Konva.Node.prototype._dragChange = function () {\n if (this.attrs.draggable) this._listenDrag();else {\n this._dragCleanup();\n\n var t = this.getStage(),\n e = Konva.DD;\n t && e.node && e.node._id === this._id && e.node.stopDrag();\n }\n }, Konva.Node.prototype._dragCleanup = function () {\n \"Stage\" === this.getClassName() ? (this.off(\"contentMousedown.konva\"), this.off(\"contentTouchstart.konva\")) : (this.off(\"mousedown.konva\"), this.off(\"touchstart.konva\"));\n }, Konva.Factory.addGetterSetter(Konva.Node, \"dragBoundFunc\"), Konva.Factory.addGetter(Konva.Node, \"draggable\", !1), Konva.Factory.addOverloadedGetterSetter(Konva.Node, \"draggable\"), Konva.isBrowser && (window.addEventListener(\"mouseup\", Konva.DD._endDragBefore, !0), window.addEventListener(\"touchend\", Konva.DD._endDragBefore, !0), window.addEventListener(\"mousemove\", Konva.DD._drag), window.addEventListener(\"touchmove\", Konva.DD._drag), window.addEventListener(\"mouseup\", Konva.DD._endDragAfter, !1), window.addEventListener(\"touchend\", Konva.DD._endDragAfter, !1));\n }();\n },\n 970: function _() {\n !function () {\n \"use strict\";\n\n Konva.Factory = {\n addGetterSetter: function addGetterSetter(t, e, i, n, a) {\n this.addGetter(t, e, i), this.addSetter(t, e, n, a), this.addOverloadedGetterSetter(t, e);\n },\n addGetter: function addGetter(t, e, i) {\n var n = \"get\" + Konva.Util._capitalize(e);\n\n t.prototype[n] = function () {\n var t = this.attrs[e];\n return void 0 === t ? i : t;\n };\n },\n addSetter: function addSetter(t, e, i, n) {\n var a = \"set\" + Konva.Util._capitalize(e);\n\n t.prototype[a] = function (t) {\n return i && null != t && (t = i.call(this, t, e)), this._setAttr(e, t), n && n.call(this), this;\n };\n },\n addComponentsGetterSetter: function addComponentsGetterSetter(t, e, i, n, a) {\n var r,\n o,\n s = i.length,\n h = Konva.Util._capitalize,\n l = \"get\" + h(e),\n c = \"set\" + h(e);\n t.prototype[l] = function () {\n var t = {};\n\n for (r = 0; r < s; r++) {\n t[o = i[r]] = this.getAttr(e + h(o));\n }\n\n return t;\n }, t.prototype[c] = function (t) {\n var i,\n r = this.attrs[e];\n\n for (i in n && (t = n.call(this, t)), t) {\n t.hasOwnProperty(i) && this._setAttr(e + h(i), t[i]);\n }\n\n return this._fireChangeEvent(e, r, t), a && a.call(this), this;\n }, this.addOverloadedGetterSetter(t, e);\n },\n addOverloadedGetterSetter: function addOverloadedGetterSetter(t, e) {\n var i = Konva.Util._capitalize(e),\n n = \"set\" + i,\n a = \"get\" + i;\n\n t.prototype[e] = function () {\n return arguments.length ? (this[n](arguments[0]), this) : this[a]();\n };\n },\n addDeprecatedGetterSetter: function addDeprecatedGetterSetter(t, e, i, n) {\n Konva.Util.error(\"Adding deprecated \" + e);\n\n var a = \"get\" + Konva.Util._capitalize(e),\n r = e + \" property is deprecated and will be removed soon. Look at Konva change log for more information.\";\n\n t.prototype[a] = function () {\n Konva.Util.error(r);\n var t = this.attrs[e];\n return void 0 === t ? i : t;\n }, this.addSetter(t, e, n, function () {\n Konva.Util.error(r);\n }), this.addOverloadedGetterSetter(t, e);\n },\n backCompat: function backCompat(t, e) {\n Konva.Util.each(e, function (e, i) {\n var n = t.prototype[i],\n a = \"get\" + Konva.Util._capitalize(e),\n r = \"set\" + Konva.Util._capitalize(e);\n\n function o() {\n n.apply(this, arguments), Konva.Util.error('\"' + e + '\" method is deprecated and will be removed soon. Use \"\"' + i + '\" instead.');\n }\n\n t.prototype[e] = o, t.prototype[a] = o, t.prototype[r] = o;\n });\n },\n afterSetFilter: function afterSetFilter() {\n this._filterUpToDate = !1;\n }\n }, Konva.Validators = {\n RGBComponent: function RGBComponent(t) {\n return t > 255 ? 255 : t < 0 ? 0 : Math.round(t);\n },\n alphaComponent: function alphaComponent(t) {\n return t > 1 ? 1 : t < 1e-4 ? 1e-4 : t;\n },\n _formatValue: function _formatValue(t) {\n return Konva.Util._isString(t) ? '\"' + t + '\"' : \"[object Number]\" === Object.prototype.toString.call(t) || Konva.Util._isBoolean(t) ? t : Object.prototype.toString.call(t);\n },\n getNumberValidator: function getNumberValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isNumber(t) || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a number.'), t;\n };\n },\n getNumberOrAutoValidator: function getNumberOrAutoValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isNumber(t) || \"auto\" === t || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a number or \"auto\".'), t;\n };\n },\n getStringValidator: function getStringValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isString(t) || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a string.'), t;\n };\n },\n getFunctionValidator: function getFunctionValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isFunction(t) || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a function.'), t;\n };\n },\n getNumberArrayValidator: function getNumberArrayValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return Konva.Util._isArray(t) ? t.forEach(function (t) {\n Konva.Util._isNumber(t) || Konva.Util.warn('\"' + e + '\" attribute has non numeric element ' + t + \". Make sure that all elements are numbers.\");\n }) : Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a array of numbers.'), t;\n };\n },\n getBooleanValidator: function getBooleanValidator() {\n if (Konva.isUnminified) return function (t, e) {\n return !0 === t || !1 === t || Konva.Util.warn(Konva.Validators._formatValue(t) + ' is a not valid value for \"' + e + '\" attribute. The value should be a boolean.'), t;\n };\n }\n };\n }();\n },\n 715: function _() {\n !function () {\n \"use strict\";\n\n Konva.FastLayer = function (t) {\n this.____init(t);\n }, Konva.Util.addMethods(Konva.FastLayer, {\n ____init: function ____init(t) {\n this.nodeType = \"Layer\", this.canvas = new Konva.SceneCanvas(), Konva.BaseLayer.call(this, t);\n },\n _validateAdd: function _validateAdd(t) {\n \"Shape\" !== t.getType() && Konva.Util.throw(\"You may only add shapes to a fast layer.\");\n },\n _setCanvasSize: function _setCanvasSize(t, e) {\n this.canvas.setSize(t, e);\n },\n hitGraphEnabled: function hitGraphEnabled() {\n return !1;\n },\n getIntersection: function getIntersection() {\n return null;\n },\n drawScene: function drawScene(t) {\n var e = this.getLayer(),\n i = t || e && e.getCanvas();\n return this.getClearBeforeDraw() && i.getContext().clear(), Konva.Container.prototype.drawScene.call(this, i), this;\n },\n draw: function draw() {\n return this.drawScene(), this;\n },\n setVisible: function setVisible(t) {\n return Konva.Node.prototype.setVisible.call(this, t), this.getCanvas()._canvas.style.display = t ? \"block\" : \"none\", this;\n }\n }), Konva.Util.extend(Konva.FastLayer, Konva.BaseLayer), Konva.Collection.mapMethods(Konva.FastLayer);\n }();\n },\n 894: function _(t, e, i) {\n !function () {\n \"use strict\";\n\n var e = Math.PI / 180,\n n = {\n version: \"@@version\",\n stages: [],\n idCounter: 0,\n ids: {},\n names: {},\n shapes: {},\n listenClickTap: !1,\n inDblClickWindow: !1,\n isBrowser: \"undefined\" != typeof window && (\"[object Window]\" === {}.toString.call(window) || \"[object global]\" === {}.toString.call(window)),\n isUnminified: /comment/.test(function () {}),\n enableTrace: !1,\n traceArrMax: 100,\n dblClickWindow: 400,\n pixelRatio: void 0,\n dragDistance: 3,\n angleDeg: !0,\n showWarnings: !0,\n Filters: {},\n isDragging: function isDragging() {\n var t = n.DD;\n return !!t && t.isDragging;\n },\n isDragReady: function isDragReady() {\n var t = n.DD;\n return !!t && !!t.node;\n },\n _addId: function _addId(t, e) {\n e && (this.ids[e] = t);\n },\n _removeId: function _removeId(t) {\n void 0 !== t && delete this.ids[t];\n },\n _addName: function _addName(t, e) {\n e && (this.names[e] || (this.names[e] = []), this.names[e].push(t));\n },\n _removeName: function _removeName(t, e) {\n if (t) {\n var i = this.names[t];\n\n if (i) {\n for (var n = 0; n < i.length; n++) {\n i[n]._id === e && i.splice(n, 1);\n }\n\n 0 === i.length && delete this.names[t];\n }\n }\n },\n getAngle: function getAngle(t) {\n return this.angleDeg ? t * e : t;\n },\n _detectIE: function _detectIE(t) {\n var e = t.indexOf(\"msie \");\n if (e > 0) return parseInt(t.substring(e + 5, t.indexOf(\".\", e)), 10);\n\n if (t.indexOf(\"trident/\") > 0) {\n var i = t.indexOf(\"rv:\");\n return parseInt(t.substring(i + 3, t.indexOf(\".\", i)), 10);\n }\n\n var n = t.indexOf(\"edge/\");\n return n > 0 && parseInt(t.substring(n + 5, t.indexOf(\".\", n)), 10);\n },\n _parseUA: function _parseUA(t) {\n var e = t.toLowerCase(),\n i = /(chrome)[ /]([\\w.]+)/.exec(e) || /(webkit)[ /]([\\w.]+)/.exec(e) || /(opera)(?:.*version|)[ /]([\\w.]+)/.exec(e) || /(msie) ([\\w.]+)/.exec(e) || e.indexOf(\"compatible\") < 0 && /(mozilla)(?:.*? rv:([\\w.]+)|)/.exec(e) || [],\n a = !!t.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i),\n r = !!t.match(/IEMobile/i);\n return {\n browser: i[1] || \"\",\n version: i[2] || \"0\",\n isIE: n._detectIE(e),\n mobile: a,\n ieMobile: r\n };\n },\n UA: void 0\n },\n a = void 0 !== i.g ? i.g : \"undefined\" != typeof window ? window : \"undefined\" != typeof WorkerGlobalScope ? self : {};\n n.UA = n._parseUA(a.navigator && a.navigator.userAgent || \"\"), a.Konva && console.error(\"Konva instance is already exist in current eviroment. Please use only one instance.\"), a.Konva = n, n.global = a, n.window = a, n.document = a.document, t.exports = n;\n }();\n },\n 512: function _() {\n !function () {\n \"use strict\";\n\n Konva.Group = function (t) {\n this.___init(t);\n }, Konva.Util.addMethods(Konva.Group, {\n ___init: function ___init(t) {\n this.nodeType = \"Group\", Konva.Container.call(this, t);\n },\n _validateAdd: function _validateAdd(t) {\n var e = t.getType();\n \"Group\" !== e && \"Shape\" !== e && Konva.Util.throw(\"You may only add groups and shapes to groups.\");\n }\n }), Konva.Util.extend(Konva.Group, Konva.Container), Konva.Collection.mapMethods(Konva.Group);\n }();\n },\n 711: function _() {\n !function () {\n \"use strict\";\n\n var t = [{\n x: 0,\n y: 0\n }, {\n x: -1,\n y: -1\n }, {\n x: 1,\n y: -1\n }, {\n x: 1,\n y: 1\n }, {\n x: -1,\n y: 1\n }],\n e = t.length;\n Konva.Layer = function (t) {\n this.____init(t);\n }, Konva.Util.addMethods(Konva.Layer, {\n ____init: function ____init(t) {\n this.nodeType = \"Layer\", this.canvas = new Konva.SceneCanvas(), this.hitCanvas = new Konva.HitCanvas({\n pixelRatio: 1\n }), Konva.BaseLayer.call(this, t);\n },\n _setCanvasSize: function _setCanvasSize(t, e) {\n this.canvas.setSize(t, e), this.hitCanvas.setSize(t, e);\n },\n _validateAdd: function _validateAdd(t) {\n var e = t.getType();\n \"Group\" !== e && \"Shape\" !== e && Konva.Util.throw(\"You may only add groups and shapes to a layer.\");\n },\n getIntersection: function getIntersection(i, n) {\n var a, r, o, s;\n if (!this.hitGraphEnabled() || !this.isVisible()) return null;\n\n for (var h = 1, l = !1;;) {\n for (r = 0; r < e; r++) {\n if (o = t[r], (s = (a = this._getIntersection({\n x: i.x + o.x * h,\n y: i.y + o.y * h\n })).shape) && n) return s.findAncestor(n, !0);\n if (s) return s;\n if (l = !!a.antialiased, !a.antialiased) break;\n }\n\n if (!l) return null;\n h += 1;\n }\n },\n _getImageData: function _getImageData(t, e) {\n var i = this.hitCanvas.width || 1,\n n = this.hitCanvas.height || 1,\n a = Math.round(e) * i + Math.round(t);\n return this._hitImageData || (this._hitImageData = this.hitCanvas.context.getImageData(0, 0, i, n)), [this._hitImageData.data[4 * a + 0], this._hitImageData.data[4 * a + 1], this._hitImageData.data[4 * a + 2], this._hitImageData.data[4 * a + 3]];\n },\n _getIntersection: function _getIntersection(t) {\n var e,\n i,\n n = this.hitCanvas.pixelRatio,\n a = this.hitCanvas.context.getImageData(Math.round(t.x * n), Math.round(t.y * n), 1, 1).data,\n r = a[3];\n return 255 === r ? (e = Konva.Util._rgbToHex(a[0], a[1], a[2]), (i = Konva.shapes[\"#\" + e]) ? {\n shape: i\n } : {\n antialiased: !0\n }) : r > 0 ? {\n antialiased: !0\n } : {};\n },\n drawScene: function drawScene(t, e) {\n var i = this.getLayer(),\n n = t || i && i.getCanvas();\n return this._fire(\"beforeDraw\", {\n node: this\n }), this.getClearBeforeDraw() && n.getContext().clear(), Konva.Container.prototype.drawScene.call(this, n, e), this._fire(\"draw\", {\n node: this\n }), this;\n },\n drawHit: function drawHit(t, e) {\n var i = this.getLayer(),\n n = t || i && i.hitCanvas;\n return i && i.getClearBeforeDraw() && i.getHitCanvas().getContext().clear(), Konva.Container.prototype.drawHit.call(this, n, e), this.imageData = null, this;\n },\n clear: function clear(t) {\n return Konva.BaseLayer.prototype.clear.call(this, t), this.getHitCanvas().getContext().clear(t), this.imageData = null, this;\n },\n setVisible: function setVisible(t) {\n return Konva.Node.prototype.setVisible.call(this, t), t ? (this.getCanvas()._canvas.style.display = \"block\", this.hitCanvas._canvas.style.display = \"block\") : (this.getCanvas()._canvas.style.display = \"none\", this.hitCanvas._canvas.style.display = \"none\"), this;\n },\n enableHitGraph: function enableHitGraph() {\n return this.setHitGraphEnabled(!0), this;\n },\n disableHitGraph: function disableHitGraph() {\n return this.setHitGraphEnabled(!1), this;\n },\n setSize: function setSize(t, e) {\n return Konva.BaseLayer.prototype.setSize.call(this, t, e), this.hitCanvas.setSize(t, e), this;\n }\n }), Konva.Util.extend(Konva.Layer, Konva.BaseLayer), Konva.Factory.addGetterSetter(Konva.Layer, \"hitGraphEnabled\", !0), Konva.Collection.mapMethods(Konva.Layer);\n }();\n },\n 150: function _() {\n !function (t) {\n \"use strict\";\n\n var e = \"Shape\",\n i = [\"id\"],\n n = [\"xChange.konva\", \"yChange.konva\", \"scaleXChange.konva\", \"scaleYChange.konva\", \"skewXChange.konva\", \"skewYChange.konva\", \"rotationChange.konva\", \"offsetXChange.konva\", \"offsetYChange.konva\", \"transformsEnabledChange.konva\"].join(\" \"),\n a = [\"scaleXChange.konva\", \"scaleYChange.konva\"].join(\" \");\n t.Node = function (t) {\n this._init(t);\n }, t.Util.addMethods(t.Node, {\n _init: function _init(e) {\n this._id = t.idCounter++, this.eventListeners = {}, this.attrs = {}, this._cache = {}, this._filterUpToDate = !1, this._isUnderCache = !1, this.setAttrs(e), this.on(n, function () {\n this._clearCache(\"transform\"), this._clearSelfAndDescendantCache(\"absoluteTransform\");\n }), this.on(a, function () {\n this._clearSelfAndDescendantCache(\"absoluteScale\");\n }), this.on(\"visibleChange.konva\", function () {\n this._clearSelfAndDescendantCache(\"visible\");\n }), this.on(\"listeningChange.konva\", function () {\n this._clearSelfAndDescendantCache(\"listening\");\n }), this.on(\"opacityChange.konva\", function () {\n this._clearSelfAndDescendantCache(\"absoluteOpacity\");\n });\n },\n _clearCache: function _clearCache(t) {\n t ? delete this._cache[t] : this._cache = {};\n },\n _getCache: function _getCache(t, e) {\n return void 0 === this._cache[t] && (this._cache[t] = e.call(this)), this._cache[t];\n },\n _clearSelfAndDescendantCache: function _clearSelfAndDescendantCache(t) {\n this._clearCache(t), this.children && this.getChildren().each(function (e) {\n e._clearSelfAndDescendantCache(t);\n });\n },\n clearCache: function clearCache() {\n return delete this._cache.canvas, this._filterUpToDate = !1, this;\n },\n cache: function cache(e) {\n var i = e || {},\n n = {};\n void 0 !== i.x && void 0 !== i.y && void 0 !== i.width && void 0 !== i.height || (n = this.getClientRect({\n skipTransform: !0,\n relativeTo: this.getParent()\n }));\n var a = i.width || n.width,\n r = i.height || n.height,\n o = i.pixelRatio,\n s = void 0 === i.x ? n.x : i.x,\n h = void 0 === i.y ? n.y : i.y,\n l = i.offset || 0,\n c = i.drawBorder || !1;\n\n if (a && r) {\n a += 2 * l, r += 2 * l, s -= l, h -= l;\n var u = new t.SceneCanvas({\n pixelRatio: o,\n width: a,\n height: r\n }),\n d = new t.SceneCanvas({\n pixelRatio: o,\n width: a,\n height: r\n }),\n f = new t.HitCanvas({\n pixelRatio: 1,\n width: a,\n height: r\n }),\n g = u.getContext(),\n p = f.getContext();\n return f.isCache = !0, this.clearCache(), g.save(), p.save(), g.translate(-s, -h), p.translate(-s, -h), this._isUnderCache = !0, this._clearSelfAndDescendantCache(\"absoluteOpacity\"), this._clearSelfAndDescendantCache(\"absoluteScale\"), this.drawScene(u, this, !0), this.drawHit(f, this, !0), this._isUnderCache = !1, g.restore(), p.restore(), c && (g.save(), g.beginPath(), g.rect(0, 0, a, r), g.closePath(), g.setAttr(\"strokeStyle\", \"red\"), g.setAttr(\"lineWidth\", 5), g.stroke(), g.restore()), this._cache.canvas = {\n scene: u,\n filter: d,\n hit: f,\n x: s,\n y: h\n }, this;\n }\n\n t.Util.error(\"Can not cache the node. Width or height of the node equals 0. Caching is skipped.\");\n },\n getClientRect: function getClientRect() {\n throw new Error('abstract \"getClientRect\" method call');\n },\n _transformedRect: function _transformedRect(t, e) {\n var i,\n n,\n a,\n r,\n o = [{\n x: t.x,\n y: t.y\n }, {\n x: t.x + t.width,\n y: t.y\n }, {\n x: t.x + t.width,\n y: t.y + t.height\n }, {\n x: t.x,\n y: t.y + t.height\n }],\n s = this.getAbsoluteTransform(e);\n return o.forEach(function (t) {\n var e = s.point(t);\n void 0 === i && (i = a = e.x, n = r = e.y), i = Math.min(i, e.x), n = Math.min(n, e.y), a = Math.max(a, e.x), r = Math.max(r, e.y);\n }), {\n x: i,\n y: n,\n width: a - i,\n height: r - n\n };\n },\n _drawCachedSceneCanvas: function _drawCachedSceneCanvas(t) {\n t.save(), t._applyOpacity(this), t._applyGlobalCompositeOperation(this), t.translate(this._cache.canvas.x, this._cache.canvas.y);\n\n var e = this._getCachedSceneCanvas(),\n i = e.pixelRatio;\n\n t.drawImage(e._canvas, 0, 0, e.width / i, e.height / i), t.restore();\n },\n _drawCachedHitCanvas: function _drawCachedHitCanvas(t) {\n var e = this._cache.canvas.hit;\n t.save(), t.translate(this._cache.canvas.x, this._cache.canvas.y), t.drawImage(e._canvas, 0, 0), t.restore();\n },\n _getCachedSceneCanvas: function _getCachedSceneCanvas() {\n var e,\n i,\n n,\n a,\n r = this.filters(),\n o = this._cache.canvas,\n s = o.scene,\n h = o.filter,\n l = h.getContext();\n\n if (r) {\n if (!this._filterUpToDate) {\n var c = s.pixelRatio;\n\n try {\n for (e = r.length, l.clear(), l.drawImage(s._canvas, 0, 0, s.getWidth() / c, s.getHeight() / c), i = l.getImageData(0, 0, h.getWidth(), h.getHeight()), n = 0; n < e; n++) {\n \"function\" == typeof (a = r[n]) ? (a.call(this, i), l.putImageData(i, 0, 0)) : t.Util.error(\"Filter should be type of function, but got \" + typeof a + \" insted. Please check correct filters\");\n }\n } catch (e) {\n t.Util.error(\"Unable to apply filter. \" + e.message);\n }\n\n this._filterUpToDate = !0;\n }\n\n return h;\n }\n\n return s;\n },\n on: function on(t, e) {\n if (3 === arguments.length) return this._delegate.apply(this, arguments);\n var i,\n n,\n a,\n r,\n o = t.split(\" \"),\n s = o.length;\n\n for (i = 0; i < s; i++) {\n a = (n = o[i].split(\".\"))[0], r = n[1] || \"\", this.eventListeners[a] || (this.eventListeners[a] = []), this.eventListeners[a].push({\n name: r,\n handler: e\n });\n }\n\n return this;\n },\n off: function off(t, e) {\n var i,\n n,\n a,\n r,\n o,\n s = (t || \"\").split(\" \"),\n h = s.length;\n if (!t) for (n in this.eventListeners) {\n this._off(n);\n }\n\n for (i = 0; i < h; i++) {\n if (r = (a = s[i].split(\".\"))[0], o = a[1], r) this.eventListeners[r] && this._off(r, o, e);else for (n in this.eventListeners) {\n this._off(n, o, e);\n }\n }\n\n return this;\n },\n dispatchEvent: function dispatchEvent(t) {\n var e = {\n target: this,\n type: t.type,\n evt: t\n };\n return this.fire(t.type, e), this;\n },\n addEventListener: function addEventListener(t, e) {\n return this.on(t, function (t) {\n e.call(this, t.evt);\n }), this;\n },\n removeEventListener: function removeEventListener(t) {\n return this.off(t), this;\n },\n _delegate: function _delegate(e, i, n) {\n var a = this;\n this.on(e, function (e) {\n for (var r = e.target.findAncestors(i, !0, a), o = 0; o < r.length; o++) {\n (e = t.Util.cloneObject(e)).currentTarget = r[o], n.call(r[o], e);\n }\n });\n },\n remove: function remove() {\n var t = this.getParent();\n return t && t.children && (t.children.splice(this.index, 1), t._setChildrenIndices(), delete this.parent), this._clearSelfAndDescendantCache(\"stage\"), this._clearSelfAndDescendantCache(\"absoluteTransform\"), this._clearSelfAndDescendantCache(\"visible\"), this._clearSelfAndDescendantCache(\"listening\"), this._clearSelfAndDescendantCache(\"absoluteOpacity\"), this;\n },\n destroy: function destroy() {\n t._removeId(this.getId());\n\n for (var e = (this.getName() || \"\").split(/\\s/g), i = 0; i < e.length; i++) {\n var n = e[i];\n\n t._removeName(n, this._id);\n }\n\n return this.remove(), this;\n },\n getAttr: function getAttr(e) {\n var i = \"get\" + t.Util._capitalize(e);\n\n return t.Util._isFunction(this[i]) ? this[i]() : this.attrs[e];\n },\n getAncestors: function getAncestors() {\n for (var e = this.getParent(), i = new t.Collection(); e;) {\n i.push(e), e = e.getParent();\n }\n\n return i;\n },\n getAttrs: function getAttrs() {\n return this.attrs || {};\n },\n setAttrs: function setAttrs(e) {\n var i, n;\n if (!e) return this;\n\n for (i in e) {\n \"children\" !== i && (n = \"set\" + t.Util._capitalize(i), t.Util._isFunction(this[n]) ? this[n](e[i]) : this._setAttr(i, e[i]));\n }\n\n return this;\n },\n isListening: function isListening() {\n return this._getCache(\"listening\", this._isListening);\n },\n _isListening: function _isListening() {\n var t = this.getListening(),\n e = this.getParent();\n return \"inherit\" === t ? !e || e.isListening() : t;\n },\n isVisible: function isVisible() {\n return this._getCache(\"visible\", this._isVisible);\n },\n _isVisible: function _isVisible(t) {\n var e = this.getVisible(),\n i = this.getParent();\n return t === i && \"inherit\" === e || (t === i ? e : \"inherit\" === e ? !i || i._isVisible(t) : e);\n },\n shouldDrawHit: function shouldDrawHit() {\n var t = this.getLayer();\n return !t && this.isListening() && this.isVisible() || t && t.hitGraphEnabled() && this.isListening() && this.isVisible();\n },\n show: function show() {\n return this.setVisible(!0), this;\n },\n hide: function hide() {\n return this.setVisible(!1), this;\n },\n getZIndex: function getZIndex() {\n return this.index || 0;\n },\n getAbsoluteZIndex: function getAbsoluteZIndex() {\n var t,\n i,\n n,\n a,\n r = this.getDepth(),\n o = this,\n s = 0;\n return \"Stage\" !== o.nodeType && function h(l) {\n for (t = [], i = l.length, n = 0; n < i; n++) {\n a = l[n], s++, a.nodeType !== e && (t = t.concat(a.getChildren().toArray())), a._id === o._id && (n = i);\n }\n\n t.length > 0 && t[0].getDepth() <= r && h(t);\n }(o.getStage().getChildren()), s;\n },\n getDepth: function getDepth() {\n for (var t = 0, e = this.parent; e;) {\n t++, e = e.parent;\n }\n\n return t;\n },\n setPosition: function setPosition(t) {\n return this.setX(t.x), this.setY(t.y), this;\n },\n getPosition: function getPosition() {\n return {\n x: this.getX(),\n y: this.getY()\n };\n },\n getAbsolutePosition: function getAbsolutePosition(e) {\n var i = this.getAbsoluteTransform(e).getMatrix(),\n n = new t.Transform(),\n a = this.offset();\n return n.m = i.slice(), n.translate(a.x, a.y), n.getTranslation();\n },\n setAbsolutePosition: function setAbsolutePosition(t) {\n var e,\n i = this._clearTransform();\n\n return this.attrs.x = i.x, this.attrs.y = i.y, delete i.x, delete i.y, (e = this.getAbsoluteTransform()).invert(), e.translate(t.x, t.y), t = {\n x: this.attrs.x + e.getTranslation().x,\n y: this.attrs.y + e.getTranslation().y\n }, this.setPosition({\n x: t.x,\n y: t.y\n }), this._setTransform(i), this;\n },\n _setTransform: function _setTransform(t) {\n var e;\n\n for (e in t) {\n this.attrs[e] = t[e];\n }\n\n this._clearCache(\"transform\"), this._clearSelfAndDescendantCache(\"absoluteTransform\");\n },\n _clearTransform: function _clearTransform() {\n var t = {\n x: this.getX(),\n y: this.getY(),\n rotation: this.getRotation(),\n scaleX: this.getScaleX(),\n scaleY: this.getScaleY(),\n offsetX: this.getOffsetX(),\n offsetY: this.getOffsetY(),\n skewX: this.getSkewX(),\n skewY: this.getSkewY()\n };\n return this.attrs.x = 0, this.attrs.y = 0, this.attrs.rotation = 0, this.attrs.scaleX = 1, this.attrs.scaleY = 1, this.attrs.offsetX = 0, this.attrs.offsetY = 0, this.attrs.skewX = 0, this.attrs.skewY = 0, this._clearCache(\"transform\"), this._clearSelfAndDescendantCache(\"absoluteTransform\"), t;\n },\n move: function move(t) {\n var e = t.x,\n i = t.y,\n n = this.getX(),\n a = this.getY();\n return void 0 !== e && (n += e), void 0 !== i && (a += i), this.setPosition({\n x: n,\n y: a\n }), this;\n },\n _eachAncestorReverse: function _eachAncestorReverse(t, e) {\n var i,\n n,\n a = [],\n r = this.getParent();\n if (e && e._id === this._id) t(this);else {\n for (a.unshift(this); r && (!e || r._id !== e._id);) {\n a.unshift(r), r = r.parent;\n }\n\n for (i = a.length, n = 0; n < i; n++) {\n t(a[n]);\n }\n }\n },\n rotate: function rotate(t) {\n return this.setRotation(this.getRotation() + t), this;\n },\n moveToTop: function moveToTop() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveToTop function is ignored.\"), !1;\n var e = this.index;\n return this.parent.children.splice(e, 1), this.parent.children.push(this), this.parent._setChildrenIndices(), !0;\n },\n moveUp: function moveUp() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveUp function is ignored.\"), !1;\n var e = this.index;\n return e < this.parent.getChildren().length - 1 && (this.parent.children.splice(e, 1), this.parent.children.splice(e + 1, 0, this), this.parent._setChildrenIndices(), !0);\n },\n moveDown: function moveDown() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveDown function is ignored.\"), !1;\n var e = this.index;\n return e > 0 && (this.parent.children.splice(e, 1), this.parent.children.splice(e - 1, 0, this), this.parent._setChildrenIndices(), !0);\n },\n moveToBottom: function moveToBottom() {\n if (!this.parent) return t.Util.warn(\"Node has no parent. moveToBottom function is ignored.\"), !1;\n var e = this.index;\n return e > 0 && (this.parent.children.splice(e, 1), this.parent.children.unshift(this), this.parent._setChildrenIndices(), !0);\n },\n setZIndex: function setZIndex(e) {\n if (!this.parent) return t.Util.warn(\"Node has no parent. zIndex parameter is ignored.\"), !1;\n var i = this.index;\n return this.parent.children.splice(i, 1), this.parent.children.splice(e, 0, this), this.parent._setChildrenIndices(), this;\n },\n getAbsoluteOpacity: function getAbsoluteOpacity() {\n return this._getCache(\"absoluteOpacity\", this._getAbsoluteOpacity);\n },\n _getAbsoluteOpacity: function _getAbsoluteOpacity() {\n var t = this.getOpacity(),\n e = this.getParent();\n return e && !e._isUnderCache && (t *= this.getParent().getAbsoluteOpacity()), t;\n },\n moveTo: function moveTo(t) {\n return this.getParent() !== t && ((this.__originalRemove || this.remove).call(this), t.add(this)), this;\n },\n toObject: function toObject() {\n var e,\n i,\n n,\n a,\n r = {},\n o = this.getAttrs();\n\n for (e in r.attrs = {}, o) {\n i = o[e], n = \"function\" == typeof this[e] && this[e], delete o[e], a = n ? n.call(this) : null, o[e] = i, a !== i && (r.attrs[e] = i);\n }\n\n return r.className = this.getClassName(), t.Util._prepareToStringify(r);\n },\n toJSON: function toJSON() {\n return JSON.stringify(this.toObject());\n },\n getParent: function getParent() {\n return this.parent;\n },\n findAncestors: function findAncestors(t, e, i) {\n var n = [];\n e && this._isMatch(t) && n.push(this);\n\n for (var a = this.parent; a;) {\n if (a === i) return n;\n a._isMatch(t) && n.push(a), a = a.parent;\n }\n\n return n;\n },\n findAncestor: function findAncestor(t, e, i) {\n return this.findAncestors(t, e, i)[0];\n },\n _isMatch: function _isMatch(e) {\n if (!e) return !1;\n var i,\n n,\n a = e.replace(/ /g, \"\").split(\",\"),\n r = a.length;\n\n for (i = 0; i < r; i++) {\n if (n = a[i], t.Util.isValidSelector(n) || (t.Util.warn('Selector \"' + n + '\" is invalid. Allowed selectors examples are \"#foo\", \".bar\" or \"Group\".'), t.Util.warn('If you have a custom shape with such className, please change it to start with upper letter like \"Triangle\".'), t.Util.warn(\"Konva is awesome, right?\")), \"#\" === n.charAt(0)) {\n if (this.id() === n.slice(1)) return !0;\n } else if (\".\" === n.charAt(0)) {\n if (this.hasName(n.slice(1))) return !0;\n } else if (0 !== this._get(n).length) return !0;\n }\n\n return !1;\n },\n getLayer: function getLayer() {\n var t = this.getParent();\n return t ? t.getLayer() : null;\n },\n getStage: function getStage() {\n return this._getCache(\"stage\", this._getStage);\n },\n _getStage: function _getStage() {\n var t = this.getParent();\n return t ? t.getStage() : void 0;\n },\n fire: function fire(t, e, i) {\n return (e = e || {}).target = e.target || this, i ? this._fireAndBubble(t, e) : this._fire(t, e), this;\n },\n getAbsoluteTransform: function getAbsoluteTransform(t) {\n return t ? this._getAbsoluteTransform(t) : this._getCache(\"absoluteTransform\", this._getAbsoluteTransform);\n },\n _getAbsoluteTransform: function _getAbsoluteTransform(e) {\n var i = new t.Transform();\n return this._eachAncestorReverse(function (t) {\n var e = t.transformsEnabled();\n \"all\" === e ? i.multiply(t.getTransform()) : \"position\" === e && i.translate(t.getX() - t.getOffsetX(), t.getY() - t.getOffsetY());\n }, e), i;\n },\n getAbsoluteScale: function getAbsoluteScale(t) {\n return t ? this._getAbsoluteScale(t) : this._getCache(\"absoluteScale\", this._getAbsoluteScale);\n },\n _getAbsoluteScale: function _getAbsoluteScale(t) {\n for (var e = this; e;) {\n e._isUnderCache && (t = e), e = e.getParent();\n }\n\n var i = 1,\n n = 1;\n return this._eachAncestorReverse(function (t) {\n i *= t.scaleX(), n *= t.scaleY();\n }, t), {\n x: i,\n y: n\n };\n },\n getTransform: function getTransform() {\n return this._getCache(\"transform\", this._getTransform);\n },\n _getTransform: function _getTransform() {\n var e = new t.Transform(),\n i = this.getX(),\n n = this.getY(),\n a = t.getAngle(this.getRotation()),\n r = this.getScaleX(),\n o = this.getScaleY(),\n s = this.getSkewX(),\n h = this.getSkewY(),\n l = this.getOffsetX(),\n c = this.getOffsetY();\n return 0 === i && 0 === n || e.translate(i, n), 0 !== a && e.rotate(a), 0 === s && 0 === h || e.skew(s, h), 1 === r && 1 === o || e.scale(r, o), 0 === l && 0 === c || e.translate(-1 * l, -1 * c), e;\n },\n clone: function clone(e) {\n var n,\n a,\n r,\n o,\n s,\n h = t.Util.cloneObject(this.attrs);\n\n for (var l in i) {\n delete h[i[l]];\n }\n\n for (n in e) {\n h[n] = e[n];\n }\n\n var c = new this.constructor(h);\n\n for (n in this.eventListeners) {\n for (r = (a = this.eventListeners[n]).length, o = 0; o < r; o++) {\n (s = a[o]).name.indexOf(\"konva\") < 0 && (c.eventListeners[n] || (c.eventListeners[n] = []), c.eventListeners[n].push(s));\n }\n }\n\n return c;\n },\n _toKonvaCanvas: function _toKonvaCanvas(e) {\n e = e || {};\n var i = this.getClientRect(),\n n = this.getStage(),\n a = void 0 !== e.x ? e.x : i.x,\n r = void 0 !== e.y ? e.y : i.y,\n o = e.pixelRatio || 1,\n s = new t.SceneCanvas({\n width: e.width || i.width || (n ? n.getWidth() : 0),\n height: e.height || i.height || (n ? n.getHeight() : 0),\n pixelRatio: o\n }),\n h = s.getContext();\n return h.save(), (a || r) && h.translate(-1 * a, -1 * r), this.drawScene(s), h.restore(), s;\n },\n toCanvas: function toCanvas(t) {\n return this._toKonvaCanvas(t)._canvas;\n },\n toDataURL: function toDataURL(t) {\n var e = (t = t || {}).mimeType || null,\n i = t.quality || null,\n n = this._toKonvaCanvas(t).toDataURL(e, i);\n\n return t.callback && t.callback(n), n;\n },\n toImage: function toImage(e) {\n if (!e || !e.callback) throw \"callback required for toImage method config argument\";\n var i = e.callback;\n delete e.callback, t.Util._getImage(this.toDataURL(e), function (t) {\n i(t);\n });\n },\n setSize: function setSize(t) {\n return this.setWidth(t.width), this.setHeight(t.height), this;\n },\n getSize: function getSize() {\n return {\n width: this.getWidth(),\n height: this.getHeight()\n };\n },\n getWidth: function getWidth() {\n return this.attrs.width || 0;\n },\n getHeight: function getHeight() {\n return this.attrs.height || 0;\n },\n getClassName: function getClassName() {\n return this.className || this.nodeType;\n },\n getType: function getType() {\n return this.nodeType;\n },\n getDragDistance: function getDragDistance() {\n return void 0 !== this.attrs.dragDistance ? this.attrs.dragDistance : this.parent ? this.parent.getDragDistance() : t.dragDistance;\n },\n _get: function _get(t) {\n return this.className === t || this.nodeType === t ? [this] : [];\n },\n _off: function _off(t, e, i) {\n var n,\n a,\n r,\n o = this.eventListeners[t];\n\n for (n = 0; n < o.length; n++) {\n if (a = o[n].name, r = o[n].handler, !(\"konva\" === a && \"konva\" !== e || e && a !== e || i && i !== r)) {\n if (o.splice(n, 1), 0 === o.length) {\n delete this.eventListeners[t];\n break;\n }\n\n n--;\n }\n }\n },\n _fireChangeEvent: function _fireChangeEvent(t, e, i) {\n this._fire(t + \"Change\", {\n oldVal: e,\n newVal: i\n });\n },\n setId: function setId(e) {\n var i = this.getId();\n return t._removeId(i), t._addId(this, e), this._setAttr(\"id\", e), this;\n },\n setName: function setName(e) {\n var i,\n n,\n a = (this.getName() || \"\").split(/\\s/g),\n r = (e || \"\").split(/\\s/g);\n\n for (n = 0; n < a.length; n++) {\n i = a[n], -1 === r.indexOf(i) && i && t._removeName(i, this._id);\n }\n\n for (n = 0; n < r.length; n++) {\n i = r[n], -1 === a.indexOf(i) && i && t._addName(this, i);\n }\n\n return this._setAttr(\"name\", e), this;\n },\n addName: function addName(t) {\n if (!this.hasName(t)) {\n var e = this.name(),\n i = e ? e + \" \" + t : t;\n this.setName(i);\n }\n\n return this;\n },\n hasName: function hasName(t) {\n return -1 !== (this.name() || \"\").split(/\\s/g).indexOf(t);\n },\n removeName: function removeName(t) {\n var e = (this.name() || \"\").split(/\\s/g),\n i = e.indexOf(t);\n return -1 !== i && (e.splice(i, 1), this.setName(e.join(\" \"))), this;\n },\n setAttr: function setAttr(e, i) {\n var n = this[\"set\" + t.Util._capitalize(e)];\n\n return t.Util._isFunction(n) ? n.call(this, i) : this._setAttr(e, i), this;\n },\n _setAttr: function _setAttr(e, i) {\n var n;\n (n = this.attrs[e]) === i && !t.Util.isObject(i) || (null == i ? delete this.attrs[e] : this.attrs[e] = i, this._fireChangeEvent(e, n, i));\n },\n _setComponentAttr: function _setComponentAttr(t, e, i) {\n var n;\n void 0 !== i && ((n = this.attrs[t]) || (this.attrs[t] = this.getAttr(t)), this.attrs[t][e] = i, this._fireChangeEvent(t, n, i));\n },\n _fireAndBubble: function _fireAndBubble(t, i, n) {\n var a = !0;\n\n if (i && this.nodeType === e && (i.target = this), (\"mouseenter\" === t && n && (this._id === n._id || this.isAncestorOf && this.isAncestorOf(n)) || \"mouseleave\" === t && n && (this._id === n._id || this.isAncestorOf && this.isAncestorOf(n))) && (a = !1), a) {\n this._fire(t, i);\n\n var r = (\"mouseenter\" === t || \"mouseleave\" === t) && n && n.isAncestorOf && n.isAncestorOf(this) && !n.isAncestorOf(this.parent);\n (i && !i.cancelBubble || !i) && this.parent && this.parent.isListening() && !r && (n && n.parent ? this._fireAndBubble.call(this.parent, t, i, n.parent) : this._fireAndBubble.call(this.parent, t, i));\n }\n },\n _fire: function _fire(t, e) {\n var i,\n n = this.eventListeners[t];\n if ((e = e || {}).currentTarget = this, e.type = t, n) for (i = 0; i < n.length; i++) {\n n[i].handler.call(this, e);\n }\n },\n draw: function draw() {\n return this.drawScene(), this.drawHit(), this;\n }\n }), t.Node.create = function (e, i) {\n return t.Util._isString(e) && (e = JSON.parse(e)), this._createNode(e, i);\n }, t.Node._createNode = function (e, i) {\n var n,\n a,\n r,\n o = t.Node.prototype.getClassName.call(e),\n s = e.children;\n if (i && (e.attrs.container = i), n = new t[o](e.attrs), s) for (a = s.length, r = 0; r < a; r++) {\n n.add(this._createNode(s[r]));\n }\n return n;\n }, t.Factory.addOverloadedGetterSetter(t.Node, \"position\"), t.Factory.addGetterSetter(t.Node, \"x\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"y\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"globalCompositeOperation\", \"source-over\", t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Node, \"opacity\", 1, t.Validators.getNumberValidator()), t.Factory.addGetter(t.Node, \"name\"), t.Factory.addOverloadedGetterSetter(t.Node, \"name\"), t.Factory.addGetter(t.Node, \"id\"), t.Factory.addOverloadedGetterSetter(t.Node, \"id\"), t.Factory.addGetterSetter(t.Node, \"rotation\", 0, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Node, \"scale\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Node, \"scaleX\", 1, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"scaleY\", 1, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Node, \"skew\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Node, \"skewX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"skewY\", 0, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Node, \"offset\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Node, \"offsetX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Node, \"offsetY\", 0, t.Validators.getNumberValidator()), t.Factory.addSetter(t.Node, \"dragDistance\", t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"dragDistance\"), t.Factory.addSetter(t.Node, \"width\", t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"width\"), t.Factory.addSetter(t.Node, \"height\", t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"height\"), t.Factory.addGetterSetter(t.Node, \"listening\", \"inherit\", function (e) {\n return !0 === e || !1 === e || \"inherit\" === e || t.Util.warn(e + ' is a not valid value for \"listening\" attribute. The value may be true, false or \"inherit\".'), e;\n }), t.Factory.addGetterSetter(t.Node, \"preventDefault\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Node, \"filters\", null, function (t) {\n return this._filterUpToDate = !1, t;\n }), t.Factory.addGetterSetter(t.Node, \"visible\", \"inherit\", function (e) {\n return !0 === e || !1 === e || \"inherit\" === e || t.Util.warn(e + ' is a not valid value for \"visible\" attribute. The value may be true, false or \"inherit\".'), e;\n }), t.Factory.addGetterSetter(t.Node, \"transformsEnabled\", \"all\", t.Validators.getStringValidator()), t.Factory.addOverloadedGetterSetter(t.Node, \"size\"), t.Factory.backCompat(t.Node, {\n rotateDeg: \"rotate\",\n setRotationDeg: \"setRotation\",\n getRotationDeg: \"getRotation\"\n }), t.Collection.mapMethods(t.Node);\n }(Konva);\n },\n 144: function _() {\n !function (t) {\n \"use strict\";\n\n var e = \"hasShadow\",\n i = \"shadowRGBA\";\n\n function n(t) {\n t.fill();\n }\n\n function a(t) {\n t.stroke();\n }\n\n function r(t) {\n t.fill();\n }\n\n function o(t) {\n t.stroke();\n }\n\n function s() {\n this._clearCache(e);\n }\n\n function h() {\n this._clearCache(i);\n }\n\n t.Shape = function (t) {\n this.__init(t);\n }, t.Util.addMethods(t.Shape, {\n __init: function __init(e) {\n this.nodeType = \"Shape\", this._fillFunc = n, this._strokeFunc = a, this._fillFuncHit = r, this._strokeFuncHit = o;\n\n for (var i, l = t.shapes; !(i = t.Util.getRandomColor()) || i in l;) {\n ;\n }\n\n this.colorKey = i, l[i] = this, t.Node.call(this, e), this.on(\"shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva\", s), this.on(\"shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva\", h);\n },\n hasChildren: function hasChildren() {\n return !1;\n },\n getChildren: function getChildren() {\n return [];\n },\n getContext: function getContext() {\n return this.getLayer().getContext();\n },\n getCanvas: function getCanvas() {\n return this.getLayer().getCanvas();\n },\n hasShadow: function hasShadow() {\n return this._getCache(e, this._hasShadow);\n },\n _hasShadow: function _hasShadow() {\n return this.getShadowEnabled() && 0 !== this.getShadowOpacity() && !!(this.getShadowColor() || this.getShadowBlur() || this.getShadowOffsetX() || this.getShadowOffsetY());\n },\n getShadowRGBA: function getShadowRGBA() {\n return this._getCache(i, this._getShadowRGBA);\n },\n _getShadowRGBA: function _getShadowRGBA() {\n if (this.hasShadow()) {\n var e = t.Util.colorToRGBA(this.shadowColor());\n return \"rgba(\" + e.r + \",\" + e.g + \",\" + e.b + \",\" + e.a * (this.getShadowOpacity() || 1) + \")\";\n }\n },\n hasFill: function hasFill() {\n return !!(this.getFill() || this.getFillPatternImage() || this.getFillLinearGradientColorStops() || this.getFillRadialGradientColorStops());\n },\n hasStroke: function hasStroke() {\n return this.strokeEnabled() && !(!this.stroke() && !this.getStrokeLinearGradientColorStops());\n },\n intersects: function intersects(t) {\n var e = this.getStage().bufferHitCanvas;\n return e.getContext().clear(), this.drawHit(e), e.context.getImageData(Math.round(t.x), Math.round(t.y), 1, 1).data[3] > 0;\n },\n destroy: function destroy() {\n return t.Node.prototype.destroy.call(this), delete t.shapes[this.colorKey], this;\n },\n _useBufferCanvas: function _useBufferCanvas(t) {\n return !t && this.perfectDrawEnabled() && 1 !== this.getAbsoluteOpacity() && this.hasFill() && this.hasStroke() && this.getStage() || this.perfectDrawEnabled() && this.hasShadow() && 1 !== this.getAbsoluteOpacity() && this.hasFill() && this.hasStroke() && this.getStage();\n },\n getSelfRect: function getSelfRect() {\n var t = this.getSize();\n return {\n x: this._centroid ? Math.round(-t.width / 2) : 0,\n y: this._centroid ? Math.round(-t.height / 2) : 0,\n width: t.width,\n height: t.height\n };\n },\n getClientRect: function getClientRect(t) {\n var e = (t = t || {}).skipTransform,\n i = t.relativeTo,\n n = this.getSelfRect(),\n a = this.hasStroke() && this.strokeWidth() || 0,\n r = n.width + a,\n o = n.height + a,\n s = !t.skipShadow && this.hasShadow(),\n h = s ? this.shadowOffsetX() : 0,\n l = s ? this.shadowOffsetY() : 0,\n c = r + Math.abs(h),\n u = o + Math.abs(l),\n d = s && this.shadowBlur() || 0,\n f = c + 2 * d,\n g = u + 2 * d,\n p = 0;\n Math.round(a / 2) !== a / 2 && (p = 1);\n var v = {\n width: f + p,\n height: g + p,\n x: -Math.round(a / 2 + d) + Math.min(h, 0) + n.x,\n y: -Math.round(a / 2 + d) + Math.min(l, 0) + n.y\n };\n return e ? v : this._transformedRect(v, i);\n },\n drawScene: function drawScene(t, e, i, n) {\n var a,\n r,\n o = this.getLayer(),\n s = t || o.getCanvas(),\n h = s.getContext(),\n l = this._cache.canvas,\n c = this.sceneFunc(),\n u = this.hasShadow(),\n d = this.hasStroke();\n if (!this.isVisible() && !i) return this;\n if (l) return h.save(), o._applyTransform(this, h, e), this._drawCachedSceneCanvas(h), h.restore(), this;\n if (!c) return this;\n\n if (h.save(), this._useBufferCanvas(i) && !n) {\n if ((r = (a = this.getStage().bufferCanvas).getContext()).clear(), r.save(), r._applyLineJoin(this), !i) if (o) o._applyTransform(this, r, e);else {\n var f = this.getAbsoluteTransform(e).getMatrix();\n h.transform(f[0], f[1], f[2], f[3], f[4], f[5]);\n }\n c.call(this, r, this), r.restore();\n var g = a.pixelRatio;\n u && !s.hitCanvas ? (h.save(), h._applyShadow(this), h._applyOpacity(this), h._applyGlobalCompositeOperation(this), h.drawImage(a._canvas, 0, 0, a.width / g, a.height / g), h.restore()) : (h._applyOpacity(this), h._applyGlobalCompositeOperation(this), h.drawImage(a._canvas, 0, 0, a.width / g, a.height / g));\n } else {\n if (h._applyLineJoin(this), !i) if (o) o._applyTransform(this, h, e);else {\n var p = this.getAbsoluteTransform(e).getMatrix();\n h.transform(p[0], p[1], p[2], p[3], p[4], p[5]);\n }\n u && d && !s.hitCanvas ? (h.save(), i || (h._applyOpacity(this), h._applyGlobalCompositeOperation(this)), h._applyShadow(this), c.call(this, h, this), h.restore(), this.hasFill() && this.getShadowForStrokeEnabled() && c.call(this, h, this)) : u && !s.hitCanvas ? (h.save(), i || (h._applyOpacity(this), h._applyGlobalCompositeOperation(this)), h._applyShadow(this), c.call(this, h, this), h.restore()) : (i || (h._applyOpacity(this), h._applyGlobalCompositeOperation(this)), c.call(this, h, this));\n }\n\n return h.restore(), this;\n },\n drawHit: function drawHit(t, e, i) {\n var n = this.getLayer(),\n a = t || n.hitCanvas,\n r = a.getContext(),\n o = this.hitFunc() || this.sceneFunc(),\n s = this._cache.canvas,\n h = s && s.hit;\n if (!this.shouldDrawHit(a) && !i) return this;\n if (n && n.clearHitCache(), h) return r.save(), n._applyTransform(this, r, e), this._drawCachedHitCanvas(r), r.restore(), this;\n if (!o) return this;\n if (r.save(), r._applyLineJoin(this), !i) if (n) n._applyTransform(this, r, e);else {\n var l = this.getAbsoluteTransform(e).getMatrix();\n r.transform(l[0], l[1], l[2], l[3], l[4], l[5]);\n }\n return o.call(this, r, this), r.restore(), this;\n },\n drawHitFromCache: function drawHitFromCache(e) {\n var i,\n n,\n a,\n r,\n o,\n s = e || 0,\n h = this._cache.canvas,\n l = this._getCachedSceneCanvas(),\n c = h.hit,\n u = c.getContext(),\n d = c.getWidth(),\n f = c.getHeight();\n\n u.clear(), u.drawImage(l._canvas, 0, 0, d, f);\n\n try {\n for (a = (n = (i = u.getImageData(0, 0, d, f)).data).length, r = t.Util._hexToRgb(this.colorKey), o = 0; o < a; o += 4) {\n n[o + 3] > s ? (n[o] = r.r, n[o + 1] = r.g, n[o + 2] = r.b, n[o + 3] = 255) : n[o + 3] = 0;\n }\n\n u.putImageData(i, 0, 0);\n } catch (e) {\n t.Util.error(\"Unable to draw hit graph from cached scene canvas. \" + e.message);\n }\n\n return this;\n }\n }), t.Util.extend(t.Shape, t.Node), t.Factory.addGetterSetter(t.Shape, \"stroke\", void 0, t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Shape, \"strokeWidth\", 2, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"strokeHitEnabled\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Shape, \"perfectDrawEnabled\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowForStrokeEnabled\", !0, t.Validators.getBooleanValidator()), t.Factory.addGetterSetter(t.Shape, \"lineJoin\"), t.Factory.addGetterSetter(t.Shape, \"lineCap\"), t.Factory.addGetterSetter(t.Shape, \"sceneFunc\"), t.Factory.addGetterSetter(t.Shape, \"hitFunc\"), t.Factory.addGetterSetter(t.Shape, \"dash\"), t.Factory.addGetterSetter(t.Shape, \"dashOffset\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowColor\", void 0, t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowBlur\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowOpacity\", 1, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Shape, \"shadowOffset\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"shadowOffsetX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"shadowOffsetY\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternImage\"), t.Factory.addGetterSetter(t.Shape, \"fill\", void 0, t.Validators.getStringValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternY\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientColorStops\"), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientColorStops\"), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientStartRadius\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientEndRadius\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientColorStops\"), t.Factory.addGetterSetter(t.Shape, \"fillPatternRepeat\", \"repeat\"), t.Factory.addGetterSetter(t.Shape, \"fillEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"strokeEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"shadowEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"dashEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"strokeScaleEnabled\", !0), t.Factory.addGetterSetter(t.Shape, \"fillPriority\", \"color\"), t.Factory.addComponentsGetterSetter(t.Shape, \"fillPatternOffset\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillPatternOffsetX\", 0, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternOffsetY\", 0, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Shape, \"fillPatternScale\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillPatternScaleX\", 1, t.Validators.getNumberValidator()), t.Factory.addGetterSetter(t.Shape, \"fillPatternScaleY\", 1, t.Validators.getNumberValidator()), t.Factory.addComponentsGetterSetter(t.Shape, \"fillLinearGradientStartPoint\", [\"x\", \"y\"]), t.Factory.addComponentsGetterSetter(t.Shape, \"strokeLinearGradientStartPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientStartPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientStartPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientStartPointY\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientStartPointY\", 0), t.Factory.addComponentsGetterSetter(t.Shape, \"fillLinearGradientEndPoint\", [\"x\", \"y\"]), t.Factory.addComponentsGetterSetter(t.Shape, \"strokeLinearGradientEndPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientEndPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientEndPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillLinearGradientEndPointY\", 0), t.Factory.addGetterSetter(t.Shape, \"strokeLinearGradientEndPointY\", 0), t.Factory.addComponentsGetterSetter(t.Shape, \"fillRadialGradientStartPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientStartPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientStartPointY\", 0), t.Factory.addComponentsGetterSetter(t.Shape, \"fillRadialGradientEndPoint\", [\"x\", \"y\"]), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientEndPointX\", 0), t.Factory.addGetterSetter(t.Shape, \"fillRadialGradientEndPointY\", 0), t.Factory.addGetterSetter(t.Shape, \"fillPatternRotation\", 0), t.Factory.backCompat(t.Shape, {\n dashArray: \"dash\",\n getDashArray: \"getDash\",\n setDashArray: \"getDash\",\n drawFunc: \"sceneFunc\",\n getDrawFunc: \"getSceneFunc\",\n setDrawFunc: \"setSceneFunc\",\n drawHitFunc: \"hitFunc\",\n getDrawHitFunc: \"getHitFunc\",\n setDrawHitFunc: \"setHitFunc\"\n }), t.Collection.mapMethods(t.Shape);\n }(Konva);\n },\n 514: function _() {\n !function () {\n \"use strict\";\n\n var t = [\"mousedown\", \"mousemove\", \"mouseup\", \"mouseout\", \"touchstart\", \"touchmove\", \"touchend\", \"mouseover\", \"wheel\", \"contextmenu\"],\n e = t.length;\n\n function i(t, e) {\n t.content.addEventListener(e, function (i) {\n t[\"_\" + e](i);\n }, !1);\n }\n\n Konva.Stage = function (t) {\n this.___init(t);\n }, Konva.Util.addMethods(Konva.Stage, {\n ___init: function ___init(t) {\n this.nodeType = \"Stage\", Konva.Container.call(this, t), this._id = Konva.idCounter++, this._buildDOM(), this._bindContentEvents(), this._enableNestedTransforms = !1, Konva.stages.push(this);\n },\n _validateAdd: function _validateAdd(t) {\n \"Layer\" !== t.getType() && Konva.Util.throw(\"You may only add layers to the stage.\");\n },\n setContainer: function setContainer(t) {\n if (\"string\" == typeof t) {\n if (\".\" === t.charAt(0)) {\n var e = t.slice(1);\n t = Konva.document.getElementsByClassName(e)[0];\n } else {\n var i;\n i = \"#\" !== t.charAt(0) ? t : t.slice(1), t = Konva.document.getElementById(i);\n }\n\n if (!t) throw \"Can not find container in document with id \" + i;\n }\n\n return this._setAttr(\"container\", t), this;\n },\n shouldDrawHit: function shouldDrawHit() {\n return !0;\n },\n draw: function draw() {\n return Konva.Node.prototype.draw.call(this), this;\n },\n setHeight: function setHeight(t) {\n return Konva.Node.prototype.setHeight.call(this, t), this._resizeDOM(), this;\n },\n setWidth: function setWidth(t) {\n return Konva.Node.prototype.setWidth.call(this, t), this._resizeDOM(), this;\n },\n clear: function clear() {\n var t,\n e = this.children,\n i = e.length;\n\n for (t = 0; t < i; t++) {\n e[t].clear();\n }\n\n return this;\n },\n clone: function clone(t) {\n return t || (t = {}), t.container = Konva.document.createElement(\"div\"), Konva.Container.prototype.clone.call(this, t);\n },\n destroy: function destroy() {\n var t = this.content;\n Konva.Container.prototype.destroy.call(this), t && Konva.Util._isInDocument(t) && this.getContainer().removeChild(t);\n var e = Konva.stages.indexOf(this);\n return e > -1 && Konva.stages.splice(e, 1), this;\n },\n getPointerPosition: function getPointerPosition() {\n return this.pointerPos;\n },\n getStage: function getStage() {\n return this;\n },\n getContent: function getContent() {\n return this.content;\n },\n _toKonvaCanvas: function _toKonvaCanvas(t) {\n var e = (t = t || {}).x || 0,\n i = t.y || 0,\n n = new Konva.SceneCanvas({\n width: t.width || this.getWidth(),\n height: t.height || this.getHeight(),\n pixelRatio: t.pixelRatio || 1\n }),\n a = n.getContext()._context,\n r = this.children;\n\n return (e || i) && a.translate(-1 * e, -1 * i), r.each(function (n) {\n if (n.isVisible()) {\n var r = n._toKonvaCanvas(t);\n\n a.drawImage(r._canvas, e, i, r.getWidth() / r.getPixelRatio(), r.getHeight() / r.getPixelRatio());\n }\n }), n;\n },\n toImage: function toImage(t) {\n var e = t.callback;\n t.callback = function (t) {\n Konva.Util._getImage(t, function (t) {\n e(t);\n });\n }, this.toDataURL(t);\n },\n getIntersection: function getIntersection(t, e) {\n var i,\n n,\n a = this.getChildren();\n\n for (i = a.length - 1; i >= 0; i--) {\n if (n = a[i].getIntersection(t, e)) return n;\n }\n\n return null;\n },\n _resizeDOM: function _resizeDOM() {\n if (this.content) {\n var t,\n e,\n i = this.getWidth(),\n n = this.getHeight(),\n a = this.getChildren(),\n r = a.length;\n\n for (this.content.style.width = i + \"px\", this.content.style.height = n + \"px\", this.bufferCanvas.setSize(i, n), this.bufferHitCanvas.setSize(i, n), t = 0; t < r; t++) {\n (e = a[t]).setSize(i, n), e.draw();\n }\n }\n },\n add: function add(t) {\n if (arguments.length > 1) {\n for (var e = 0; e < arguments.length; e++) {\n this.add(arguments[e]);\n }\n\n return this;\n }\n\n return Konva.Container.prototype.add.call(this, t), t._setCanvasSize(this.width(), this.height()), t.draw(), Konva.isBrowser && this.content.appendChild(t.canvas._canvas), this;\n },\n getParent: function getParent() {\n return null;\n },\n getLayer: function getLayer() {\n return null;\n },\n getLayers: function getLayers() {\n return this.getChildren();\n },\n _bindContentEvents: function _bindContentEvents() {\n if (Konva.isBrowser) for (var n = 0; n < e; n++) {\n i(this, t[n]);\n }\n },\n _mouseover: function _mouseover(t) {\n Konva.UA.mobile || (this._setPointerPosition(t), this._fire(\"contentMouseover\", {\n evt: t\n }));\n },\n _mouseout: function _mouseout(t) {\n if (!Konva.UA.mobile) {\n this._setPointerPosition(t);\n\n var e = this.targetShape;\n e && !Konva.isDragging() && (e._fireAndBubble(\"mouseout\", {\n evt: t\n }), e._fireAndBubble(\"mouseleave\", {\n evt: t\n }), this.targetShape = null), this.pointerPos = void 0, this._fire(\"contentMouseout\", {\n evt: t\n });\n }\n },\n _mousemove: function _mousemove(t) {\n return Konva.UA.ieMobile ? this._touchmove(t) : void 0 === t.movementX && void 0 === t.movementY || 0 !== t.movementY || 0 !== t.movementX ? Konva.UA.mobile ? null : (this._setPointerPosition(t), Konva.isDragging() || ((e = this.getIntersection(this.getPointerPosition())) && e.isListening() ? Konva.isDragging() || this.targetShape && this.targetShape._id === e._id ? e._fireAndBubble(\"mousemove\", {\n evt: t\n }) : (this.targetShape && (this.targetShape._fireAndBubble(\"mouseout\", {\n evt: t\n }, e), this.targetShape._fireAndBubble(\"mouseleave\", {\n evt: t\n }, e)), e._fireAndBubble(\"mouseover\", {\n evt: t\n }, this.targetShape), e._fireAndBubble(\"mouseenter\", {\n evt: t\n }, this.targetShape), this.targetShape = e) : (this.targetShape && !Konva.isDragging() && (this.targetShape._fireAndBubble(\"mouseout\", {\n evt: t\n }), this.targetShape._fireAndBubble(\"mouseleave\", {\n evt: t\n }), this.targetShape = null), this._fire(\"mousemove\", {\n evt: t,\n target: this,\n currentTarget: this\n })), this._fire(\"contentMousemove\", {\n evt: t\n })), void (t.cancelable && t.preventDefault())) : null;\n var e;\n },\n _mousedown: function _mousedown(t) {\n if (Konva.UA.ieMobile) return this._touchstart(t);\n\n if (!Konva.UA.mobile) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n Konva.listenClickTap = !0, e && e.isListening() ? (this.clickStartShape = e, e._fireAndBubble(\"mousedown\", {\n evt: t\n })) : this._fire(\"mousedown\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentMousedown\", {\n evt: t\n });\n }\n },\n _mouseup: function _mouseup(t) {\n if (Konva.UA.ieMobile) return this._touchend(t);\n\n if (!Konva.UA.mobile) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition()),\n i = this.clickStartShape,\n n = this.clickEndShape,\n a = !1,\n r = Konva.DD;\n Konva.inDblClickWindow ? (a = !0, clearTimeout(this.dblTimeout)) : r && r.justDragged ? r && (r.justDragged = !1) : (Konva.inDblClickWindow = !0, clearTimeout(this.dblTimeout)), this.dblTimeout = setTimeout(function () {\n Konva.inDblClickWindow = !1;\n }, Konva.dblClickWindow), e && e.isListening() ? (this.clickEndShape = e, e._fireAndBubble(\"mouseup\", {\n evt: t\n }), Konva.listenClickTap && i && i._id === e._id && (e._fireAndBubble(\"click\", {\n evt: t\n }), a && n && n._id === e._id && e._fireAndBubble(\"dblclick\", {\n evt: t\n }))) : (this._fire(\"mouseup\", {\n evt: t,\n target: this,\n currentTarget: this\n }), Konva.listenClickTap && this._fire(\"click\", {\n evt: t,\n target: this,\n currentTarget: this\n }), a && this._fire(\"dblclick\", {\n evt: t,\n target: this,\n currentTarget: this\n })), this._fire(\"contentMouseup\", {\n evt: t\n }), Konva.listenClickTap && (this._fire(\"contentClick\", {\n evt: t\n }), a && this._fire(\"contentDblclick\", {\n evt: t\n })), Konva.listenClickTap = !1;\n }\n\n t.cancelable && t.preventDefault();\n },\n _contextmenu: function _contextmenu(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n e && e.isListening() ? e._fireAndBubble(\"contextmenu\", {\n evt: t\n }) : this._fire(\"contextmenu\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentContextmenu\", {\n evt: t\n });\n },\n _touchstart: function _touchstart(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n Konva.listenClickTap = !0, e && e.isListening() ? (this.tapStartShape = e, e._fireAndBubble(\"touchstart\", {\n evt: t\n }), e.isListening() && e.preventDefault() && t.cancelable && t.preventDefault()) : this._fire(\"touchstart\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentTouchstart\", {\n evt: t\n });\n },\n _touchend: function _touchend(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition()),\n i = !1;\n Konva.inDblClickWindow ? (i = !0, clearTimeout(this.dblTimeout)) : (Konva.inDblClickWindow = !0, clearTimeout(this.dblTimeout)), this.dblTimeout = setTimeout(function () {\n Konva.inDblClickWindow = !1;\n }, Konva.dblClickWindow), e && e.isListening() ? (e._fireAndBubble(\"touchend\", {\n evt: t\n }), Konva.listenClickTap && this.tapStartShape && e._id === this.tapStartShape._id && (e._fireAndBubble(\"tap\", {\n evt: t\n }), i && e._fireAndBubble(\"dbltap\", {\n evt: t\n })), e.isListening() && e.preventDefault() && t.cancelable && t.preventDefault()) : (this._fire(\"touchend\", {\n evt: t,\n target: this,\n currentTarget: this\n }), Konva.listenClickTap && this._fire(\"tap\", {\n evt: t,\n target: this,\n currentTarget: this\n }), i && this._fire(\"dbltap\", {\n evt: t,\n target: this,\n currentTarget: this\n })), this._fire(\"contentTouchend\", {\n evt: t\n }), Konva.listenClickTap && (this._fire(\"contentTap\", {\n evt: t\n }), i && this._fire(\"contentDbltap\", {\n evt: t\n })), Konva.listenClickTap = !1;\n },\n _touchmove: function _touchmove(t) {\n this._setPointerPosition(t);\n\n var e,\n i = Konva.DD;\n Konva.isDragging() || ((e = this.getIntersection(this.getPointerPosition())) && e.isListening() ? (e._fireAndBubble(\"touchmove\", {\n evt: t\n }), e.isListening() && e.preventDefault() && t.cancelable && t.preventDefault()) : this._fire(\"touchmove\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentTouchmove\", {\n evt: t\n })), i && Konva.isDragging() && Konva.DD.node.preventDefault() && t.cancelable && t.preventDefault();\n },\n _wheel: function _wheel(t) {\n this._setPointerPosition(t);\n\n var e = this.getIntersection(this.getPointerPosition());\n e && e.isListening() ? e._fireAndBubble(\"wheel\", {\n evt: t\n }) : this._fire(\"wheel\", {\n evt: t,\n target: this,\n currentTarget: this\n }), this._fire(\"contentWheel\", {\n evt: t\n });\n },\n _setPointerPosition: function _setPointerPosition(t) {\n var e = this._getContentPosition(),\n i = null,\n n = null;\n\n if (void 0 !== (t = t || window.event).touches) {\n if (t.touches.length > 0) {\n var a = t.touches[0];\n i = a.clientX - e.left, n = a.clientY - e.top;\n }\n } else i = t.clientX - e.left, n = t.clientY - e.top;\n\n null !== i && null !== n && (this.pointerPos = {\n x: i,\n y: n\n });\n },\n _getContentPosition: function _getContentPosition() {\n var t = this.content.getBoundingClientRect ? this.content.getBoundingClientRect() : {\n top: 0,\n left: 0\n };\n return {\n top: t.top,\n left: t.left\n };\n },\n _buildDOM: function _buildDOM() {\n if (this.bufferCanvas = new Konva.SceneCanvas(), this.bufferHitCanvas = new Konva.HitCanvas({\n pixelRatio: 1\n }), Konva.isBrowser) {\n var t = this.getContainer();\n if (!t) throw \"Stage has no container. A container is required.\";\n t.innerHTML = \"\", this.content = Konva.document.createElement(\"div\"), this.content.style.position = \"relative\", this.content.style.userSelect = \"none\", this.content.className = \"konvajs-content\", this.content.setAttribute(\"role\", \"presentation\"), t.appendChild(this.content), this._resizeDOM();\n }\n },\n _onContent: function _onContent(t, e) {\n var i,\n n,\n a = t.split(\" \"),\n r = a.length;\n\n for (i = 0; i < r; i++) {\n n = a[i], this.content.addEventListener(n, e, !1);\n }\n },\n cache: function cache() {\n Konva.Util.warn(\"Cache function is not allowed for stage. You may use cache only for layers, groups and shapes.\");\n },\n clearCache: function clearCache() {}\n }), Konva.Util.extend(Konva.Stage, Konva.Container), Konva.Factory.addGetter(Konva.Stage, \"container\"), Konva.Factory.addOverloadedGetterSetter(Konva.Stage, \"container\");\n }();\n },\n 840: function _() {\n !function () {\n \"use strict\";\n\n Konva.Collection = function () {\n var t = [].slice.call(arguments),\n e = t.length,\n i = 0;\n\n for (this.length = e; i < e; i++) {\n this[i] = t[i];\n }\n\n return this;\n }, Konva.Collection.prototype = [], Konva.Collection.prototype.each = function (t) {\n for (var e = 0; e < this.length; e++) {\n t(this[e], e);\n }\n }, Konva.Collection.prototype.toArray = function () {\n var t,\n e = [],\n i = this.length;\n\n for (t = 0; t < i; t++) {\n e.push(this[t]);\n }\n\n return e;\n }, Konva.Collection.toCollection = function (t) {\n var e,\n i = new Konva.Collection(),\n n = t.length;\n\n for (e = 0; e < n; e++) {\n i.push(t[e]);\n }\n\n return i;\n }, Konva.Collection._mapMethod = function (t) {\n Konva.Collection.prototype[t] = function () {\n var e,\n i = this.length,\n n = [].slice.call(arguments);\n\n for (e = 0; e < i; e++) {\n this[e][t].apply(this[e], n);\n }\n\n return this;\n };\n }, Konva.Collection.mapMethods = function (t) {\n var e = t.prototype;\n\n for (var i in e) {\n Konva.Collection._mapMethod(i);\n }\n }, Konva.Transform = function (t) {\n this.m = t && t.slice() || [1, 0, 0, 1, 0, 0];\n }, Konva.Transform.prototype = {\n copy: function copy() {\n return new Konva.Transform(this.m);\n },\n point: function point(t) {\n var e = this.m;\n return {\n x: e[0] * t.x + e[2] * t.y + e[4],\n y: e[1] * t.x + e[3] * t.y + e[5]\n };\n },\n translate: function translate(t, e) {\n return this.m[4] += this.m[0] * t + this.m[2] * e, this.m[5] += this.m[1] * t + this.m[3] * e, this;\n },\n scale: function scale(t, e) {\n return this.m[0] *= t, this.m[1] *= t, this.m[2] *= e, this.m[3] *= e, this;\n },\n rotate: function rotate(t) {\n var e = Math.cos(t),\n i = Math.sin(t),\n n = this.m[0] * e + this.m[2] * i,\n a = this.m[1] * e + this.m[3] * i,\n r = this.m[0] * -i + this.m[2] * e,\n o = this.m[1] * -i + this.m[3] * e;\n return this.m[0] = n, this.m[1] = a, this.m[2] = r, this.m[3] = o, this;\n },\n getTranslation: function getTranslation() {\n return {\n x: this.m[4],\n y: this.m[5]\n };\n },\n skew: function skew(t, e) {\n var i = this.m[0] + this.m[2] * e,\n n = this.m[1] + this.m[3] * e,\n a = this.m[2] + this.m[0] * t,\n r = this.m[3] + this.m[1] * t;\n return this.m[0] = i, this.m[1] = n, this.m[2] = a, this.m[3] = r, this;\n },\n multiply: function multiply(t) {\n var e = this.m[0] * t.m[0] + this.m[2] * t.m[1],\n i = this.m[1] * t.m[0] + this.m[3] * t.m[1],\n n = this.m[0] * t.m[2] + this.m[2] * t.m[3],\n a = this.m[1] * t.m[2] + this.m[3] * t.m[3],\n r = this.m[0] * t.m[4] + this.m[2] * t.m[5] + this.m[4],\n o = this.m[1] * t.m[4] + this.m[3] * t.m[5] + this.m[5];\n return this.m[0] = e, this.m[1] = i, this.m[2] = n, this.m[3] = a, this.m[4] = r, this.m[5] = o, this;\n },\n invert: function invert() {\n var t = 1 / (this.m[0] * this.m[3] - this.m[1] * this.m[2]),\n e = this.m[3] * t,\n i = -this.m[1] * t,\n n = -this.m[2] * t,\n a = this.m[0] * t,\n r = t * (this.m[2] * this.m[5] - this.m[3] * this.m[4]),\n o = t * (this.m[1] * this.m[4] - this.m[0] * this.m[5]);\n return this.m[0] = e, this.m[1] = i, this.m[2] = n, this.m[3] = a, this.m[4] = r, this.m[5] = o, this;\n },\n getMatrix: function getMatrix() {\n return this.m;\n },\n setAbsolutePosition: function setAbsolutePosition(t, e) {\n var i = this.m[0],\n n = this.m[1],\n a = this.m[2],\n r = this.m[3],\n o = this.m[4],\n s = (i * (e - this.m[5]) - n * (t - o)) / (i * r - n * a),\n h = (t - o - a * s) / i;\n return this.translate(h, s);\n }\n };\n var t = Math.PI / 180,\n e = 180 / Math.PI,\n i = {\n aliceblue: [240, 248, 255],\n antiquewhite: [250, 235, 215],\n aqua: [0, 255, 255],\n aquamarine: [127, 255, 212],\n azure: [240, 255, 255],\n beige: [245, 245, 220],\n bisque: [255, 228, 196],\n black: [0, 0, 0],\n blanchedalmond: [255, 235, 205],\n blue: [0, 0, 255],\n blueviolet: [138, 43, 226],\n brown: [165, 42, 42],\n burlywood: [222, 184, 135],\n cadetblue: [95, 158, 160],\n chartreuse: [127, 255, 0],\n chocolate: [210, 105, 30],\n coral: [255, 127, 80],\n cornflowerblue: [100, 149, 237],\n cornsilk: [255, 248, 220],\n crimson: [220, 20, 60],\n cyan: [0, 255, 255],\n darkblue: [0, 0, 139],\n darkcyan: [0, 139, 139],\n darkgoldenrod: [184, 132, 11],\n darkgray: [169, 169, 169],\n darkgreen: [0, 100, 0],\n darkgrey: [169, 169, 169],\n darkkhaki: [189, 183, 107],\n darkmagenta: [139, 0, 139],\n darkolivegreen: [85, 107, 47],\n darkorange: [255, 140, 0],\n darkorchid: [153, 50, 204],\n darkred: [139, 0, 0],\n darksalmon: [233, 150, 122],\n darkseagreen: [143, 188, 143],\n darkslateblue: [72, 61, 139],\n darkslategray: [47, 79, 79],\n darkslategrey: [47, 79, 79],\n darkturquoise: [0, 206, 209],\n darkviolet: [148, 0, 211],\n deeppink: [255, 20, 147],\n deepskyblue: [0, 191, 255],\n dimgray: [105, 105, 105],\n dimgrey: [105, 105, 105],\n dodgerblue: [30, 144, 255],\n firebrick: [178, 34, 34],\n floralwhite: [255, 255, 240],\n forestgreen: [34, 139, 34],\n fuchsia: [255, 0, 255],\n gainsboro: [220, 220, 220],\n ghostwhite: [248, 248, 255],\n gold: [255, 215, 0],\n goldenrod: [218, 165, 32],\n gray: [128, 128, 128],\n green: [0, 128, 0],\n greenyellow: [173, 255, 47],\n grey: [128, 128, 128],\n honeydew: [240, 255, 240],\n hotpink: [255, 105, 180],\n indianred: [205, 92, 92],\n indigo: [75, 0, 130],\n ivory: [255, 255, 240],\n khaki: [240, 230, 140],\n lavender: [230, 230, 250],\n lavenderblush: [255, 240, 245],\n lawngreen: [124, 252, 0],\n lemonchiffon: [255, 250, 205],\n lightblue: [173, 216, 230],\n lightcoral: [240, 128, 128],\n lightcyan: [224, 255, 255],\n lightgoldenrodyellow: [250, 250, 210],\n lightgray: [211, 211, 211],\n lightgreen: [144, 238, 144],\n lightgrey: [211, 211, 211],\n lightpink: [255, 182, 193],\n lightsalmon: [255, 160, 122],\n lightseagreen: [32, 178, 170],\n lightskyblue: [135, 206, 250],\n lightslategray: [119, 136, 153],\n lightslategrey: [119, 136, 153],\n lightsteelblue: [176, 196, 222],\n lightyellow: [255, 255, 224],\n lime: [0, 255, 0],\n limegreen: [50, 205, 50],\n linen: [250, 240, 230],\n magenta: [255, 0, 255],\n maroon: [128, 0, 0],\n mediumaquamarine: [102, 205, 170],\n mediumblue: [0, 0, 205],\n mediumorchid: [186, 85, 211],\n mediumpurple: [147, 112, 219],\n mediumseagreen: [60, 179, 113],\n mediumslateblue: [123, 104, 238],\n mediumspringgreen: [0, 250, 154],\n mediumturquoise: [72, 209, 204],\n mediumvioletred: [199, 21, 133],\n midnightblue: [25, 25, 112],\n mintcream: [245, 255, 250],\n mistyrose: [255, 228, 225],\n moccasin: [255, 228, 181],\n navajowhite: [255, 222, 173],\n navy: [0, 0, 128],\n oldlace: [253, 245, 230],\n olive: [128, 128, 0],\n olivedrab: [107, 142, 35],\n orange: [255, 165, 0],\n orangered: [255, 69, 0],\n orchid: [218, 112, 214],\n palegoldenrod: [238, 232, 170],\n palegreen: [152, 251, 152],\n paleturquoise: [175, 238, 238],\n palevioletred: [219, 112, 147],\n papayawhip: [255, 239, 213],\n peachpuff: [255, 218, 185],\n peru: [205, 133, 63],\n pink: [255, 192, 203],\n plum: [221, 160, 203],\n powderblue: [176, 224, 230],\n purple: [128, 0, 128],\n rebeccapurple: [102, 51, 153],\n red: [255, 0, 0],\n rosybrown: [188, 143, 143],\n royalblue: [65, 105, 225],\n saddlebrown: [139, 69, 19],\n salmon: [250, 128, 114],\n sandybrown: [244, 164, 96],\n seagreen: [46, 139, 87],\n seashell: [255, 245, 238],\n sienna: [160, 82, 45],\n silver: [192, 192, 192],\n skyblue: [135, 206, 235],\n slateblue: [106, 90, 205],\n slategray: [119, 128, 144],\n slategrey: [119, 128, 144],\n snow: [255, 255, 250],\n springgreen: [0, 255, 127],\n steelblue: [70, 130, 180],\n tan: [210, 180, 140],\n teal: [0, 128, 128],\n thistle: [216, 191, 216],\n transparent: [255, 255, 255, 0],\n tomato: [255, 99, 71],\n turquoise: [64, 224, 208],\n violet: [238, 130, 238],\n wheat: [245, 222, 179],\n white: [255, 255, 255],\n whitesmoke: [245, 245, 245],\n yellow: [255, 255, 0],\n yellowgreen: [154, 205, 5]\n },\n n = /rgb\\((\\d{1,3}),(\\d{1,3}),(\\d{1,3})\\)/;\n Konva.Util = {\n _isElement: function _isElement(t) {\n return !(!t || 1 != t.nodeType);\n },\n _isFunction: function _isFunction(t) {\n return !!(t && t.constructor && t.call && t.apply);\n },\n _isObject: function _isObject(t) {\n return !!t && t.constructor === Object;\n },\n _isArray: function _isArray(t) {\n return \"[object Array]\" === Object.prototype.toString.call(t);\n },\n _isNumber: function _isNumber(t) {\n return \"[object Number]\" === Object.prototype.toString.call(t) && !isNaN(t) && isFinite(t);\n },\n _isString: function _isString(t) {\n return \"[object String]\" === Object.prototype.toString.call(t);\n },\n _isBoolean: function _isBoolean(t) {\n return \"[object Boolean]\" === Object.prototype.toString.call(t);\n },\n isObject: function isObject(t) {\n return t instanceof Object;\n },\n isValidSelector: function isValidSelector(t) {\n if (\"string\" != typeof t) return !1;\n var e = t[0];\n return \"#\" === e || \".\" === e || e === e.toUpperCase();\n },\n _sign: function _sign(t) {\n return 0 === t ? 0 : t > 0 ? 1 : -1;\n },\n createCanvasElement: function createCanvasElement() {\n var t = Konva.isBrowser ? Konva.document.createElement(\"canvas\") : new Konva._nodeCanvas();\n\n try {\n t.style = t.style || {};\n } catch (t) {}\n\n return t;\n },\n _isInDocument: function _isInDocument(t) {\n for (; t = t.parentNode;) {\n if (t == Konva.document) return !0;\n }\n\n return !1;\n },\n _simplifyArray: function _simplifyArray(t) {\n var e,\n i,\n n = [],\n a = t.length,\n r = Konva.Util;\n\n for (e = 0; e < a; e++) {\n i = t[e], r._isNumber(i) ? i = Math.round(1e3 * i) / 1e3 : r._isString(i) || (i = i.toString()), n.push(i);\n }\n\n return n;\n },\n _getImage: function _getImage(t, e) {\n var i, n;\n t ? this._isElement(t) ? e(t) : this._isString(t) ? ((i = new Konva.window.Image()).onload = function () {\n e(i);\n }, i.src = t) : t.data ? ((n = Konva.Util.createCanvasElement()).width = t.width, n.height = t.height, n.getContext(\"2d\").putImageData(t, 0, 0), this._getImage(n.toDataURL(), e)) : e(null) : e(null);\n },\n _getRGBAString: function _getRGBAString(t) {\n return [\"rgba(\", t.red || 0, \",\", t.green || 0, \",\", t.blue || 0, \",\", t.alpha || 1, \")\"].join(\"\");\n },\n _rgbToHex: function _rgbToHex(t, e, i) {\n return ((1 << 24) + (t << 16) + (e << 8) + i).toString(16).slice(1);\n },\n _hexToRgb: function _hexToRgb(t) {\n t = t.replace(\"#\", \"\");\n var e = parseInt(t, 16);\n return {\n r: e >> 16 & 255,\n g: e >> 8 & 255,\n b: 255 & e\n };\n },\n getRandomColor: function getRandomColor() {\n for (var t = (16777215 * Math.random() << 0).toString(16); t.length < 6;) {\n t = \"0\" + t;\n }\n\n return \"#\" + t;\n },\n get: function get(t, e) {\n return void 0 === t ? e : t;\n },\n getRGB: function getRGB(t) {\n var e;\n return t in i ? {\n r: (e = i[t])[0],\n g: e[1],\n b: e[2]\n } : \"#\" === t[0] ? this._hexToRgb(t.substring(1)) : \"rgb(\" === t.substr(0, 4) ? (e = n.exec(t.replace(/ /g, \"\")), {\n r: parseInt(e[1], 10),\n g: parseInt(e[2], 10),\n b: parseInt(e[3], 10)\n }) : {\n r: 0,\n g: 0,\n b: 0\n };\n },\n colorToRGBA: function colorToRGBA(t) {\n return t = t || \"black\", Konva.Util._namedColorToRBA(t) || Konva.Util._hex3ColorToRGBA(t) || Konva.Util._hex6ColorToRGBA(t) || Konva.Util._rgbColorToRGBA(t) || Konva.Util._rgbaColorToRGBA(t);\n },\n _namedColorToRBA: function _namedColorToRBA(t) {\n var e = i[t.toLowerCase()];\n return e ? {\n r: e[0],\n g: e[1],\n b: e[2],\n a: 1\n } : null;\n },\n _rgbColorToRGBA: function _rgbColorToRGBA(t) {\n if (0 === t.indexOf(\"rgb(\")) {\n var e = (t = t.match(/rgb\\(([^)]+)\\)/)[1]).split(/ *, */).map(Number);\n return {\n r: e[0],\n g: e[1],\n b: e[2],\n a: 1\n };\n }\n },\n _rgbaColorToRGBA: function _rgbaColorToRGBA(t) {\n if (0 === t.indexOf(\"rgba(\")) {\n var e = (t = t.match(/rgba\\(([^)]+)\\)/)[1]).split(/ *, */).map(Number);\n return {\n r: e[0],\n g: e[1],\n b: e[2],\n a: e[3]\n };\n }\n },\n _hex6ColorToRGBA: function _hex6ColorToRGBA(t) {\n if (\"#\" === t[0] && 7 === t.length) return {\n r: parseInt(t.slice(1, 3), 16),\n g: parseInt(t.slice(3, 5), 16),\n b: parseInt(t.slice(5, 7), 16),\n a: 1\n };\n },\n _hex3ColorToRGBA: function _hex3ColorToRGBA(t) {\n if (\"#\" === t[0] && 4 === t.length) return {\n r: parseInt(t[1] + t[1], 16),\n g: parseInt(t[2] + t[2], 16),\n b: parseInt(t[3] + t[3], 16),\n a: 1\n };\n },\n _merge: function _merge(t, e) {\n var i = this._clone(e);\n\n for (var n in t) {\n this._isObject(t[n]) ? i[n] = this._merge(t[n], i[n]) : i[n] = t[n];\n }\n\n return i;\n },\n trimRight: function trimRight(t) {\n return t.replace(/\\s+$/, \"\");\n },\n trimLeft: function trimLeft(t) {\n return t.replace(/^\\s+/, \"\");\n },\n haveIntersection: function haveIntersection(t, e) {\n return !(e.x > t.x + t.width || e.x + e.width < t.x || e.y > t.y + t.height || e.y + e.height < t.y);\n },\n cloneObject: function cloneObject(t) {\n var e = {};\n\n for (var i in t) {\n this._isObject(t[i]) ? e[i] = this.cloneObject(t[i]) : this._isArray(t[i]) ? e[i] = this.cloneArray(t[i]) : e[i] = t[i];\n }\n\n return e;\n },\n cloneArray: function cloneArray(t) {\n return t.slice(0);\n },\n _degToRad: function _degToRad(e) {\n return e * t;\n },\n _radToDeg: function _radToDeg(t) {\n return t * e;\n },\n _capitalize: function _capitalize(t) {\n return t.charAt(0).toUpperCase() + t.slice(1);\n },\n throw: function _throw(t) {\n throw new Error(\"Konva error: \" + t);\n },\n error: function error(t) {\n console.error(\"Konva error: \" + t);\n },\n warn: function warn(t) {\n Konva.global.console && console.warn && Konva.showWarnings && console.warn(\"Konva warning: \" + t);\n },\n extend: function extend(t, e) {\n function i() {\n this.constructor = t;\n }\n\n i.prototype = e.prototype;\n var n = t.prototype;\n\n for (var a in t.prototype = new i(), n) {\n n.hasOwnProperty(a) && (t.prototype[a] = n[a]);\n }\n\n t.__super__ = e.prototype, t.super = e;\n },\n addMethods: function addMethods(t, e) {\n var i;\n\n for (i in e) {\n t.prototype[i] = e[i];\n }\n },\n _getControlPoints: function _getControlPoints(t, e, i, n, a, r, o) {\n var s = Math.sqrt(Math.pow(i - t, 2) + Math.pow(n - e, 2)),\n h = Math.sqrt(Math.pow(a - i, 2) + Math.pow(r - n, 2)),\n l = o * s / (s + h),\n c = o * h / (s + h);\n return [i - l * (a - t), n - l * (r - e), i + c * (a - t), n + c * (r - e)];\n },\n _expandPoints: function _expandPoints(t, e) {\n var i,\n n,\n a = t.length,\n r = [];\n\n for (i = 2; i < a - 2; i += 2) {\n n = Konva.Util._getControlPoints(t[i - 2], t[i - 1], t[i], t[i + 1], t[i + 2], t[i + 3], e), r.push(n[0]), r.push(n[1]), r.push(t[i]), r.push(t[i + 1]), r.push(n[2]), r.push(n[3]);\n }\n\n return r;\n },\n _removeLastLetter: function _removeLastLetter(t) {\n return t.substring(0, t.length - 1);\n },\n each: function each(t, e) {\n for (var i in t) {\n e(i, t[i]);\n }\n },\n _inRange: function _inRange(t, e, i) {\n return e <= t && t < i;\n },\n _getProjectionToSegment: function _getProjectionToSegment(t, e, i, n, a, r) {\n var o,\n s,\n h,\n l = (t - i) * (t - i) + (e - n) * (e - n);\n if (0 == l) o = t, s = e, h = (a - i) * (a - i) + (r - n) * (r - n);else {\n var c = ((a - t) * (i - t) + (r - e) * (n - e)) / l;\n c < 0 ? (o = t, s = e, h = (t - a) * (t - a) + (e - r) * (e - r)) : c > 1 ? (o = i, s = n, h = (i - a) * (i - a) + (n - r) * (n - r)) : h = ((o = t + c * (i - t)) - a) * (o - a) + ((s = e + c * (n - e)) - r) * (s - r);\n }\n return [o, s, h];\n },\n _getProjectionToLine: function _getProjectionToLine(t, e, i) {\n var n = Konva.Util.cloneObject(t),\n a = Number.MAX_VALUE;\n return e.forEach(function (r, o) {\n if (i || o !== e.length - 1) {\n var s = e[(o + 1) % e.length],\n h = Konva.Util._getProjectionToSegment(r.x, r.y, s.x, s.y, t.x, t.y),\n l = h[0],\n c = h[1],\n u = h[2];\n\n u < a && (n.x = l, n.y = c, a = u);\n }\n }), n;\n },\n _prepareArrayForTween: function _prepareArrayForTween(t, e, i) {\n var n,\n a = [],\n r = [];\n\n if (t.length > e.length) {\n var o = e;\n e = t, t = o;\n }\n\n for (n = 0; n < t.length; n += 2) {\n a.push({\n x: t[n],\n y: t[n + 1]\n });\n }\n\n for (n = 0; n < e.length; n += 2) {\n r.push({\n x: e[n],\n y: e[n + 1]\n });\n }\n\n var s = [];\n return r.forEach(function (t) {\n var e = Konva.Util._getProjectionToLine(t, a, i);\n\n s.push(e.x), s.push(e.y);\n }), s;\n },\n _prepareToStringify: function _prepareToStringify(t) {\n var e;\n\n for (var i in t.visitedByCircularReferenceRemoval = !0, t) {\n if (t.hasOwnProperty(i) && t[i] && \"object\" == typeof t[i]) if (e = Object.getOwnPropertyDescriptor(t, i), t[i].visitedByCircularReferenceRemoval || Konva.Util._isElement(t[i])) {\n if (!e.configurable) return null;\n delete t[i];\n } else if (null === Konva.Util._prepareToStringify(t[i])) {\n if (!e.configurable) return null;\n delete t[i];\n }\n }\n\n return delete t.visitedByCircularReferenceRemoval, t;\n }\n };\n }();\n },\n 732: function _() {\n !function (t) {\n \"use strict\";\n\n var e = 2 * Math.PI - 1e-4;\n t.Circle = function (t) {\n this.___init(t);\n }, t.Circle.prototype = {\n _centroid: !0,\n ___init: function ___init(e) {\n t.Shape.call(this, e), this.className = \"Circle\", this.sceneFunc(this._sceneFunc);\n },\n _sceneFunc: function _sceneFunc(t) {\n t.beginPath(), t.arc(0, 0, this.getRadius(), 0, e, !1), t.closePath(), t.fillStrokeShape(this);\n },\n getWidth: function getWidth() {\n return 2 * this.getRadius();\n },\n getHeight: function getHeight() {\n return 2 * this.getRadius();\n },\n setWidth: function setWidth(e) {\n t.Node.prototype.setWidth.call(this, e), this.radius() !== e / 2 && this.setRadius(e / 2);\n },\n setHeight: function setHeight(e) {\n t.Node.prototype.setHeight.call(this, e), this.radius() !== e / 2 && this.setRadius(e / 2);\n }\n }, t.Util.extend(t.Circle, t.Shape), t.Factory.addGetterSetter(t.Circle, \"radius\", 0, t.Validators.getNumberValidator()), t.Factory.addOverloadedGetterSetter(t.Circle, \"radius\"), t.Collection.mapMethods(t.Circle);\n }(Konva);\n },\n 951: function _() {\n !function () {\n \"use strict\";\n\n Konva.Image = function (t) {\n this.___init(t);\n }, Konva.Image.prototype = {\n ___init: function ___init(t) {\n Konva.Shape.call(this, t), this.className = \"Image\", this.sceneFunc(this._sceneFunc), this.hitFunc(this._hitFunc);\n },\n _useBufferCanvas: function _useBufferCanvas() {\n return (this.hasShadow() || 1 !== this.getAbsoluteOpacity()) && this.hasStroke() && this.getStage();\n },\n _sceneFunc: function _sceneFunc(t) {\n var e,\n i,\n n,\n a = this.getWidth(),\n r = this.getHeight(),\n o = this.getImage();\n o && (e = this.getCropWidth(), i = this.getCropHeight(), n = e && i ? [o, this.getCropX(), this.getCropY(), e, i, 0, 0, a, r] : [o, 0, 0, a, r]), (this.hasFill() || this.hasStroke()) && (t.beginPath(), t.rect(0, 0, a, r), t.closePath(), t.fillStrokeShape(this)), o && t.drawImage.apply(t, n);\n },\n _hitFunc: function _hitFunc(t) {\n var e = this.getWidth(),\n i = this.getHeight();\n t.beginPath(), t.rect(0, 0, e, i), t.closePath(), t.fillStrokeShape(this);\n },\n getWidth: function getWidth() {\n var t = this.getImage();\n return this.attrs.width || (t ? t.width : 0);\n },\n getHeight: function getHeight() {\n var t = this.getImage();\n return this.attrs.height || (t ? t.height : 0);\n }\n }, Konva.Util.extend(Konva.Image, Konva.Shape), Konva.Factory.addGetterSetter(Konva.Image, \"image\"), Konva.Factory.addComponentsGetterSetter(Konva.Image, \"crop\", [\"x\", \"y\", \"width\", \"height\"]), Konva.Factory.addGetterSetter(Konva.Image, \"cropX\", 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Image, \"cropY\", 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Image, \"cropWidth\", 0, Konva.Validators.getNumberValidator()), Konva.Factory.addGetterSetter(Konva.Image, \"cropHeight\", 0, Konva.Validators.getNumberValidator()), Konva.Collection.mapMethods(Konva.Image), Konva.Image.fromURL = function (t, e) {\n var i = new Image();\n i.onload = function () {\n var t = new Konva.Image({\n image: i\n });\n e(t);\n }, i.crossOrigin = \"Anonymous\", i.src = t;\n };\n }();\n },\n 639: function _() {\n !function () {\n \"use strict\";\n\n Konva.Path = function (t) {\n this.___init(t);\n }, Konva.Path.prototype = {\n ___init: function ___init(t) {\n this.dataArray = [];\n var e = this;\n Konva.Shape.call(this, t), this.className = \"Path\", this.dataArray = Konva.Path.parsePathData(this.getData()), this.pathLength = 0;\n\n for (var i = 0; i < this.dataArray.length; ++i) {\n this.pathLength += this.dataArray[i].pathLength;\n }\n\n this.on(\"dataChange.konva\", function () {\n e.dataArray = Konva.Path.parsePathData(this.getData()), this.pathLength = 0;\n\n for (var t = 0; t < this.dataArray.length; ++t) {\n this.pathLength += this.dataArray[t].pathLength;\n }\n }), this.sceneFunc(this._sceneFunc);\n },\n _sceneFunc: function _sceneFunc(t) {\n var e = this.dataArray;\n t.beginPath();\n\n for (var i = 0; i < e.length; i++) {\n var n = e[i].command,\n a = e[i].points;\n\n switch (n) {\n case \"L\":\n t.lineTo(a[0], a[1]);\n break;\n\n case \"M\":\n t.moveTo(a[0], a[1]);\n break;\n\n case \"C\":\n t.bezierCurveTo(a[0], a[1], a[2], a[3], a[4], a[5]);\n break;\n\n case \"Q\":\n t.quadraticCurveTo(a[0], a[1], a[2], a[3]);\n break;\n\n case \"A\":\n var r = a[0],\n o = a[1],\n s = a[2],\n h = a[3],\n l = a[4],\n c = a[5],\n u = a[6],\n d = a[7],\n f = s > h ? s : h,\n g = s > h ? 1 : s / h,\n p = s > h ? h / s : 1;\n t.translate(r, o), t.rotate(u), t.scale(g, p), t.arc(0, 0, f, l, l + c, 1 - d), t.scale(1 / g, 1 / p), t.rotate(-u), t.translate(-r, -o);\n break;\n\n case \"z\":\n t.closePath();\n }\n }\n\n t.fillStrokeShape(this);\n },\n getSelfRect: function getSelfRect() {\n var t = [];\n this.dataArray.forEach(function (e) {\n t = t.concat(e.points);\n });\n\n for (var e, i, n = t[0], a = t[0], r = t[1], o = t[1], s = 0; s < t.length / 2; s++) {\n e = t[2 * s], i = t[2 * s + 1], isNaN(e) || (n = Math.min(n, e), a = Math.max(a, e)), isNaN(i) || (r = Math.min(r, i), o = Math.max(o, i));\n }\n\n return {\n x: Math.round(n),\n y: Math.round(r),\n width: Math.round(a - n),\n height: Math.round(o - r)\n };\n },\n getLength: function getLength() {\n return this.pathLength;\n },\n getPointAtLength: function getPointAtLength(t) {\n var e,\n i = 0,\n n = this.dataArray.length;\n if (!n) return null;\n\n for (; i < n && t > this.dataArray[i].pathLength;) {\n t -= this.dataArray[i].pathLength, ++i;\n }\n\n if (i === n) return {\n x: (e = this.dataArray[i - 1].points.slice(-2))[0],\n y: e[1]\n };\n if (t < .01) return {\n x: (e = this.dataArray[i].points.slice(0, 2))[0],\n y: e[1]\n };\n var a = this.dataArray[i],\n r = a.points;\n\n switch (a.command) {\n case \"L\":\n return Konva.Path.getPointOnLine(t, a.start.x, a.start.y, r[0], r[1]);\n\n case \"C\":\n return Konva.Path.getPointOnCubicBezier(t / a.pathLength, a.start.x, a.start.y, r[0], r[1], r[2], r[3], r[4], r[5]);\n\n case \"Q\":\n return Konva.Path.getPointOnQuadraticBezier(t / a.pathLength, a.start.x, a.start.y, r[0], r[1], r[2], r[3]);\n\n case \"A\":\n var o = r[0],\n s = r[1],\n h = r[2],\n l = r[3],\n c = r[4],\n u = r[5],\n d = r[6];\n return c += u * t / a.pathLength, Konva.Path.getPointOnEllipticalArc(o, s, h, l, c, d);\n }\n\n return null;\n }\n }, Konva.Util.extend(Konva.Path, Konva.Shape), Konva.Path.getLineLength = function (t, e, i, n) {\n return Math.sqrt((i - t) * (i - t) + (n - e) * (n - e));\n }, Konva.Path.getPointOnLine = function (t, e, i, n, a, r, o) {\n void 0 === r && (r = e), void 0 === o && (o = i);\n var s = (a - i) / (n - e + 1e-8),\n h = Math.sqrt(t * t / (1 + s * s));\n n < e && (h *= -1);\n var l,\n c = s * h;\n if (n === e) l = {\n x: r,\n y: o + c\n };else if ((o - i) / (r - e + 1e-8) === s) l = {\n x: r + h,\n y: o + c\n };else {\n var u,\n d,\n f = this.getLineLength(e, i, n, a);\n if (f < 1e-8) return;\n var g = (r - e) * (n - e) + (o - i) * (a - i);\n u = e + (g /= f * f) * (n - e), d = i + g * (a - i);\n var p = this.getLineLength(r, o, u, d),\n v = Math.sqrt(t * t - p * p);\n h = Math.sqrt(v * v / (1 + s * s)), n < e && (h *= -1), l = {\n x: u + h,\n y: d + (c = s * h)\n };\n }\n return l;\n }, Konva.Path.getPointOnCubicBezier = function (t, e, i, n, a, r, o, s, h) {\n function l(t) {\n return t * t * t;\n }\n\n function c(t) {\n return 3 * t * t * (1 - t);\n }\n\n function u(t) {\n return 3 * t * (1 - t) * (1 - t);\n }\n\n function d(t) {\n return (1 - t) * (1 - t) * (1 - t);\n }\n\n return {\n x: s * l(t) + r * c(t) + n * u(t) + e * d(t),\n y: h * l(t) + o * c(t) + a * u(t) + i * d(t)\n };\n }, Konva.Path.getPointOnQuadraticBezier = function (t, e, i, n, a, r, o) {\n function s(t) {\n return t * t;\n }\n\n function h(t) {\n return 2 * t * (1 - t);\n }\n\n function l(t) {\n return (1 - t) * (1 - t);\n }\n\n return {\n x: r * s(t) + n * h(t) + e * l(t),\n y: o * s(t) + a * h(t) + i * l(t)\n };\n }, Konva.Path.getPointOnEllipticalArc = function (t, e, i, n, a, r) {\n var o = Math.cos(r),\n s = Math.sin(r),\n h = i * Math.cos(a),\n l = n * Math.sin(a);\n return {\n x: t + (h * o - l * s),\n y: e + (h * s + l * o)\n };\n }, Konva.Path.parsePathData = function (t) {\n if (!t) return [];\n var e = t,\n i = [\"m\", \"M\", \"l\", \"L\", \"v\", \"V\", \"h\", \"H\", \"z\", \"Z\", \"c\", \"C\", \"q\", \"Q\", \"t\", \"T\", \"s\", \"S\", \"a\", \"A\"];\n e = e.replace(new RegExp(\" \", \"g\"), \",\");\n\n for (var n = 0; n < i.length; n++) {\n e = e.replace(new RegExp(i[n], \"g\"), \"|\" + i[n]);\n }\n\n var a,\n r = e.split(\"|\"),\n o = [],\n s = [],\n h = 0,\n l = 0,\n c = /([-+]?((\\d+\\.\\d+)|((\\d+)|(\\.\\d+)))(?:e[-+]?\\d+)?)/gi;\n\n for (n = 1; n < r.length; n++) {\n var u = r[n],\n d = u.charAt(0);\n\n for (u = u.slice(1), s.length = 0; a = c.exec(u);) {\n s.push(a[0]);\n }\n\n for (var f = [], g = 0, p = s.length; g < p; g++) {\n var v = parseFloat(s[g]);\n isNaN(v) ? f.push(0) : f.push(v);\n }\n\n for (; f.length > 0 && !isNaN(f[0]);) {\n var m,\n y,\n b,\n S,\n C,\n _,\n w,\n x,\n A,\n P,\n D = null,\n K = [],\n k = h,\n F = l;\n\n switch (d) {\n case \"l\":\n h += f.shift(), l += f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"L\":\n h = f.shift(), l = f.shift(), K.push(h, l);\n break;\n\n case \"m\":\n var T = f.shift(),\n I = f.shift();\n if (h += T, l += I, D = \"M\", o.length > 2 && \"z\" === o[o.length - 1].command) for (var L = o.length - 2; L >= 0; L--) {\n if (\"M\" === o[L].command) {\n h = o[L].points[0] + T, l = o[L].points[1] + I;\n break;\n }\n }\n K.push(h, l), d = \"l\";\n break;\n\n case \"M\":\n h = f.shift(), l = f.shift(), D = \"M\", K.push(h, l), d = \"L\";\n break;\n\n case \"h\":\n h += f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"H\":\n h = f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"v\":\n l += f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"V\":\n l = f.shift(), D = \"L\", K.push(h, l);\n break;\n\n case \"C\":\n K.push(f.shift(), f.shift(), f.shift(), f.shift()), h = f.shift(), l = f.shift(), K.push(h, l);\n break;\n\n case \"c\":\n K.push(h + f.shift(), l + f.shift(), h + f.shift(), l + f.shift()), h += f.shift(), l += f.shift(), D = \"C\", K.push(h, l);\n break;\n\n case \"S\":\n y = h, b = l, \"C\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[2]), b = l + (l - m.points[3])), K.push(y, b, f.shift(), f.shift()), h = f.shift(), l = f.shift(), D = \"C\", K.push(h, l);\n break;\n\n case \"s\":\n y = h, b = l, \"C\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[2]), b = l + (l - m.points[3])), K.push(y, b, h + f.shift(), l + f.shift()), h += f.shift(), l += f.shift(), D = \"C\", K.push(h, l);\n break;\n\n case \"Q\":\n K.push(f.shift(), f.shift()), h = f.shift(), l = f.shift(), K.push(h, l);\n break;\n\n case \"q\":\n K.push(h + f.shift(), l + f.shift()), h += f.shift(), l += f.shift(), D = \"Q\", K.push(h, l);\n break;\n\n case \"T\":\n y = h, b = l, \"Q\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[0]), b = l + (l - m.points[1])), h = f.shift(), l = f.shift(), D = \"Q\", K.push(y, b, h, l);\n break;\n\n case \"t\":\n y = h, b = l, \"Q\" === (m = o[o.length - 1]).command && (y = h + (h - m.points[0]), b = l + (l - m.points[1])), h += f.shift(), l += f.shift(), D = \"Q\", K.push(y, b, h, l);\n break;\n\n case \"A\":\n S = f.shift(), C = f.shift(), _ = f.shift(), w = f.shift(), x = f.shift(), A = h, P = l, h = f.shift(), l = f.shift(), D = \"A\", K = this.convertEndpointToCenterParameterization(A, P, h, l, w, x, S, C, _);\n break;\n\n case \"a\":\n S = f.shift(), C = f.shift(), _ = f.shift(), w = f.shift(), x = f.shift(), A = h, P = l, h += f.shift(), l += f.shift(), D = \"A\", K = this.convertEndpointToCenterParameterization(A, P, h, l, w, x, S, C, _);\n }\n\n o.push({\n command: D || d,\n points: K,\n start: {\n x: k,\n y: F\n },\n pathLength: this.calcLength(k, F, D || d, K)\n });\n }\n\n \"z\" !== d && \"Z\" !== d || o.push({\n command: \"z\",\n points: [],\n start: void 0,\n pathLength: 0\n });\n }\n\n return o;\n }, Konva.Path.calcLength = function (t, e, i, n) {\n var a,\n r,\n o,\n s,\n h = Konva.Path;\n\n switch (i) {\n case \"L\":\n return h.getLineLength(t, e, n[0], n[1]);\n\n case \"C\":\n for (a = 0, r = h.getPointOnCubicBezier(0, t, e, n[0], n[1], n[2], n[3], n[4], n[5]), s = .01; s <= 1; s += .01) {\n o = h.getPointOnCubicBezier(s, t, e, n[0], n[1], n[2], n[3], n[4], n[5]), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n }\n\n return a;\n\n case \"Q\":\n for (a = 0, r = h.getPointOnQuadraticBezier(0, t, e, n[0], n[1], n[2], n[3]), s = .01; s <= 1; s += .01) {\n o = h.getPointOnQuadraticBezier(s, t, e, n[0], n[1], n[2], n[3]), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n }\n\n return a;\n\n case \"A\":\n a = 0;\n var l = n[4],\n c = n[5],\n u = n[4] + c,\n d = Math.PI / 180;\n if (Math.abs(l - u) < d && (d = Math.abs(l - u)), r = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], l, 0), c < 0) for (s = l - d; s > u; s -= d) {\n o = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], s, 0), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n } else for (s = l + d; s < u; s += d) {\n o = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], s, 0), a += h.getLineLength(r.x, r.y, o.x, o.y), r = o;\n }\n return o = h.getPointOnEllipticalArc(n[0], n[1], n[2], n[3], u, 0), a + h.getLineLength(r.x, r.y, o.x, o.y);\n }\n\n return 0;\n }, Konva.Path.convertEndpointToCenterParameterization = function (t, e, i, n, a, r, o, s, h) {\n var l = h * (Math.PI / 180),\n c = Math.cos(l) * (t - i) / 2 + Math.sin(l) * (e - n) / 2,\n u = -1 * Math.sin(l) * (t - i) / 2 + Math.cos(l) * (e - n) / 2,\n d = c * c / (o * o) + u * u / (s * s);\n d > 1 && (o *= Math.sqrt(d), s *= Math.sqrt(d));\n var f = Math.sqrt((o * o * (s * s) - o * o * (u * u) - s * s * (c * c)) / (o * o * (u * u) + s * s * (c * c)));\n a === r && (f *= -1), isNaN(f) && (f = 0);\n\n var g = f * o * u / s,\n p = f * -s * c / o,\n v = (t + i) / 2 + Math.cos(l) * g - Math.sin(l) * p,\n m = (e + n) / 2 + Math.sin(l) * g + Math.cos(l) * p,\n y = function y(t) {\n return Math.sqrt(t[0] * t[0] + t[1] * t[1]);\n },\n b = function b(t, e) {\n return (t[0] * e[0] + t[1] * e[1]) / (y(t) * y(e));\n },\n S = function S(t, e) {\n return (t[0] * e[1] < t[1] * e[0] ? -1 : 1) * Math.acos(b(t, e));\n },\n C = S([1, 0], [(c - g) / o, (u - p) / s]),\n _ = [(c - g) / o, (u - p) / s],\n w = [(-1 * c - g) / o, (-1 * u - p) / s],\n x = S(_, w);\n\n return b(_, w) <= -1 && (x = Math.PI), b(_, w) >= 1 && (x = 0), 0 === r && x > 0 && (x -= 2 * Math.PI), 1 === r && x < 0 && (x += 2 * Math.PI), [v, m, o, s, C, x, l, r];\n }, Konva.Factory.addGetterSetter(Konva.Path, \"data\"), Konva.Collection.mapMethods(Konva.Path);\n }();\n },\n 768: function _() {\n !function () {\n \"use strict\";\n\n Konva.Rect = function (t) {\n this.___init(t);\n }, Konva.Rect.prototype = {\n ___init: function ___init(t) {\n Konva.Shape.call(this, t), this.className = \"Rect\", this.sceneFunc(this._sceneFunc);\n },\n _sceneFunc: function _sceneFunc(t) {\n var e = this.getCornerRadius(),\n i = this.getWidth(),\n n = this.getHeight();\n t.beginPath(), e ? (e = Math.min(e, i / 2, n / 2), t.moveTo(e, 0), t.lineTo(i - e, 0), t.arc(i - e, e, e, 3 * Math.PI / 2, 0, !1), t.lineTo(i, n - e), t.arc(i - e, n - e, e, 0, Math.PI / 2, !1), t.lineTo(e, n), t.arc(e, n - e, e, Math.PI / 2, Math.PI, !1), t.lineTo(0, e), t.arc(e, e, e, Math.PI, 3 * Math.PI / 2, !1)) : t.rect(0, 0, i, n), t.closePath(), t.fillStrokeShape(this);\n }\n }, Konva.Util.extend(Konva.Rect, Konva.Shape), Konva.Factory.addGetterSetter(Konva.Rect, \"cornerRadius\", 0, Konva.Validators.getNumberValidator()), Konva.Collection.mapMethods(Konva.Rect);\n }();\n },\n 297: function _(e) {\n \"use strict\";\n\n e.exports = t;\n }\n },\n i = {};\n\n function a(t) {\n if (i[t]) return i[t].exports;\n var n = i[t] = {\n exports: {}\n };\n return e[t].call(n.exports, n, n.exports, a), n.exports;\n }\n\n a.n = function (t) {\n var e = t && t.__esModule ? function () {\n return t.default;\n } : function () {\n return t;\n };\n return a.d(e, {\n a: e\n }), e;\n }, a.d = function (t, e) {\n for (var i in e) {\n a.o(e, i) && !a.o(t, i) && Object.defineProperty(t, i, {\n enumerable: !0,\n get: e[i]\n });\n }\n }, a.g = function () {\n if (\"object\" == typeof globalThis) return globalThis;\n\n try {\n return this || new Function(\"return this\")();\n } catch (t) {\n if (\"object\" == typeof window) return window;\n }\n }(), a.o = function (t, e) {\n return Object.prototype.hasOwnProperty.call(t, e);\n }, a.r = function (t) {\n \"undefined\" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {\n value: \"Module\"\n }), Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n };\n var r = {};\n return function () {\n \"use strict\";\n\n a.r(r), a.d(r, {\n default: function _default() {\n return y;\n }\n });\n var t = a(297),\n e = a.n(t),\n i = a(435),\n n = a.n(i),\n o = a(918),\n s = a.n(o),\n h = a(303),\n l = a.n(h);\n\n function c(t) {\n return (c = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (t) {\n return typeof t;\n } : function (t) {\n return t && \"function\" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? \"symbol\" : typeof t;\n })(t);\n }\n\n function u(t, e) {\n var i = Object.keys(t);\n\n if (Object.getOwnPropertySymbols) {\n var n = Object.getOwnPropertySymbols(t);\n e && (n = n.filter(function (e) {\n return Object.getOwnPropertyDescriptor(t, e).enumerable;\n })), i.push.apply(i, n);\n }\n\n return i;\n }\n\n function d(t) {\n for (var e = 1; e < arguments.length; e++) {\n var i = null != arguments[e] ? arguments[e] : {};\n e % 2 ? u(Object(i), !0).forEach(function (e) {\n v(t, e, i[e]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : u(Object(i)).forEach(function (e) {\n Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(i, e));\n });\n }\n\n return t;\n }\n\n function f(t, e) {\n return (f = Object.setPrototypeOf || function (t, e) {\n return t.__proto__ = e, t;\n })(t, e);\n }\n\n function g(t) {\n if (void 0 === t) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t;\n }\n\n function p(t) {\n return (p = Object.setPrototypeOf ? Object.getPrototypeOf : function (t) {\n return t.__proto__ || Object.getPrototypeOf(t);\n })(t);\n }\n\n function v(t, e, i) {\n return e in t ? Object.defineProperty(t, e, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : t[e] = i, t;\n }\n\n a(951), a(732), a(768), a(639), a(726), a(371);\n\n var m = function (t) {\n !function (t, e) {\n if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\");\n t.prototype = Object.create(e && e.prototype, {\n constructor: {\n value: t,\n writable: !0,\n configurable: !0\n }\n }), e && f(t, e);\n }(r, e().Component);\n\n var i,\n a = function (t) {\n var e = function () {\n if (\"undefined\" == typeof Reflect || !Reflect.construct) return !1;\n if (Reflect.construct.sham) return !1;\n if (\"function\" == typeof Proxy) return !0;\n\n try {\n return Date.prototype.toString.call(Reflect.construct(Date, [], function () {})), !0;\n } catch (t) {\n return !1;\n }\n }();\n\n return function () {\n var i,\n n = p(t);\n\n if (e) {\n var a = p(this).constructor;\n i = Reflect.construct(n, arguments, a);\n } else i = n.apply(this, arguments);\n\n return function (t, e) {\n return !e || \"object\" !== c(e) && \"function\" != typeof e ? g(t) : e;\n }(this, i);\n };\n }(r);\n\n function r(t) {\n var e;\n !function (t, e) {\n if (!(t instanceof e)) throw new TypeError(\"Cannot call a class as a function\");\n }(this, r);\n var i = (e = a.call(this, t)).generateHash(\"avatar_container\"),\n n = e.generateHash(\"avatar_loader\");\n return e.onFileLoad = e.onFileLoad.bind(g(e)), e.onCloseClick = e.onCloseClick.bind(g(e)), e.state = {\n imgWidth: 0,\n imgHeight: 0,\n scale: 1,\n containerId: i,\n loaderId: n,\n lastMouseY: 0,\n showLoader: !(e.props.src || e.props.img)\n }, e;\n }\n\n return (i = [{\n key: \"generateHash\",\n value: function value(t) {\n var e = function e() {\n return Math.floor(65536 * (1 + Math.random())).toString(16).substring(1);\n };\n\n return t + \"-\" + e() + \"-\" + e() + \"-\" + e();\n }\n }, {\n key: \"onCloseCallback\",\n value: function value() {\n this.props.onClose();\n }\n }, {\n key: \"onCropCallback\",\n value: function value(t) {\n this.props.onCrop(t);\n }\n }, {\n key: \"onFileLoadCallback\",\n value: function value(t) {\n this.props.onFileLoad(t);\n }\n }, {\n key: \"onBeforeFileLoadCallback\",\n value: function value(t) {\n this.props.onBeforeFileLoad(t);\n }\n }, {\n key: \"onImageLoadCallback\",\n value: function value(t) {\n this.props.onImageLoad(t);\n }\n }, {\n key: \"componentDidMount\",\n value: function value() {\n var t = this;\n\n if (!this.state.showLoader) {\n var e = this.props.img || new Image();\n !this.props.img && this.props.src && (e.src = this.props.src), this.setState({\n image: e\n }, function () {\n if (t.image.complete) return t.init();\n\n t.image.onload = function () {\n t.onImageLoadCallback(t.image), t.init();\n };\n });\n }\n }\n }, {\n key: \"onFileLoad\",\n value: function value(t) {\n if (t.preventDefault(), this.onBeforeFileLoadCallback(t), t.target.value) {\n var e = t.target.files[0];\n this.onFileLoadCallback(e);\n var i = this;\n s().getData(e, function () {\n var t = s().getTag(this, \"Orientation\");\n l()(e, function (t, n) {\n i.setState({\n image: t,\n file: e,\n showLoader: !1\n }), i.init();\n }, {\n orientation: t,\n meta: !0\n });\n });\n }\n }\n }, {\n key: \"onCloseClick\",\n value: function value() {\n var t = this;\n this.setState({\n showLoader: !0\n }, function () {\n return t.onCloseCallback();\n });\n }\n }, {\n key: \"init\",\n value: function value() {\n var t,\n e,\n i = this.props,\n n = i.height,\n a = i.minCropRadius,\n r = i.cropRadius,\n o = this.image.width,\n s = this.image.height,\n h = s / o,\n l = this.props,\n c = l.imageWidth,\n u = l.imageHeight;\n u && c && console.warn(\"The imageWidth and imageHeight properties can not be set together, using only imageWidth.\"), u && !c ? e = (t = u || s) / h : c ? t = (e = c) * h || s : e = (t = n || s) / h;\n var d = t / s,\n f = Math.max(a, r || Math.min(e, t) / 3);\n this.setState({\n imgWidth: e,\n imgHeight: t,\n scale: d,\n cropRadius: f\n }, this.initCanvas);\n }\n }, {\n key: \"initCanvas\",\n value: function value() {\n var t = this,\n e = this.initStage(),\n i = this.initBackground(),\n a = this.initShading(),\n r = this.initCrop(),\n o = this.initCropStroke(),\n s = this.initResize(),\n h = this.initResizeIcon(),\n l = new (n().Layer)();\n l.add(i), l.add(a), l.add(o), l.add(r), l.add(s), l.add(h), e.add(l);\n\n var c = function c() {\n var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;\n return r.radius() - t;\n },\n u = function u(t) {\n return r.x() - c(t) < 0;\n },\n d = function d(t) {\n return r.y() - c(t) < 0;\n },\n f = function f(t) {\n return r.x() + c(t) > e.width();\n },\n g = function g(t) {\n return r.y() + c(t) > e.height();\n },\n p = function p(e) {\n return c(e) >= t.minCropRadius ? e : r.radius() - t.minCropRadius;\n },\n v = function v(t) {\n return t + .86 * r.radius();\n },\n m = function m(t) {\n return t - .5 * r.radius();\n },\n y = function y(t, e) {\n s.x(v(t) - 8), s.y(m(e) - 8), h.x(v(t) - 8), h.y(m(e) - 10);\n },\n b = function b() {\n if (t.props.exportAsSquare) {\n var e = new (n().Image)({\n image: t.image\n }),\n a = e.width() / i.width(),\n o = e.height() / i.height(),\n s = 2 * r.radius() * a,\n h = 2 * r.radius() * o,\n l = t.props.exportSize ? t.props.exportSize / s : void 0;\n return e.toDataURL({\n x: (r.x() - r.radius()) * a,\n y: (r.y() - r.radius()) * o,\n width: s,\n height: h,\n pixelRatio: l,\n mimeType: t.props.exportMimeType,\n quality: t.props.exportQuality\n });\n }\n\n var c = 2 * r.radius(),\n u = 2 * r.radius(),\n d = t.props.exportSize ? t.props.exportSize / c : void 0;\n return r.toDataURL({\n x: r.x() - r.radius(),\n y: r.y() - r.radius(),\n width: c,\n height: u,\n pixelRatio: d,\n mimeType: t.props.exportMimeType,\n quality: t.props.exportQuality\n });\n },\n S = function S(t) {\n var e = t > 0 || function (t) {\n return !(u(t) || f(t) || g(t) || d(t));\n }(t) ? t : 0;\n o.radius(o.radius() - p(e)), r.radius(r.radius() - p(e)), s.fire(\"resize\");\n };\n\n this.onCropCallback(b()), r.on(\"dragmove\", function () {\n return r.fire(\"resize\");\n }), r.on(\"dragend\", function () {\n return t.onCropCallback(b());\n }), r.on(\"resize\", function () {\n var i = u() ? r.radius() + 1 : f() ? e.width() - r.radius() - 1 : r.x(),\n n = d() ? r.radius() + 1 : g() ? e.height() - r.radius() - 1 : r.y();\n y(i, n), r.setFillPatternOffset({\n x: i / t.scale,\n y: n / t.scale\n }), r.x(i), o.x(i), r.y(n), o.y(n);\n }), r.on(\"mouseenter\", function () {\n return e.container().style.cursor = \"move\";\n }), r.on(\"mouseleave\", function () {\n return e.container().style.cursor = \"default\";\n }), r.on(\"dragstart\", function () {\n return e.container().style.cursor = \"move\";\n }), r.on(\"dragend\", function () {\n return e.container().style.cursor = \"default\";\n }), s.on(\"touchstart\", function (e) {\n s.on(\"dragmove\", function (i) {\n if (\"touchmove\" === i.evt.type) {\n var n = i.evt.changedTouches[0].pageY - e.evt.changedTouches[0].pageY || 0;\n S(n * t.mobileScaleSpeed);\n }\n });\n }), s.on(\"dragmove\", function (e) {\n if (\"touchmove\" !== e.evt.type) {\n var i = e.evt.y,\n n = i ? i - t.state.lastMouseY : void 0,\n a = e.evt.movementY || n || 0;\n t.setState({\n lastMouseY: i\n }), S(a);\n }\n }), s.on(\"dragend\", function () {\n return t.onCropCallback(b());\n }), s.on(\"resize\", function () {\n return y(r.x(), r.y());\n }), s.on(\"mouseenter\", function () {\n return e.container().style.cursor = \"nesw-resize\";\n }), s.on(\"mouseleave\", function () {\n return e.container().style.cursor = \"default\";\n }), s.on(\"dragstart\", function (i) {\n t.setState({\n lastMouseY: i.evt.y\n }), e.container().style.cursor = \"nesw-resize\";\n }), s.on(\"dragend\", function () {\n return e.container().style.cursor = \"default\";\n });\n }\n }, {\n key: \"initStage\",\n value: function value() {\n return new (n().Stage)({\n container: this.containerId,\n width: this.width,\n height: this.height\n });\n }\n }, {\n key: \"initBackground\",\n value: function value() {\n return new (n().Image)({\n x: 0,\n y: 0,\n width: this.width,\n height: this.height,\n image: this.image\n });\n }\n }, {\n key: \"initShading\",\n value: function value() {\n return new (n().Rect)({\n x: 0,\n y: 0,\n width: this.width,\n height: this.height,\n fill: this.shadingColor,\n strokeWidth: 4,\n opacity: this.shadingOpacity\n });\n }\n }, {\n key: \"initCrop\",\n value: function value() {\n return new (n().Circle)({\n x: this.halfWidth,\n y: this.halfHeight,\n radius: this.cropRadius,\n fillPatternImage: this.image,\n fillPatternOffset: {\n x: this.halfWidth / this.scale,\n y: this.halfHeight / this.scale\n },\n fillPatternScale: {\n x: this.scale,\n y: this.scale\n },\n opacity: 1,\n draggable: !0,\n dashEnabled: !0,\n dash: [10, 5]\n });\n }\n }, {\n key: \"initCropStroke\",\n value: function value() {\n return new (n().Circle)({\n x: this.halfWidth,\n y: this.halfHeight,\n radius: this.cropRadius,\n stroke: this.cropColor,\n strokeWidth: this.lineWidth,\n strokeScaleEnabled: !0,\n dashEnabled: !0,\n dash: [10, 5]\n });\n }\n }, {\n key: \"initResize\",\n value: function value() {\n return new (n().Rect)({\n x: this.halfWidth + .86 * this.cropRadius - 8,\n y: this.halfHeight + -.5 * this.cropRadius - 8,\n width: 16,\n height: 16,\n draggable: !0,\n dragBoundFunc: function dragBoundFunc(t) {\n return {\n x: this.getAbsolutePosition().x,\n y: t.y\n };\n }\n });\n }\n }, {\n key: \"initResizeIcon\",\n value: function value() {\n return new (n().Path)({\n x: this.halfWidth + .86 * this.cropRadius - 8,\n y: this.halfHeight + -.5 * this.cropRadius - 10,\n data: \"M47.624,0.124l12.021,9.73L44.5,24.5l10,10l14.661-15.161l9.963,12.285v-31.5H47.624z M24.5,44.5 L9.847,59.653L0,47.5V79h31.5l-12.153-9.847L34.5,54.5L24.5,44.5z\",\n fill: this.cropColor,\n scale: {\n x: .2,\n y: .2\n }\n });\n }\n }, {\n key: \"render\",\n value: function value() {\n var t = this,\n i = this.props,\n n = i.width,\n a = i.height,\n r = {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: this.backgroundColor,\n width: n || this.width,\n position: \"relative\"\n },\n o = this.props.label,\n s = d(d({}, this.props.labelStyle), {\n lineHeight: (a || 200) + \"px\"\n }),\n h = d(d({}, this.props.borderStyle), {\n width: n || 200,\n height: a || 200\n });\n return e().createElement(\"div\", null, this.state.showLoader ? e().createElement(\"div\", {\n style: h\n }, e().createElement(\"input\", {\n onChange: function onChange(e) {\n return t.onFileLoad(e);\n },\n name: this.loaderId,\n type: \"file\",\n id: this.loaderId,\n style: {\n width: .1,\n height: .1,\n opacity: 0,\n overflow: \"hidden\",\n position: \"absolute\",\n zIndex: -1\n },\n accept: this.mimeTypes\n }), e().createElement(\"label\", {\n htmlFor: this.loaderId,\n style: s\n }, o)) : e().createElement(\"div\", {\n style: r\n }, e().createElement(\"svg\", {\n onClick: this.onCloseClick,\n style: {\n position: \"absolute\",\n zIndex: 999,\n cursor: \"pointer\",\n left: \"10px\",\n top: \"10px\"\n },\n viewBox: \"0 0 475.2 475.2\",\n width: \"20px\",\n height: \"20px\"\n }, e().createElement(\"g\", null, e().createElement(\"path\", {\n d: \"M405.6,69.6C360.7,24.7,301.1,0,237.6,0s-123.1,24.7-168,69.6S0,174.1,0,237.6s24.7,123.1,69.6,168s104.5,69.6,168,69.6 s123.1-24.7,168-69.6s69.6-104.5,69.6-168S450.5,114.5,405.6,69.6z M386.5,386.5c-39.8,39.8-92.7,61.7-148.9,61.7 s-109.1-21.9-148.9-61.7c-82.1-82.1-82.1-215.7,0-297.8C128.5,48.9,181.4,27,237.6,27s109.1,21.9,148.9,61.7 C468.6,170.8,468.6,304.4,386.5,386.5z\",\n fill: this.closeIconColor\n }), e().createElement(\"path\", {\n d: \"M342.3,132.9c-5.3-5.3-13.8-5.3-19.1,0l-85.6,85.6L152,132.9c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 l85.6,85.6l-85.6,85.6c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.6-85.6l85.6,85.6c2.6,2.6,6.1,4,9.5,4 c3.5,0,6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1l-85.4-85.6l85.6-85.6C347.6,146.7,347.6,138.2,342.3,132.9z\",\n fill: this.closeIconColor\n }))), e().createElement(\"div\", {\n id: this.containerId\n })));\n }\n }, {\n key: \"lineWidth\",\n get: function get() {\n return this.props.lineWidth;\n }\n }, {\n key: \"containerId\",\n get: function get() {\n return this.state.containerId;\n }\n }, {\n key: \"closeIconColor\",\n get: function get() {\n return this.props.closeIconColor;\n }\n }, {\n key: \"cropColor\",\n get: function get() {\n return this.props.cropColor;\n }\n }, {\n key: \"loaderId\",\n get: function get() {\n return this.state.loaderId;\n }\n }, {\n key: \"mimeTypes\",\n get: function get() {\n return this.props.mimeTypes;\n }\n }, {\n key: \"backgroundColor\",\n get: function get() {\n return this.props.backgroundColor;\n }\n }, {\n key: \"shadingColor\",\n get: function get() {\n return this.props.shadingColor;\n }\n }, {\n key: \"shadingOpacity\",\n get: function get() {\n return this.props.shadingOpacity;\n }\n }, {\n key: \"mobileScaleSpeed\",\n get: function get() {\n return this.props.mobileScaleSpeed;\n }\n }, {\n key: \"cropRadius\",\n get: function get() {\n return this.state.cropRadius;\n }\n }, {\n key: \"minCropRadius\",\n get: function get() {\n return this.props.minCropRadius;\n }\n }, {\n key: \"scale\",\n get: function get() {\n return this.state.scale;\n }\n }, {\n key: \"width\",\n get: function get() {\n return this.state.imgWidth;\n }\n }, {\n key: \"halfWidth\",\n get: function get() {\n return this.state.imgWidth / 2;\n }\n }, {\n key: \"height\",\n get: function get() {\n return this.state.imgHeight;\n }\n }, {\n key: \"halfHeight\",\n get: function get() {\n return this.state.imgHeight / 2;\n }\n }, {\n key: \"image\",\n get: function get() {\n return this.state.image;\n }\n }]) && function (t, e) {\n for (var i = 0; i < e.length; i++) {\n var n = e[i];\n n.enumerable = n.enumerable || !1, n.configurable = !0, \"value\" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);\n }\n }(r.prototype, i), r;\n }();\n\n v(m, \"defaultProps\", {\n shadingColor: \"grey\",\n shadingOpacity: .6,\n cropColor: \"white\",\n closeIconColor: \"white\",\n lineWidth: 4,\n minCropRadius: 30,\n backgroundColor: \"grey\",\n mimeTypes: \"image/jpeg,image/png\",\n exportAsSquare: !1,\n exportSize: void 0,\n exportMimeType: \"image/png\",\n exportQuality: 1,\n mobileScaleSpeed: .5,\n onClose: function onClose() {},\n onCrop: function onCrop() {},\n onFileLoad: function onFileLoad() {},\n onImageLoad: function onImageLoad() {},\n onBeforeFileLoad: function onBeforeFileLoad() {},\n label: \"Choose a file\",\n labelStyle: {\n fontSize: \"1.25em\",\n fontWeight: \"700\",\n color: \"black\",\n display: \"inline-block\",\n fontFamily: \"sans-serif\",\n cursor: \"pointer\"\n },\n borderStyle: {\n border: \"2px solid #979797\",\n borderStyle: \"dashed\",\n borderRadius: \"8px\",\n textAlign: \"center\"\n }\n });\n var y = m;\n }(), r;\n }();\n});","\"use strict\";\n\nvar _require = require('./Component'),\n CopyToClipboard = _require.CopyToClipboard;\n\nCopyToClipboard.CopyToClipboard = CopyToClipboard;\nmodule.exports = CopyToClipboard;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.styles = exports.DELAY_RIPPLE = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _toConsumableArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/toConsumableArray\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _reactTransitionGroup = require(\"react-transition-group\");\n\nvar _clsx = _interopRequireDefault(require(\"clsx\"));\n\nvar _withStyles = _interopRequireDefault(require(\"../styles/withStyles\"));\n\nvar _Ripple = _interopRequireDefault(require(\"./Ripple\"));\n\nvar DURATION = 550;\nvar DELAY_RIPPLE = 80;\nexports.DELAY_RIPPLE = DELAY_RIPPLE;\n\nvar styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n overflow: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit'\n },\n\n /* Styles applied to the internal `Ripple` components `ripple` class. */\n ripple: {\n opacity: 0,\n position: 'absolute'\n },\n\n /* Styles applied to the internal `Ripple` components `rippleVisible` class. */\n rippleVisible: {\n opacity: 0.3,\n transform: 'scale(1)',\n animation: \"$enter \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `ripplePulsate` class. */\n ripplePulsate: {\n animationDuration: \"\".concat(theme.transitions.duration.shorter, \"ms\")\n },\n\n /* Styles applied to the internal `Ripple` components `child` class. */\n child: {\n opacity: 1,\n display: 'block',\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n backgroundColor: 'currentColor'\n },\n\n /* Styles applied to the internal `Ripple` components `childLeaving` class. */\n childLeaving: {\n opacity: 0,\n animation: \"$exit \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `childPulsate` class. */\n childPulsate: {\n position: 'absolute',\n left: 0,\n top: 0,\n animation: \"$pulsate 2500ms \".concat(theme.transitions.easing.easeInOut, \" 200ms infinite\")\n },\n '@keyframes enter': {\n '0%': {\n transform: 'scale(0)',\n opacity: 0.1\n },\n '100%': {\n transform: 'scale(1)',\n opacity: 0.3\n }\n },\n '@keyframes exit': {\n '0%': {\n opacity: 1\n },\n '100%': {\n opacity: 0\n }\n },\n '@keyframes pulsate': {\n '0%': {\n transform: 'scale(1)'\n },\n '50%': {\n transform: 'scale(0.92)'\n },\n '100%': {\n transform: 'scale(1)'\n }\n }\n };\n};\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\n\n\nexports.styles = styles;\nvar TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(props, ref) {\n var _props$center = props.center,\n centerProp = _props$center === void 0 ? false : _props$center,\n classes = props.classes,\n className = props.className,\n other = (0, _objectWithoutProperties2.default)(props, [\"center\", \"classes\", \"className\"]);\n\n var _React$useState = React.useState([]),\n ripples = _React$useState[0],\n setRipples = _React$useState[1];\n\n var nextKey = React.useRef(0);\n var rippleCallback = React.useRef(null);\n React.useEffect(function () {\n if (rippleCallback.current) {\n rippleCallback.current();\n rippleCallback.current = null;\n }\n }, [ripples]); // Used to filter out mouse emulated events on mobile.\n\n var ignoringMouseDown = React.useRef(false); // We use a timer in order to only show the ripples for touch \"click\" like events.\n // We don't want to display the ripple for touch scroll events.\n\n var startTimer = React.useRef(null); // This is the hook called once the previous timeout is ready.\n\n var startTimerCommit = React.useRef(null);\n var container = React.useRef(null);\n React.useEffect(function () {\n return function () {\n clearTimeout(startTimer.current);\n };\n }, []);\n var startCommit = React.useCallback(function (params) {\n var pulsate = params.pulsate,\n rippleX = params.rippleX,\n rippleY = params.rippleY,\n rippleSize = params.rippleSize,\n cb = params.cb;\n setRipples(function (oldRipples) {\n return [].concat((0, _toConsumableArray2.default)(oldRipples), [/*#__PURE__*/React.createElement(_Ripple.default, {\n key: nextKey.current,\n classes: classes,\n timeout: DURATION,\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize\n })]);\n });\n nextKey.current += 1;\n rippleCallback.current = cb;\n }, [classes]);\n var start = React.useCallback(function () {\n var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var cb = arguments.length > 2 ? arguments[2] : undefined;\n var _options$pulsate = options.pulsate,\n pulsate = _options$pulsate === void 0 ? false : _options$pulsate,\n _options$center = options.center,\n center = _options$center === void 0 ? centerProp || options.pulsate : _options$center,\n _options$fakeElement = options.fakeElement,\n fakeElement = _options$fakeElement === void 0 ? false : _options$fakeElement;\n\n if (event.type === 'mousedown' && ignoringMouseDown.current) {\n ignoringMouseDown.current = false;\n return;\n }\n\n if (event.type === 'touchstart') {\n ignoringMouseDown.current = true;\n }\n\n var element = fakeElement ? null : container.current;\n var rect = element ? element.getBoundingClientRect() : {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n }; // Get the size of the ripple\n\n var rippleX;\n var rippleY;\n var rippleSize;\n\n if (center || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n rippleX = Math.round(rect.width / 2);\n rippleY = Math.round(rect.height / 2);\n } else {\n var _ref = event.touches ? event.touches[0] : event,\n clientX = _ref.clientX,\n clientY = _ref.clientY;\n\n rippleX = Math.round(clientX - rect.left);\n rippleY = Math.round(clientY - rect.top);\n }\n\n if (center) {\n rippleSize = Math.sqrt((2 * Math.pow(rect.width, 2) + Math.pow(rect.height, 2)) / 3); // For some reason the animation is broken on Mobile Chrome if the size if even.\n\n if (rippleSize % 2 === 0) {\n rippleSize += 1;\n }\n } else {\n var sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n var sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n rippleSize = Math.sqrt(Math.pow(sizeX, 2) + Math.pow(sizeY, 2));\n } // Touche devices\n\n\n if (event.touches) {\n // check that this isn't another touchstart due to multitouch\n // otherwise we will only clear a single timer when unmounting while two\n // are running\n if (startTimerCommit.current === null) {\n // Prepare the ripple effect.\n startTimerCommit.current = function () {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }; // Delay the execution of the ripple effect.\n\n\n startTimer.current = setTimeout(function () {\n if (startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n }\n }, DELAY_RIPPLE); // We have to make a tradeoff with this value.\n }\n } else {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }\n }, [centerProp, startCommit]);\n var pulsate = React.useCallback(function () {\n start({}, {\n pulsate: true\n });\n }, [start]);\n var stop = React.useCallback(function (event, cb) {\n clearTimeout(startTimer.current); // The touch interaction occurs too quickly.\n // We still want to show ripple effect.\n\n if (event.type === 'touchend' && startTimerCommit.current) {\n event.persist();\n startTimerCommit.current();\n startTimerCommit.current = null;\n startTimer.current = setTimeout(function () {\n stop(event, cb);\n });\n return;\n }\n\n startTimerCommit.current = null;\n setRipples(function (oldRipples) {\n if (oldRipples.length > 0) {\n return oldRipples.slice(1);\n }\n\n return oldRipples;\n });\n rippleCallback.current = cb;\n }, []);\n React.useImperativeHandle(ref, function () {\n return {\n pulsate: pulsate,\n start: start,\n stop: stop\n };\n }, [pulsate, start, stop]);\n return /*#__PURE__*/React.createElement(\"span\", (0, _extends2.default)({\n className: (0, _clsx.default)(classes.root, className),\n ref: container\n }, other), /*#__PURE__*/React.createElement(_reactTransitionGroup.TransitionGroup, {\n component: null,\n exit: true\n }, ripples));\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes = {\n /**\n * If `true`, the ripple starts at the center of the component\n * rather than at the point of interaction.\n */\n center: _propTypes.default.bool,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: _propTypes.default.object.isRequired,\n\n /**\n * @ignore\n */\n className: _propTypes.default.string\n} : void 0;\n\nvar _default = (0, _withStyles.default)(styles, {\n flip: false,\n name: 'MuiTouchRipple'\n})( /*#__PURE__*/React.memo(TouchRipple));\n\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"Carousel\", {\n enumerable: true,\n get: function get() {\n return _Carousel.default;\n }\n});\nObject.defineProperty(exports, \"CarouselProps\", {\n enumerable: true,\n get: function get() {\n return _types.CarouselProps;\n }\n});\nObject.defineProperty(exports, \"Thumbs\", {\n enumerable: true,\n get: function get() {\n return _Thumbs.default;\n }\n});\n\nvar _Carousel = _interopRequireDefault(require(\"./components/Carousel\"));\n\nvar _types = require(\"./components/Carousel/types\");\n\nvar _Thumbs = _interopRequireDefault(require(\"./components/Thumbs\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}","'use strict';\n\nObject.defineProperty(exports, '__esModule', {\n value: true\n});\n\nfunction _interopDefault(ex) {\n return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;\n}\n\nvar React = require('react');\n\nvar React__default = _interopDefault(React);\n\nvar UAParser = require('ua-parser-js/dist/ua-parser.min');\n\nvar UA = new UAParser();\nvar browser = UA.getBrowser();\nvar cpu = UA.getCPU();\nvar device = UA.getDevice();\nvar engine = UA.getEngine();\nvar os = UA.getOS();\nvar ua = UA.getUA();\n\nvar setDefaults = function setDefaults(p) {\n var d = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';\n return p ? p : d;\n};\n\nvar getNavigatorInstance = function getNavigatorInstance() {\n if (typeof window !== 'undefined') {\n if (window.navigator || navigator) {\n return window.navigator || navigator;\n }\n }\n\n return false;\n};\n\nvar isIOS13Check = function isIOS13Check(type) {\n var nav = getNavigatorInstance();\n return nav && nav.platform && (nav.platform.indexOf(type) !== -1 || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1 && !window.MSStream);\n};\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\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}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(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(source).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\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\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}\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}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\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\n return self;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (typeof call === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nvar DeviceTypes = {\n Mobile: 'mobile',\n Tablet: 'tablet',\n SmartTv: 'smarttv',\n Console: 'console',\n Wearable: 'wearable',\n Browser: undefined\n};\nvar BrowserTypes = {\n Chrome: 'Chrome',\n Firefox: \"Firefox\",\n Opera: \"Opera\",\n Yandex: \"Yandex\",\n Safari: \"Safari\",\n InternetExplorer: \"Internet Explorer\",\n Edge: \"Edge\",\n Chromium: \"Chromium\",\n Ie: 'IE',\n MobileSafari: \"Mobile Safari\",\n EdgeChromium: \"Edge Chromium\",\n MIUI: \"MIUI Browser\",\n SamsungBrowser: 'Samsung Browser'\n};\nvar OsTypes = {\n IOS: 'iOS',\n Android: \"Android\",\n WindowsPhone: \"Windows Phone\",\n Windows: 'Windows',\n MAC_OS: 'Mac OS'\n};\nvar initialData = {\n isMobile: false,\n isTablet: false,\n isBrowser: false,\n isSmartTV: false,\n isConsole: false,\n isWearable: false\n};\n\nvar checkType = function checkType(type) {\n switch (type) {\n case DeviceTypes.Mobile:\n return {\n isMobile: true\n };\n\n case DeviceTypes.Tablet:\n return {\n isTablet: true\n };\n\n case DeviceTypes.SmartTv:\n return {\n isSmartTV: true\n };\n\n case DeviceTypes.Console:\n return {\n isConsole: true\n };\n\n case DeviceTypes.Wearable:\n return {\n isWearable: true\n };\n\n case DeviceTypes.Browser:\n return {\n isBrowser: true\n };\n\n default:\n return initialData;\n }\n};\n\nvar broPayload = function broPayload(isBrowser, browser, engine, os, ua) {\n return {\n isBrowser: isBrowser,\n browserMajorVersion: setDefaults(browser.major),\n browserFullVersion: setDefaults(browser.version),\n browserName: setDefaults(browser.name),\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar mobilePayload = function mobilePayload(type, device, os, ua) {\n return _objectSpread2({}, type, {\n vendor: setDefaults(device.vendor),\n model: setDefaults(device.model),\n os: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n ua: setDefaults(ua)\n });\n};\n\nvar stvPayload = function stvPayload(isSmartTV, engine, os, ua) {\n return {\n isSmartTV: isSmartTV,\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar consolePayload = function consolePayload(isConsole, engine, os, ua) {\n return {\n isConsole: isConsole,\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar wearPayload = function wearPayload(isWearable, engine, os, ua) {\n return {\n isWearable: isWearable,\n engineName: setDefaults(engine.name),\n engineVersion: setDefaults(engine.version),\n osName: setDefaults(os.name),\n osVersion: setDefaults(os.version),\n userAgent: setDefaults(ua)\n };\n};\n\nvar type = checkType(device.type);\n\nfunction deviceDetect() {\n var isBrowser = type.isBrowser,\n isMobile = type.isMobile,\n isTablet = type.isTablet,\n isSmartTV = type.isSmartTV,\n isConsole = type.isConsole,\n isWearable = type.isWearable;\n\n if (isBrowser) {\n return broPayload(isBrowser, browser, engine, os, ua);\n }\n\n if (isSmartTV) {\n return stvPayload(isSmartTV, engine, os, ua);\n }\n\n if (isConsole) {\n return consolePayload(isConsole, engine, os, ua);\n }\n\n if (isMobile) {\n return mobilePayload(type, device, os, ua);\n }\n\n if (isTablet) {\n return mobilePayload(type, device, os, ua);\n }\n\n if (isWearable) {\n return wearPayload(isWearable, engine, os, ua);\n }\n}\n\nvar isMobileType = function isMobileType() {\n return device.type === DeviceTypes.Mobile;\n};\n\nvar isTabletType = function isTabletType() {\n return device.type === DeviceTypes.Tablet;\n};\n\nvar isMobileAndTabletType = function isMobileAndTabletType() {\n switch (device.type) {\n case DeviceTypes.Mobile:\n case DeviceTypes.Tablet:\n return true;\n\n default:\n return false;\n }\n};\n\nvar isEdgeChromiumType = function isEdgeChromiumType() {\n return typeof ua === 'string' && ua.indexOf('Edg/') !== -1;\n};\n\nvar isSmartTVType = function isSmartTVType() {\n return device.type === DeviceTypes.SmartTv;\n};\n\nvar isBrowserType = function isBrowserType() {\n return device.type === DeviceTypes.Browser;\n};\n\nvar isWearableType = function isWearableType() {\n return device.type === DeviceTypes.Wearable;\n};\n\nvar isConsoleType = function isConsoleType() {\n return device.type === DeviceTypes.Console;\n};\n\nvar isAndroidType = function isAndroidType() {\n return os.name === OsTypes.Android;\n};\n\nvar isWindowsType = function isWindowsType() {\n return os.name === OsTypes.Windows;\n};\n\nvar isMacOsType = function isMacOsType() {\n return os.name === OsTypes.MAC_OS;\n};\n\nvar isWinPhoneType = function isWinPhoneType() {\n return os.name === OsTypes.WindowsPhone;\n};\n\nvar isIOSType = function isIOSType() {\n return os.name === OsTypes.IOS;\n};\n\nvar isChromeType = function isChromeType() {\n return browser.name === BrowserTypes.Chrome;\n};\n\nvar isFirefoxType = function isFirefoxType() {\n return browser.name === BrowserTypes.Firefox;\n};\n\nvar isChromiumType = function isChromiumType() {\n return browser.name === BrowserTypes.Chromium;\n};\n\nvar isEdgeType = function isEdgeType() {\n return browser.name === BrowserTypes.Edge;\n};\n\nvar isYandexType = function isYandexType() {\n return browser.name === BrowserTypes.Yandex;\n};\n\nvar isSafariType = function isSafariType() {\n return browser.name === BrowserTypes.Safari || browser.name === BrowserTypes.MobileSafari;\n};\n\nvar isMobileSafariType = function isMobileSafariType() {\n return browser.name === BrowserTypes.MobileSafari;\n};\n\nvar isOperaType = function isOperaType() {\n return browser.name === BrowserTypes.Opera;\n};\n\nvar isIEType = function isIEType() {\n return browser.name === BrowserTypes.InternetExplorer || browser.name === BrowserTypes.Ie;\n};\n\nvar isMIUIType = function isMIUIType() {\n return browser.name === BrowserTypes.MIUI;\n};\n\nvar isSamsungBrowserType = function isSamsungBrowserType() {\n return browser.name === BrowserTypes.SamsungBrowser;\n};\n\nvar isElectronType = function isElectronType() {\n var nav = getNavigatorInstance();\n var ua = nav && nav.userAgent && nav.userAgent.toLowerCase();\n return typeof ua === 'string' ? /electron/.test(ua) : false;\n};\n\nvar getIOS13 = function getIOS13() {\n var nav = getNavigatorInstance();\n return nav && (/iPad|iPhone|iPod/.test(nav.platform) || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1) && !window.MSStream;\n};\n\nvar getIPad13 = function getIPad13() {\n return isIOS13Check('iPad');\n};\n\nvar getIphone13 = function getIphone13() {\n return isIOS13Check('iPhone');\n};\n\nvar getIPod13 = function getIPod13() {\n return isIOS13Check('iPod');\n};\n\nvar getBrowserFullVersion = function getBrowserFullVersion() {\n return setDefaults(browser.version);\n};\n\nvar getBrowserVersion = function getBrowserVersion() {\n return setDefaults(browser.major);\n};\n\nvar getOsVersion = function getOsVersion() {\n return setDefaults(os.version);\n};\n\nvar getOsName = function getOsName() {\n return setDefaults(os.name);\n};\n\nvar getBrowserName = function getBrowserName() {\n return setDefaults(browser.name);\n};\n\nvar getMobileVendor = function getMobileVendor() {\n return setDefaults(device.vendor);\n};\n\nvar getMobileModel = function getMobileModel() {\n return setDefaults(device.model);\n};\n\nvar getEngineName = function getEngineName() {\n return setDefaults(engine.name);\n};\n\nvar getEngineVersion = function getEngineVersion() {\n return setDefaults(engine.version);\n};\n\nvar getUseragent = function getUseragent() {\n return setDefaults(ua);\n};\n\nvar getDeviceType = function getDeviceType() {\n return setDefaults(device.type, 'browser');\n};\n\nvar isSmartTV = isSmartTVType();\nvar isConsole = isConsoleType();\nvar isWearable = isWearableType();\nvar isMobileSafari = isMobileSafariType() || getIPad13();\nvar isChromium = isChromiumType();\nvar isMobile = isMobileAndTabletType() || getIPad13();\nvar isMobileOnly = isMobileType();\nvar isTablet = isTabletType() || getIPad13();\nvar isBrowser = isBrowserType();\nvar isDesktop = isBrowserType();\nvar isAndroid = isAndroidType();\nvar isWinPhone = isWinPhoneType();\nvar isIOS = isIOSType() || getIPad13();\nvar isChrome = isChromeType();\nvar isFirefox = isFirefoxType();\nvar isSafari = isSafariType();\nvar isOpera = isOperaType();\nvar isIE = isIEType();\nvar osVersion = getOsVersion();\nvar osName = getOsName();\nvar fullBrowserVersion = getBrowserFullVersion();\nvar browserVersion = getBrowserVersion();\nvar browserName = getBrowserName();\nvar mobileVendor = getMobileVendor();\nvar mobileModel = getMobileModel();\nvar engineName = getEngineName();\nvar engineVersion = getEngineVersion();\nvar getUA = getUseragent();\nvar isEdge = isEdgeType() || isEdgeChromiumType();\nvar isYandex = isYandexType();\nvar deviceType = getDeviceType();\nvar isIOS13 = getIOS13();\nvar isIPad13 = getIPad13();\nvar isIPhone13 = getIphone13();\nvar isIPod13 = getIPod13();\nvar isElectron = isElectronType();\nvar isEdgeChromium = isEdgeChromiumType();\nvar isLegacyEdge = isEdgeType() && !isEdgeChromiumType();\nvar isWindows = isWindowsType();\nvar isMacOs = isMacOsType();\nvar isMIUI = isMIUIType();\nvar isSamsungBrowser = isSamsungBrowserType();\n\nvar AndroidView = function AndroidView(_ref) {\n var renderWithFragment = _ref.renderWithFragment,\n children = _ref.children,\n viewClassName = _ref.viewClassName,\n style = _ref.style,\n props = _objectWithoutProperties(_ref, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isAndroid ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar BrowserView = function BrowserView(_ref2) {\n var renderWithFragment = _ref2.renderWithFragment,\n children = _ref2.children,\n viewClassName = _ref2.viewClassName,\n style = _ref2.style,\n props = _objectWithoutProperties(_ref2, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isBrowser ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar IEView = function IEView(_ref3) {\n var renderWithFragment = _ref3.renderWithFragment,\n children = _ref3.children,\n viewClassName = _ref3.viewClassName,\n style = _ref3.style,\n props = _objectWithoutProperties(_ref3, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isIE ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar IOSView = function IOSView(_ref4) {\n var renderWithFragment = _ref4.renderWithFragment,\n children = _ref4.children,\n viewClassName = _ref4.viewClassName,\n style = _ref4.style,\n props = _objectWithoutProperties(_ref4, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isIOS ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar MobileView = function MobileView(_ref5) {\n var renderWithFragment = _ref5.renderWithFragment,\n children = _ref5.children,\n viewClassName = _ref5.viewClassName,\n style = _ref5.style,\n props = _objectWithoutProperties(_ref5, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isMobile ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar TabletView = function TabletView(_ref6) {\n var renderWithFragment = _ref6.renderWithFragment,\n children = _ref6.children,\n viewClassName = _ref6.viewClassName,\n style = _ref6.style,\n props = _objectWithoutProperties(_ref6, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isTablet ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar WinPhoneView = function WinPhoneView(_ref7) {\n var renderWithFragment = _ref7.renderWithFragment,\n children = _ref7.children,\n viewClassName = _ref7.viewClassName,\n style = _ref7.style,\n props = _objectWithoutProperties(_ref7, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isWinPhone ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar MobileOnlyView = function MobileOnlyView(_ref8) {\n var renderWithFragment = _ref8.renderWithFragment,\n children = _ref8.children,\n viewClassName = _ref8.viewClassName,\n style = _ref8.style,\n props = _objectWithoutProperties(_ref8, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isMobileOnly ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar SmartTVView = function SmartTVView(_ref9) {\n var renderWithFragment = _ref9.renderWithFragment,\n children = _ref9.children,\n viewClassName = _ref9.viewClassName,\n style = _ref9.style,\n props = _objectWithoutProperties(_ref9, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isSmartTV ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar ConsoleView = function ConsoleView(_ref10) {\n var renderWithFragment = _ref10.renderWithFragment,\n children = _ref10.children,\n viewClassName = _ref10.viewClassName,\n style = _ref10.style,\n props = _objectWithoutProperties(_ref10, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isConsole ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar WearableView = function WearableView(_ref11) {\n var renderWithFragment = _ref11.renderWithFragment,\n children = _ref11.children,\n viewClassName = _ref11.viewClassName,\n style = _ref11.style,\n props = _objectWithoutProperties(_ref11, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\"]);\n\n return isWearable ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nvar CustomView = function CustomView(_ref12) {\n var renderWithFragment = _ref12.renderWithFragment,\n children = _ref12.children,\n viewClassName = _ref12.viewClassName,\n style = _ref12.style,\n condition = _ref12.condition,\n props = _objectWithoutProperties(_ref12, [\"renderWithFragment\", \"children\", \"viewClassName\", \"style\", \"condition\"]);\n\n return condition ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement(\"div\", _extends({\n className: viewClassName,\n style: style\n }, props), children) : null;\n};\n\nfunction withOrientationChange(WrappedComponent) {\n return /*#__PURE__*/function (_React$Component) {\n _inherits(_class, _React$Component);\n\n function _class(props) {\n var _this;\n\n _classCallCheck(this, _class);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, props));\n _this.isEventListenerAdded = false;\n _this.handleOrientationChange = _this.handleOrientationChange.bind(_assertThisInitialized(_this));\n _this.onOrientationChange = _this.onOrientationChange.bind(_assertThisInitialized(_this));\n _this.onPageLoad = _this.onPageLoad.bind(_assertThisInitialized(_this));\n _this.state = {\n isLandscape: false,\n isPortrait: false\n };\n return _this;\n }\n\n _createClass(_class, [{\n key: \"handleOrientationChange\",\n value: function handleOrientationChange() {\n if (!this.isEventListenerAdded) {\n this.isEventListenerAdded = true;\n }\n\n var orientation = window.innerWidth > window.innerHeight ? 90 : 0;\n this.setState({\n isPortrait: orientation === 0,\n isLandscape: orientation === 90\n });\n }\n }, {\n key: \"onOrientationChange\",\n value: function onOrientationChange() {\n this.handleOrientationChange();\n }\n }, {\n key: \"onPageLoad\",\n value: function onPageLoad() {\n this.handleOrientationChange();\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if ((typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) !== undefined && isMobile) {\n if (!this.isEventListenerAdded) {\n this.handleOrientationChange();\n window.addEventListener(\"load\", this.onPageLoad, false);\n } else {\n window.removeEventListener(\"load\", this.onPageLoad, false);\n }\n\n window.addEventListener(\"resize\", this.onOrientationChange, false);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n window.removeEventListener(\"resize\", this.onOrientationChange, false);\n }\n }, {\n key: \"render\",\n value: function render() {\n return React__default.createElement(WrappedComponent, _extends({}, this.props, {\n isLandscape: this.state.isLandscape,\n isPortrait: this.state.isPortrait\n }));\n }\n }]);\n\n return _class;\n }(React__default.Component);\n}\n\nexports.AndroidView = AndroidView;\nexports.BrowserTypes = BrowserTypes;\nexports.BrowserView = BrowserView;\nexports.ConsoleView = ConsoleView;\nexports.CustomView = CustomView;\nexports.IEView = IEView;\nexports.IOSView = IOSView;\nexports.MobileOnlyView = MobileOnlyView;\nexports.MobileView = MobileView;\nexports.OsTypes = OsTypes;\nexports.SmartTVView = SmartTVView;\nexports.TabletView = TabletView;\nexports.WearableView = WearableView;\nexports.WinPhoneView = WinPhoneView;\nexports.browserName = browserName;\nexports.browserVersion = browserVersion;\nexports.deviceDetect = deviceDetect;\nexports.deviceType = deviceType;\nexports.engineName = engineName;\nexports.engineVersion = engineVersion;\nexports.fullBrowserVersion = fullBrowserVersion;\nexports.getUA = getUA;\nexports.isAndroid = isAndroid;\nexports.isBrowser = isBrowser;\nexports.isChrome = isChrome;\nexports.isChromium = isChromium;\nexports.isConsole = isConsole;\nexports.isDesktop = isDesktop;\nexports.isEdge = isEdge;\nexports.isEdgeChromium = isEdgeChromium;\nexports.isElectron = isElectron;\nexports.isFirefox = isFirefox;\nexports.isIE = isIE;\nexports.isIOS = isIOS;\nexports.isIOS13 = isIOS13;\nexports.isIPad13 = isIPad13;\nexports.isIPhone13 = isIPhone13;\nexports.isIPod13 = isIPod13;\nexports.isLegacyEdge = isLegacyEdge;\nexports.isMIUI = isMIUI;\nexports.isMacOs = isMacOs;\nexports.isMobile = isMobile;\nexports.isMobileOnly = isMobileOnly;\nexports.isMobileSafari = isMobileSafari;\nexports.isOpera = isOpera;\nexports.isSafari = isSafari;\nexports.isSamsungBrowser = isSamsungBrowser;\nexports.isSmartTV = isSmartTV;\nexports.isTablet = isTablet;\nexports.isWearable = isWearable;\nexports.isWinPhone = isWinPhone;\nexports.isWindows = isWindows;\nexports.isYandex = isYandex;\nexports.mobileModel = mobileModel;\nexports.mobileVendor = mobileVendor;\nexports.osName = osName;\nexports.osVersion = osVersion;\nexports.withOrientationChange = withOrientationChange;","/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\n/**\n * Memo class used for decycle json objects. Uses WeakSet if available otherwise array.\n */\nvar Memo =\n/** @class */\nfunction () {\n function Memo() {\n this._hasWeakSet = typeof WeakSet === 'function';\n this._inner = this._hasWeakSet ? new WeakSet() : [];\n }\n /**\n * Sets obj to remember.\n * @param obj Object to remember\n */\n\n\n Memo.prototype.memoize = function (obj) {\n if (this._hasWeakSet) {\n if (this._inner.has(obj)) {\n return true;\n }\n\n this._inner.add(obj);\n\n return false;\n } // eslint-disable-next-line @typescript-eslint/prefer-for-of\n\n\n for (var i = 0; i < this._inner.length; i++) {\n var value = this._inner[i];\n\n if (value === obj) {\n return true;\n }\n }\n\n this._inner.push(obj);\n\n return false;\n };\n /**\n * Removes object from internal storage.\n * @param obj Object to forget\n */\n\n\n Memo.prototype.unmemoize = function (obj) {\n if (this._hasWeakSet) {\n this._inner.delete(obj);\n } else {\n for (var i = 0; i < this._inner.length; i++) {\n if (this._inner[i] === obj) {\n this._inner.splice(i, 1);\n\n break;\n }\n }\n }\n };\n\n return Memo;\n}();\n\nexport { Memo };","import { addInstrumentationHandler, logger } from '@sentry/utils';\nimport { SpanStatus } from './spanstatus';\nimport { getActiveTransaction } from './utils';\n/**\n * Configures global error listeners\n */\n\nexport function registerErrorInstrumentation() {\n addInstrumentationHandler({\n callback: errorCallback,\n type: 'error'\n });\n addInstrumentationHandler({\n callback: errorCallback,\n type: 'unhandledrejection'\n });\n}\n/**\n * If an error or unhandled promise occurs, we mark the active transaction as failed\n */\n\nfunction errorCallback() {\n var activeTransaction = getActiveTransaction();\n\n if (activeTransaction) {\n logger.log(\"[Tracing] Transaction: \" + SpanStatus.InternalError + \" -> Global error occured\");\n activeTransaction.setStatus(SpanStatus.InternalError);\n }\n}","import { getGlobalObject, logger } from '@sentry/utils';\nimport { SpanStatus } from '../spanstatus';\nimport { getActiveTransaction } from '../utils';\nvar global = getGlobalObject();\n/**\n * Add a listener that cancels and finishes a transaction when the global\n * document is hidden.\n */\n\nexport function registerBackgroundTabDetection() {\n if (global && global.document) {\n global.document.addEventListener('visibilitychange', function () {\n var activeTransaction = getActiveTransaction();\n\n if (global.document.hidden && activeTransaction) {\n logger.log(\"[Tracing] Transaction: \" + SpanStatus.Cancelled + \" -> since tab moved to the background, op: \" + activeTransaction.op); // We should not set status if it is already set, this prevent important statuses like\n // error or data loss from being overwritten on transaction.\n\n if (!activeTransaction.status) {\n activeTransaction.setStatus(SpanStatus.Cancelled);\n }\n\n activeTransaction.setTag('visibilitychange', 'document.hidden');\n activeTransaction.finish();\n }\n });\n } else {\n logger.warn('[Tracing] Could not set up background tab detection due to lack of global document');\n }\n}","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport var bindReporter = function bindReporter(callback, metric, reportAllChanges) {\n var prevValue;\n return function (forceReport) {\n if (metric.value >= 0) {\n if (forceReport || reportAllChanges) {\n metric.delta = metric.value - (prevValue || 0); // Report the metric if there's a non-zero delta or if no previous\n // value exists (which can happen in the case of the document becoming\n // hidden when the metric value is 0).\n // See: https://github.com/GoogleChrome/web-vitals/issues/14\n\n if (metric.delta || prevValue === undefined) {\n prevValue = metric.value;\n callback(metric);\n }\n }\n }\n };\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { generateUniqueID } from './generateUniqueID';\nexport var initMetric = function initMetric(name, value) {\n return {\n name: name,\n value: value !== null && value !== void 0 ? value : -1,\n delta: 0,\n entries: [],\n id: generateUniqueID()\n };\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Performantly generate a unique, 30-char string by combining a version\n * number, the current timestamp with a 13-digit number integer.\n * @return {string}\n */\nexport var generateUniqueID = function generateUniqueID() {\n return \"v2-\" + Date.now() + \"-\" + (Math.floor(Math.random() * (9e12 - 1)) + 1e12);\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * Takes a performance entry type and a callback function, and creates a\n * `PerformanceObserver` instance that will observe the specified entry type\n * with buffering enabled and call the callback _for each entry_.\n *\n * This function also feature-detects entry support and wraps the logic in a\n * try/catch to avoid errors in unsupporting browsers.\n */\nexport var observe = function observe(type, callback) {\n try {\n if (PerformanceObserver.supportedEntryTypes.includes(type)) {\n // More extensive feature detect needed for Firefox due to:\n // https://github.com/GoogleChrome/web-vitals/issues/142\n if (type === 'first-input' && !('PerformanceEventTiming' in self)) {\n return;\n }\n\n var po = new PerformanceObserver(function (l) {\n return l.getEntries().map(callback);\n });\n po.observe({\n type: type,\n buffered: true\n });\n return po;\n }\n } catch (e) {// Do nothing.\n }\n\n return;\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport var onHidden = function onHidden(cb, once) {\n var onHiddenOrPageHide = function onHiddenOrPageHide(event) {\n if (event.type === 'pagehide' || document.visibilityState === 'hidden') {\n cb(event);\n\n if (once) {\n removeEventListener('visibilitychange', onHiddenOrPageHide, true);\n removeEventListener('pagehide', onHiddenOrPageHide, true);\n }\n }\n };\n\n addEventListener('visibilitychange', onHiddenOrPageHide, true); // Some browsers have buggy implementations of visibilitychange,\n // so we use pagehide in addition, just to be safe.\n\n addEventListener('pagehide', onHiddenOrPageHide, true);\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { onHidden } from './onHidden';\nvar firstHiddenTime = -1;\n\nvar initHiddenTime = function initHiddenTime() {\n return document.visibilityState === 'hidden' ? 0 : Infinity;\n};\n\nvar trackChanges = function trackChanges() {\n // Update the time if/when the document becomes hidden.\n onHidden(function (_a) {\n var timeStamp = _a.timeStamp;\n firstHiddenTime = timeStamp;\n }, true);\n};\n\nexport var getVisibilityWatcher = function getVisibilityWatcher() {\n if (firstHiddenTime < 0) {\n // If the document is hidden when this code runs, assume it was hidden\n // since navigation start. This isn't a perfect heuristic, but it's the\n // best we can do until an API is available to support querying past\n // visibilityState.\n firstHiddenTime = initHiddenTime();\n trackChanges();\n }\n\n return {\n get firstHiddenTime() {\n return firstHiddenTime;\n }\n\n };\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { bindReporter } from './lib/bindReporter';\nimport { getVisibilityWatcher } from './lib/getVisibilityWatcher';\nimport { initMetric } from './lib/initMetric';\nimport { observe } from './lib/observe';\nimport { onHidden } from './lib/onHidden';\nvar reportedMetricIDs = {};\nexport var getLCP = function getLCP(onReport, reportAllChanges) {\n var visibilityWatcher = getVisibilityWatcher();\n var metric = initMetric('LCP');\n var report;\n\n var entryHandler = function entryHandler(entry) {\n // The startTime attribute returns the value of the renderTime if it is not 0,\n // and the value of the loadTime otherwise.\n var value = entry.startTime; // If the page was hidden prior to paint time of the entry,\n // ignore it and mark the metric as final, otherwise add the entry.\n\n if (value < visibilityWatcher.firstHiddenTime) {\n metric.value = value;\n metric.entries.push(entry);\n }\n\n if (report) {\n report();\n }\n };\n\n var po = observe('largest-contentful-paint', entryHandler);\n\n if (po) {\n report = bindReporter(onReport, metric, reportAllChanges);\n\n var stopListening_1 = function stopListening_1() {\n if (!reportedMetricIDs[metric.id]) {\n po.takeRecords().map(entryHandler);\n po.disconnect();\n reportedMetricIDs[metric.id] = true;\n report(true);\n }\n }; // Stop listening after input. Note: while scrolling is an input that\n // stop LCP observation, it's unreliable since it can be programmatically\n // generated. See: https://github.com/GoogleChrome/web-vitals/issues/75\n\n\n ['keydown', 'click'].forEach(function (type) {\n addEventListener(type, stopListening_1, {\n once: true,\n capture: true\n });\n });\n onHidden(stopListening_1, true);\n }\n};","import { __assign, __rest } from \"tslib\";\nimport { browserPerformanceTimeOrigin, getGlobalObject, htmlTreeAsString, isNodeEnv, logger } from '@sentry/utils';\nimport { msToSec } from '../utils';\nimport { getCLS } from './web-vitals/getCLS';\nimport { getFID } from './web-vitals/getFID';\nimport { getLCP } from './web-vitals/getLCP';\nimport { getVisibilityWatcher } from './web-vitals/lib/getVisibilityWatcher';\nvar global = getGlobalObject();\n/** Class tracking metrics */\n\nvar MetricsInstrumentation = function () {\n function MetricsInstrumentation() {\n var _a, _b;\n\n this._measurements = {};\n this._performanceCursor = 0;\n\n if (!isNodeEnv() && ((_a = global) === null || _a === void 0 ? void 0 : _a.performance) && ((_b = global) === null || _b === void 0 ? void 0 : _b.document)) {\n if (global.performance.mark) {\n global.performance.mark('sentry-tracing-init');\n }\n\n this._trackCLS();\n\n this._trackLCP();\n\n this._trackFID();\n }\n }\n /** Add performance related spans to a transaction */\n\n\n MetricsInstrumentation.prototype.addPerformanceEntries = function (transaction) {\n var _this = this;\n\n if (!global || !global.performance || !global.performance.getEntries || !browserPerformanceTimeOrigin) {\n // Gatekeeper if performance API not available\n return;\n }\n\n logger.log('[Tracing] Adding & adjusting spans using Performance API');\n var timeOrigin = msToSec(browserPerformanceTimeOrigin);\n var entryScriptSrc;\n\n if (global.document && global.document.scripts) {\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (var i = 0; i < global.document.scripts.length; i++) {\n // We go through all scripts on the page and look for 'data-entry'\n // We remember the name and measure the time between this script finished loading and\n // our mark 'sentry-tracing-init'\n if (global.document.scripts[i].dataset.entry === 'true') {\n entryScriptSrc = global.document.scripts[i].src;\n break;\n }\n }\n }\n\n var entryScriptStartTimestamp;\n var tracingInitMarkStartTime;\n var responseStartTimestamp;\n var requestStartTimestamp;\n global.performance.getEntries().slice(this._performanceCursor).forEach(function (entry) {\n var startTime = msToSec(entry.startTime);\n var duration = msToSec(entry.duration);\n\n if (transaction.op === 'navigation' && timeOrigin + startTime < transaction.startTimestamp) {\n return;\n }\n\n switch (entry.entryType) {\n case 'navigation':\n {\n addNavigationSpans(transaction, entry, timeOrigin);\n responseStartTimestamp = timeOrigin + msToSec(entry.responseStart);\n requestStartTimestamp = timeOrigin + msToSec(entry.requestStart);\n break;\n }\n\n case 'mark':\n case 'paint':\n case 'measure':\n {\n var startTimestamp = addMeasureSpans(transaction, entry, startTime, duration, timeOrigin);\n\n if (tracingInitMarkStartTime === undefined && entry.name === 'sentry-tracing-init') {\n tracingInitMarkStartTime = startTimestamp;\n } // capture web vitals\n\n\n var firstHidden = getVisibilityWatcher(); // Only report if the page wasn't hidden prior to the web vital.\n\n var shouldRecord = entry.startTime < firstHidden.firstHiddenTime;\n\n if (entry.name === 'first-paint' && shouldRecord) {\n logger.log('[Measurements] Adding FP');\n _this._measurements['fp'] = {\n value: entry.startTime\n };\n _this._measurements['mark.fp'] = {\n value: startTimestamp\n };\n }\n\n if (entry.name === 'first-contentful-paint' && shouldRecord) {\n logger.log('[Measurements] Adding FCP');\n _this._measurements['fcp'] = {\n value: entry.startTime\n };\n _this._measurements['mark.fcp'] = {\n value: startTimestamp\n };\n }\n\n break;\n }\n\n case 'resource':\n {\n var resourceName = entry.name.replace(window.location.origin, '');\n var endTimestamp = addResourceSpans(transaction, entry, resourceName, startTime, duration, timeOrigin); // We remember the entry script end time to calculate the difference to the first init mark\n\n if (entryScriptStartTimestamp === undefined && (entryScriptSrc || '').indexOf(resourceName) > -1) {\n entryScriptStartTimestamp = endTimestamp;\n }\n\n break;\n }\n\n default: // Ignore other entry types.\n\n }\n });\n\n if (entryScriptStartTimestamp !== undefined && tracingInitMarkStartTime !== undefined) {\n _startChild(transaction, {\n description: 'evaluation',\n endTimestamp: tracingInitMarkStartTime,\n op: 'script',\n startTimestamp: entryScriptStartTimestamp\n });\n }\n\n this._performanceCursor = Math.max(performance.getEntries().length - 1, 0);\n\n this._trackNavigator(transaction); // Measurements are only available for pageload transactions\n\n\n if (transaction.op === 'pageload') {\n // normalize applicable web vital values to be relative to transaction.startTimestamp\n var timeOrigin_1 = msToSec(browserPerformanceTimeOrigin); // Generate TTFB (Time to First Byte), which measured as the time between the beginning of the transaction and the\n // start of the response in milliseconds\n\n if (typeof responseStartTimestamp === 'number') {\n logger.log('[Measurements] Adding TTFB');\n this._measurements['ttfb'] = {\n value: (responseStartTimestamp - transaction.startTimestamp) * 1000\n };\n\n if (typeof requestStartTimestamp === 'number' && requestStartTimestamp <= responseStartTimestamp) {\n // Capture the time spent making the request and receiving the first byte of the response.\n // This is the time between the start of the request and the start of the response in milliseconds.\n this._measurements['ttfb.requestTime'] = {\n value: (responseStartTimestamp - requestStartTimestamp) * 1000\n };\n }\n }\n\n ['fcp', 'fp', 'lcp'].forEach(function (name) {\n if (!_this._measurements[name] || timeOrigin_1 >= transaction.startTimestamp) {\n return;\n } // The web vitals, fcp, fp, lcp, and ttfb, all measure relative to timeOrigin.\n // Unfortunately, timeOrigin is not captured within the transaction span data, so these web vitals will need\n // to be adjusted to be relative to transaction.startTimestamp.\n\n\n var oldValue = _this._measurements[name].value;\n var measurementTimestamp = timeOrigin_1 + msToSec(oldValue); // normalizedValue should be in milliseconds\n\n var normalizedValue = Math.abs((measurementTimestamp - transaction.startTimestamp) * 1000);\n var delta = normalizedValue - oldValue;\n logger.log(\"[Measurements] Normalized \" + name + \" from \" + oldValue + \" to \" + normalizedValue + \" (\" + delta + \")\");\n _this._measurements[name].value = normalizedValue;\n });\n\n if (this._measurements['mark.fid'] && this._measurements['fid']) {\n // create span for FID\n _startChild(transaction, {\n description: 'first input delay',\n endTimestamp: this._measurements['mark.fid'].value + msToSec(this._measurements['fid'].value),\n op: 'web.vitals',\n startTimestamp: this._measurements['mark.fid'].value\n });\n } // If FCP is not recorded we should not record the cls value\n // according to the new definition of CLS.\n\n\n if (!('fcp' in this._measurements)) {\n delete this._measurements.cls;\n }\n\n transaction.setMeasurements(this._measurements);\n\n this._tagMetricInfo(transaction);\n }\n };\n /** Add LCP / CLS data to transaction to allow debugging */\n\n\n MetricsInstrumentation.prototype._tagMetricInfo = function (transaction) {\n if (this._lcpEntry) {\n logger.log('[Measurements] Adding LCP Data'); // Capture Properties of the LCP element that contributes to the LCP.\n\n if (this._lcpEntry.element) {\n transaction.setTag('lcp.element', htmlTreeAsString(this._lcpEntry.element));\n }\n\n if (this._lcpEntry.id) {\n transaction.setTag('lcp.id', this._lcpEntry.id);\n }\n\n if (this._lcpEntry.url) {\n // Trim URL to the first 200 characters.\n transaction.setTag('lcp.url', this._lcpEntry.url.trim().slice(0, 200));\n }\n\n transaction.setTag('lcp.size', this._lcpEntry.size);\n } // See: https://developer.mozilla.org/en-US/docs/Web/API/LayoutShift\n\n\n if (this._clsEntry && this._clsEntry.sources) {\n logger.log('[Measurements] Adding CLS Data');\n\n this._clsEntry.sources.forEach(function (source, index) {\n return transaction.setTag(\"cls.source.\" + (index + 1), htmlTreeAsString(source.node));\n });\n }\n };\n /** Starts tracking the Cumulative Layout Shift on the current page. */\n\n\n MetricsInstrumentation.prototype._trackCLS = function () {\n var _this = this; // See:\n // https://web.dev/evolving-cls/\n // https://web.dev/cls-web-tooling/\n\n\n getCLS(function (metric) {\n var entry = metric.entries.pop();\n\n if (!entry) {\n return;\n }\n\n logger.log('[Measurements] Adding CLS');\n _this._measurements['cls'] = {\n value: metric.value\n };\n _this._clsEntry = entry;\n });\n };\n /**\n * Capture the information of the user agent.\n */\n\n\n MetricsInstrumentation.prototype._trackNavigator = function (transaction) {\n var navigator = global.navigator;\n\n if (!navigator) {\n return;\n } // track network connectivity\n\n\n var connection = navigator.connection;\n\n if (connection) {\n if (connection.effectiveType) {\n transaction.setTag('effectiveConnectionType', connection.effectiveType);\n }\n\n if (connection.type) {\n transaction.setTag('connectionType', connection.type);\n }\n\n if (isMeasurementValue(connection.rtt)) {\n this._measurements['connection.rtt'] = {\n value: connection.rtt\n };\n }\n\n if (isMeasurementValue(connection.downlink)) {\n this._measurements['connection.downlink'] = {\n value: connection.downlink\n };\n }\n }\n\n if (isMeasurementValue(navigator.deviceMemory)) {\n transaction.setTag('deviceMemory', String(navigator.deviceMemory));\n }\n\n if (isMeasurementValue(navigator.hardwareConcurrency)) {\n transaction.setTag('hardwareConcurrency', String(navigator.hardwareConcurrency));\n }\n };\n /** Starts tracking the Largest Contentful Paint on the current page. */\n\n\n MetricsInstrumentation.prototype._trackLCP = function () {\n var _this = this;\n\n getLCP(function (metric) {\n var entry = metric.entries.pop();\n\n if (!entry) {\n return;\n }\n\n var timeOrigin = msToSec(browserPerformanceTimeOrigin);\n var startTime = msToSec(entry.startTime);\n logger.log('[Measurements] Adding LCP');\n _this._measurements['lcp'] = {\n value: metric.value\n };\n _this._measurements['mark.lcp'] = {\n value: timeOrigin + startTime\n };\n _this._lcpEntry = entry;\n });\n };\n /** Starts tracking the First Input Delay on the current page. */\n\n\n MetricsInstrumentation.prototype._trackFID = function () {\n var _this = this;\n\n getFID(function (metric) {\n var entry = metric.entries.pop();\n\n if (!entry) {\n return;\n }\n\n var timeOrigin = msToSec(browserPerformanceTimeOrigin);\n var startTime = msToSec(entry.startTime);\n logger.log('[Measurements] Adding FID');\n _this._measurements['fid'] = {\n value: metric.value\n };\n _this._measurements['mark.fid'] = {\n value: timeOrigin + startTime\n };\n });\n };\n\n return MetricsInstrumentation;\n}();\n\nexport { MetricsInstrumentation };\n/** Instrument navigation entries */\n\nfunction addNavigationSpans(transaction, entry, timeOrigin) {\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'unloadEvent',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'redirect',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'domContentLoadedEvent',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'loadEvent',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'connect',\n timeOrigin: timeOrigin\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'secureConnection',\n timeOrigin: timeOrigin,\n eventEnd: 'connectEnd',\n description: 'TLS/SSL'\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'fetch',\n timeOrigin: timeOrigin,\n eventEnd: 'domainLookupStart',\n description: 'cache'\n });\n addPerformanceNavigationTiming({\n transaction: transaction,\n entry: entry,\n event: 'domainLookup',\n timeOrigin: timeOrigin,\n description: 'DNS'\n });\n addRequest(transaction, entry, timeOrigin);\n}\n/** Create measure related spans */\n\n\nfunction addMeasureSpans(transaction, entry, startTime, duration, timeOrigin) {\n var measureStartTimestamp = timeOrigin + startTime;\n var measureEndTimestamp = measureStartTimestamp + duration;\n\n _startChild(transaction, {\n description: entry.name,\n endTimestamp: measureEndTimestamp,\n op: entry.entryType,\n startTimestamp: measureStartTimestamp\n });\n\n return measureStartTimestamp;\n}\n/** Create resource-related spans */\n\n\nexport function addResourceSpans(transaction, entry, resourceName, startTime, duration, timeOrigin) {\n // we already instrument based on fetch and xhr, so we don't need to\n // duplicate spans here.\n if (entry.initiatorType === 'xmlhttprequest' || entry.initiatorType === 'fetch') {\n return undefined;\n }\n\n var data = {};\n\n if ('transferSize' in entry) {\n data['Transfer Size'] = entry.transferSize;\n }\n\n if ('encodedBodySize' in entry) {\n data['Encoded Body Size'] = entry.encodedBodySize;\n }\n\n if ('decodedBodySize' in entry) {\n data['Decoded Body Size'] = entry.decodedBodySize;\n }\n\n var startTimestamp = timeOrigin + startTime;\n var endTimestamp = startTimestamp + duration;\n\n _startChild(transaction, {\n description: resourceName,\n endTimestamp: endTimestamp,\n op: entry.initiatorType ? \"resource.\" + entry.initiatorType : 'resource',\n startTimestamp: startTimestamp,\n data: data\n });\n\n return endTimestamp;\n}\n/** Create performance navigation related spans */\n\nfunction addPerformanceNavigationTiming(props) {\n var transaction = props.transaction,\n entry = props.entry,\n event = props.event,\n timeOrigin = props.timeOrigin,\n eventEnd = props.eventEnd,\n description = props.description;\n var end = eventEnd ? entry[eventEnd] : entry[event + \"End\"];\n var start = entry[event + \"Start\"];\n\n if (!start || !end) {\n return;\n }\n\n _startChild(transaction, {\n op: 'browser',\n description: description !== null && description !== void 0 ? description : event,\n startTimestamp: timeOrigin + msToSec(start),\n endTimestamp: timeOrigin + msToSec(end)\n });\n}\n/** Create request and response related spans */\n\n\nfunction addRequest(transaction, entry, timeOrigin) {\n _startChild(transaction, {\n op: 'browser',\n description: 'request',\n startTimestamp: timeOrigin + msToSec(entry.requestStart),\n endTimestamp: timeOrigin + msToSec(entry.responseEnd)\n });\n\n _startChild(transaction, {\n op: 'browser',\n description: 'response',\n startTimestamp: timeOrigin + msToSec(entry.responseStart),\n endTimestamp: timeOrigin + msToSec(entry.responseEnd)\n });\n}\n/**\n * Helper function to start child on transactions. This function will make sure that the transaction will\n * use the start timestamp of the created child span if it is earlier than the transactions actual\n * start timestamp.\n */\n\n\nexport function _startChild(transaction, _a) {\n var startTimestamp = _a.startTimestamp,\n ctx = __rest(_a, [\"startTimestamp\"]);\n\n if (startTimestamp && transaction.startTimestamp > startTimestamp) {\n transaction.startTimestamp = startTimestamp;\n }\n\n return transaction.startChild(__assign({\n startTimestamp: startTimestamp\n }, ctx));\n}\n/**\n * Checks if a given value is a valid measurement value.\n */\n\nfunction isMeasurementValue(value) {\n return typeof value === 'number' && isFinite(value);\n}","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { bindReporter } from './lib/bindReporter';\nimport { initMetric } from './lib/initMetric';\nimport { observe } from './lib/observe';\nimport { onHidden } from './lib/onHidden';\nexport var getCLS = function getCLS(onReport, reportAllChanges) {\n var metric = initMetric('CLS', 0);\n var report;\n var sessionValue = 0;\n var sessionEntries = [];\n\n var entryHandler = function entryHandler(entry) {\n // Only count layout shifts without recent user input.\n // TODO: Figure out why entry can be undefined\n if (entry && !entry.hadRecentInput) {\n var firstSessionEntry = sessionEntries[0];\n var lastSessionEntry = sessionEntries[sessionEntries.length - 1]; // If the entry occurred less than 1 second after the previous entry and\n // less than 5 seconds after the first entry in the session, include the\n // entry in the current session. Otherwise, start a new session.\n\n if (sessionValue && sessionEntries.length !== 0 && entry.startTime - lastSessionEntry.startTime < 1000 && entry.startTime - firstSessionEntry.startTime < 5000) {\n sessionValue += entry.value;\n sessionEntries.push(entry);\n } else {\n sessionValue = entry.value;\n sessionEntries = [entry];\n } // If the current session value is larger than the current CLS value,\n // update CLS and the entries contributing to it.\n\n\n if (sessionValue > metric.value) {\n metric.value = sessionValue;\n metric.entries = sessionEntries;\n\n if (report) {\n report();\n }\n }\n }\n };\n\n var po = observe('layout-shift', entryHandler);\n\n if (po) {\n report = bindReporter(onReport, metric, reportAllChanges);\n onHidden(function () {\n po.takeRecords().map(entryHandler);\n report(true);\n });\n }\n};","/*\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { bindReporter } from './lib/bindReporter';\nimport { getVisibilityWatcher } from './lib/getVisibilityWatcher';\nimport { initMetric } from './lib/initMetric';\nimport { observe } from './lib/observe';\nimport { onHidden } from './lib/onHidden';\nexport var getFID = function getFID(onReport, reportAllChanges) {\n var visibilityWatcher = getVisibilityWatcher();\n var metric = initMetric('FID');\n var report;\n\n var entryHandler = function entryHandler(entry) {\n // Only report if the page wasn't hidden prior to the first input.\n if (report && entry.startTime < visibilityWatcher.firstHiddenTime) {\n metric.value = entry.processingStart - entry.startTime;\n metric.entries.push(entry);\n report(true);\n }\n };\n\n var po = observe('first-input', entryHandler);\n\n if (po) {\n report = bindReporter(onReport, metric, reportAllChanges);\n onHidden(function () {\n po.takeRecords().map(entryHandler);\n po.disconnect();\n }, true);\n }\n};","import { __assign, __read, __spread } from \"tslib\";\nimport { addInstrumentationHandler, isInstanceOf, isMatchingPattern } from '@sentry/utils';\nimport { SpanStatus } from '../spanstatus';\nimport { getActiveTransaction, hasTracingEnabled } from '../utils';\nexport var DEFAULT_TRACING_ORIGINS = ['localhost', /^\\//];\nexport var defaultRequestInstrumentationOptions = {\n traceFetch: true,\n traceXHR: true,\n tracingOrigins: DEFAULT_TRACING_ORIGINS\n};\n/** Registers span creators for xhr and fetch requests */\n\nexport function instrumentOutgoingRequests(_options) {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n var _a = __assign(__assign({}, defaultRequestInstrumentationOptions), _options),\n traceFetch = _a.traceFetch,\n traceXHR = _a.traceXHR,\n tracingOrigins = _a.tracingOrigins,\n shouldCreateSpanForRequest = _a.shouldCreateSpanForRequest; // We should cache url -> decision so that we don't have to compute\n // regexp everytime we create a request.\n\n\n var urlMap = {};\n\n var defaultShouldCreateSpan = function defaultShouldCreateSpan(url) {\n if (urlMap[url]) {\n return urlMap[url];\n }\n\n var origins = tracingOrigins;\n urlMap[url] = origins.some(function (origin) {\n return isMatchingPattern(url, origin);\n }) && !isMatchingPattern(url, 'sentry_key');\n return urlMap[url];\n }; // We want that our users don't have to re-implement shouldCreateSpanForRequest themselves\n // That's why we filter out already unwanted Spans from tracingOrigins\n\n\n var shouldCreateSpan = defaultShouldCreateSpan;\n\n if (typeof shouldCreateSpanForRequest === 'function') {\n shouldCreateSpan = function shouldCreateSpan(url) {\n return defaultShouldCreateSpan(url) && shouldCreateSpanForRequest(url);\n };\n }\n\n var spans = {};\n\n if (traceFetch) {\n addInstrumentationHandler({\n callback: function callback(handlerData) {\n fetchCallback(handlerData, shouldCreateSpan, spans);\n },\n type: 'fetch'\n });\n }\n\n if (traceXHR) {\n addInstrumentationHandler({\n callback: function callback(handlerData) {\n xhrCallback(handlerData, shouldCreateSpan, spans);\n },\n type: 'xhr'\n });\n }\n}\n/**\n * Create and track fetch request spans\n */\n\nexport function fetchCallback(handlerData, shouldCreateSpan, spans) {\n if (!hasTracingEnabled() || !(handlerData.fetchData && shouldCreateSpan(handlerData.fetchData.url))) {\n return;\n }\n\n if (handlerData.endTimestamp && handlerData.fetchData.__span) {\n var span = spans[handlerData.fetchData.__span];\n\n if (span) {\n if (handlerData.response) {\n // TODO (kmclb) remove this once types PR goes through\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n span.setHttpStatus(handlerData.response.status);\n } else if (handlerData.error) {\n span.setStatus(SpanStatus.InternalError);\n }\n\n span.finish(); // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n\n delete spans[handlerData.fetchData.__span];\n }\n\n return;\n }\n\n var activeTransaction = getActiveTransaction();\n\n if (activeTransaction) {\n var span = activeTransaction.startChild({\n data: __assign(__assign({}, handlerData.fetchData), {\n type: 'fetch'\n }),\n description: handlerData.fetchData.method + \" \" + handlerData.fetchData.url,\n op: 'http.client'\n });\n handlerData.fetchData.__span = span.spanId;\n spans[span.spanId] = span;\n var request = handlerData.args[0] = handlerData.args[0]; // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n var options = handlerData.args[1] = handlerData.args[1] || {};\n var headers = options.headers;\n\n if (isInstanceOf(request, Request)) {\n headers = request.headers;\n }\n\n if (headers) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (typeof headers.append === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n headers.append('sentry-trace', span.toTraceparent());\n } else if (Array.isArray(headers)) {\n headers = __spread(headers, [['sentry-trace', span.toTraceparent()]]);\n } else {\n headers = __assign(__assign({}, headers), {\n 'sentry-trace': span.toTraceparent()\n });\n }\n } else {\n headers = {\n 'sentry-trace': span.toTraceparent()\n };\n }\n\n options.headers = headers;\n }\n}\n/**\n * Create and track xhr request spans\n */\n\nexport function xhrCallback(handlerData, shouldCreateSpan, spans) {\n var _a, _b;\n\n if (!hasTracingEnabled() || ((_a = handlerData.xhr) === null || _a === void 0 ? void 0 : _a.__sentry_own_request__) || !(((_b = handlerData.xhr) === null || _b === void 0 ? void 0 : _b.__sentry_xhr__) && shouldCreateSpan(handlerData.xhr.__sentry_xhr__.url))) {\n return;\n }\n\n var xhr = handlerData.xhr.__sentry_xhr__; // check first if the request has finished and is tracked by an existing span which should now end\n\n if (handlerData.endTimestamp && handlerData.xhr.__sentry_xhr_span_id__) {\n var span = spans[handlerData.xhr.__sentry_xhr_span_id__];\n\n if (span) {\n span.setHttpStatus(xhr.status_code);\n span.finish(); // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n\n delete spans[handlerData.xhr.__sentry_xhr_span_id__];\n }\n\n return;\n } // if not, create a new span to track it\n\n\n var activeTransaction = getActiveTransaction();\n\n if (activeTransaction) {\n var span = activeTransaction.startChild({\n data: __assign(__assign({}, xhr.data), {\n type: 'xhr',\n method: xhr.method,\n url: xhr.url\n }),\n description: xhr.method + \" \" + xhr.url,\n op: 'http.client'\n });\n handlerData.xhr.__sentry_xhr_span_id__ = span.spanId;\n spans[handlerData.xhr.__sentry_xhr_span_id__] = span;\n\n if (handlerData.xhr.setRequestHeader) {\n try {\n handlerData.xhr.setRequestHeader('sentry-trace', span.toTraceparent());\n } catch (_) {// Error: InvalidStateError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': The object's state must be OPENED.\n }\n }\n }\n}","import { addInstrumentationHandler, getGlobalObject, logger } from '@sentry/utils';\nvar global = getGlobalObject();\n/**\n * Default function implementing pageload and navigation transactions\n */\n\nexport function instrumentRoutingWithDefaults(customStartTransaction, startTransactionOnPageLoad, startTransactionOnLocationChange) {\n if (startTransactionOnPageLoad === void 0) {\n startTransactionOnPageLoad = true;\n }\n\n if (startTransactionOnLocationChange === void 0) {\n startTransactionOnLocationChange = true;\n }\n\n if (!global || !global.location) {\n logger.warn('Could not initialize routing instrumentation due to invalid location');\n return;\n }\n\n var startingUrl = global.location.href;\n var activeTransaction;\n\n if (startTransactionOnPageLoad) {\n activeTransaction = customStartTransaction({\n name: global.location.pathname,\n op: 'pageload'\n });\n }\n\n if (startTransactionOnLocationChange) {\n addInstrumentationHandler({\n callback: function callback(_a) {\n var to = _a.to,\n from = _a.from;\n /**\n * This early return is there to account for some cases where a navigation transaction starts right after\n * long-running pageload. We make sure that if `from` is undefined and a valid `startingURL` exists, we don't\n * create an uneccessary navigation transaction.\n *\n * This was hard to duplicate, but this behavior stopped as soon as this fix was applied. This issue might also\n * only be caused in certain development environments where the usage of a hot module reloader is causing\n * errors.\n */\n\n if (from === undefined && startingUrl && startingUrl.indexOf(to) !== -1) {\n startingUrl = undefined;\n return;\n }\n\n if (from !== to) {\n startingUrl = undefined;\n\n if (activeTransaction) {\n logger.log(\"[Tracing] Finishing current transaction with op: \" + activeTransaction.op); // If there's an open transaction on the scope, we need to finish it before creating an new one.\n\n activeTransaction.finish();\n }\n\n activeTransaction = customStartTransaction({\n name: global.location.pathname,\n op: 'navigation'\n });\n }\n },\n type: 'history'\n });\n }\n}","import { __assign } from \"tslib\";\nimport { getGlobalObject, logger } from '@sentry/utils';\nimport { startIdleTransaction } from '../hubextensions';\nimport { DEFAULT_IDLE_TIMEOUT } from '../idletransaction';\nimport { SpanStatus } from '../spanstatus';\nimport { extractTraceparentData, secToMs } from '../utils';\nimport { registerBackgroundTabDetection } from './backgroundtab';\nimport { MetricsInstrumentation } from './metrics';\nimport { defaultRequestInstrumentationOptions, instrumentOutgoingRequests } from './request';\nimport { instrumentRoutingWithDefaults } from './router';\nexport var DEFAULT_MAX_TRANSACTION_DURATION_SECONDS = 600;\n\nvar DEFAULT_BROWSER_TRACING_OPTIONS = __assign({\n idleTimeout: DEFAULT_IDLE_TIMEOUT,\n markBackgroundTransactions: true,\n maxTransactionDuration: DEFAULT_MAX_TRANSACTION_DURATION_SECONDS,\n routingInstrumentation: instrumentRoutingWithDefaults,\n startTransactionOnLocationChange: true,\n startTransactionOnPageLoad: true\n}, defaultRequestInstrumentationOptions);\n/**\n * The Browser Tracing integration automatically instruments browser pageload/navigation\n * actions as transactions, and captures requests, metrics and errors as spans.\n *\n * The integration can be configured with a variety of options, and can be extended to use\n * any routing library. This integration uses {@see IdleTransaction} to create transactions.\n */\n\n\nvar BrowserTracing =\n/** @class */\nfunction () {\n function BrowserTracing(_options) {\n /**\n * @inheritDoc\n */\n this.name = BrowserTracing.id;\n this._metrics = new MetricsInstrumentation();\n this._emitOptionsWarning = false;\n var tracingOrigins = defaultRequestInstrumentationOptions.tracingOrigins; // NOTE: Logger doesn't work in constructors, as it's initialized after integrations instances\n\n if (_options && _options.tracingOrigins && Array.isArray(_options.tracingOrigins) && _options.tracingOrigins.length !== 0) {\n tracingOrigins = _options.tracingOrigins;\n } else {\n this._emitOptionsWarning = true;\n }\n\n this.options = __assign(__assign(__assign({}, DEFAULT_BROWSER_TRACING_OPTIONS), _options), {\n tracingOrigins: tracingOrigins\n });\n }\n /**\n * @inheritDoc\n */\n\n\n BrowserTracing.prototype.setupOnce = function (_, getCurrentHub) {\n var _this = this;\n\n this._getCurrentHub = getCurrentHub;\n\n if (this._emitOptionsWarning) {\n logger.warn('[Tracing] You need to define `tracingOrigins` in the options. Set an array of urls or patterns to trace.');\n logger.warn(\"[Tracing] We added a reasonable default for you: \" + defaultRequestInstrumentationOptions.tracingOrigins);\n } // eslint-disable-next-line @typescript-eslint/unbound-method\n\n\n var _a = this.options,\n instrumentRouting = _a.routingInstrumentation,\n startTransactionOnLocationChange = _a.startTransactionOnLocationChange,\n startTransactionOnPageLoad = _a.startTransactionOnPageLoad,\n markBackgroundTransactions = _a.markBackgroundTransactions,\n traceFetch = _a.traceFetch,\n traceXHR = _a.traceXHR,\n tracingOrigins = _a.tracingOrigins,\n shouldCreateSpanForRequest = _a.shouldCreateSpanForRequest;\n instrumentRouting(function (context) {\n return _this._createRouteTransaction(context);\n }, startTransactionOnPageLoad, startTransactionOnLocationChange);\n\n if (markBackgroundTransactions) {\n registerBackgroundTabDetection();\n }\n\n instrumentOutgoingRequests({\n traceFetch: traceFetch,\n traceXHR: traceXHR,\n tracingOrigins: tracingOrigins,\n shouldCreateSpanForRequest: shouldCreateSpanForRequest\n });\n };\n /** Create routing idle transaction. */\n\n\n BrowserTracing.prototype._createRouteTransaction = function (context) {\n var _this = this;\n\n if (!this._getCurrentHub) {\n logger.warn(\"[Tracing] Did not create \" + context.op + \" transaction because _getCurrentHub is invalid.\");\n return undefined;\n } // eslint-disable-next-line @typescript-eslint/unbound-method\n\n\n var _a = this.options,\n beforeNavigate = _a.beforeNavigate,\n idleTimeout = _a.idleTimeout,\n maxTransactionDuration = _a.maxTransactionDuration;\n var parentContextFromHeader = context.op === 'pageload' ? getHeaderContext() : undefined;\n\n var expandedContext = __assign(__assign(__assign({}, context), parentContextFromHeader), {\n trimEnd: true\n });\n\n var modifiedContext = typeof beforeNavigate === 'function' ? beforeNavigate(expandedContext) : expandedContext; // For backwards compatibility reasons, beforeNavigate can return undefined to \"drop\" the transaction (prevent it\n // from being sent to Sentry).\n\n var finalContext = modifiedContext === undefined ? __assign(__assign({}, expandedContext), {\n sampled: false\n }) : modifiedContext;\n\n if (finalContext.sampled === false) {\n logger.log(\"[Tracing] Will not send \" + finalContext.op + \" transaction because of beforeNavigate.\");\n }\n\n logger.log(\"[Tracing] Starting \" + finalContext.op + \" transaction on scope\");\n\n var hub = this._getCurrentHub();\n\n var location = getGlobalObject().location;\n var idleTransaction = startIdleTransaction(hub, finalContext, idleTimeout, true, {\n location: location\n });\n idleTransaction.registerBeforeFinishCallback(function (transaction, endTimestamp) {\n _this._metrics.addPerformanceEntries(transaction);\n\n adjustTransactionDuration(secToMs(maxTransactionDuration), transaction, endTimestamp);\n });\n return idleTransaction;\n };\n /**\n * @inheritDoc\n */\n\n\n BrowserTracing.id = 'BrowserTracing';\n return BrowserTracing;\n}();\n\nexport { BrowserTracing };\n/**\n * Gets transaction context from a sentry-trace meta.\n *\n * @returns Transaction context data from the header or undefined if there's no header or the header is malformed\n */\n\nexport function getHeaderContext() {\n var header = getMetaContent('sentry-trace');\n\n if (header) {\n return extractTraceparentData(header);\n }\n\n return undefined;\n}\n/** Returns the value of a meta tag */\n\nexport function getMetaContent(metaName) {\n var el = document.querySelector(\"meta[name=\" + metaName + \"]\");\n return el ? el.getAttribute('content') : null;\n}\n/** Adjusts transaction value based on max transaction duration */\n\nfunction adjustTransactionDuration(maxDuration, transaction, endTimestamp) {\n var diff = endTimestamp - transaction.startTimestamp;\n var isOutdatedTransaction = endTimestamp && (diff > maxDuration || diff < 0);\n\n if (isOutdatedTransaction) {\n transaction.setStatus(SpanStatus.DeadlineExceeded);\n transaction.setTag('maxTransactionDurationExceeded', 'true');\n }\n}","import { __read, __spread } from \"tslib\";\nimport { logger } from '@sentry/utils';\n/**\n * Express integration\n *\n * Provides an request and error handler for Express framework as well as tracing capabilities\n */\n\nvar Express =\n/** @class */\nfunction () {\n /**\n * @inheritDoc\n */\n function Express(options) {\n if (options === void 0) {\n options = {};\n }\n /**\n * @inheritDoc\n */\n\n\n this.name = Express.id;\n this._router = options.router || options.app;\n this._methods = (Array.isArray(options.methods) ? options.methods : []).concat('use');\n }\n /**\n * @inheritDoc\n */\n\n\n Express.prototype.setupOnce = function () {\n if (!this._router) {\n logger.error('ExpressIntegration is missing an Express instance');\n return;\n }\n\n instrumentMiddlewares(this._router, this._methods);\n };\n /**\n * @inheritDoc\n */\n\n\n Express.id = 'Express';\n return Express;\n}();\n\nexport { Express };\n/**\n * Wraps original middleware function in a tracing call, which stores the info about the call as a span,\n * and finishes it once the middleware is done invoking.\n *\n * Express middlewares have 3 various forms, thus we have to take care of all of them:\n * // sync\n * app.use(function (req, res) { ... })\n * // async\n * app.use(function (req, res, next) { ... })\n * // error handler\n * app.use(function (err, req, res, next) { ... })\n *\n * They all internally delegate to the `router[method]` of the given application instance.\n */\n// eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-explicit-any\n\nfunction wrap(fn, method) {\n var arity = fn.length;\n\n switch (arity) {\n case 2:\n {\n return function (req, res) {\n var transaction = res.__sentry_transaction;\n\n if (transaction) {\n var span_1 = transaction.startChild({\n description: fn.name,\n op: \"middleware.\" + method\n });\n res.once('finish', function () {\n span_1.finish();\n });\n }\n\n return fn.call(this, req, res);\n };\n }\n\n case 3:\n {\n return function (req, res, next) {\n var _a;\n\n var transaction = res.__sentry_transaction;\n var span = (_a = transaction) === null || _a === void 0 ? void 0 : _a.startChild({\n description: fn.name,\n op: \"middleware.\" + method\n });\n fn.call(this, req, res, function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n next.call.apply(next, __spread([this], args));\n });\n };\n }\n\n case 4:\n {\n return function (err, req, res, next) {\n var _a;\n\n var transaction = res.__sentry_transaction;\n var span = (_a = transaction) === null || _a === void 0 ? void 0 : _a.startChild({\n description: fn.name,\n op: \"middleware.\" + method\n });\n fn.call(this, err, req, res, function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n next.call.apply(next, __spread([this], args));\n });\n };\n }\n\n default:\n {\n throw new Error(\"Express middleware takes 2-4 arguments. Got: \" + arity);\n }\n }\n}\n/**\n * Takes all the function arguments passed to the original `app` or `router` method, eg. `app.use` or `router.use`\n * and wraps every function, as well as array of functions with a call to our `wrap` method.\n * We have to take care of the arrays as well as iterate over all of the arguments,\n * as `app.use` can accept middlewares in few various forms.\n *\n * app.use([], )\n * app.use([], , ...)\n * app.use([], ...[])\n */\n\n\nfunction wrapMiddlewareArgs(args, method) {\n return args.map(function (arg) {\n if (typeof arg === 'function') {\n return wrap(arg, method);\n }\n\n if (Array.isArray(arg)) {\n return arg.map(function (a) {\n if (typeof a === 'function') {\n return wrap(a, method);\n }\n\n return a;\n });\n }\n\n return arg;\n });\n}\n/**\n * Patches original router to utilize our tracing functionality\n */\n\n\nfunction patchMiddleware(router, method) {\n var originalCallback = router[method];\n\n router[method] = function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n return originalCallback.call.apply(originalCallback, __spread([this], wrapMiddlewareArgs(args, method)));\n };\n\n return router;\n}\n/**\n * Patches original router methods\n */\n\n\nfunction instrumentMiddlewares(router, methods) {\n if (methods === void 0) {\n methods = [];\n }\n\n methods.forEach(function (method) {\n return patchMiddleware(router, method);\n });\n}","import { fill, isThenable, loadModule, logger } from '@sentry/utils';\n/** Tracing integration for node-postgres package */\n\nvar Postgres = function () {\n function Postgres(options) {\n if (options === void 0) {\n options = {};\n }\n /**\n * @inheritDoc\n */\n\n\n this.name = Postgres.id;\n this._usePgNative = !!options.usePgNative;\n }\n /**\n * @inheritDoc\n */\n\n\n Postgres.prototype.setupOnce = function (_, getCurrentHub) {\n var _a;\n\n var pkg = loadModule('pg');\n\n if (!pkg) {\n logger.error('Postgres Integration was unable to require `pg` package.');\n return;\n }\n\n if (this._usePgNative && !((_a = pkg.native) === null || _a === void 0 ? void 0 : _a.Client)) {\n logger.error(\"Postgres Integration was unable to access 'pg-native' bindings.\");\n return;\n }\n\n var Client = (this._usePgNative ? pkg.native : pkg).Client;\n /**\n * function (query, callback) => void\n * function (query, params, callback) => void\n * function (query) => Promise\n * function (query, params) => Promise\n * function (pg.Cursor) => pg.Cursor\n */\n\n fill(Client.prototype, 'query', function (orig) {\n return function (config, values, callback) {\n var _a, _b, _c;\n\n var scope = getCurrentHub().getScope();\n var parentSpan = (_a = scope) === null || _a === void 0 ? void 0 : _a.getSpan();\n var span = (_b = parentSpan) === null || _b === void 0 ? void 0 : _b.startChild({\n description: typeof config === 'string' ? config : config.text,\n op: \"db\"\n });\n\n if (typeof callback === 'function') {\n return orig.call(this, config, values, function (err, result) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n callback(err, result);\n });\n }\n\n if (typeof values === 'function') {\n return orig.call(this, config, function (err, result) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n values(err, result);\n });\n }\n\n var rv = typeof values !== 'undefined' ? orig.call(this, config, values) : orig.call(this, config);\n\n if (isThenable(rv)) {\n return rv.then(function (res) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n return res;\n });\n }\n\n (_c = span) === null || _c === void 0 ? void 0 : _c.finish();\n return rv;\n };\n });\n };\n /**\n * @inheritDoc\n */\n\n\n Postgres.id = 'Postgres';\n return Postgres;\n}();\n\nexport { Postgres };","import { fill, loadModule, logger } from '@sentry/utils';\n/** Tracing integration for node-mysql package */\n\nvar Mysql =\n/** @class */\nfunction () {\n function Mysql() {\n /**\n * @inheritDoc\n */\n this.name = Mysql.id;\n }\n /**\n * @inheritDoc\n */\n\n\n Mysql.prototype.setupOnce = function (_, getCurrentHub) {\n var pkg = loadModule('mysql/lib/Connection.js');\n\n if (!pkg) {\n logger.error('Mysql Integration was unable to require `mysql` package.');\n return;\n } // The original function will have one of these signatures:\n // function (callback) => void\n // function (options, callback) => void\n // function (options, values, callback) => void\n\n\n fill(pkg, 'createQuery', function (orig) {\n return function (options, values, callback) {\n var _a, _b;\n\n var scope = getCurrentHub().getScope();\n var parentSpan = (_a = scope) === null || _a === void 0 ? void 0 : _a.getSpan();\n var span = (_b = parentSpan) === null || _b === void 0 ? void 0 : _b.startChild({\n description: typeof options === 'string' ? options : options.sql,\n op: \"db\"\n });\n\n if (typeof callback === 'function') {\n return orig.call(this, options, values, function (err, result, fields) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n callback(err, result, fields);\n });\n }\n\n if (typeof values === 'function') {\n return orig.call(this, options, function (err, result, fields) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n values(err, result, fields);\n });\n }\n\n return orig.call(this, options, values, callback);\n };\n });\n };\n /**\n * @inheritDoc\n */\n\n\n Mysql.id = 'Mysql';\n return Mysql;\n}();\n\nexport { Mysql };","import { __read, __spread } from \"tslib\";\nimport { fill, isThenable, loadModule, logger } from '@sentry/utils';\nvar OPERATIONS = ['aggregate', 'bulkWrite', 'countDocuments', 'createIndex', 'createIndexes', 'deleteMany', 'deleteOne', 'distinct', 'drop', 'dropIndex', 'dropIndexes', 'estimatedDocumentCount', 'find', 'findOne', 'findOneAndDelete', 'findOneAndReplace', 'findOneAndUpdate', 'indexes', 'indexExists', 'indexInformation', 'initializeOrderedBulkOp', 'insertMany', 'insertOne', 'isCapped', 'mapReduce', 'options', 'parallelCollectionScan', 'rename', 'replaceOne', 'stats', 'updateMany', 'updateOne']; // All of the operations above take `options` and `callback` as their final parameters, but some of them\n// take additional parameters as well. For those operations, this is a map of\n// { : [] }, as a way to know what to call the operation's\n// positional arguments when we add them to the span's `data` object later\n\nvar OPERATION_SIGNATURES = {\n // aggregate intentionally not included because `pipeline` arguments are too complex to serialize well\n // see https://github.com/getsentry/sentry-javascript/pull/3102\n bulkWrite: ['operations'],\n countDocuments: ['query'],\n createIndex: ['fieldOrSpec'],\n createIndexes: ['indexSpecs'],\n deleteMany: ['filter'],\n deleteOne: ['filter'],\n distinct: ['key', 'query'],\n dropIndex: ['indexName'],\n find: ['query'],\n findOne: ['query'],\n findOneAndDelete: ['filter'],\n findOneAndReplace: ['filter', 'replacement'],\n findOneAndUpdate: ['filter', 'update'],\n indexExists: ['indexes'],\n insertMany: ['docs'],\n insertOne: ['doc'],\n mapReduce: ['map', 'reduce'],\n rename: ['newName'],\n replaceOne: ['filter', 'doc'],\n updateMany: ['filter', 'update'],\n updateOne: ['filter', 'update']\n};\n/** Tracing integration for mongo package */\n\nvar Mongo =\n/** @class */\nfunction () {\n /**\n * @inheritDoc\n */\n function Mongo(options) {\n if (options === void 0) {\n options = {};\n }\n /**\n * @inheritDoc\n */\n\n\n this.name = Mongo.id;\n this._operations = Array.isArray(options.operations) ? options.operations : OPERATIONS;\n this._describeOperations = 'describeOperations' in options ? options.describeOperations : true;\n this._useMongoose = !!options.useMongoose;\n }\n /**\n * @inheritDoc\n */\n\n\n Mongo.prototype.setupOnce = function (_, getCurrentHub) {\n var moduleName = this._useMongoose ? 'mongoose' : 'mongodb';\n var pkg = loadModule(moduleName);\n\n if (!pkg) {\n logger.error(\"Mongo Integration was unable to require `\" + moduleName + \"` package.\");\n return;\n }\n\n this._instrumentOperations(pkg.Collection, this._operations, getCurrentHub);\n };\n /**\n * Patches original collection methods\n */\n\n\n Mongo.prototype._instrumentOperations = function (collection, operations, getCurrentHub) {\n var _this = this;\n\n operations.forEach(function (operation) {\n return _this._patchOperation(collection, operation, getCurrentHub);\n });\n };\n /**\n * Patches original collection to utilize our tracing functionality\n */\n\n\n Mongo.prototype._patchOperation = function (collection, operation, getCurrentHub) {\n if (!(operation in collection.prototype)) return;\n\n var getSpanContext = this._getSpanContextFromOperationArguments.bind(this);\n\n fill(collection.prototype, operation, function (orig) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var _a, _b, _c, _d;\n\n var lastArg = args[args.length - 1];\n var scope = getCurrentHub().getScope();\n var parentSpan = (_a = scope) === null || _a === void 0 ? void 0 : _a.getSpan(); // Check if the operation was passed a callback. (mapReduce requires a different check, as\n // its (non-callback) arguments can also be functions.)\n\n if (typeof lastArg !== 'function' || operation === 'mapReduce' && args.length === 2) {\n var span_1 = (_b = parentSpan) === null || _b === void 0 ? void 0 : _b.startChild(getSpanContext(this, operation, args));\n var maybePromise = orig.call.apply(orig, __spread([this], args));\n\n if (isThenable(maybePromise)) {\n return maybePromise.then(function (res) {\n var _a;\n\n (_a = span_1) === null || _a === void 0 ? void 0 : _a.finish();\n return res;\n });\n } else {\n (_c = span_1) === null || _c === void 0 ? void 0 : _c.finish();\n return maybePromise;\n }\n }\n\n var span = (_d = parentSpan) === null || _d === void 0 ? void 0 : _d.startChild(getSpanContext(this, operation, args.slice(0, -1)));\n return orig.call.apply(orig, __spread([this], args.slice(0, -1), [function (err, result) {\n var _a;\n\n (_a = span) === null || _a === void 0 ? void 0 : _a.finish();\n lastArg(err, result);\n }]));\n };\n });\n };\n /**\n * Form a SpanContext based on the user input to a given operation.\n */\n\n\n Mongo.prototype._getSpanContextFromOperationArguments = function (collection, operation, args) {\n var data = {\n collectionName: collection.collectionName,\n dbName: collection.dbName,\n namespace: collection.namespace\n };\n var spanContext = {\n op: \"db\",\n description: operation,\n data: data\n }; // If the operation takes no arguments besides `options` and `callback`, or if argument\n // collection is disabled for this operation, just return early.\n\n var signature = OPERATION_SIGNATURES[operation];\n var shouldDescribe = Array.isArray(this._describeOperations) ? this._describeOperations.includes(operation) : this._describeOperations;\n\n if (!signature || !shouldDescribe) {\n return spanContext;\n }\n\n try {\n // Special case for `mapReduce`, as the only one accepting functions as arguments.\n if (operation === 'mapReduce') {\n var _a = __read(args, 2),\n map = _a[0],\n reduce = _a[1];\n\n data[signature[0]] = typeof map === 'string' ? map : map.name || '';\n data[signature[1]] = typeof reduce === 'string' ? reduce : reduce.name || '';\n } else {\n for (var i = 0; i < signature.length; i++) {\n data[signature[i]] = JSON.stringify(args[i]);\n }\n }\n } catch (_oO) {// no-empty\n }\n\n return spanContext;\n };\n /**\n * @inheritDoc\n */\n\n\n Mongo.id = 'Mongo';\n return Mongo;\n}();\n\nexport { Mongo };","import { __assign } from \"tslib\";\nimport { BrowserTracing } from './browser';\nimport { addExtensionMethods } from './hubextensions';\nimport * as TracingIntegrations from './integrations';\n\nvar Integrations = __assign(__assign({}, TracingIntegrations), {\n BrowserTracing: BrowserTracing\n});\n\nexport { Integrations };\nexport { Span } from './span';\nexport { Transaction } from './transaction';\nexport { // TODO deprecate old name in v7\ninstrumentOutgoingRequests as registerRequestInstrumentation, defaultRequestInstrumentationOptions } from './browser';\nexport { SpanStatus } from './spanstatus';\nexport { IdleTransaction } from './idletransaction';\nexport { startIdleTransaction } from './hubextensions'; // We are patching the global object with our hub extension methods\n\naddExtensionMethods();\nexport { addExtensionMethods };\nexport { extractTraceparentData, getActiveTransaction, hasTracingEnabled, stripUrlQueryAndFragment, TRACEPARENT_REGEXP } from './utils';","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\"; // Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\n\nexport var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.\n\nexport default function createBreakpoints(breakpoints) {\n var _breakpoints$values = breakpoints.values,\n values = _breakpoints$values === void 0 ? {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n } : _breakpoints$values,\n _breakpoints$unit = breakpoints.unit,\n unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,\n _breakpoints$step = breakpoints.step,\n step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,\n other = _objectWithoutProperties(breakpoints, [\"values\", \"unit\", \"step\"]);\n\n function up(key) {\n var value = typeof values[key] === 'number' ? values[key] : key;\n return \"@media (min-width:\".concat(value).concat(unit, \")\");\n }\n\n function down(key) {\n var endIndex = keys.indexOf(key) + 1;\n var upperbound = values[keys[endIndex]];\n\n if (endIndex === keys.length) {\n // xl down applies to all sizes\n return up('xs');\n }\n\n var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;\n return \"@media (max-width:\".concat(value - step / 100).concat(unit, \")\");\n }\n\n function between(start, end) {\n var endIndex = keys.indexOf(end);\n\n if (endIndex === keys.length - 1) {\n return up(start);\n }\n\n return \"@media (min-width:\".concat(typeof values[start] === 'number' ? values[start] : start).concat(unit, \") and \") + \"(max-width:\".concat((endIndex !== -1 && typeof values[keys[endIndex + 1]] === 'number' ? values[keys[endIndex + 1]] : end) - step / 100).concat(unit, \")\");\n }\n\n function only(key) {\n return between(key, key);\n }\n\n var warnedOnce = false;\n\n function width(key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.warn([\"Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.\", 'Use the `theme.breakpoints.values` instead.'].join('\\n'));\n }\n }\n\n return values[key];\n }\n\n return _extends({\n keys: keys,\n values: values,\n up: up,\n down: down,\n between: between,\n only: only,\n width: width\n }, other);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nexport default function createMixins(breakpoints, spacing, mixins) {\n var _toolbar;\n\n return _extends({\n gutters: function gutters() {\n var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n console.warn(['Material-UI: theme.mixins.gutters() is deprecated.', 'You can use the source of the mixin directly:', \"\\n paddingLeft: theme.spacing(2),\\n paddingRight: theme.spacing(2),\\n [theme.breakpoints.up('sm')]: {\\n paddingLeft: theme.spacing(3),\\n paddingRight: theme.spacing(3),\\n },\\n \"].join('\\n'));\n return _extends({\n paddingLeft: spacing(2),\n paddingRight: spacing(2)\n }, styles, _defineProperty({}, breakpoints.up('sm'), _extends({\n paddingLeft: spacing(3),\n paddingRight: spacing(3)\n }, styles[breakpoints.up('sm')])));\n },\n toolbar: (_toolbar = {\n minHeight: 56\n }, _defineProperty(_toolbar, \"\".concat(breakpoints.up('xs'), \" and (orientation: landscape)\"), {\n minHeight: 48\n }), _defineProperty(_toolbar, breakpoints.up('sm'), {\n minHeight: 64\n }), _toolbar)\n }, mixins);\n}","var common = {\n black: '#000',\n white: '#fff'\n};\nexport default common;","var grey = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#eeeeee',\n 300: '#e0e0e0',\n 400: '#bdbdbd',\n 500: '#9e9e9e',\n 600: '#757575',\n 700: '#616161',\n 800: '#424242',\n 900: '#212121',\n A100: '#d5d5d5',\n A200: '#aaaaaa',\n A400: '#303030',\n A700: '#616161'\n};\nexport default grey;","var indigo = {\n 50: '#e8eaf6',\n 100: '#c5cae9',\n 200: '#9fa8da',\n 300: '#7986cb',\n 400: '#5c6bc0',\n 500: '#3f51b5',\n 600: '#3949ab',\n 700: '#303f9f',\n 800: '#283593',\n 900: '#1a237e',\n A100: '#8c9eff',\n A200: '#536dfe',\n A400: '#3d5afe',\n A700: '#304ffe'\n};\nexport default indigo;","var pink = {\n 50: '#fce4ec',\n 100: '#f8bbd0',\n 200: '#f48fb1',\n 300: '#f06292',\n 400: '#ec407a',\n 500: '#e91e63',\n 600: '#d81b60',\n 700: '#c2185b',\n 800: '#ad1457',\n 900: '#880e4f',\n A100: '#ff80ab',\n A200: '#ff4081',\n A400: '#f50057',\n A700: '#c51162'\n};\nexport default pink;","var red = {\n 50: '#ffebee',\n 100: '#ffcdd2',\n 200: '#ef9a9a',\n 300: '#e57373',\n 400: '#ef5350',\n 500: '#f44336',\n 600: '#e53935',\n 700: '#d32f2f',\n 800: '#c62828',\n 900: '#b71c1c',\n A100: '#ff8a80',\n A200: '#ff5252',\n A400: '#ff1744',\n A700: '#d50000'\n};\nexport default red;","var orange = {\n 50: '#fff3e0',\n 100: '#ffe0b2',\n 200: '#ffcc80',\n 300: '#ffb74d',\n 400: '#ffa726',\n 500: '#ff9800',\n 600: '#fb8c00',\n 700: '#f57c00',\n 800: '#ef6c00',\n 900: '#e65100',\n A100: '#ffd180',\n A200: '#ffab40',\n A400: '#ff9100',\n A700: '#ff6d00'\n};\nexport default orange;","var blue = {\n 50: '#e3f2fd',\n 100: '#bbdefb',\n 200: '#90caf9',\n 300: '#64b5f6',\n 400: '#42a5f5',\n 500: '#2196f3',\n 600: '#1e88e5',\n 700: '#1976d2',\n 800: '#1565c0',\n 900: '#0d47a1',\n A100: '#82b1ff',\n A200: '#448aff',\n A400: '#2979ff',\n A700: '#2962ff'\n};\nexport default blue;","var green = {\n 50: '#e8f5e9',\n 100: '#c8e6c9',\n 200: '#a5d6a7',\n 300: '#81c784',\n 400: '#66bb6a',\n 500: '#4caf50',\n 600: '#43a047',\n 700: '#388e3c',\n 800: '#2e7d32',\n 900: '#1b5e20',\n A100: '#b9f6ca',\n A200: '#69f0ae',\n A400: '#00e676',\n A700: '#00c853'\n};\nexport default green;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@material-ui/utils\";\nimport { deepmerge } from '@material-ui/utils';\nimport common from '../colors/common';\nimport grey from '../colors/grey';\nimport indigo from '../colors/indigo';\nimport pink from '../colors/pink';\nimport red from '../colors/red';\nimport orange from '../colors/orange';\nimport blue from '../colors/blue';\nimport green from '../colors/green';\nimport { darken, getContrastRatio, lighten } from './colorManipulator';\nexport var light = {\n // The colors used to style the text.\n text: {\n // The most important text.\n primary: 'rgba(0, 0, 0, 0.87)',\n // Secondary text.\n secondary: 'rgba(0, 0, 0, 0.54)',\n // Disabled text have even lower visual prominence.\n disabled: 'rgba(0, 0, 0, 0.38)',\n // Text hints.\n hint: 'rgba(0, 0, 0, 0.38)'\n },\n // The color used to divide different elements.\n divider: 'rgba(0, 0, 0, 0.12)',\n // The background colors used to style the surfaces.\n // Consistency between these values is important.\n background: {\n paper: common.white,\n default: grey[50]\n },\n // The colors used to style the action elements.\n action: {\n // The color of an active action like an icon button.\n active: 'rgba(0, 0, 0, 0.54)',\n // The color of an hovered action.\n hover: 'rgba(0, 0, 0, 0.04)',\n hoverOpacity: 0.04,\n // The color of a selected action.\n selected: 'rgba(0, 0, 0, 0.08)',\n selectedOpacity: 0.08,\n // The color of a disabled action.\n disabled: 'rgba(0, 0, 0, 0.26)',\n // The background color of a disabled action.\n disabledBackground: 'rgba(0, 0, 0, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(0, 0, 0, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.12\n }\n};\nexport var dark = {\n text: {\n primary: common.white,\n secondary: 'rgba(255, 255, 255, 0.7)',\n disabled: 'rgba(255, 255, 255, 0.5)',\n hint: 'rgba(255, 255, 255, 0.5)',\n icon: 'rgba(255, 255, 255, 0.5)'\n },\n divider: 'rgba(255, 255, 255, 0.12)',\n background: {\n paper: grey[800],\n default: '#303030'\n },\n action: {\n active: common.white,\n hover: 'rgba(255, 255, 255, 0.08)',\n hoverOpacity: 0.08,\n selected: 'rgba(255, 255, 255, 0.16)',\n selectedOpacity: 0.16,\n disabled: 'rgba(255, 255, 255, 0.3)',\n disabledBackground: 'rgba(255, 255, 255, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(255, 255, 255, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.24\n }\n};\n\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n var tonalOffsetLight = tonalOffset.light || tonalOffset;\n var tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n\n if (!intent[direction]) {\n if (intent.hasOwnProperty(shade)) {\n intent[direction] = intent[shade];\n } else if (direction === 'light') {\n intent.light = lighten(intent.main, tonalOffsetLight);\n } else if (direction === 'dark') {\n intent.dark = darken(intent.main, tonalOffsetDark);\n }\n }\n}\n\nexport default function createPalette(palette) {\n var _palette$primary = palette.primary,\n primary = _palette$primary === void 0 ? {\n light: indigo[300],\n main: indigo[500],\n dark: indigo[700]\n } : _palette$primary,\n _palette$secondary = palette.secondary,\n secondary = _palette$secondary === void 0 ? {\n light: pink.A200,\n main: pink.A400,\n dark: pink.A700\n } : _palette$secondary,\n _palette$error = palette.error,\n error = _palette$error === void 0 ? {\n light: red[300],\n main: red[500],\n dark: red[700]\n } : _palette$error,\n _palette$warning = palette.warning,\n warning = _palette$warning === void 0 ? {\n light: orange[300],\n main: orange[500],\n dark: orange[700]\n } : _palette$warning,\n _palette$info = palette.info,\n info = _palette$info === void 0 ? {\n light: blue[300],\n main: blue[500],\n dark: blue[700]\n } : _palette$info,\n _palette$success = palette.success,\n success = _palette$success === void 0 ? {\n light: green[300],\n main: green[500],\n dark: green[700]\n } : _palette$success,\n _palette$type = palette.type,\n type = _palette$type === void 0 ? 'light' : _palette$type,\n _palette$contrastThre = palette.contrastThreshold,\n contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,\n _palette$tonalOffset = palette.tonalOffset,\n tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,\n other = _objectWithoutProperties(palette, [\"primary\", \"secondary\", \"error\", \"warning\", \"info\", \"success\", \"type\", \"contrastThreshold\", \"tonalOffset\"]); // Use the same logic as\n // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n\n\n function getContrastText(background) {\n var contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n\n if (process.env.NODE_ENV !== 'production') {\n var contrast = getContrastRatio(background, contrastText);\n\n if (contrast < 3) {\n console.error([\"Material-UI: The contrast ratio of \".concat(contrast, \":1 for \").concat(contrastText, \" on \").concat(background), 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n }\n }\n\n return contrastText;\n }\n\n var augmentColor = function augmentColor(color) {\n var mainShade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;\n var lightShade = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;\n var darkShade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 700;\n color = _extends({}, color);\n\n if (!color.main && color[mainShade]) {\n color.main = color[mainShade];\n }\n\n if (!color.main) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: The color provided to augmentColor(color) is invalid.\\nThe color object needs to have a `main` property or a `\".concat(mainShade, \"` property.\") : _formatMuiErrorMessage(4, mainShade));\n }\n\n if (typeof color.main !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: The color provided to augmentColor(color) is invalid.\\n`color.main` should be a string, but `\".concat(JSON.stringify(color.main), \"` was provided instead.\\n\\nDid you intend to use one of the following approaches?\\n\\nimport {\\xA0green } from \\\"@material-ui/core/colors\\\";\\n\\nconst theme1 = createTheme({ palette: {\\n primary: green,\\n} });\\n\\nconst theme2 = createTheme({ palette: {\\n primary: { main: green[500] },\\n} });\") : _formatMuiErrorMessage(5, JSON.stringify(color.main)));\n }\n\n addLightOrDark(color, 'light', lightShade, tonalOffset);\n addLightOrDark(color, 'dark', darkShade, tonalOffset);\n\n if (!color.contrastText) {\n color.contrastText = getContrastText(color.main);\n }\n\n return color;\n };\n\n var types = {\n dark: dark,\n light: light\n };\n\n if (process.env.NODE_ENV !== 'production') {\n if (!types[type]) {\n console.error(\"Material-UI: The palette type `\".concat(type, \"` is not supported.\"));\n }\n }\n\n var paletteOutput = deepmerge(_extends({\n // A collection of common colors.\n common: common,\n // The palette type, can be light or dark.\n type: type,\n // The colors used to represent primary interface elements for a user.\n primary: augmentColor(primary),\n // The colors used to represent secondary interface elements for a user.\n secondary: augmentColor(secondary, 'A400', 'A200', 'A700'),\n // The colors used to represent interface elements that the user should be made aware of.\n error: augmentColor(error),\n // The colors used to represent potentially dangerous actions or important messages.\n warning: augmentColor(warning),\n // The colors used to present information to the user that is neutral and not necessarily important.\n info: augmentColor(info),\n // The colors used to indicate the successful completion of an action that user triggered.\n success: augmentColor(success),\n // The grey colors.\n grey: grey,\n // Used by `getContrastText()` to maximize the contrast between\n // the background and the text.\n contrastThreshold: contrastThreshold,\n // Takes a background color and returns the text color that maximizes the contrast.\n getContrastText: getContrastText,\n // Generate a rich color object.\n augmentColor: augmentColor,\n // Used by the functions below to shift a color's luminance by approximately\n // two indexes within its tonal palette.\n // E.g., shift from Red 500 to Red 300 or Red 700.\n tonalOffset: tonalOffset\n }, types[type]), other);\n return paletteOutput;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { deepmerge } from '@material-ui/utils';\n\nfunction round(value) {\n return Math.round(value * 1e5) / 1e5;\n}\n\nvar warnedOnce = false;\n\nfunction roundWithDeprecationWarning(value) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n console.warn(['Material-UI: The `theme.typography.round` helper is deprecated.', 'Head to https://material-ui.com/r/migration-v4/#theme for a migration path.'].join('\\n'));\n warnedOnce = true;\n }\n }\n\n return round(value);\n}\n\nvar caseAllCaps = {\n textTransform: 'uppercase'\n};\nvar defaultFontFamily = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\n/**\n * @see @link{https://material.io/design/typography/the-type-system.html}\n * @see @link{https://material.io/design/typography/understanding-typography.html}\n */\n\nexport default function createTypography(palette, typography) {\n var _ref = typeof typography === 'function' ? typography(palette) : typography,\n _ref$fontFamily = _ref.fontFamily,\n fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily,\n _ref$fontSize = _ref.fontSize,\n fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,\n _ref$fontWeightLight = _ref.fontWeightLight,\n fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,\n _ref$fontWeightRegula = _ref.fontWeightRegular,\n fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,\n _ref$fontWeightMedium = _ref.fontWeightMedium,\n fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,\n _ref$fontWeightBold = _ref.fontWeightBold,\n fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold,\n _ref$htmlFontSize = _ref.htmlFontSize,\n htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,\n allVariants = _ref.allVariants,\n pxToRem2 = _ref.pxToRem,\n other = _objectWithoutProperties(_ref, [\"fontFamily\", \"fontSize\", \"fontWeightLight\", \"fontWeightRegular\", \"fontWeightMedium\", \"fontWeightBold\", \"htmlFontSize\", \"allVariants\", \"pxToRem\"]);\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof fontSize !== 'number') {\n console.error('Material-UI: `fontSize` is required to be a number.');\n }\n\n if (typeof htmlFontSize !== 'number') {\n console.error('Material-UI: `htmlFontSize` is required to be a number.');\n }\n }\n\n var coef = fontSize / 14;\n\n var pxToRem = pxToRem2 || function (size) {\n return \"\".concat(size / htmlFontSize * coef, \"rem\");\n };\n\n var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {\n return _extends({\n fontFamily: fontFamily,\n fontWeight: fontWeight,\n fontSize: pxToRem(size),\n // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/\n lineHeight: lineHeight\n }, fontFamily === defaultFontFamily ? {\n letterSpacing: \"\".concat(round(letterSpacing / size), \"em\")\n } : {}, casing, allVariants);\n };\n\n var variants = {\n h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),\n h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),\n h3: buildVariant(fontWeightRegular, 48, 1.167, 0),\n h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),\n h5: buildVariant(fontWeightRegular, 24, 1.334, 0),\n h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),\n subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),\n subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),\n body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),\n body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),\n button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),\n caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),\n overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)\n };\n return deepmerge(_extends({\n htmlFontSize: htmlFontSize,\n pxToRem: pxToRem,\n round: roundWithDeprecationWarning,\n // TODO v5: remove\n fontFamily: fontFamily,\n fontSize: fontSize,\n fontWeightLight: fontWeightLight,\n fontWeightRegular: fontWeightRegular,\n fontWeightMedium: fontWeightMedium,\n fontWeightBold: fontWeightBold\n }, variants), other, {\n clone: false // No need to clone deep\n\n });\n}","var shadowKeyUmbraOpacity = 0.2;\nvar shadowKeyPenumbraOpacity = 0.14;\nvar shadowAmbientShadowOpacity = 0.12;\n\nfunction createShadow() {\n return [\"\".concat(arguments.length <= 0 ? undefined : arguments[0], \"px \").concat(arguments.length <= 1 ? undefined : arguments[1], \"px \").concat(arguments.length <= 2 ? undefined : arguments[2], \"px \").concat(arguments.length <= 3 ? undefined : arguments[3], \"px rgba(0,0,0,\").concat(shadowKeyUmbraOpacity, \")\"), \"\".concat(arguments.length <= 4 ? undefined : arguments[4], \"px \").concat(arguments.length <= 5 ? undefined : arguments[5], \"px \").concat(arguments.length <= 6 ? undefined : arguments[6], \"px \").concat(arguments.length <= 7 ? undefined : arguments[7], \"px rgba(0,0,0,\").concat(shadowKeyPenumbraOpacity, \")\"), \"\".concat(arguments.length <= 8 ? undefined : arguments[8], \"px \").concat(arguments.length <= 9 ? undefined : arguments[9], \"px \").concat(arguments.length <= 10 ? undefined : arguments[10], \"px \").concat(arguments.length <= 11 ? undefined : arguments[11], \"px rgba(0,0,0,\").concat(shadowAmbientShadowOpacity, \")\")].join(',');\n} // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss\n\n\nvar shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];\nexport default shadows;","var shape = {\n borderRadius: 4\n};\nexport default shape;","import { createUnarySpacing } from '@material-ui/system';\nvar warnOnce;\nexport default function createSpacing() {\n var spacingInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 8; // Already transformed.\n\n if (spacingInput.mui) {\n return spacingInput;\n } // Material Design layouts are visually balanced. Most measurements align to an 8dp grid applied, which aligns both spacing and the overall layout.\n // Smaller components, such as icons and type, can align to a 4dp grid.\n // https://material.io/design/layout/understanding-layout.html#usage\n\n\n var transform = createUnarySpacing({\n spacing: spacingInput\n });\n\n var spacing = function spacing() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (!(args.length <= 4)) {\n console.error(\"Material-UI: Too many arguments provided, expected between 0 and 4, got \".concat(args.length));\n }\n }\n\n if (args.length === 0) {\n return transform(1);\n }\n\n if (args.length === 1) {\n return transform(args[0]);\n }\n\n return args.map(function (argument) {\n if (typeof argument === 'string') {\n return argument;\n }\n\n var output = transform(argument);\n return typeof output === 'number' ? \"\".concat(output, \"px\") : output;\n }).join(' ');\n }; // Backward compatibility, to remove in v5.\n\n\n Object.defineProperty(spacing, 'unit', {\n get: function get() {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnOnce || process.env.NODE_ENV === 'test') {\n console.error(['Material-UI: theme.spacing.unit usage has been deprecated.', 'It will be removed in v5.', 'You can replace `theme.spacing.unit * y` with `theme.spacing(y)`.', '', 'You can use the `https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod/README.md#theme-spacing-api` migration helper to make the process smoother.'].join('\\n'));\n }\n\n warnOnce = true;\n }\n\n return spacingInput;\n }\n });\n spacing.mui = true;\n return spacing;\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { deepmerge } from '@material-ui/utils';\nimport createBreakpoints from './createBreakpoints';\nimport createMixins from './createMixins';\nimport createPalette from './createPalette';\nimport createTypography from './createTypography';\nimport shadows from './shadows';\nimport shape from './shape';\nimport createSpacing from './createSpacing';\nimport transitions from './transitions';\nimport zIndex from './zIndex';\n\nfunction createTheme() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var _options$breakpoints = options.breakpoints,\n breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,\n _options$mixins = options.mixins,\n mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,\n _options$palette = options.palette,\n paletteInput = _options$palette === void 0 ? {} : _options$palette,\n spacingInput = options.spacing,\n _options$typography = options.typography,\n typographyInput = _options$typography === void 0 ? {} : _options$typography,\n other = _objectWithoutProperties(options, [\"breakpoints\", \"mixins\", \"palette\", \"spacing\", \"typography\"]);\n\n var palette = createPalette(paletteInput);\n var breakpoints = createBreakpoints(breakpointsInput);\n var spacing = createSpacing(spacingInput);\n var muiTheme = deepmerge({\n breakpoints: breakpoints,\n direction: 'ltr',\n mixins: createMixins(breakpoints, spacing, mixinsInput),\n overrides: {},\n // Inject custom styles\n palette: palette,\n props: {},\n // Provide default props\n shadows: shadows,\n typography: createTypography(palette, typographyInput),\n spacing: spacing,\n shape: shape,\n transitions: transitions,\n zIndex: zIndex\n }, other);\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n muiTheme = args.reduce(function (acc, argument) {\n return deepmerge(acc, argument);\n }, muiTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n var pseudoClasses = ['checked', 'disabled', 'error', 'focused', 'focusVisible', 'required', 'expanded', 'selected'];\n\n var traverse = function traverse(node, parentKey) {\n var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n var key; // eslint-disable-next-line guard-for-in, no-restricted-syntax\n\n for (key in node) {\n var child = node[key];\n\n if (depth === 1) {\n if (key.indexOf('Mui') === 0 && child) {\n traverse(child, key, depth + 1);\n }\n } else if (pseudoClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {\n if (process.env.NODE_ENV !== 'production') {\n console.error([\"Material-UI: The `\".concat(parentKey, \"` component increases \") + \"the CSS specificity of the `\".concat(key, \"` internal state.\"), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify({\n root: _defineProperty({}, \"&$\".concat(key), child)\n }, null, 2), '', 'https://material-ui.com/r/pseudo-classes-guide'].join('\\n'));\n } // Remove the style to prevent global conflicts.\n\n\n node[key] = {};\n }\n }\n };\n\n traverse(muiTheme.overrides);\n }\n\n return muiTheme;\n}\n\nvar warnedOnce = false;\nexport function createMuiTheme() {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.error(['Material-UI: the createMuiTheme function was renamed to createTheme.', '', \"You should use `import { createTheme } from '@material-ui/core/styles'`\"].join('\\n'));\n }\n }\n\n return createTheme.apply(void 0, arguments);\n}\nexport default createTheme;","export var baseThemeStyleName = 'theme-base';\nexport var flagIconClassesPrefixName = 'flag-icon';\nexport var flagIconClassesPrefix = \"\".concat(flagIconClassesPrefixName, \"-\");\nexport var flagIconModulePath = 'node_modules/flag-icon-css';","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport classnames from 'classnames';\nimport classNameToStyleName from './classNameToStyleName';\nimport { baseThemeStyleName, flagIconClassesPrefix, flagIconClassesPrefixName } from './constants';\nexport var makeClassesObject = function makeClassesObject(props, options) {\n var _ref;\n\n var code = props.code,\n _props$flip = props.flip,\n flip = _props$flip === void 0 ? '' : _props$flip,\n _props$size = props.size,\n size = _props$size === void 0 ? '' : _props$size,\n _props$squared = props.squared,\n squared = _props$squared === void 0 ? false : _props$squared,\n rotate = props.rotate,\n className = props.className,\n styleName = props.styleName;\n var themeStyles = options.themeStyles,\n useCssModules = options.useCssModules;\n return _ref = {}, _defineProperty(_ref, flagIconClassesPrefixName, true), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix, \"squared\"), squared), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix).concat(size), size), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix).concat(code), code), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix, \"flip-\").concat(flip), flip), _defineProperty(_ref, \"\".concat(flagIconClassesPrefix, \"rotate-\").concat(rotate || ''), rotate), _defineProperty(_ref, baseThemeStyleName, useCssModules && themeStyles && themeStyles[baseThemeStyleName]), _defineProperty(_ref, styleName || '', useCssModules && themeStyles && styleName && themeStyles[styleName]), _defineProperty(_ref, className || '', className), _ref;\n};\nexport default (function (props, options, styles) {\n var useCssModules = options.useCssModules;\n var classesObject = makeClassesObject(props, options);\n var strClasses = classnames(classesObject);\n\n if (useCssModules) {\n var className = props.className;\n var aClasses = strClasses.split(' ');\n var nClasses = aClasses.length;\n strClasses = aClasses.map(function (c, i) {\n if (className && i === nClasses - 1) return c;\n return classNameToStyleName(c, styles || {});\n }).join(' ');\n }\n\n return strClasses;\n});","export default (function (className, styles) {\n if (!styles[className]) {\n throw new Error(\"Could not resolve the styleName \".concat(className));\n }\n\n return styles[className];\n});","export var sizes = ['lg', '2x', '3x', '4x', '5x'];\nexport var rotates = [30, 60, 90, 180, 270];\nexport var flips = ['horizontal', 'vertical'];\nexport var countries = [{\n name: 'Afghanistan',\n code: 'af'\n}, {\n name: 'Åland Islands',\n code: 'ax'\n}, {\n name: 'Albania',\n code: 'al'\n}, {\n name: 'Algeria',\n code: 'dz'\n}, {\n name: 'American Samoa',\n code: 'as'\n}, {\n name: 'Andorra',\n code: 'ad'\n}, {\n name: 'Angola',\n code: 'ao'\n}, {\n name: 'Anguilla',\n code: 'ai'\n}, {\n name: 'Antarctica',\n code: 'aq'\n}, {\n name: 'Antigua and Barbuda',\n code: 'ag'\n}, {\n name: 'Argentina',\n code: 'ar'\n}, {\n name: 'Armenia',\n code: 'am'\n}, {\n name: 'Aruba',\n code: 'aw'\n}, {\n name: 'Australia',\n code: 'au'\n}, {\n name: 'Austria',\n code: 'at'\n}, {\n name: 'Azerbaijan',\n code: 'az'\n}, {\n name: 'Bahamas',\n code: 'bs'\n}, {\n name: 'Bahrain',\n code: 'bh'\n}, {\n name: 'Bangladesh',\n code: 'bd'\n}, {\n name: 'Barbados',\n code: 'bb'\n}, {\n name: 'Belarus',\n code: 'by'\n}, {\n name: 'Belgium',\n code: 'be'\n}, {\n name: 'Belize',\n code: 'bz'\n}, {\n name: 'Benin',\n code: 'bj'\n}, {\n name: 'Bermuda',\n code: 'bm'\n}, {\n name: 'Bhutan',\n code: 'bt'\n}, {\n name: 'Bolivia, Plurinational State of',\n code: 'bo'\n}, {\n name: 'Bonaire, Sint Eustatius and Saba',\n code: 'bq'\n}, {\n name: 'Bosnia and Herzegovina',\n code: 'ba'\n}, {\n name: 'Botswana',\n code: 'bw'\n}, {\n name: 'Bouvet Island',\n code: 'bv'\n}, {\n name: 'Brazil',\n code: 'br'\n}, {\n name: 'British Indian Ocean Territory',\n code: 'io'\n}, {\n name: 'Brunei Darussalam',\n code: 'bn'\n}, {\n name: 'Bulgaria',\n code: 'bg'\n}, {\n name: 'Burkina Faso',\n code: 'bf'\n}, {\n name: 'Burundi',\n code: 'bi'\n}, {\n name: 'Cambodia',\n code: 'kh'\n}, {\n name: 'Cameroon',\n code: 'cm'\n}, {\n name: 'Canada',\n code: 'ca'\n}, {\n name: 'Cape Verde',\n code: 'cv'\n}, {\n name: 'Catalonia',\n code: 'es-ct'\n}, {\n name: 'Cayman Islands',\n code: 'ky'\n}, {\n name: 'Central African Republic',\n code: 'cf'\n}, {\n name: 'Chad',\n code: 'td'\n}, {\n name: 'Chile',\n code: 'cl'\n}, {\n name: 'China',\n code: 'cn'\n}, {\n name: 'Christmas Island',\n code: 'cx'\n}, {\n name: 'Cocos (Keeling) Islands',\n code: 'cc'\n}, {\n name: 'Colombia',\n code: 'co'\n}, {\n name: 'Comoros',\n code: 'km'\n}, {\n name: 'Congo',\n code: 'cg'\n}, {\n name: 'Congo, the Democratic Republic of the',\n code: 'cd'\n}, {\n name: 'Cook Islands',\n code: 'ck'\n}, {\n name: 'Costa Rica',\n code: 'cr'\n}, {\n name: \"Côte d'Ivoire\",\n code: 'ci'\n}, {\n name: 'Croatia',\n code: 'hr'\n}, {\n name: 'Cuba',\n code: 'cu'\n}, {\n name: 'Curaçao',\n code: 'cw'\n}, {\n name: 'Cyprus',\n code: 'cy'\n}, {\n name: 'Czech Republic',\n code: 'cz'\n}, {\n name: 'Denmark',\n code: 'dk'\n}, {\n name: 'Djibouti',\n code: 'dj'\n}, {\n name: 'Dominica',\n code: 'dm'\n}, {\n name: 'Dominican Republic',\n code: 'do'\n}, {\n name: 'Ecuador',\n code: 'ec'\n}, {\n name: 'Egypt',\n code: 'eg'\n}, {\n name: 'El Salvador',\n code: 'sv'\n}, {\n name: 'Equatorial Guinea',\n code: 'gq'\n}, {\n name: 'Eritrea',\n code: 'er'\n}, {\n name: 'Estonia',\n code: 'ee'\n}, {\n name: 'Ethiopia',\n code: 'et'\n}, {\n name: 'European Union',\n code: 'eu'\n}, {\n name: 'Falkland Islands (Malvinas)',\n code: 'fk'\n}, {\n name: 'Faroe Islands',\n code: 'fo'\n}, {\n name: 'Fiji',\n code: 'fj'\n}, {\n name: 'Finland',\n code: 'fi'\n}, {\n name: 'France',\n code: 'fr'\n}, {\n name: 'French Guiana',\n code: 'gf'\n}, {\n name: 'French Polynesia',\n code: 'pf'\n}, {\n name: 'French Southern Territories',\n code: 'tf'\n}, {\n name: 'Gabon',\n code: 'ga'\n}, {\n name: 'Gambia',\n code: 'gm'\n}, {\n name: 'Georgia',\n code: 'ge'\n}, {\n name: 'Germany',\n code: 'de'\n}, {\n name: 'Ghana',\n code: 'gh'\n}, {\n name: 'Gibraltar',\n code: 'gi'\n}, {\n name: 'Greece',\n code: 'gr'\n}, {\n name: 'Greenland',\n code: 'gl'\n}, {\n name: 'Grenada',\n code: 'gd'\n}, {\n name: 'Guadeloupe',\n code: 'gp'\n}, {\n name: 'Guam',\n code: 'gu'\n}, {\n name: 'Guatemala',\n code: 'gt'\n}, {\n name: 'Guernsey',\n code: 'gg'\n}, {\n name: 'Guinea',\n code: 'gn'\n}, {\n name: 'Guinea-Bissau',\n code: 'gw'\n}, {\n name: 'Guyana',\n code: 'gy'\n}, {\n name: 'Haiti',\n code: 'ht'\n}, {\n name: 'Heard Island and McDonald Islands',\n code: 'hm'\n}, {\n name: 'Holy See (Vatican City State)',\n code: 'va'\n}, {\n name: 'Honduras',\n code: 'hn'\n}, {\n name: 'Hong Kong',\n code: 'hk'\n}, {\n name: 'Hungary',\n code: 'hu'\n}, {\n name: 'Iceland',\n code: 'is'\n}, {\n name: 'India',\n code: 'in'\n}, {\n name: 'Indonesia',\n code: 'id'\n}, {\n name: 'Iran, Islamic Republic of',\n code: 'ir'\n}, {\n name: 'Iraq',\n code: 'iq'\n}, {\n name: 'Ireland',\n code: 'ie'\n}, {\n name: 'Isle of Man',\n code: 'im'\n}, {\n name: 'Israel',\n code: 'il'\n}, {\n name: 'Italy',\n code: 'it'\n}, {\n name: 'Jamaica',\n code: 'jm'\n}, {\n name: 'Japan',\n code: 'jp'\n}, {\n name: 'Jersey',\n code: 'je'\n}, {\n name: 'Jordan',\n code: 'jo'\n}, {\n name: 'Kazakhstan',\n code: 'kz'\n}, {\n name: 'Kenya',\n code: 'ke'\n}, {\n name: 'Kiribati',\n code: 'ki'\n}, {\n name: \"Korea, Democratic People's Republic of\",\n code: 'kp'\n}, {\n name: 'Korea, Republic of',\n code: 'kr'\n}, {\n name: 'Kuwait',\n code: 'kw'\n}, {\n name: 'Kyrgyzstan',\n code: 'kg'\n}, {\n name: \"Lao People's Democratic Republic\",\n code: 'la'\n}, {\n name: 'Latvia',\n code: 'lv'\n}, {\n name: 'Lebanon',\n code: 'lb'\n}, {\n name: 'Lesotho',\n code: 'ls'\n}, {\n name: 'Liberia',\n code: 'lr'\n}, {\n name: 'Libya',\n code: 'ly'\n}, {\n name: 'Liechtenstein',\n code: 'li'\n}, {\n name: 'Lithuania',\n code: 'lt'\n}, {\n name: 'Luxembourg',\n code: 'lu'\n}, {\n name: 'Macao',\n code: 'mo'\n}, {\n name: 'Macedonia, the Former Yugoslav Republic of',\n code: 'mk'\n}, {\n name: 'Madagascar',\n code: 'mg'\n}, {\n name: 'Malawi',\n code: 'mw'\n}, {\n name: 'Malaysia',\n code: 'my'\n}, {\n name: 'Maldives',\n code: 'mv'\n}, {\n name: 'Mali',\n code: 'ml'\n}, {\n name: 'Malta',\n code: 'mt'\n}, {\n name: 'Marshall Islands',\n code: 'mh'\n}, {\n name: 'Martinique',\n code: 'mq'\n}, {\n name: 'Mauritania',\n code: 'mr'\n}, {\n name: 'Mauritius',\n code: 'mu'\n}, {\n name: 'Mayotte',\n code: 'yt'\n}, {\n name: 'Mexico',\n code: 'mx'\n}, {\n name: 'Micronesia, Federated States of',\n code: 'fm'\n}, {\n name: 'Moldova, Republic of',\n code: 'md'\n}, {\n name: 'Monaco',\n code: 'mc'\n}, {\n name: 'Mongolia',\n code: 'mn'\n}, {\n name: 'Montenegro',\n code: 'me'\n}, {\n name: 'Montserrat',\n code: 'ms'\n}, {\n name: 'Morocco',\n code: 'ma'\n}, {\n name: 'Mozambique',\n code: 'mz'\n}, {\n name: 'Myanmar',\n code: 'mm'\n}, {\n name: 'Namibia',\n code: 'na'\n}, {\n name: 'Nauru',\n code: 'nr'\n}, {\n name: 'Nepal',\n code: 'np'\n}, {\n name: 'Netherlands',\n code: 'nl'\n}, {\n name: 'New Caledonia',\n code: 'nc'\n}, {\n name: 'New Zealand',\n code: 'nz'\n}, {\n name: 'Nicaragua',\n code: 'ni'\n}, {\n name: 'Niger',\n code: 'ne'\n}, {\n name: 'Nigeria',\n code: 'ng'\n}, {\n name: 'Niue',\n code: 'nu'\n}, {\n name: 'Norfolk Island',\n code: 'nf'\n}, {\n name: 'Northern Mariana Islands',\n code: 'mp'\n}, {\n name: 'Norway',\n code: 'no'\n}, {\n name: 'Oman',\n code: 'om'\n}, {\n name: 'Pakistan',\n code: 'pk'\n}, {\n name: 'Palau',\n code: 'pw'\n}, {\n name: 'Palestine, State of',\n code: 'ps'\n}, {\n name: 'Panama',\n code: 'pa'\n}, {\n name: 'Papua New Guinea',\n code: 'pg'\n}, {\n name: 'Paraguay',\n code: 'py'\n}, {\n name: 'Peru',\n code: 'pe'\n}, {\n name: 'Philippines',\n code: 'ph'\n}, {\n name: 'Pitcairn',\n code: 'pn'\n}, {\n name: 'Poland',\n code: 'pl'\n}, {\n name: 'Portugal',\n code: 'pt'\n}, {\n name: 'Puerto Rico',\n code: 'pr'\n}, {\n name: 'Qatar',\n code: 'qa'\n}, {\n name: 'Réunion',\n code: 're'\n}, {\n name: 'Romania',\n code: 'ro'\n}, {\n name: 'Russian Federation',\n code: 'ru'\n}, {\n name: 'Rwanda',\n code: 'rw'\n}, {\n name: 'Saint Barthélemy',\n code: 'bl'\n}, {\n name: 'Saint Helena, Ascension and Tristan da Cunha',\n code: 'sh'\n}, {\n name: 'Saint Kitts and Nevis',\n code: 'kn'\n}, {\n name: 'Saint Lucia',\n code: 'lc'\n}, {\n name: 'Saint Martin (French part)',\n code: 'mf'\n}, {\n name: 'Saint Pierre and Miquelon',\n code: 'pm'\n}, {\n name: 'Saint Vincent and the Grenadines',\n code: 'vc'\n}, {\n name: 'Samoa',\n code: 'ws'\n}, {\n name: 'San Marino',\n code: 'sm'\n}, {\n name: 'Sao Tome and Principe',\n code: 'st'\n}, {\n name: 'Saudi Arabia',\n code: 'sa'\n}, {\n name: 'Senegal',\n code: 'sn'\n}, {\n name: 'Serbia',\n code: 'rs'\n}, {\n name: 'Seychelles',\n code: 'sc'\n}, {\n name: 'Sierra Leone',\n code: 'sl'\n}, {\n name: 'Singapore',\n code: 'sg'\n}, {\n name: 'Sint Maarten (Dutch part)',\n code: 'sx'\n}, {\n name: 'Slovakia',\n code: 'sk'\n}, {\n name: 'Slovenia',\n code: 'si'\n}, {\n name: 'Solomon Islands',\n code: 'sb'\n}, {\n name: 'Somalia',\n code: 'so'\n}, {\n name: 'South Africa',\n code: 'za'\n}, {\n name: 'South Georgia and the South Sandwich Islands',\n code: 'gs'\n}, {\n name: 'South Sudan',\n code: 'ss'\n}, {\n name: 'Spain',\n code: 'es'\n}, {\n name: 'Sri Lanka',\n code: 'lk'\n}, {\n name: 'Sudan',\n code: 'sd'\n}, {\n name: 'Suriname',\n code: 'sr'\n}, {\n name: 'Svalbard and Jan Mayen',\n code: 'sj'\n}, {\n name: 'Swaziland',\n code: 'sz'\n}, {\n name: 'Sweden',\n code: 'se'\n}, {\n name: 'Switzerland',\n code: 'ch'\n}, {\n name: 'Syrian Arab Republic',\n code: 'sy'\n}, {\n name: 'Taiwan, Province of China',\n code: 'tw'\n}, {\n name: 'Tajikistan',\n code: 'tj'\n}, {\n name: 'Tanzania, United Republic of',\n code: 'tz'\n}, {\n name: 'Thailand',\n code: 'th'\n}, {\n name: 'Timor-Leste',\n code: 'tl'\n}, {\n name: 'Togo',\n code: 'tg'\n}, {\n name: 'Tokelau',\n code: 'tk'\n}, {\n name: 'Tonga',\n code: 'to'\n}, {\n name: 'Trinidad and Tobago',\n code: 'tt'\n}, {\n name: 'Tunisia',\n code: 'tn'\n}, {\n name: 'Turkey',\n code: 'tr'\n}, {\n name: 'Turkmenistan',\n code: 'tm'\n}, {\n name: 'Turks and Caicos Islands',\n code: 'tc'\n}, {\n name: 'Tuvalu',\n code: 'tv'\n}, {\n name: 'Uganda',\n code: 'ug'\n}, {\n name: 'Ukraine',\n code: 'ua'\n}, {\n name: 'United Arab Emirates',\n code: 'ae'\n}, {\n name: 'United Kingdom',\n code: 'gb'\n}, {\n name: 'England',\n code: 'gb-eng'\n}, {\n name: 'Northern Ireland',\n code: 'gb-nir'\n}, {\n name: 'Scotland',\n code: 'gb-sct'\n}, {\n name: 'Wales',\n code: 'gb-wls'\n}, {\n name: 'United Nations',\n code: 'un'\n}, {\n name: 'United States',\n code: 'us'\n}, {\n name: 'United States Minor Outlying Islands',\n code: 'um'\n}, {\n name: 'Uruguay',\n code: 'uy'\n}, {\n name: 'Uzbekistan',\n code: 'uz'\n}, {\n name: 'Vanuatu',\n code: 'vu'\n}, {\n name: 'Venezuela, Bolivarian Republic of',\n code: 've'\n}, {\n name: 'Viet Nam',\n code: 'vn'\n}, {\n name: 'Virgin Islands, British',\n code: 'vg'\n}, {\n name: 'Virgin Islands, U.S.',\n code: 'vi'\n}, {\n name: 'Wallis and Futuna',\n code: 'wf'\n}, {\n name: 'Western Sahara',\n code: 'eh'\n}, {\n name: 'Yemen',\n code: 'ye'\n}, {\n name: 'Zambia',\n code: 'zm'\n}, {\n name: 'Zimbabwe',\n code: 'zw'\n}];","var _this = this;\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar fnThemeStylesValidator = function fnThemeStylesValidator(propsObject, propsValues, propName, componentName) {\n var useCssModules = propsValues.useCssModules,\n customCodes = propsValues.customCodes;\n if (!useCssModules) return;\n\n if (customCodes) {\n var themeStyles = propsValues.themeStyles;\n\n if (themeStyles) {\n var themeStylesClassNames = Object.keys(themeStyles);\n var result = Object.keys(customCodes).filter(function (customCode) {\n return !themeStylesClassNames.includes(\"flag-icon-\".concat(customCode));\n });\n\n if (result.length > 0) {\n return new Error(\"Invalid prop(s) `themeStyles` supplied to `\".concat(componentName, \"`, expected `.flag-icon-[\").concat(result.join('/'), \"]`.\"));\n }\n } else {\n return new Error(\"Missing required prop(s) `themeStyles` supplied to `\".concat(componentName, \"`.\"));\n }\n }\n};\n\nexport var AddThemeStylesValidator = function AddThemeStylesValidator(obj) {\n var validatorKeyName = '__themeStyles__';\n\n if (Object.prototype.hasOwnProperty.call(obj, validatorKeyName)) {\n return obj;\n }\n\n return _objectSpread({}, obj, _defineProperty({}, validatorKeyName, fnThemeStylesValidator.bind(_this, obj)));\n};\n\nvar fnNoExtraPropsValidator = function fnNoExtraPropsValidator(propsObject, propsValues, propName, componentName) {\n var passedPropNames = Object.keys(propsValues);\n var extra = passedPropNames.filter(function (prop) {\n return !Object.prototype.hasOwnProperty.call(propsObject, prop);\n });\n\n if (extra.length > 0) {\n return new Error(\"Invalid prop(s) \".concat(JSON.stringify(extra), \" supplied to `\").concat(componentName, \"`, expected one of [\").concat(passedPropNames.join(','), \"].\"));\n }\n};\n\nexport var AddNoExtraPropsValidator = function AddNoExtraPropsValidator(obj) {\n var validatorKeyName = '__no__extra__props__validator___';\n\n if (Object.prototype.hasOwnProperty.call(obj, validatorKeyName)) {\n return obj;\n }\n\n return _objectSpread({}, obj, _defineProperty({}, validatorKeyName, fnNoExtraPropsValidator.bind(_this, obj)));\n};","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport PropTypes from 'prop-types';\nimport { getRotates, getFlips, getSizes } from '../functions/props';\nimport { AddNoExtraPropsValidator, AddThemeStylesValidator } from '../functions/propTypes';\nvar FlagIconSizeType = PropTypes.oneOf(getSizes());\nvar FlagIconRotateType = PropTypes.oneOf(getRotates());\nvar FlagIconFlipType = PropTypes.oneOf(getFlips());\n\nvar makeFlagIconCodeType = function makeFlagIconCodeType(codes) {\n return PropTypes.oneOf(codes);\n};\n\nvar makeFlagIconClassesObject = function makeFlagIconClassesObject(codes) {\n return {\n code: makeFlagIconCodeType(codes).isRequired,\n size: FlagIconSizeType,\n squared: PropTypes.bool,\n rotate: FlagIconRotateType,\n flip: FlagIconFlipType,\n className: PropTypes.string,\n styleName: PropTypes.string\n };\n};\n\nvar makeFlagIconPropsTypeObject = function makeFlagIconPropsTypeObject(codes) {\n return _objectSpread({}, makeFlagIconClassesObject(codes), {\n children: PropTypes.element,\n Component: PropTypes.string\n });\n};\n\nexport var MakeFlagIconPropsType = function MakeFlagIconPropsType(codes) {\n return AddNoExtraPropsValidator(makeFlagIconPropsTypeObject(codes));\n};\nvar flagIconOptionsType = {\n customCodes: PropTypes.object,\n themeStyles: PropTypes.object,\n useCssModules: PropTypes.bool\n};\nexport var MakeFlagIconOptionsPropType = function MakeFlagIconOptionsPropType() {\n return AddNoExtraPropsValidator(AddThemeStylesValidator(flagIconOptionsType));\n};","import { sizes, rotates, flips, countries } from '../static/enums';\nexport var getCountries = function getCountries() {\n return countries;\n};\nexport var getCountryCodes = function getCountryCodes() {\n return countries.map(function (country) {\n return country.code;\n });\n};\nexport var getFlips = function getFlips() {\n return flips;\n};\nexport var getRotates = function getRotates() {\n return rotates;\n};\nexport var getSizes = function getSizes() {\n return sizes;\n};","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport PropTypes from 'prop-types';\nimport { MakeFlagIconOptionsPropType } from '../types/propTypes';\nvar defaultOptions = {\n useCssModules: true\n};\nexport default (function (options) {\n var computedOptions = _objectSpread({}, defaultOptions, options);\n\n PropTypes.checkPropTypes(MakeFlagIconOptionsPropType(), computedOptions, 'key', 'FlagIconFactory options');\n return computedOptions;\n});","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nexport var validateStyles = function validateStyles(styles, computedOptions, options) {\n if (process.env.NODE_ENV !== 'production') {\n if (!computedOptions) throw Error('Passing `computedOptions` is required.');\n\n if (!computedOptions.useCssModules) {\n throw Error('Cannot validate global CSS.');\n }\n\n var userSetUseCssModules = options ? options.useCssModules : false;\n\n if (!Object.prototype.hasOwnProperty.call(styles, 'flag-icon')) {\n var readme = 'https://github.com/matteocng/react-flag-icon-css/blob/master/README.md';\n var readmeModules = 'https://github.com/gajus/react-css-modules#usage';\n console.error(\"Warning: Detected configuration mismatch/error: [react-flag-icon-css] FlagIconFactory tried to build FlagIcon with the option 'useCssModules' set to true (\".concat(userSetUseCssModules ? 'by you' : 'default', \"), but it seems that your environment is not loading the stylesheets in the appropriate way. Two possibilities: \\n\\n 1. Your project is not using CSS Modules / you don't want to use them. Try building FlagIcon like this: \\n\\n\\timport * as React from 'react' \\n\\n\\tconst FlagIcon = FlagIconFactory(React, { useCssModules: false }) \\n\\n\\tSee the README for more info: \").concat(readme, \" \\n\\n 2. You are using CSS Modules but your module bundler e.g Webpack is not correctly set up for CSS modules. If you are using Webpack, the key modules to set up are 'style-loader', 'css-loader' and 'extract-text-webpack-plugin' ('sass-loader' also comes into play if you are using SASS). The link below may help you:\\n\\n\\t\").concat(readmeModules));\n }\n }\n};\nexport default (function (styles, options) {\n return options && options.themeStyles ? _objectSpread({}, styles, options.themeStyles) : styles;\n});","import { makeClassnames } from '../functions';\n\nvar FlagIcon = function FlagIcon(React, options, styles) {\n return function (props) {\n var _props$Component = props.Component,\n Component = _props$Component === void 0 ? 'span' : _props$Component,\n children = props.children;\n return React.createElement(Component, {\n className: makeClassnames(props, options, styles)\n }, children);\n };\n};\n\nexport default FlagIcon;","function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport stylesFlagIcon from 'flag-icon-css/css/flag-icon.css';\nimport stylesMain from './styles/main.css';\n\nvar finalStyles = _objectSpread({}, stylesFlagIcon, stylesMain);\n\nexport default finalStyles;","function _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}\n\nfunction _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n}\n\nimport FlagIcon from './FlagIcon';\nimport styles from '../styles';\nimport { makeStyles, makeFlagIconOptions } from '../functions';\nimport { getCountryCodes } from '../functions/props';\nimport { validateStyles } from '../functions/styles';\nimport { MakeFlagIconPropsType } from '../types/propTypes';\n\nvar FlagIconFactory = function FlagIconFactory(React, options) {\n var computedOptions = makeFlagIconOptions(options);\n var useCssModules = computedOptions.useCssModules,\n customCodes = computedOptions.customCodes;\n var FlagIconComponent = null;\n\n if (useCssModules) {\n var computedStyles = makeStyles(styles, options);\n\n if (process.env.NODE_ENV !== 'production') {\n validateStyles(computedStyles, computedOptions, options);\n }\n\n FlagIconComponent = FlagIcon(React, computedOptions, computedStyles);\n } else {\n FlagIconComponent = FlagIcon(React, computedOptions);\n }\n\n FlagIconComponent.displayName = 'FlagIcon';\n\n if (process.env.NODE_ENV !== 'production') {\n var codes = getCountryCodes();\n\n if (customCodes) {\n codes = [].concat(_toConsumableArray(codes), _toConsumableArray(Object.keys(customCodes)));\n }\n\n FlagIconComponent.propTypes = MakeFlagIconPropsType(codes);\n }\n\n return FlagIconComponent;\n};\n\nexport default FlagIconFactory;\n\nvar CustomFlagIconFactory = function CustomFlagIconFactory(React, options) {\n return FlagIconFactory(React, options);\n};\n\nexport { CustomFlagIconFactory };","var __extends = this && this.__extends || function () {\n var _extendStatics = function extendStatics(d, b) {\n _extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) {\n if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n }\n };\n\n return _extendStatics(d, b);\n };\n\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n _extendStatics(d, b);\n\n function __() {\n this.constructor = d;\n }\n\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n}();\n\nvar __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nimport * as React from 'react';\nvar styles = {\n top: {\n width: '100%',\n height: '10px',\n top: '-5px',\n left: '0px',\n cursor: 'row-resize'\n },\n right: {\n width: '10px',\n height: '100%',\n top: '0px',\n right: '-5px',\n cursor: 'col-resize'\n },\n bottom: {\n width: '100%',\n height: '10px',\n bottom: '-5px',\n left: '0px',\n cursor: 'row-resize'\n },\n left: {\n width: '10px',\n height: '100%',\n top: '0px',\n left: '-5px',\n cursor: 'col-resize'\n },\n topRight: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '-10px',\n top: '-10px',\n cursor: 'ne-resize'\n },\n bottomRight: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '-10px',\n bottom: '-10px',\n cursor: 'se-resize'\n },\n bottomLeft: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n left: '-10px',\n bottom: '-10px',\n cursor: 'sw-resize'\n },\n topLeft: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n left: '-10px',\n top: '-10px',\n cursor: 'nw-resize'\n }\n};\n\nvar Resizer = function (_super) {\n __extends(Resizer, _super);\n\n function Resizer() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n\n _this.onMouseDown = function (e) {\n _this.props.onResizeStart(e, _this.props.direction);\n };\n\n _this.onTouchStart = function (e) {\n _this.props.onResizeStart(e, _this.props.direction);\n };\n\n return _this;\n }\n\n Resizer.prototype.render = function () {\n return React.createElement(\"div\", {\n className: this.props.className || '',\n style: __assign(__assign({\n position: 'absolute',\n userSelect: 'none'\n }, styles[this.props.direction]), this.props.replaceStyles || {}),\n onMouseDown: this.onMouseDown,\n onTouchStart: this.onTouchStart\n }, this.props.children);\n };\n\n return Resizer;\n}(React.PureComponent);\n\nexport { Resizer };","var __extends = this && this.__extends || function () {\n var _extendStatics = function extendStatics(d, b) {\n _extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) {\n if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n }\n };\n\n return _extendStatics(d, b);\n };\n\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n\n _extendStatics(d, b);\n\n function __() {\n this.constructor = d;\n }\n\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n}();\n\nvar __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nimport * as React from 'react';\nimport { Resizer } from './resizer';\nimport memoize from 'fast-memoize';\nvar DEFAULT_SIZE = {\n width: 'auto',\n height: 'auto'\n};\nvar clamp = memoize(function (n, min, max) {\n return Math.max(Math.min(n, max), min);\n});\nvar snap = memoize(function (n, size) {\n return Math.round(n / size) * size;\n});\nvar hasDirection = memoize(function (dir, target) {\n return new RegExp(dir, 'i').test(target);\n}); // INFO: In case of window is a Proxy and does not porxy Events correctly, use isTouchEvent & isMouseEvent to distinguish event type instead of `instanceof`.\n\nvar isTouchEvent = function isTouchEvent(event) {\n return Boolean(event.touches && event.touches.length);\n};\n\nvar isMouseEvent = function isMouseEvent(event) {\n return Boolean((event.clientX || event.clientX === 0) && (event.clientY || event.clientY === 0));\n};\n\nvar findClosestSnap = memoize(function (n, snapArray, snapGap) {\n if (snapGap === void 0) {\n snapGap = 0;\n }\n\n var closestGapIndex = snapArray.reduce(function (prev, curr, index) {\n return Math.abs(curr - n) < Math.abs(snapArray[prev] - n) ? index : prev;\n }, 0);\n var gap = Math.abs(snapArray[closestGapIndex] - n);\n return snapGap === 0 || gap < snapGap ? snapArray[closestGapIndex] : n;\n});\nvar endsWith = memoize(function (str, searchStr) {\n return str.substr(str.length - searchStr.length, searchStr.length) === searchStr;\n});\nvar getStringSize = memoize(function (n) {\n n = n.toString();\n\n if (n === 'auto') {\n return n;\n }\n\n if (endsWith(n, 'px')) {\n return n;\n }\n\n if (endsWith(n, '%')) {\n return n;\n }\n\n if (endsWith(n, 'vh')) {\n return n;\n }\n\n if (endsWith(n, 'vw')) {\n return n;\n }\n\n if (endsWith(n, 'vmax')) {\n return n;\n }\n\n if (endsWith(n, 'vmin')) {\n return n;\n }\n\n return n + \"px\";\n});\n\nvar getPixelSize = function getPixelSize(size, parentSize, innerWidth, innerHeight) {\n if (size && typeof size === 'string') {\n if (endsWith(size, 'px')) {\n return Number(size.replace('px', ''));\n }\n\n if (endsWith(size, '%')) {\n var ratio = Number(size.replace('%', '')) / 100;\n return parentSize * ratio;\n }\n\n if (endsWith(size, 'vw')) {\n var ratio = Number(size.replace('vw', '')) / 100;\n return innerWidth * ratio;\n }\n\n if (endsWith(size, 'vh')) {\n var ratio = Number(size.replace('vh', '')) / 100;\n return innerHeight * ratio;\n }\n }\n\n return size;\n};\n\nvar calculateNewMax = memoize(function (parentSize, innerWidth, innerHeight, maxWidth, maxHeight, minWidth, minHeight) {\n maxWidth = getPixelSize(maxWidth, parentSize.width, innerWidth, innerHeight);\n maxHeight = getPixelSize(maxHeight, parentSize.height, innerWidth, innerHeight);\n minWidth = getPixelSize(minWidth, parentSize.width, innerWidth, innerHeight);\n minHeight = getPixelSize(minHeight, parentSize.height, innerWidth, innerHeight);\n return {\n maxWidth: typeof maxWidth === 'undefined' ? undefined : Number(maxWidth),\n maxHeight: typeof maxHeight === 'undefined' ? undefined : Number(maxHeight),\n minWidth: typeof minWidth === 'undefined' ? undefined : Number(minWidth),\n minHeight: typeof minHeight === 'undefined' ? undefined : Number(minHeight)\n };\n});\nvar definedProps = ['as', 'style', 'className', 'grid', 'snap', 'bounds', 'boundsByDirection', 'size', 'defaultSize', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'lockAspectRatio', 'lockAspectRatioExtraWidth', 'lockAspectRatioExtraHeight', 'enable', 'handleStyles', 'handleClasses', 'handleWrapperStyle', 'handleWrapperClass', 'children', 'onResizeStart', 'onResize', 'onResizeStop', 'handleComponent', 'scale', 'resizeRatio', 'snapGap']; // HACK: This class is used to calculate % size.\n\nvar baseClassName = '__resizable_base__';\n\nvar Resizable = function (_super) {\n __extends(Resizable, _super);\n\n function Resizable(props) {\n var _this = _super.call(this, props) || this;\n\n _this.ratio = 1;\n _this.resizable = null; // For parent boundary\n\n _this.parentLeft = 0;\n _this.parentTop = 0; // For boundary\n\n _this.resizableLeft = 0;\n _this.resizableRight = 0;\n _this.resizableTop = 0;\n _this.resizableBottom = 0; // For target boundary\n\n _this.targetLeft = 0;\n _this.targetTop = 0;\n\n _this.appendBase = function () {\n if (!_this.resizable || !_this.window) {\n return null;\n }\n\n var parent = _this.parentNode;\n\n if (!parent) {\n return null;\n }\n\n var element = _this.window.document.createElement('div');\n\n element.style.width = '100%';\n element.style.height = '100%';\n element.style.position = 'absolute';\n element.style.transform = 'scale(0, 0)';\n element.style.left = '0';\n element.style.flex = '0';\n\n if (element.classList) {\n element.classList.add(baseClassName);\n } else {\n element.className += baseClassName;\n }\n\n parent.appendChild(element);\n return element;\n };\n\n _this.removeBase = function (base) {\n var parent = _this.parentNode;\n\n if (!parent) {\n return;\n }\n\n parent.removeChild(base);\n };\n\n _this.ref = function (c) {\n if (c) {\n _this.resizable = c;\n }\n };\n\n _this.state = {\n isResizing: false,\n width: typeof (_this.propsSize && _this.propsSize.width) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.width,\n height: typeof (_this.propsSize && _this.propsSize.height) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.height,\n direction: 'right',\n original: {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n },\n backgroundStyle: {\n height: '100%',\n width: '100%',\n backgroundColor: 'rgba(0,0,0,0)',\n cursor: 'auto',\n opacity: 0,\n position: 'fixed',\n zIndex: 9999,\n top: '0',\n left: '0',\n bottom: '0',\n right: '0'\n },\n flexBasis: undefined\n };\n _this.onResizeStart = _this.onResizeStart.bind(_this);\n _this.onMouseMove = _this.onMouseMove.bind(_this);\n _this.onMouseUp = _this.onMouseUp.bind(_this);\n return _this;\n }\n\n Object.defineProperty(Resizable.prototype, \"parentNode\", {\n get: function get() {\n if (!this.resizable) {\n return null;\n }\n\n return this.resizable.parentNode;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"window\", {\n get: function get() {\n if (!this.resizable) {\n return null;\n }\n\n if (!this.resizable.ownerDocument) {\n return null;\n }\n\n return this.resizable.ownerDocument.defaultView;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"propsSize\", {\n get: function get() {\n return this.props.size || this.props.defaultSize || DEFAULT_SIZE;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"size\", {\n get: function get() {\n var width = 0;\n var height = 0;\n\n if (this.resizable && this.window) {\n var orgWidth = this.resizable.offsetWidth;\n var orgHeight = this.resizable.offsetHeight; // HACK: Set position `relative` to get parent size.\n // This is because when re-resizable set `absolute`, I can not get base width correctly.\n\n var orgPosition = this.resizable.style.position;\n\n if (orgPosition !== 'relative') {\n this.resizable.style.position = 'relative';\n } // INFO: Use original width or height if set auto.\n\n\n width = this.resizable.style.width !== 'auto' ? this.resizable.offsetWidth : orgWidth;\n height = this.resizable.style.height !== 'auto' ? this.resizable.offsetHeight : orgHeight; // Restore original position\n\n this.resizable.style.position = orgPosition;\n }\n\n return {\n width: width,\n height: height\n };\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"sizeStyle\", {\n get: function get() {\n var _this = this;\n\n var size = this.props.size;\n\n var getSize = function getSize(key) {\n if (typeof _this.state[key] === 'undefined' || _this.state[key] === 'auto') {\n return 'auto';\n }\n\n if (_this.propsSize && _this.propsSize[key] && endsWith(_this.propsSize[key].toString(), '%')) {\n if (endsWith(_this.state[key].toString(), '%')) {\n return _this.state[key].toString();\n }\n\n var parentSize = _this.getParentSize();\n\n var value = Number(_this.state[key].toString().replace('px', ''));\n var percent = value / parentSize[key] * 100;\n return percent + \"%\";\n }\n\n return getStringSize(_this.state[key]);\n };\n\n var width = size && typeof size.width !== 'undefined' && !this.state.isResizing ? getStringSize(size.width) : getSize('width');\n var height = size && typeof size.height !== 'undefined' && !this.state.isResizing ? getStringSize(size.height) : getSize('height');\n return {\n width: width,\n height: height\n };\n },\n enumerable: false,\n configurable: true\n });\n\n Resizable.prototype.getParentSize = function () {\n if (!this.parentNode) {\n if (!this.window) {\n return {\n width: 0,\n height: 0\n };\n }\n\n return {\n width: this.window.innerWidth,\n height: this.window.innerHeight\n };\n }\n\n var base = this.appendBase();\n\n if (!base) {\n return {\n width: 0,\n height: 0\n };\n } // INFO: To calculate parent width with flex layout\n\n\n var wrapChanged = false;\n var wrap = this.parentNode.style.flexWrap;\n\n if (wrap !== 'wrap') {\n wrapChanged = true;\n this.parentNode.style.flexWrap = 'wrap'; // HACK: Use relative to get parent padding size\n }\n\n base.style.position = 'relative';\n base.style.minWidth = '100%';\n var size = {\n width: base.offsetWidth,\n height: base.offsetHeight\n };\n\n if (wrapChanged) {\n this.parentNode.style.flexWrap = wrap;\n }\n\n this.removeBase(base);\n return size;\n };\n\n Resizable.prototype.bindEvents = function () {\n if (this.window) {\n this.window.addEventListener('mouseup', this.onMouseUp);\n this.window.addEventListener('mousemove', this.onMouseMove);\n this.window.addEventListener('mouseleave', this.onMouseUp);\n this.window.addEventListener('touchmove', this.onMouseMove, {\n capture: true,\n passive: false\n });\n this.window.addEventListener('touchend', this.onMouseUp);\n }\n };\n\n Resizable.prototype.unbindEvents = function () {\n if (this.window) {\n this.window.removeEventListener('mouseup', this.onMouseUp);\n this.window.removeEventListener('mousemove', this.onMouseMove);\n this.window.removeEventListener('mouseleave', this.onMouseUp);\n this.window.removeEventListener('touchmove', this.onMouseMove, true);\n this.window.removeEventListener('touchend', this.onMouseUp);\n }\n };\n\n Resizable.prototype.componentDidMount = function () {\n if (!this.resizable || !this.window) {\n return;\n }\n\n var computedStyle = this.window.getComputedStyle(this.resizable);\n this.setState({\n width: this.state.width || this.size.width,\n height: this.state.height || this.size.height,\n flexBasis: computedStyle.flexBasis !== 'auto' ? computedStyle.flexBasis : undefined\n });\n };\n\n Resizable.prototype.componentWillUnmount = function () {\n if (this.window) {\n this.unbindEvents();\n }\n };\n\n Resizable.prototype.createSizeForCssProperty = function (newSize, kind) {\n var propsSize = this.propsSize && this.propsSize[kind];\n return this.state[kind] === 'auto' && this.state.original[kind] === newSize && (typeof propsSize === 'undefined' || propsSize === 'auto') ? 'auto' : newSize;\n };\n\n Resizable.prototype.calculateNewMaxFromBoundary = function (maxWidth, maxHeight) {\n var boundsByDirection = this.props.boundsByDirection;\n var direction = this.state.direction;\n var widthByDirection = boundsByDirection && hasDirection('left', direction);\n var heightByDirection = boundsByDirection && hasDirection('top', direction);\n var boundWidth;\n var boundHeight;\n\n if (this.props.bounds === 'parent') {\n var parent_1 = this.parentNode;\n\n if (parent_1) {\n boundWidth = widthByDirection ? this.resizableRight - this.parentLeft : parent_1.offsetWidth + (this.parentLeft - this.resizableLeft);\n boundHeight = heightByDirection ? this.resizableBottom - this.parentTop : parent_1.offsetHeight + (this.parentTop - this.resizableTop);\n }\n } else if (this.props.bounds === 'window') {\n if (this.window) {\n boundWidth = widthByDirection ? this.resizableRight : this.window.innerWidth - this.resizableLeft;\n boundHeight = heightByDirection ? this.resizableBottom : this.window.innerHeight - this.resizableTop;\n }\n } else if (this.props.bounds) {\n boundWidth = widthByDirection ? this.resizableRight - this.targetLeft : this.props.bounds.offsetWidth + (this.targetLeft - this.resizableLeft);\n boundHeight = heightByDirection ? this.resizableBottom - this.targetTop : this.props.bounds.offsetHeight + (this.targetTop - this.resizableTop);\n }\n\n if (boundWidth && Number.isFinite(boundWidth)) {\n maxWidth = maxWidth && maxWidth < boundWidth ? maxWidth : boundWidth;\n }\n\n if (boundHeight && Number.isFinite(boundHeight)) {\n maxHeight = maxHeight && maxHeight < boundHeight ? maxHeight : boundHeight;\n }\n\n return {\n maxWidth: maxWidth,\n maxHeight: maxHeight\n };\n };\n\n Resizable.prototype.calculateNewSizeFromDirection = function (clientX, clientY) {\n var scale = this.props.scale || 1;\n var resizeRatio = this.props.resizeRatio || 1;\n var _a = this.state,\n direction = _a.direction,\n original = _a.original;\n var _b = this.props,\n lockAspectRatio = _b.lockAspectRatio,\n lockAspectRatioExtraHeight = _b.lockAspectRatioExtraHeight,\n lockAspectRatioExtraWidth = _b.lockAspectRatioExtraWidth;\n var newWidth = original.width;\n var newHeight = original.height;\n var extraHeight = lockAspectRatioExtraHeight || 0;\n var extraWidth = lockAspectRatioExtraWidth || 0;\n\n if (hasDirection('right', direction)) {\n newWidth = original.width + (clientX - original.x) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newHeight = (newWidth - extraWidth) / this.ratio + extraHeight;\n }\n }\n\n if (hasDirection('left', direction)) {\n newWidth = original.width - (clientX - original.x) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newHeight = (newWidth - extraWidth) / this.ratio + extraHeight;\n }\n }\n\n if (hasDirection('bottom', direction)) {\n newHeight = original.height + (clientY - original.y) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newWidth = (newHeight - extraHeight) * this.ratio + extraWidth;\n }\n }\n\n if (hasDirection('top', direction)) {\n newHeight = original.height - (clientY - original.y) * resizeRatio / scale;\n\n if (lockAspectRatio) {\n newWidth = (newHeight - extraHeight) * this.ratio + extraWidth;\n }\n }\n\n return {\n newWidth: newWidth,\n newHeight: newHeight\n };\n };\n\n Resizable.prototype.calculateNewSizeFromAspectRatio = function (newWidth, newHeight, max, min) {\n var _a = this.props,\n lockAspectRatio = _a.lockAspectRatio,\n lockAspectRatioExtraHeight = _a.lockAspectRatioExtraHeight,\n lockAspectRatioExtraWidth = _a.lockAspectRatioExtraWidth;\n var computedMinWidth = typeof min.width === 'undefined' ? 10 : min.width;\n var computedMaxWidth = typeof max.width === 'undefined' || max.width < 0 ? newWidth : max.width;\n var computedMinHeight = typeof min.height === 'undefined' ? 10 : min.height;\n var computedMaxHeight = typeof max.height === 'undefined' || max.height < 0 ? newHeight : max.height;\n var extraHeight = lockAspectRatioExtraHeight || 0;\n var extraWidth = lockAspectRatioExtraWidth || 0;\n\n if (lockAspectRatio) {\n var extraMinWidth = (computedMinHeight - extraHeight) * this.ratio + extraWidth;\n var extraMaxWidth = (computedMaxHeight - extraHeight) * this.ratio + extraWidth;\n var extraMinHeight = (computedMinWidth - extraWidth) / this.ratio + extraHeight;\n var extraMaxHeight = (computedMaxWidth - extraWidth) / this.ratio + extraHeight;\n var lockedMinWidth = Math.max(computedMinWidth, extraMinWidth);\n var lockedMaxWidth = Math.min(computedMaxWidth, extraMaxWidth);\n var lockedMinHeight = Math.max(computedMinHeight, extraMinHeight);\n var lockedMaxHeight = Math.min(computedMaxHeight, extraMaxHeight);\n newWidth = clamp(newWidth, lockedMinWidth, lockedMaxWidth);\n newHeight = clamp(newHeight, lockedMinHeight, lockedMaxHeight);\n } else {\n newWidth = clamp(newWidth, computedMinWidth, computedMaxWidth);\n newHeight = clamp(newHeight, computedMinHeight, computedMaxHeight);\n }\n\n return {\n newWidth: newWidth,\n newHeight: newHeight\n };\n };\n\n Resizable.prototype.setBoundingClientRect = function () {\n // For parent boundary\n if (this.props.bounds === 'parent') {\n var parent_2 = this.parentNode;\n\n if (parent_2) {\n var parentRect = parent_2.getBoundingClientRect();\n this.parentLeft = parentRect.left;\n this.parentTop = parentRect.top;\n }\n } // For target(html element) boundary\n\n\n if (this.props.bounds && typeof this.props.bounds !== 'string') {\n var targetRect = this.props.bounds.getBoundingClientRect();\n this.targetLeft = targetRect.left;\n this.targetTop = targetRect.top;\n } // For boundary\n\n\n if (this.resizable) {\n var _a = this.resizable.getBoundingClientRect(),\n left = _a.left,\n top_1 = _a.top,\n right = _a.right,\n bottom = _a.bottom;\n\n this.resizableLeft = left;\n this.resizableRight = right;\n this.resizableTop = top_1;\n this.resizableBottom = bottom;\n }\n };\n\n Resizable.prototype.onResizeStart = function (event, direction) {\n if (!this.resizable || !this.window) {\n return;\n }\n\n var clientX = 0;\n var clientY = 0;\n\n if (event.nativeEvent && isMouseEvent(event.nativeEvent)) {\n clientX = event.nativeEvent.clientX;\n clientY = event.nativeEvent.clientY;\n } else if (event.nativeEvent && isTouchEvent(event.nativeEvent)) {\n clientX = event.nativeEvent.touches[0].clientX;\n clientY = event.nativeEvent.touches[0].clientY;\n }\n\n if (this.props.onResizeStart) {\n if (this.resizable) {\n var startResize = this.props.onResizeStart(event, direction, this.resizable);\n\n if (startResize === false) {\n return;\n }\n }\n } // Fix #168\n\n\n if (this.props.size) {\n if (typeof this.props.size.height !== 'undefined' && this.props.size.height !== this.state.height) {\n this.setState({\n height: this.props.size.height\n });\n }\n\n if (typeof this.props.size.width !== 'undefined' && this.props.size.width !== this.state.width) {\n this.setState({\n width: this.props.size.width\n });\n }\n } // For lockAspectRatio case\n\n\n this.ratio = typeof this.props.lockAspectRatio === 'number' ? this.props.lockAspectRatio : this.size.width / this.size.height;\n var flexBasis;\n var computedStyle = this.window.getComputedStyle(this.resizable);\n\n if (computedStyle.flexBasis !== 'auto') {\n var parent_3 = this.parentNode;\n\n if (parent_3) {\n var dir = this.window.getComputedStyle(parent_3).flexDirection;\n this.flexDir = dir.startsWith('row') ? 'row' : 'column';\n flexBasis = computedStyle.flexBasis;\n }\n } // For boundary\n\n\n this.setBoundingClientRect();\n this.bindEvents();\n var state = {\n original: {\n x: clientX,\n y: clientY,\n width: this.size.width,\n height: this.size.height\n },\n isResizing: true,\n backgroundStyle: __assign(__assign({}, this.state.backgroundStyle), {\n cursor: this.window.getComputedStyle(event.target).cursor || 'auto'\n }),\n direction: direction,\n flexBasis: flexBasis\n };\n this.setState(state);\n };\n\n Resizable.prototype.onMouseMove = function (event) {\n if (!this.state.isResizing || !this.resizable || !this.window) {\n return;\n }\n\n if (this.window.TouchEvent && isTouchEvent(event)) {\n try {\n event.preventDefault();\n event.stopPropagation();\n } catch (e) {// Ignore on fail\n }\n }\n\n var _a = this.props,\n maxWidth = _a.maxWidth,\n maxHeight = _a.maxHeight,\n minWidth = _a.minWidth,\n minHeight = _a.minHeight;\n var clientX = isTouchEvent(event) ? event.touches[0].clientX : event.clientX;\n var clientY = isTouchEvent(event) ? event.touches[0].clientY : event.clientY;\n var _b = this.state,\n direction = _b.direction,\n original = _b.original,\n width = _b.width,\n height = _b.height;\n var parentSize = this.getParentSize();\n var max = calculateNewMax(parentSize, this.window.innerWidth, this.window.innerHeight, maxWidth, maxHeight, minWidth, minHeight);\n maxWidth = max.maxWidth;\n maxHeight = max.maxHeight;\n minWidth = max.minWidth;\n minHeight = max.minHeight; // Calculate new size\n\n var _c = this.calculateNewSizeFromDirection(clientX, clientY),\n newHeight = _c.newHeight,\n newWidth = _c.newWidth; // Calculate max size from boundary settings\n\n\n var boundaryMax = this.calculateNewMaxFromBoundary(maxWidth, maxHeight); // Calculate new size from aspect ratio\n\n var newSize = this.calculateNewSizeFromAspectRatio(newWidth, newHeight, {\n width: boundaryMax.maxWidth,\n height: boundaryMax.maxHeight\n }, {\n width: minWidth,\n height: minHeight\n });\n newWidth = newSize.newWidth;\n newHeight = newSize.newHeight;\n\n if (this.props.grid) {\n var newGridWidth = snap(newWidth, this.props.grid[0]);\n var newGridHeight = snap(newHeight, this.props.grid[1]);\n var gap = this.props.snapGap || 0;\n newWidth = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap ? newGridWidth : newWidth;\n newHeight = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;\n }\n\n if (this.props.snap && this.props.snap.x) {\n newWidth = findClosestSnap(newWidth, this.props.snap.x, this.props.snapGap);\n }\n\n if (this.props.snap && this.props.snap.y) {\n newHeight = findClosestSnap(newHeight, this.props.snap.y, this.props.snapGap);\n }\n\n var delta = {\n width: newWidth - original.width,\n height: newHeight - original.height\n };\n\n if (width && typeof width === 'string') {\n if (endsWith(width, '%')) {\n var percent = newWidth / parentSize.width * 100;\n newWidth = percent + \"%\";\n } else if (endsWith(width, 'vw')) {\n var vw = newWidth / this.window.innerWidth * 100;\n newWidth = vw + \"vw\";\n } else if (endsWith(width, 'vh')) {\n var vh = newWidth / this.window.innerHeight * 100;\n newWidth = vh + \"vh\";\n }\n }\n\n if (height && typeof height === 'string') {\n if (endsWith(height, '%')) {\n var percent = newHeight / parentSize.height * 100;\n newHeight = percent + \"%\";\n } else if (endsWith(height, 'vw')) {\n var vw = newHeight / this.window.innerWidth * 100;\n newHeight = vw + \"vw\";\n } else if (endsWith(height, 'vh')) {\n var vh = newHeight / this.window.innerHeight * 100;\n newHeight = vh + \"vh\";\n }\n }\n\n var newState = {\n width: this.createSizeForCssProperty(newWidth, 'width'),\n height: this.createSizeForCssProperty(newHeight, 'height')\n };\n\n if (this.flexDir === 'row') {\n newState.flexBasis = newState.width;\n } else if (this.flexDir === 'column') {\n newState.flexBasis = newState.height;\n }\n\n this.setState(newState);\n\n if (this.props.onResize) {\n this.props.onResize(event, direction, this.resizable, delta);\n }\n };\n\n Resizable.prototype.onMouseUp = function (event) {\n var _a = this.state,\n isResizing = _a.isResizing,\n direction = _a.direction,\n original = _a.original;\n\n if (!isResizing || !this.resizable) {\n return;\n }\n\n var delta = {\n width: this.size.width - original.width,\n height: this.size.height - original.height\n };\n\n if (this.props.onResizeStop) {\n this.props.onResizeStop(event, direction, this.resizable, delta);\n }\n\n if (this.props.size) {\n this.setState(this.props.size);\n }\n\n this.unbindEvents();\n this.setState({\n isResizing: false,\n backgroundStyle: __assign(__assign({}, this.state.backgroundStyle), {\n cursor: 'auto'\n })\n });\n };\n\n Resizable.prototype.updateSize = function (size) {\n this.setState({\n width: size.width,\n height: size.height\n });\n };\n\n Resizable.prototype.renderResizer = function () {\n var _this = this;\n\n var _a = this.props,\n enable = _a.enable,\n handleStyles = _a.handleStyles,\n handleClasses = _a.handleClasses,\n handleWrapperStyle = _a.handleWrapperStyle,\n handleWrapperClass = _a.handleWrapperClass,\n handleComponent = _a.handleComponent;\n\n if (!enable) {\n return null;\n }\n\n var resizers = Object.keys(enable).map(function (dir) {\n if (enable[dir] !== false) {\n return React.createElement(Resizer, {\n key: dir,\n direction: dir,\n onResizeStart: _this.onResizeStart,\n replaceStyles: handleStyles && handleStyles[dir],\n className: handleClasses && handleClasses[dir]\n }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null);\n }\n\n return null;\n }); // #93 Wrap the resize box in span (will not break 100% width/height)\n\n return React.createElement(\"div\", {\n className: handleWrapperClass,\n style: handleWrapperStyle\n }, resizers);\n };\n\n Resizable.prototype.render = function () {\n var _this = this;\n\n var extendsProps = Object.keys(this.props).reduce(function (acc, key) {\n if (definedProps.indexOf(key) !== -1) {\n return acc;\n }\n\n acc[key] = _this.props[key];\n return acc;\n }, {});\n\n var style = __assign(__assign(__assign({\n position: 'relative',\n userSelect: this.state.isResizing ? 'none' : 'auto'\n }, this.props.style), this.sizeStyle), {\n maxWidth: this.props.maxWidth,\n maxHeight: this.props.maxHeight,\n minWidth: this.props.minWidth,\n minHeight: this.props.minHeight,\n boxSizing: 'border-box',\n flexShrink: 0\n });\n\n if (this.state.flexBasis) {\n style.flexBasis = this.state.flexBasis;\n }\n\n var Wrapper = this.props.as || 'div';\n return React.createElement(Wrapper, __assign({\n ref: this.ref,\n style: style,\n className: this.props.className\n }, extendsProps), this.state.isResizing && React.createElement(\"div\", {\n style: this.state.backgroundStyle\n }), this.props.children, this.renderResizer());\n };\n\n Resizable.defaultProps = {\n as: 'div',\n onResizeStart: function onResizeStart() {},\n onResize: function onResize() {},\n onResizeStop: function onResizeStop() {},\n enable: {\n top: true,\n right: true,\n bottom: true,\n left: true,\n topRight: true,\n bottomRight: true,\n bottomLeft: true,\n topLeft: true\n },\n style: {},\n grid: [1, 1],\n lockAspectRatio: false,\n lockAspectRatioExtraWidth: 0,\n lockAspectRatioExtraHeight: 0,\n scale: 1,\n resizeRatio: 1,\n snapGap: 0\n };\n return Resizable;\n}(React.PureComponent);\n\nexport { Resizable };","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","/* eslint-disable no-restricted-syntax */\nexport default function getThemeProps(params) {\n var theme = params.theme,\n name = params.name,\n props = params.props;\n\n if (!theme || !theme.props || !theme.props[name]) {\n return props;\n } // Resolve default props, code borrow from React source.\n // https://github.com/facebook/react/blob/15a8f031838a553e41c0b66eb1bcf1da8448104d/packages/react/src/ReactElement.js#L221\n\n\n var defaultProps = theme.props[name];\n var propName;\n\n for (propName in defaultProps) {\n if (props[propName] === undefined) {\n props[propName] = defaultProps[propName];\n }\n }\n\n return props;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n userSelect: 'none',\n width: '1em',\n height: '1em',\n display: 'inline-block',\n fill: 'currentColor',\n flexShrink: 0,\n fontSize: theme.typography.pxToRem(24),\n transition: theme.transitions.create('fill', {\n duration: theme.transitions.duration.shorter\n })\n },\n\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n color: theme.palette.primary.main\n },\n\n /* Styles applied to the root element if `color=\"secondary\"`. */\n colorSecondary: {\n color: theme.palette.secondary.main\n },\n\n /* Styles applied to the root element if `color=\"action\"`. */\n colorAction: {\n color: theme.palette.action.active\n },\n\n /* Styles applied to the root element if `color=\"error\"`. */\n colorError: {\n color: theme.palette.error.main\n },\n\n /* Styles applied to the root element if `color=\"disabled\"`. */\n colorDisabled: {\n color: theme.palette.action.disabled\n },\n\n /* Styles applied to the root element if `fontSize=\"inherit\"`. */\n fontSizeInherit: {\n fontSize: 'inherit'\n },\n\n /* Styles applied to the root element if `fontSize=\"small\"`. */\n fontSizeSmall: {\n fontSize: theme.typography.pxToRem(20)\n },\n\n /* Styles applied to the root element if `fontSize=\"large\"`. */\n fontSizeLarge: {\n fontSize: theme.typography.pxToRem(35)\n }\n };\n};\nvar SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'inherit' : _props$color,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'svg' : _props$component,\n _props$fontSize = props.fontSize,\n fontSize = _props$fontSize === void 0 ? 'medium' : _props$fontSize,\n htmlColor = props.htmlColor,\n titleAccess = props.titleAccess,\n _props$viewBox = props.viewBox,\n viewBox = _props$viewBox === void 0 ? '0 0 24 24' : _props$viewBox,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"color\", \"component\", \"fontSize\", \"htmlColor\", \"titleAccess\", \"viewBox\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, color !== 'inherit' && classes[\"color\".concat(capitalize(color))], fontSize !== 'default' && fontSize !== 'medium' && classes[\"fontSize\".concat(capitalize(fontSize))]),\n focusable: \"false\",\n viewBox: viewBox,\n color: htmlColor,\n \"aria-hidden\": titleAccess ? undefined : true,\n role: titleAccess ? 'img' : undefined,\n ref: ref\n }, other), children, titleAccess ? /*#__PURE__*/React.createElement(\"title\", null, titleAccess) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? SvgIcon.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Node passed into the SVG element.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * You can use the `htmlColor` prop to apply a color attribute to the SVG element.\n */\n color: PropTypes.oneOf(['action', 'disabled', 'error', 'inherit', 'primary', 'secondary']),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.\n */\n fontSize: chainPropTypes(PropTypes.oneOf(['default', 'inherit', 'large', 'medium', 'small']), function (props) {\n var fontSize = props.fontSize;\n\n if (fontSize === 'default') {\n throw new Error('Material-UI: `fontSize=\"default\"` is deprecated. Use `fontSize=\"medium\"` instead.');\n }\n\n return null;\n }),\n\n /**\n * Applies a color attribute to the SVG element.\n */\n htmlColor: PropTypes.string,\n\n /**\n * The shape-rendering attribute. The behavior of the different options is described on the\n * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\n * If you are having issues with blurry icons you should investigate this property.\n */\n shapeRendering: PropTypes.string,\n\n /**\n * Provides a human-readable title for the element that contains it.\n * https://www.w3.org/TR/SVG-access/#Equivalent\n */\n titleAccess: PropTypes.string,\n\n /**\n * Allows you to redefine what the coordinates without units mean inside an SVG element.\n * For example, if the SVG element is 500 (width) by 200 (height),\n * and you pass viewBox=\"0 0 50 20\",\n * this means that the coordinates inside the SVG will go from the top left corner (0,0)\n * to bottom right (50,20) and each unit will be worth 10px.\n */\n viewBox: PropTypes.string\n} : void 0;\nSvgIcon.muiName = 'SvgIcon';\nexport default withStyles(styles, {\n name: 'MuiSvgIcon'\n})(SvgIcon);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport { duration } from '../styles/transitions';\nimport useTheme from '../styles/useTheme';\nimport { reflow, getTransitionProps } from '../transitions/utils';\nimport useForkRef from '../utils/useForkRef';\nvar styles = {\n entering: {\n opacity: 1\n },\n entered: {\n opacity: 1\n }\n};\nvar defaultTimeout = {\n enter: duration.enteringScreen,\n exit: duration.leavingScreen\n};\n/**\n * The Fade transition is used by the [Modal](/components/modal/) component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\n\nvar Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {\n var children = props.children,\n _props$disableStrictM = props.disableStrictModeCompat,\n disableStrictModeCompat = _props$disableStrictM === void 0 ? false : _props$disableStrictM,\n inProp = props.in,\n onEnter = props.onEnter,\n onEntered = props.onEntered,\n onEntering = props.onEntering,\n onExit = props.onExit,\n onExited = props.onExited,\n onExiting = props.onExiting,\n style = props.style,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,\n _props$timeout = props.timeout,\n timeout = _props$timeout === void 0 ? defaultTimeout : _props$timeout,\n other = _objectWithoutProperties(props, [\"children\", \"disableStrictModeCompat\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"style\", \"TransitionComponent\", \"timeout\"]);\n\n var theme = useTheme();\n var enableStrictModeCompat = theme.unstable_strictMode && !disableStrictModeCompat;\n var nodeRef = React.useRef(null);\n var foreignRef = useForkRef(children.ref, ref);\n var handleRef = useForkRef(enableStrictModeCompat ? nodeRef : undefined, foreignRef);\n\n var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {\n return function (nodeOrAppearing, maybeAppearing) {\n if (callback) {\n var _ref = enableStrictModeCompat ? [nodeRef.current, nodeOrAppearing] : [nodeOrAppearing, maybeAppearing],\n _ref2 = _slicedToArray(_ref, 2),\n node = _ref2[0],\n isAppearing = _ref2[1]; // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n\n\n if (isAppearing === undefined) {\n callback(node);\n } else {\n callback(node, isAppearing);\n }\n }\n };\n };\n\n var handleEntering = normalizedTransitionCallback(onEntering);\n var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {\n reflow(node); // So the animation always start from the start.\n\n var transitionProps = getTransitionProps({\n style: style,\n timeout: timeout\n }, {\n mode: 'enter'\n });\n node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);\n node.style.transition = theme.transitions.create('opacity', transitionProps);\n\n if (onEnter) {\n onEnter(node, isAppearing);\n }\n });\n var handleEntered = normalizedTransitionCallback(onEntered);\n var handleExiting = normalizedTransitionCallback(onExiting);\n var handleExit = normalizedTransitionCallback(function (node) {\n var transitionProps = getTransitionProps({\n style: style,\n timeout: timeout\n }, {\n mode: 'exit'\n });\n node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);\n node.style.transition = theme.transitions.create('opacity', transitionProps);\n\n if (onExit) {\n onExit(node);\n }\n });\n var handleExited = normalizedTransitionCallback(onExited);\n return /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n appear: true,\n in: inProp,\n nodeRef: enableStrictModeCompat ? nodeRef : undefined,\n onEnter: handleEnter,\n onEntered: handleEntered,\n onEntering: handleEntering,\n onExit: handleExit,\n onExited: handleExited,\n onExiting: handleExiting,\n timeout: timeout\n }, other), function (state, childProps) {\n return /*#__PURE__*/React.cloneElement(children, _extends({\n style: _extends({\n opacity: 0,\n visibility: state === 'exited' && !inProp ? 'hidden' : undefined\n }, styles[state], style, children.props.style),\n ref: handleRef\n }, childProps));\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? Fade.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * A single child content element.\n */\n children: PropTypes.element,\n\n /**\n * Enable this prop if you encounter 'Function components cannot be given refs',\n * use `unstable_createStrictModeTheme`,\n * and can't forward the ref in the child component.\n */\n disableStrictModeCompat: PropTypes.bool,\n\n /**\n * If `true`, the component will transition in.\n */\n in: PropTypes.bool,\n\n /**\n * @ignore\n */\n onEnter: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntered: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntering: PropTypes.func,\n\n /**\n * @ignore\n */\n onExit: PropTypes.func,\n\n /**\n * @ignore\n */\n onExited: PropTypes.func,\n\n /**\n * @ignore\n */\n onExiting: PropTypes.func,\n\n /**\n * @ignore\n */\n style: PropTypes.object,\n\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n */\n timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n appear: PropTypes.number,\n enter: PropTypes.number,\n exit: PropTypes.number\n })])\n} : void 0;\nexport default Fade;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n textAlign: 'center',\n flex: '0 0 auto',\n fontSize: theme.typography.pxToRem(24),\n padding: 12,\n borderRadius: '50%',\n overflow: 'visible',\n // Explicitly set the default value to solve a bug on IE 11.\n color: theme.palette.action.active,\n transition: theme.transitions.create('background-color', {\n duration: theme.transitions.duration.shortest\n }),\n '&:hover': {\n backgroundColor: alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n },\n '&$disabled': {\n backgroundColor: 'transparent',\n color: theme.palette.action.disabled\n }\n },\n\n /* Styles applied to the root element if `edge=\"start\"`. */\n edgeStart: {\n marginLeft: -12,\n '$sizeSmall&': {\n marginLeft: -3\n }\n },\n\n /* Styles applied to the root element if `edge=\"end\"`. */\n edgeEnd: {\n marginRight: -12,\n '$sizeSmall&': {\n marginRight: -3\n }\n },\n\n /* Styles applied to the root element if `color=\"inherit\"`. */\n colorInherit: {\n color: 'inherit'\n },\n\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n color: theme.palette.primary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n\n /* Styles applied to the root element if `color=\"secondary\"`. */\n colorSecondary: {\n color: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the root element if `size=\"small\"`. */\n sizeSmall: {\n padding: 3,\n fontSize: theme.typography.pxToRem(18)\n },\n\n /* Styles applied to the children container element. */\n label: {\n width: '100%',\n display: 'flex',\n alignItems: 'inherit',\n justifyContent: 'inherit'\n }\n };\n};\n/**\n * Refer to the [Icons](/components/icons/) section of the documentation\n * regarding the available icon options.\n */\n\nvar IconButton = /*#__PURE__*/React.forwardRef(function IconButton(props, ref) {\n var _props$edge = props.edge,\n edge = _props$edge === void 0 ? false : _props$edge,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'default' : _props$color,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$disableFocusRi = props.disableFocusRipple,\n disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n other = _objectWithoutProperties(props, [\"edge\", \"children\", \"classes\", \"className\", \"color\", \"disabled\", \"disableFocusRipple\", \"size\"]);\n\n return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n className: clsx(classes.root, className, color !== 'default' && classes[\"color\".concat(capitalize(color))], disabled && classes.disabled, size === \"small\" && classes[\"size\".concat(capitalize(size))], {\n 'start': classes.edgeStart,\n 'end': classes.edgeEnd\n }[edge]),\n centerRipple: true,\n focusRipple: !disableFocusRipple,\n disabled: disabled,\n ref: ref\n }, other), /*#__PURE__*/React.createElement(\"span\", {\n className: classes.label\n }, children));\n});\nprocess.env.NODE_ENV !== \"production\" ? IconButton.propTypes = {\n /**\n * The icon element.\n */\n children: chainPropTypes(PropTypes.node, function (props) {\n var found = React.Children.toArray(props.children).some(function (child) {\n return /*#__PURE__*/React.isValidElement(child) && child.props.onClick;\n });\n\n if (found) {\n return new Error(['Material-UI: You are providing an onClick event listener ' + 'to a child of a button element.', 'Firefox will never trigger the event.', 'You should move the onClick listener to the parent button element.', 'https://github.com/mui-org/material-ui/issues/13957'].join('\\n'));\n }\n\n return null;\n }),\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary']),\n\n /**\n * If `true`, the button will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the keyboard focus ripple will be disabled.\n */\n disableFocusRipple: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect will be disabled.\n */\n disableRipple: PropTypes.bool,\n\n /**\n * If given, uses a negative margin to counteract the padding on one\n * side (this is often helpful for aligning the left or right\n * side of the icon with content above or below, without ruining the border\n * size and shape).\n */\n edge: PropTypes.oneOf(['start', 'end', false]),\n\n /**\n * The size of the button.\n * `small` is equivalent to the dense button styling.\n */\n size: PropTypes.oneOf(['small', 'medium'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiIconButton'\n})(IconButton);","import { __assign, __values } from \"tslib\";\nimport { isInstanceOf, isString } from './is';\nimport { logger } from './logger';\nimport { getGlobalObject } from './misc';\nimport { fill } from './object';\nimport { getFunctionName } from './stacktrace';\nimport { supportsHistory, supportsNativeFetch } from './supports';\nvar global = getGlobalObject();\n/**\n * Instrument native APIs to call handlers that can be used to create breadcrumbs, APM spans etc.\n * - Console API\n * - Fetch API\n * - XHR API\n * - History API\n * - DOM API (click/typing)\n * - Error API\n * - UnhandledRejection API\n */\n\nvar handlers = {};\nvar instrumented = {};\n/** Instruments given API */\n\nfunction instrument(type) {\n if (instrumented[type]) {\n return;\n }\n\n instrumented[type] = true;\n\n switch (type) {\n case 'console':\n instrumentConsole();\n break;\n\n case 'dom':\n instrumentDOM();\n break;\n\n case 'xhr':\n instrumentXHR();\n break;\n\n case 'fetch':\n instrumentFetch();\n break;\n\n case 'history':\n instrumentHistory();\n break;\n\n case 'error':\n instrumentError();\n break;\n\n case 'unhandledrejection':\n instrumentUnhandledRejection();\n break;\n\n default:\n logger.warn('unknown instrumentation type:', type);\n }\n}\n/**\n * Add handler that will be called when given type of instrumentation triggers.\n * Use at your own risk, this might break without changelog notice, only used internally.\n * @hidden\n */\n\n\nexport function addInstrumentationHandler(handler) {\n if (!handler || typeof handler.type !== 'string' || typeof handler.callback !== 'function') {\n return;\n }\n\n handlers[handler.type] = handlers[handler.type] || [];\n handlers[handler.type].push(handler.callback);\n instrument(handler.type);\n}\n/** JSDoc */\n\nfunction triggerHandlers(type, data) {\n var e_1, _a;\n\n if (!type || !handlers[type]) {\n return;\n }\n\n try {\n for (var _b = __values(handlers[type] || []), _c = _b.next(); !_c.done; _c = _b.next()) {\n var handler = _c.value;\n\n try {\n handler(data);\n } catch (e) {\n logger.error(\"Error while triggering instrumentation handler.\\nType: \" + type + \"\\nName: \" + getFunctionName(handler) + \"\\nError: \" + e);\n }\n }\n } catch (e_1_1) {\n e_1 = {\n error: e_1_1\n };\n } finally {\n try {\n if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n } finally {\n if (e_1) throw e_1.error;\n }\n }\n}\n/** JSDoc */\n\n\nfunction instrumentConsole() {\n if (!('console' in global)) {\n return;\n }\n\n ['debug', 'info', 'warn', 'error', 'log', 'assert'].forEach(function (level) {\n if (!(level in global.console)) {\n return;\n }\n\n fill(global.console, level, function (originalConsoleLevel) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n triggerHandlers('console', {\n args: args,\n level: level\n }); // this fails for some browsers. :(\n\n if (originalConsoleLevel) {\n Function.prototype.apply.call(originalConsoleLevel, global.console, args);\n }\n };\n });\n });\n}\n/** JSDoc */\n\n\nfunction instrumentFetch() {\n if (!supportsNativeFetch()) {\n return;\n }\n\n fill(global, 'fetch', function (originalFetch) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var handlerData = {\n args: args,\n fetchData: {\n method: getFetchMethod(args),\n url: getFetchUrl(args)\n },\n startTimestamp: Date.now()\n };\n triggerHandlers('fetch', __assign({}, handlerData)); // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n\n return originalFetch.apply(global, args).then(function (response) {\n triggerHandlers('fetch', __assign(__assign({}, handlerData), {\n endTimestamp: Date.now(),\n response: response\n }));\n return response;\n }, function (error) {\n triggerHandlers('fetch', __assign(__assign({}, handlerData), {\n endTimestamp: Date.now(),\n error: error\n })); // NOTE: If you are a Sentry user, and you are seeing this stack frame,\n // it means the sentry.javascript SDK caught an error invoking your application code.\n // This is expected behavior and NOT indicative of a bug with sentry.javascript.\n\n throw error;\n });\n };\n });\n}\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n\n/** Extract `method` from fetch call arguments */\n\n\nfunction getFetchMethod(fetchArgs) {\n if (fetchArgs === void 0) {\n fetchArgs = [];\n }\n\n if ('Request' in global && isInstanceOf(fetchArgs[0], Request) && fetchArgs[0].method) {\n return String(fetchArgs[0].method).toUpperCase();\n }\n\n if (fetchArgs[1] && fetchArgs[1].method) {\n return String(fetchArgs[1].method).toUpperCase();\n }\n\n return 'GET';\n}\n/** Extract `url` from fetch call arguments */\n\n\nfunction getFetchUrl(fetchArgs) {\n if (fetchArgs === void 0) {\n fetchArgs = [];\n }\n\n if (typeof fetchArgs[0] === 'string') {\n return fetchArgs[0];\n }\n\n if ('Request' in global && isInstanceOf(fetchArgs[0], Request)) {\n return fetchArgs[0].url;\n }\n\n return String(fetchArgs[0]);\n}\n/* eslint-enable @typescript-eslint/no-unsafe-member-access */\n\n/** JSDoc */\n\n\nfunction instrumentXHR() {\n if (!('XMLHttpRequest' in global)) {\n return;\n } // Poor man's implementation of ES6 `Map`, tracking and keeping in sync key and value separately.\n\n\n var requestKeys = [];\n var requestValues = [];\n var xhrproto = XMLHttpRequest.prototype;\n fill(xhrproto, 'open', function (originalOpen) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n } // eslint-disable-next-line @typescript-eslint/no-this-alias\n\n\n var xhr = this;\n var url = args[1];\n xhr.__sentry_xhr__ = {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n method: isString(args[0]) ? args[0].toUpperCase() : args[0],\n url: args[1]\n }; // if Sentry key appears in URL, don't capture it as a request\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n\n if (isString(url) && xhr.__sentry_xhr__.method === 'POST' && url.match(/sentry_key/)) {\n xhr.__sentry_own_request__ = true;\n }\n\n var onreadystatechangeHandler = function onreadystatechangeHandler() {\n if (xhr.readyState === 4) {\n try {\n // touching statusCode in some platforms throws\n // an exception\n if (xhr.__sentry_xhr__) {\n xhr.__sentry_xhr__.status_code = xhr.status;\n }\n } catch (e) {\n /* do nothing */\n }\n\n try {\n var requestPos = requestKeys.indexOf(xhr);\n\n if (requestPos !== -1) {\n // Make sure to pop both key and value to keep it in sync.\n requestKeys.splice(requestPos);\n var args_1 = requestValues.splice(requestPos)[0];\n\n if (xhr.__sentry_xhr__ && args_1[0] !== undefined) {\n xhr.__sentry_xhr__.body = args_1[0];\n }\n }\n } catch (e) {\n /* do nothing */\n }\n\n triggerHandlers('xhr', {\n args: args,\n endTimestamp: Date.now(),\n startTimestamp: Date.now(),\n xhr: xhr\n });\n }\n };\n\n if ('onreadystatechange' in xhr && typeof xhr.onreadystatechange === 'function') {\n fill(xhr, 'onreadystatechange', function (original) {\n return function () {\n var readyStateArgs = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n readyStateArgs[_i] = arguments[_i];\n }\n\n onreadystatechangeHandler();\n return original.apply(xhr, readyStateArgs);\n };\n });\n } else {\n xhr.addEventListener('readystatechange', onreadystatechangeHandler);\n }\n\n return originalOpen.apply(xhr, args);\n };\n });\n fill(xhrproto, 'send', function (originalSend) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n requestKeys.push(this);\n requestValues.push(args);\n triggerHandlers('xhr', {\n args: args,\n startTimestamp: Date.now(),\n xhr: this\n });\n return originalSend.apply(this, args);\n };\n });\n}\n\nvar lastHref;\n/** JSDoc */\n\nfunction instrumentHistory() {\n if (!supportsHistory()) {\n return;\n }\n\n var oldOnPopState = global.onpopstate;\n\n global.onpopstate = function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var to = global.location.href; // keep track of the current URL state, as we always receive only the updated state\n\n var from = lastHref;\n lastHref = to;\n triggerHandlers('history', {\n from: from,\n to: to\n });\n\n if (oldOnPopState) {\n // Apparently this can throw in Firefox when incorrectly implemented plugin is installed.\n // https://github.com/getsentry/sentry-javascript/issues/3344\n // https://github.com/bugsnag/bugsnag-js/issues/469\n try {\n return oldOnPopState.apply(this, args);\n } catch (_oO) {// no-empty\n }\n }\n };\n /** @hidden */\n\n\n function historyReplacementFunction(originalHistoryFunction) {\n return function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var url = args.length > 2 ? args[2] : undefined;\n\n if (url) {\n // coerce to string (this is what pushState does)\n var from = lastHref;\n var to = String(url); // keep track of the current URL state, as we always receive only the updated state\n\n lastHref = to;\n triggerHandlers('history', {\n from: from,\n to: to\n });\n }\n\n return originalHistoryFunction.apply(this, args);\n };\n }\n\n fill(global.history, 'pushState', historyReplacementFunction);\n fill(global.history, 'replaceState', historyReplacementFunction);\n}\n\nvar debounceDuration = 1000;\nvar debounceTimerID;\nvar lastCapturedEvent;\n/**\n * Decide whether the current event should finish the debounce of previously captured one.\n * @param previous previously captured event\n * @param current event to be captured\n */\n\nfunction shouldShortcircuitPreviousDebounce(previous, current) {\n // If there was no previous event, it should always be swapped for the new one.\n if (!previous) {\n return true;\n } // If both events have different type, then user definitely performed two separate actions. e.g. click + keypress.\n\n\n if (previous.type !== current.type) {\n return true;\n }\n\n try {\n // If both events have the same type, it's still possible that actions were performed on different targets.\n // e.g. 2 clicks on different buttons.\n if (previous.target !== current.target) {\n return true;\n }\n } catch (e) {// just accessing `target` property can throw an exception in some rare circumstances\n // see: https://github.com/getsentry/sentry-javascript/issues/838\n } // If both events have the same type _and_ same `target` (an element which triggered an event, _not necessarily_\n // to which an event listener was attached), we treat them as the same action, as we want to capture\n // only one breadcrumb. e.g. multiple clicks on the same button, or typing inside a user input box.\n\n\n return false;\n}\n/**\n * Decide whether an event should be captured.\n * @param event event to be captured\n */\n\n\nfunction shouldSkipDOMEvent(event) {\n // We are only interested in filtering `keypress` events for now.\n if (event.type !== 'keypress') {\n return false;\n }\n\n try {\n var target = event.target;\n\n if (!target || !target.tagName) {\n return true;\n } // Only consider keypress events on actual input elements. This will disregard keypresses targeting body\n // e.g.tabbing through elements, hotkeys, etc.\n\n\n if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n return false;\n }\n } catch (e) {// just accessing `target` property can throw an exception in some rare circumstances\n // see: https://github.com/getsentry/sentry-javascript/issues/838\n }\n\n return true;\n}\n/**\n * Wraps addEventListener to capture UI breadcrumbs\n * @param handler function that will be triggered\n * @param globalListener indicates whether event was captured by the global event listener\n * @returns wrapped breadcrumb events handler\n * @hidden\n */\n\n\nfunction makeDOMEventHandler(handler, globalListener) {\n if (globalListener === void 0) {\n globalListener = false;\n }\n\n return function (event) {\n // It's possible this handler might trigger multiple times for the same\n // event (e.g. event propagation through node ancestors).\n // Ignore if we've already captured that event.\n if (!event || lastCapturedEvent === event) {\n return;\n } // We always want to skip _some_ events.\n\n\n if (shouldSkipDOMEvent(event)) {\n return;\n }\n\n var name = event.type === 'keypress' ? 'input' : event.type; // If there is no debounce timer, it means that we can safely capture the new event and store it for future comparisons.\n\n if (debounceTimerID === undefined) {\n handler({\n event: event,\n name: name,\n global: globalListener\n });\n lastCapturedEvent = event;\n } // If there is a debounce awaiting, see if the new event is different enough to treat it as a unique one.\n // If that's the case, emit the previous event and store locally the newly-captured DOM event.\n else if (shouldShortcircuitPreviousDebounce(lastCapturedEvent, event)) {\n handler({\n event: event,\n name: name,\n global: globalListener\n });\n lastCapturedEvent = event;\n } // Start a new debounce timer that will prevent us from capturing multiple events that should be grouped together.\n\n\n clearTimeout(debounceTimerID);\n debounceTimerID = global.setTimeout(function () {\n debounceTimerID = undefined;\n }, debounceDuration);\n };\n}\n/** JSDoc */\n\n\nfunction instrumentDOM() {\n if (!('document' in global)) {\n return;\n } // Make it so that any click or keypress that is unhandled / bubbled up all the way to the document triggers our dom\n // handlers. (Normally we have only one, which captures a breadcrumb for each click or keypress.) Do this before\n // we instrument `addEventListener` so that we don't end up attaching this handler twice.\n\n\n var triggerDOMHandler = triggerHandlers.bind(null, 'dom');\n var globalDOMEventHandler = makeDOMEventHandler(triggerDOMHandler, true);\n global.document.addEventListener('click', globalDOMEventHandler, false);\n global.document.addEventListener('keypress', globalDOMEventHandler, false); // After hooking into click and keypress events bubbled up to `document`, we also hook into user-handled\n // clicks & keypresses, by adding an event listener of our own to any element to which they add a listener. That\n // way, whenever one of their handlers is triggered, ours will be, too. (This is needed because their handler\n // could potentially prevent the event from bubbling up to our global listeners. This way, our handler are still\n // guaranteed to fire at least once.)\n\n ['EventTarget', 'Node'].forEach(function (target) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n var proto = global[target] && global[target].prototype; // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, no-prototype-builtins\n\n if (!proto || !proto.hasOwnProperty || !proto.hasOwnProperty('addEventListener')) {\n return;\n }\n\n fill(proto, 'addEventListener', function (originalAddEventListener) {\n return function (type, listener, options) {\n if (type === 'click' || type == 'keypress') {\n try {\n var el = this;\n var handlers_1 = el.__sentry_instrumentation_handlers__ = el.__sentry_instrumentation_handlers__ || {};\n var handlerForType = handlers_1[type] = handlers_1[type] || {\n refCount: 0\n };\n\n if (!handlerForType.handler) {\n var handler = makeDOMEventHandler(triggerDOMHandler);\n handlerForType.handler = handler;\n originalAddEventListener.call(this, type, handler, options);\n }\n\n handlerForType.refCount += 1;\n } catch (e) {// Accessing dom properties is always fragile.\n // Also allows us to skip `addEventListenrs` calls with no proper `this` context.\n }\n }\n\n return originalAddEventListener.call(this, type, listener, options);\n };\n });\n fill(proto, 'removeEventListener', function (originalRemoveEventListener) {\n return function (type, listener, options) {\n if (type === 'click' || type == 'keypress') {\n try {\n var el = this;\n var handlers_2 = el.__sentry_instrumentation_handlers__ || {};\n var handlerForType = handlers_2[type];\n\n if (handlerForType) {\n handlerForType.refCount -= 1; // If there are no longer any custom handlers of the current type on this element, we can remove ours, too.\n\n if (handlerForType.refCount <= 0) {\n originalRemoveEventListener.call(this, type, handlerForType.handler, options);\n handlerForType.handler = undefined;\n delete handlers_2[type]; // eslint-disable-line @typescript-eslint/no-dynamic-delete\n } // If there are no longer any custom handlers of any type on this element, cleanup everything.\n\n\n if (Object.keys(handlers_2).length === 0) {\n delete el.__sentry_instrumentation_handlers__;\n }\n }\n } catch (e) {// Accessing dom properties is always fragile.\n // Also allows us to skip `addEventListenrs` calls with no proper `this` context.\n }\n }\n\n return originalRemoveEventListener.call(this, type, listener, options);\n };\n });\n });\n}\n\nvar _oldOnErrorHandler = null;\n/** JSDoc */\n\nfunction instrumentError() {\n _oldOnErrorHandler = global.onerror;\n\n global.onerror = function (msg, url, line, column, error) {\n triggerHandlers('error', {\n column: column,\n error: error,\n line: line,\n msg: msg,\n url: url\n });\n\n if (_oldOnErrorHandler) {\n // eslint-disable-next-line prefer-rest-params\n return _oldOnErrorHandler.apply(this, arguments);\n }\n\n return false;\n };\n}\n\nvar _oldOnUnhandledRejectionHandler = null;\n/** JSDoc */\n\nfunction instrumentUnhandledRejection() {\n _oldOnUnhandledRejectionHandler = global.onunhandledrejection;\n\n global.onunhandledrejection = function (e) {\n triggerHandlers('unhandledrejection', e);\n\n if (_oldOnUnhandledRejectionHandler) {\n // eslint-disable-next-line prefer-rest-params\n return _oldOnUnhandledRejectionHandler.apply(this, arguments);\n }\n\n return true;\n };\n}","import warning from 'tiny-warning';\nimport { createRule } from 'jss';\nvar now = Date.now();\nvar fnValuesNs = \"fnValues\" + now;\nvar fnRuleNs = \"fnStyle\" + ++now;\n\nvar functionPlugin = function functionPlugin() {\n return {\n onCreateRule: function onCreateRule(name, decl, options) {\n if (typeof decl !== 'function') return null;\n var rule = createRule(name, {}, options);\n rule[fnRuleNs] = decl;\n return rule;\n },\n onProcessStyle: function onProcessStyle(style, rule) {\n // We need to extract function values from the declaration, so that we can keep core unaware of them.\n // We need to do that only once.\n // We don't need to extract functions on each style update, since this can happen only once.\n // We don't support function values inside of function rules.\n if (fnValuesNs in rule || fnRuleNs in rule) return style;\n var fnValues = {};\n\n for (var prop in style) {\n var value = style[prop];\n if (typeof value !== 'function') continue;\n delete style[prop];\n fnValues[prop] = value;\n } // $FlowFixMe[prop-missing]\n\n\n rule[fnValuesNs] = fnValues;\n return style;\n },\n onUpdate: function onUpdate(data, rule, sheet, options) {\n var styleRule = rule; // $FlowFixMe[prop-missing]\n\n var fnRule = styleRule[fnRuleNs]; // If we have a style function, the entire rule is dynamic and style object\n // will be returned from that function.\n\n if (fnRule) {\n // Empty object will remove all currently defined props\n // in case function rule returns a falsy value.\n styleRule.style = fnRule(data) || {};\n\n if (process.env.NODE_ENV === 'development') {\n for (var prop in styleRule.style) {\n if (typeof styleRule.style[prop] === 'function') {\n process.env.NODE_ENV !== \"production\" ? warning(false, '[JSS] Function values inside function rules are not supported.') : void 0;\n break;\n }\n }\n }\n } // $FlowFixMe[prop-missing]\n\n\n var fnValues = styleRule[fnValuesNs]; // If we have a fn values map, it is a rule with function values.\n\n if (fnValues) {\n for (var _prop in fnValues) {\n styleRule.prop(_prop, fnValues[_prop](data), options);\n }\n }\n }\n };\n};\n\nexport default functionPlugin;","import _extends from '@babel/runtime/helpers/esm/extends';\nimport { RuleList } from 'jss';\nvar at = '@global';\nvar atPrefix = '@global ';\n\nvar GlobalContainerRule = /*#__PURE__*/function () {\n function GlobalContainerRule(key, styles, options) {\n this.type = 'global';\n this.at = at;\n this.rules = void 0;\n this.options = void 0;\n this.key = void 0;\n this.isProcessed = false;\n this.key = key;\n this.options = options;\n this.rules = new RuleList(_extends({}, options, {\n parent: this\n }));\n\n for (var selector in styles) {\n this.rules.add(selector, styles[selector]);\n }\n\n this.rules.process();\n }\n /**\n * Get a rule.\n */\n\n\n var _proto = GlobalContainerRule.prototype;\n\n _proto.getRule = function getRule(name) {\n return this.rules.get(name);\n }\n /**\n * Create and register rule, run plugins.\n */\n ;\n\n _proto.addRule = function addRule(name, style, options) {\n var rule = this.rules.add(name, style, options);\n if (rule) this.options.jss.plugins.onProcessRule(rule);\n return rule;\n }\n /**\n * Get index of a rule.\n */\n ;\n\n _proto.indexOf = function indexOf(rule) {\n return this.rules.indexOf(rule);\n }\n /**\n * Generates a CSS string.\n */\n ;\n\n _proto.toString = function toString() {\n return this.rules.toString();\n };\n\n return GlobalContainerRule;\n}();\n\nvar GlobalPrefixedRule = /*#__PURE__*/function () {\n function GlobalPrefixedRule(key, style, options) {\n this.type = 'global';\n this.at = at;\n this.options = void 0;\n this.rule = void 0;\n this.isProcessed = false;\n this.key = void 0;\n this.key = key;\n this.options = options;\n var selector = key.substr(atPrefix.length);\n this.rule = options.jss.createRule(selector, style, _extends({}, options, {\n parent: this\n }));\n }\n\n var _proto2 = GlobalPrefixedRule.prototype;\n\n _proto2.toString = function toString(options) {\n return this.rule ? this.rule.toString(options) : '';\n };\n\n return GlobalPrefixedRule;\n}();\n\nvar separatorRegExp = /\\s*,\\s*/g;\n\nfunction addScope(selector, scope) {\n var parts = selector.split(separatorRegExp);\n var scoped = '';\n\n for (var i = 0; i < parts.length; i++) {\n scoped += scope + \" \" + parts[i].trim();\n if (parts[i + 1]) scoped += ', ';\n }\n\n return scoped;\n}\n\nfunction handleNestedGlobalContainerRule(rule, sheet) {\n var options = rule.options,\n style = rule.style;\n var rules = style ? style[at] : null;\n if (!rules) return;\n\n for (var name in rules) {\n sheet.addRule(name, rules[name], _extends({}, options, {\n selector: addScope(name, rule.selector)\n }));\n }\n\n delete style[at];\n}\n\nfunction handlePrefixedGlobalRule(rule, sheet) {\n var options = rule.options,\n style = rule.style;\n\n for (var prop in style) {\n if (prop[0] !== '@' || prop.substr(0, at.length) !== at) continue;\n var selector = addScope(prop.substr(at.length), rule.selector);\n sheet.addRule(selector, style[prop], _extends({}, options, {\n selector: selector\n }));\n delete style[prop];\n }\n}\n/**\n * Convert nested rules to separate, remove them from original styles.\n *\n * @param {Rule} rule\n * @api public\n */\n\n\nfunction jssGlobal() {\n function onCreateRule(name, styles, options) {\n if (!name) return null;\n\n if (name === at) {\n return new GlobalContainerRule(name, styles, options);\n }\n\n if (name[0] === '@' && name.substr(0, atPrefix.length) === atPrefix) {\n return new GlobalPrefixedRule(name, styles, options);\n }\n\n var parent = options.parent;\n\n if (parent) {\n if (parent.type === 'global' || parent.options.parent && parent.options.parent.type === 'global') {\n options.scoped = false;\n }\n }\n\n if (options.scoped === false) {\n options.selector = name;\n }\n\n return null;\n }\n\n function onProcessRule(rule, sheet) {\n if (rule.type !== 'style' || !sheet) return;\n handleNestedGlobalContainerRule(rule, sheet);\n handlePrefixedGlobalRule(rule, sheet);\n }\n\n return {\n onCreateRule: onCreateRule,\n onProcessRule: onProcessRule\n };\n}\n\nexport default jssGlobal;","import _extends from '@babel/runtime/helpers/esm/extends';\nimport warning from 'tiny-warning';\nvar separatorRegExp = /\\s*,\\s*/g;\nvar parentRegExp = /&/g;\nvar refRegExp = /\\$([\\w-]+)/g;\n/**\n * Convert nested rules to separate, remove them from original styles.\n *\n * @param {Rule} rule\n * @api public\n */\n\nfunction jssNested() {\n // Get a function to be used for $ref replacement.\n function getReplaceRef(container, sheet) {\n return function (match, key) {\n var rule = container.getRule(key) || sheet && sheet.getRule(key);\n\n if (rule) {\n rule = rule;\n return rule.selector;\n }\n\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Could not find the referenced rule \\\"\" + key + \"\\\" in \\\"\" + (container.options.meta || container.toString()) + \"\\\".\") : void 0;\n return key;\n };\n }\n\n function replaceParentRefs(nestedProp, parentProp) {\n var parentSelectors = parentProp.split(separatorRegExp);\n var nestedSelectors = nestedProp.split(separatorRegExp);\n var result = '';\n\n for (var i = 0; i < parentSelectors.length; i++) {\n var parent = parentSelectors[i];\n\n for (var j = 0; j < nestedSelectors.length; j++) {\n var nested = nestedSelectors[j];\n if (result) result += ', '; // Replace all & by the parent or prefix & with the parent.\n\n result += nested.indexOf('&') !== -1 ? nested.replace(parentRegExp, parent) : parent + \" \" + nested;\n }\n }\n\n return result;\n }\n\n function getOptions(rule, container, prevOptions) {\n // Options has been already created, now we only increase index.\n if (prevOptions) return _extends({}, prevOptions, {\n index: prevOptions.index + 1 // $FlowFixMe[prop-missing]\n\n });\n var nestingLevel = rule.options.nestingLevel;\n nestingLevel = nestingLevel === undefined ? 1 : nestingLevel + 1;\n\n var options = _extends({}, rule.options, {\n nestingLevel: nestingLevel,\n index: container.indexOf(rule) + 1 // We don't need the parent name to be set options for chlid.\n\n });\n\n delete options.name;\n return options;\n }\n\n function onProcessStyle(style, rule, sheet) {\n if (rule.type !== 'style') return style;\n var styleRule = rule;\n var container = styleRule.options.parent;\n var options;\n var replaceRef;\n\n for (var prop in style) {\n var isNested = prop.indexOf('&') !== -1;\n var isNestedConditional = prop[0] === '@';\n if (!isNested && !isNestedConditional) continue;\n options = getOptions(styleRule, container, options);\n\n if (isNested) {\n var selector = replaceParentRefs(prop, styleRule.selector); // Lazily create the ref replacer function just once for\n // all nested rules within the sheet.\n\n if (!replaceRef) replaceRef = getReplaceRef(container, sheet); // Replace all $refs.\n\n selector = selector.replace(refRegExp, replaceRef);\n container.addRule(selector, style[prop], _extends({}, options, {\n selector: selector\n }));\n } else if (isNestedConditional) {\n // Place conditional right after the parent rule to ensure right ordering.\n container.addRule(prop, {}, options) // Flow expects more options but they aren't required\n // And flow doesn't know this will always be a StyleRule which has the addRule method\n // $FlowFixMe[incompatible-use]\n // $FlowFixMe[prop-missing]\n .addRule(styleRule.key, style[prop], {\n selector: styleRule.selector\n });\n }\n\n delete style[prop];\n }\n\n return style;\n }\n\n return {\n onProcessStyle: onProcessStyle\n };\n}\n\nexport default jssNested;","/* eslint-disable no-var, prefer-template */\nvar uppercasePattern = /[A-Z]/g;\nvar msPattern = /^ms-/;\nvar cache = {};\n\nfunction toHyphenLower(match) {\n return '-' + match.toLowerCase();\n}\n\nfunction hyphenateStyleName(name) {\n if (cache.hasOwnProperty(name)) {\n return cache[name];\n }\n\n var hName = name.replace(uppercasePattern, toHyphenLower);\n return cache[name] = msPattern.test(hName) ? '-' + hName : hName;\n}\n\nexport default hyphenateStyleName;","import hyphenate from 'hyphenate-style-name';\n/**\n * Convert camel cased property names to dash separated.\n *\n * @param {Object} style\n * @return {Object}\n */\n\nfunction convertCase(style) {\n var converted = {};\n\n for (var prop in style) {\n var key = prop.indexOf('--') === 0 ? prop : hyphenate(prop);\n converted[key] = style[prop];\n }\n\n if (style.fallbacks) {\n if (Array.isArray(style.fallbacks)) converted.fallbacks = style.fallbacks.map(convertCase);else converted.fallbacks = convertCase(style.fallbacks);\n }\n\n return converted;\n}\n/**\n * Allow camel cased property names by converting them back to dasherized.\n *\n * @param {Rule} rule\n */\n\n\nfunction camelCase() {\n function onProcessStyle(style) {\n if (Array.isArray(style)) {\n // Handle rules like @font-face, which can have multiple styles in an array\n for (var index = 0; index < style.length; index++) {\n style[index] = convertCase(style[index]);\n }\n\n return style;\n }\n\n return convertCase(style);\n }\n\n function onChangeValue(value, prop, rule) {\n if (prop.indexOf('--') === 0) {\n return value;\n }\n\n var hyphenatedProp = hyphenate(prop); // There was no camel case in place\n\n if (prop === hyphenatedProp) return value;\n rule.prop(hyphenatedProp, value); // Core will ignore that property value we set the proper one above.\n\n return null;\n }\n\n return {\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default camelCase;","import { hasCSSTOMSupport } from 'jss';\nvar px = hasCSSTOMSupport && CSS ? CSS.px : 'px';\nvar ms = hasCSSTOMSupport && CSS ? CSS.ms : 'ms';\nvar percent = hasCSSTOMSupport && CSS ? CSS.percent : '%';\n/**\n * Generated jss-plugin-default-unit CSS property units\n *\n * @type object\n */\n\nvar defaultUnits = {\n // Animation properties\n 'animation-delay': ms,\n 'animation-duration': ms,\n // Background properties\n 'background-position': px,\n 'background-position-x': px,\n 'background-position-y': px,\n 'background-size': px,\n // Border Properties\n border: px,\n 'border-bottom': px,\n 'border-bottom-left-radius': px,\n 'border-bottom-right-radius': px,\n 'border-bottom-width': px,\n 'border-left': px,\n 'border-left-width': px,\n 'border-radius': px,\n 'border-right': px,\n 'border-right-width': px,\n 'border-top': px,\n 'border-top-left-radius': px,\n 'border-top-right-radius': px,\n 'border-top-width': px,\n 'border-width': px,\n 'border-block': px,\n 'border-block-end': px,\n 'border-block-end-width': px,\n 'border-block-start': px,\n 'border-block-start-width': px,\n 'border-block-width': px,\n 'border-inline': px,\n 'border-inline-end': px,\n 'border-inline-end-width': px,\n 'border-inline-start': px,\n 'border-inline-start-width': px,\n 'border-inline-width': px,\n 'border-start-start-radius': px,\n 'border-start-end-radius': px,\n 'border-end-start-radius': px,\n 'border-end-end-radius': px,\n // Margin properties\n margin: px,\n 'margin-bottom': px,\n 'margin-left': px,\n 'margin-right': px,\n 'margin-top': px,\n 'margin-block': px,\n 'margin-block-end': px,\n 'margin-block-start': px,\n 'margin-inline': px,\n 'margin-inline-end': px,\n 'margin-inline-start': px,\n // Padding properties\n padding: px,\n 'padding-bottom': px,\n 'padding-left': px,\n 'padding-right': px,\n 'padding-top': px,\n 'padding-block': px,\n 'padding-block-end': px,\n 'padding-block-start': px,\n 'padding-inline': px,\n 'padding-inline-end': px,\n 'padding-inline-start': px,\n // Mask properties\n 'mask-position-x': px,\n 'mask-position-y': px,\n 'mask-size': px,\n // Width and height properties\n height: px,\n width: px,\n 'min-height': px,\n 'max-height': px,\n 'min-width': px,\n 'max-width': px,\n // Position properties\n bottom: px,\n left: px,\n top: px,\n right: px,\n inset: px,\n 'inset-block': px,\n 'inset-block-end': px,\n 'inset-block-start': px,\n 'inset-inline': px,\n 'inset-inline-end': px,\n 'inset-inline-start': px,\n // Shadow properties\n 'box-shadow': px,\n 'text-shadow': px,\n // Column properties\n 'column-gap': px,\n 'column-rule': px,\n 'column-rule-width': px,\n 'column-width': px,\n // Font and text properties\n 'font-size': px,\n 'font-size-delta': px,\n 'letter-spacing': px,\n 'text-decoration-thickness': px,\n 'text-indent': px,\n 'text-stroke': px,\n 'text-stroke-width': px,\n 'word-spacing': px,\n // Motion properties\n motion: px,\n 'motion-offset': px,\n // Outline properties\n outline: px,\n 'outline-offset': px,\n 'outline-width': px,\n // Perspective properties\n perspective: px,\n 'perspective-origin-x': percent,\n 'perspective-origin-y': percent,\n // Transform properties\n 'transform-origin': percent,\n 'transform-origin-x': percent,\n 'transform-origin-y': percent,\n 'transform-origin-z': percent,\n // Transition properties\n 'transition-delay': ms,\n 'transition-duration': ms,\n // Alignment properties\n 'vertical-align': px,\n 'flex-basis': px,\n // Some random properties\n 'shape-margin': px,\n size: px,\n gap: px,\n // Grid properties\n grid: px,\n 'grid-gap': px,\n 'row-gap': px,\n 'grid-row-gap': px,\n 'grid-column-gap': px,\n 'grid-template-rows': px,\n 'grid-template-columns': px,\n 'grid-auto-rows': px,\n 'grid-auto-columns': px,\n // Not existing properties.\n // Used to avoid issues with jss-plugin-expand integration.\n 'box-shadow-x': px,\n 'box-shadow-y': px,\n 'box-shadow-blur': px,\n 'box-shadow-spread': px,\n 'font-line-height': px,\n 'text-shadow-x': px,\n 'text-shadow-y': px,\n 'text-shadow-blur': px\n};\n/**\n * Clones the object and adds a camel cased property version.\n */\n\nfunction addCamelCasedVersion(obj) {\n var regExp = /(-[a-z])/g;\n\n var replace = function replace(str) {\n return str[1].toUpperCase();\n };\n\n var newObj = {};\n\n for (var _key in obj) {\n newObj[_key] = obj[_key];\n newObj[_key.replace(regExp, replace)] = obj[_key];\n }\n\n return newObj;\n}\n\nvar units = addCamelCasedVersion(defaultUnits);\n/**\n * Recursive deep style passing function\n */\n\nfunction iterate(prop, value, options) {\n if (value == null) return value;\n\n if (Array.isArray(value)) {\n for (var i = 0; i < value.length; i++) {\n value[i] = iterate(prop, value[i], options);\n }\n } else if (typeof value === 'object') {\n if (prop === 'fallbacks') {\n for (var innerProp in value) {\n value[innerProp] = iterate(innerProp, value[innerProp], options);\n }\n } else {\n for (var _innerProp in value) {\n value[_innerProp] = iterate(prop + \"-\" + _innerProp, value[_innerProp], options);\n }\n } // eslint-disable-next-line no-restricted-globals\n\n } else if (typeof value === 'number' && isNaN(value) === false) {\n var unit = options[prop] || units[prop]; // Add the unit if available, except for the special case of 0px.\n\n if (unit && !(value === 0 && unit === px)) {\n return typeof unit === 'function' ? unit(value).toString() : \"\" + value + unit;\n }\n\n return value.toString();\n }\n\n return value;\n}\n/**\n * Add unit to numeric values.\n */\n\n\nfunction defaultUnit(options) {\n if (options === void 0) {\n options = {};\n }\n\n var camelCasedOptions = addCamelCasedVersion(options);\n\n function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n\n for (var prop in style) {\n style[prop] = iterate(prop, style[prop], camelCasedOptions);\n }\n\n return style;\n }\n\n function onChangeValue(value, prop) {\n return iterate(prop, value, camelCasedOptions);\n }\n\n return {\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default defaultUnit;","import isInBrowser from 'is-in-browser';\nimport _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray'; // Export javascript style and css style vendor prefixes.\n\nvar js = '';\nvar css = '';\nvar vendor = '';\nvar browser = '';\nvar isTouch = isInBrowser && 'ontouchstart' in document.documentElement; // We should not do anything if required serverside.\n\nif (isInBrowser) {\n // Order matters. We need to check Webkit the last one because\n // other vendors use to add Webkit prefixes to some properties\n var jsCssMap = {\n Moz: '-moz-',\n ms: '-ms-',\n O: '-o-',\n Webkit: '-webkit-'\n };\n\n var _document$createEleme = document.createElement('p'),\n style = _document$createEleme.style;\n\n var testProp = 'Transform';\n\n for (var key in jsCssMap) {\n if (key + testProp in style) {\n js = key;\n css = jsCssMap[key];\n break;\n }\n } // Correctly detect the Edge browser.\n\n\n if (js === 'Webkit' && 'msHyphens' in style) {\n js = 'ms';\n css = jsCssMap.ms;\n browser = 'edge';\n } // Correctly detect the Safari browser.\n\n\n if (js === 'Webkit' && '-apple-trailing-word' in style) {\n vendor = 'apple';\n }\n}\n/**\n * Vendor prefix string for the current browser.\n *\n * @type {{js: String, css: String, vendor: String, browser: String}}\n * @api public\n */\n\n\nvar prefix = {\n js: js,\n css: css,\n vendor: vendor,\n browser: browser,\n isTouch: isTouch\n};\n/**\n * Test if a keyframe at-rule should be prefixed or not\n *\n * @param {String} vendor prefix string for the current browser.\n * @return {String}\n * @api public\n */\n\nfunction supportedKeyframes(key) {\n // Keyframes is already prefixed. e.g. key = '@-webkit-keyframes a'\n if (key[1] === '-') return key; // No need to prefix IE/Edge. Older browsers will ignore unsupported rules.\n // https://caniuse.com/#search=keyframes\n\n if (prefix.js === 'ms') return key;\n return \"@\" + prefix.css + \"keyframes\" + key.substr(10);\n} // https://caniuse.com/#search=appearance\n\n\nvar appearence = {\n noPrefill: ['appearance'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'appearance') return false;\n if (prefix.js === 'ms') return \"-webkit-\" + prop;\n return prefix.css + prop;\n }\n}; // https://caniuse.com/#search=color-adjust\n\nvar colorAdjust = {\n noPrefill: ['color-adjust'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'color-adjust') return false;\n if (prefix.js === 'Webkit') return prefix.css + \"print-\" + prop;\n return prop;\n }\n};\nvar regExp = /[-\\s]+(.)?/g;\n/**\n * Replaces the letter with the capital letter\n *\n * @param {String} match\n * @param {String} c\n * @return {String}\n * @api private\n */\n\nfunction toUpper(match, c) {\n return c ? c.toUpperCase() : '';\n}\n/**\n * Convert dash separated strings to camel-cased.\n *\n * @param {String} str\n * @return {String}\n * @api private\n */\n\n\nfunction camelize(str) {\n return str.replace(regExp, toUpper);\n}\n/**\n * Convert dash separated strings to pascal cased.\n *\n * @param {String} str\n * @return {String}\n * @api private\n */\n\n\nfunction pascalize(str) {\n return camelize(\"-\" + str);\n} // but we can use a longhand property instead.\n// https://caniuse.com/#search=mask\n\n\nvar mask = {\n noPrefill: ['mask'],\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^mask/.test(prop)) return false;\n\n if (prefix.js === 'Webkit') {\n var longhand = 'mask-image';\n\n if (camelize(longhand) in style) {\n return prop;\n }\n\n if (prefix.js + pascalize(longhand) in style) {\n return prefix.css + prop;\n }\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=text-orientation\n\nvar textOrientation = {\n noPrefill: ['text-orientation'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'text-orientation') return false;\n\n if (prefix.vendor === 'apple' && !prefix.isTouch) {\n return prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=transform\n\nvar transform = {\n noPrefill: ['transform'],\n supportedProperty: function supportedProperty(prop, style, options) {\n if (prop !== 'transform') return false;\n\n if (options.transform) {\n return prop;\n }\n\n return prefix.css + prop;\n }\n}; // https://caniuse.com/#search=transition\n\nvar transition = {\n noPrefill: ['transition'],\n supportedProperty: function supportedProperty(prop, style, options) {\n if (prop !== 'transition') return false;\n\n if (options.transition) {\n return prop;\n }\n\n return prefix.css + prop;\n }\n}; // https://caniuse.com/#search=writing-mode\n\nvar writingMode = {\n noPrefill: ['writing-mode'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'writing-mode') return false;\n\n if (prefix.js === 'Webkit' || prefix.js === 'ms' && prefix.browser !== 'edge') {\n return prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=user-select\n\nvar userSelect = {\n noPrefill: ['user-select'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'user-select') return false;\n\n if (prefix.js === 'Moz' || prefix.js === 'ms' || prefix.vendor === 'apple') {\n return prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=multicolumn\n// https://github.com/postcss/autoprefixer/issues/491\n// https://github.com/postcss/autoprefixer/issues/177\n\nvar breakPropsOld = {\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^break-/.test(prop)) return false;\n\n if (prefix.js === 'Webkit') {\n var jsProp = \"WebkitColumn\" + pascalize(prop);\n return jsProp in style ? prefix.css + \"column-\" + prop : false;\n }\n\n if (prefix.js === 'Moz') {\n var _jsProp = \"page\" + pascalize(prop);\n\n return _jsProp in style ? \"page-\" + prop : false;\n }\n\n return false;\n }\n}; // See https://github.com/postcss/autoprefixer/issues/324.\n\nvar inlineLogicalOld = {\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^(border|margin|padding)-inline/.test(prop)) return false;\n if (prefix.js === 'Moz') return prop;\n var newProp = prop.replace('-inline', '');\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n}; // Camelization is required because we can't test using.\n// CSS syntax for e.g. in FF.\n\nvar unprefixed = {\n supportedProperty: function supportedProperty(prop, style) {\n return camelize(prop) in style ? prop : false;\n }\n};\nvar prefixed = {\n supportedProperty: function supportedProperty(prop, style) {\n var pascalized = pascalize(prop); // Return custom CSS variable without prefixing.\n\n if (prop[0] === '-') return prop; // Return already prefixed value without prefixing.\n\n if (prop[0] === '-' && prop[1] === '-') return prop;\n if (prefix.js + pascalized in style) return prefix.css + prop; // Try webkit fallback.\n\n if (prefix.js !== 'Webkit' && \"Webkit\" + pascalized in style) return \"-webkit-\" + prop;\n return false;\n }\n}; // https://caniuse.com/#search=scroll-snap\n\nvar scrollSnap = {\n supportedProperty: function supportedProperty(prop) {\n if (prop.substring(0, 11) !== 'scroll-snap') return false;\n\n if (prefix.js === 'ms') {\n return \"\" + prefix.css + prop;\n }\n\n return prop;\n }\n}; // https://caniuse.com/#search=overscroll-behavior\n\nvar overscrollBehavior = {\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'overscroll-behavior') return false;\n\n if (prefix.js === 'ms') {\n return prefix.css + \"scroll-chaining\";\n }\n\n return prop;\n }\n};\nvar propMap = {\n 'flex-grow': 'flex-positive',\n 'flex-shrink': 'flex-negative',\n 'flex-basis': 'flex-preferred-size',\n 'justify-content': 'flex-pack',\n order: 'flex-order',\n 'align-items': 'flex-align',\n 'align-content': 'flex-line-pack' // 'align-self' is handled by 'align-self' plugin.\n\n}; // Support old flex spec from 2012.\n\nvar flex2012 = {\n supportedProperty: function supportedProperty(prop, style) {\n var newProp = propMap[prop];\n if (!newProp) return false;\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n};\nvar propMap$1 = {\n flex: 'box-flex',\n 'flex-grow': 'box-flex',\n 'flex-direction': ['box-orient', 'box-direction'],\n order: 'box-ordinal-group',\n 'align-items': 'box-align',\n 'flex-flow': ['box-orient', 'box-direction'],\n 'justify-content': 'box-pack'\n};\nvar propKeys = Object.keys(propMap$1);\n\nvar prefixCss = function prefixCss(p) {\n return prefix.css + p;\n}; // Support old flex spec from 2009.\n\n\nvar flex2009 = {\n supportedProperty: function supportedProperty(prop, style, _ref) {\n var multiple = _ref.multiple;\n\n if (propKeys.indexOf(prop) > -1) {\n var newProp = propMap$1[prop];\n\n if (!Array.isArray(newProp)) {\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n\n if (!multiple) return false;\n\n for (var i = 0; i < newProp.length; i++) {\n if (!(prefix.js + pascalize(newProp[0]) in style)) {\n return false;\n }\n }\n\n return newProp.map(prefixCss);\n }\n\n return false;\n }\n}; // plugins = [\n// ...plugins,\n// breakPropsOld,\n// inlineLogicalOld,\n// unprefixed,\n// prefixed,\n// scrollSnap,\n// flex2012,\n// flex2009\n// ]\n// Plugins without 'noPrefill' value, going last.\n// 'flex-*' plugins should be at the bottom.\n// 'flex2009' going after 'flex2012'.\n// 'prefixed' going after 'unprefixed'\n\nvar plugins = [appearence, colorAdjust, mask, textOrientation, transform, transition, writingMode, userSelect, breakPropsOld, inlineLogicalOld, unprefixed, prefixed, scrollSnap, overscrollBehavior, flex2012, flex2009];\nvar propertyDetectors = plugins.filter(function (p) {\n return p.supportedProperty;\n}).map(function (p) {\n return p.supportedProperty;\n});\nvar noPrefill = plugins.filter(function (p) {\n return p.noPrefill;\n}).reduce(function (a, p) {\n a.push.apply(a, _toConsumableArray(p.noPrefill));\n return a;\n}, []);\nvar el;\nvar cache = {};\n\nif (isInBrowser) {\n el = document.createElement('p'); // We test every property on vendor prefix requirement.\n // Once tested, result is cached. It gives us up to 70% perf boost.\n // http://jsperf.com/element-style-object-access-vs-plain-object\n //\n // Prefill cache with known css properties to reduce amount of\n // properties we need to feature test at runtime.\n // http://davidwalsh.name/vendor-prefix\n\n var computed = window.getComputedStyle(document.documentElement, '');\n\n for (var key$1 in computed) {\n // eslint-disable-next-line no-restricted-globals\n if (!isNaN(key$1)) cache[computed[key$1]] = computed[key$1];\n } // Properties that cannot be correctly detected using the\n // cache prefill method.\n\n\n noPrefill.forEach(function (x) {\n return delete cache[x];\n });\n}\n/**\n * Test if a property is supported, returns supported property with vendor\n * prefix if required. Returns `false` if not supported.\n *\n * @param {String} prop dash separated\n * @param {Object} [options]\n * @return {String|Boolean}\n * @api public\n */\n\n\nfunction supportedProperty(prop, options) {\n if (options === void 0) {\n options = {};\n } // For server-side rendering.\n\n\n if (!el) return prop; // Remove cache for benchmark tests or return property from the cache.\n\n if (process.env.NODE_ENV !== 'benchmark' && cache[prop] != null) {\n return cache[prop];\n } // Check if 'transition' or 'transform' natively supported in browser.\n\n\n if (prop === 'transition' || prop === 'transform') {\n options[prop] = prop in el.style;\n } // Find a plugin for current prefix property.\n\n\n for (var i = 0; i < propertyDetectors.length; i++) {\n cache[prop] = propertyDetectors[i](prop, el.style, options); // Break loop, if value found.\n\n if (cache[prop]) break;\n } // Reset styles for current property.\n // Firefox can even throw an error for invalid properties, e.g., \"0\".\n\n\n try {\n el.style[prop] = '';\n } catch (err) {\n return false;\n }\n\n return cache[prop];\n}\n\nvar cache$1 = {};\nvar transitionProperties = {\n transition: 1,\n 'transition-property': 1,\n '-webkit-transition': 1,\n '-webkit-transition-property': 1\n};\nvar transPropsRegExp = /(^\\s*[\\w-]+)|, (\\s*[\\w-]+)(?![^()]*\\))/g;\nvar el$1;\n/**\n * Returns prefixed value transition/transform if needed.\n *\n * @param {String} match\n * @param {String} p1\n * @param {String} p2\n * @return {String}\n * @api private\n */\n\nfunction prefixTransitionCallback(match, p1, p2) {\n if (p1 === 'var') return 'var';\n if (p1 === 'all') return 'all';\n if (p2 === 'all') return ', all';\n var prefixedValue = p1 ? supportedProperty(p1) : \", \" + supportedProperty(p2);\n if (!prefixedValue) return p1 || p2;\n return prefixedValue;\n}\n\nif (isInBrowser) el$1 = document.createElement('p');\n/**\n * Returns prefixed value if needed. Returns `false` if value is not supported.\n *\n * @param {String} property\n * @param {String} value\n * @return {String|Boolean}\n * @api public\n */\n\nfunction supportedValue(property, value) {\n // For server-side rendering.\n var prefixedValue = value;\n if (!el$1 || property === 'content') return value; // It is a string or a number as a string like '1'.\n // We want only prefixable values here.\n // eslint-disable-next-line no-restricted-globals\n\n if (typeof prefixedValue !== 'string' || !isNaN(parseInt(prefixedValue, 10))) {\n return prefixedValue;\n } // Create cache key for current value.\n\n\n var cacheKey = property + prefixedValue; // Remove cache for benchmark tests or return value from cache.\n\n if (process.env.NODE_ENV !== 'benchmark' && cache$1[cacheKey] != null) {\n return cache$1[cacheKey];\n } // IE can even throw an error in some cases, for e.g. style.content = 'bar'.\n\n\n try {\n // Test value as it is.\n el$1.style[property] = prefixedValue;\n } catch (err) {\n // Return false if value not supported.\n cache$1[cacheKey] = false;\n return false;\n } // If 'transition' or 'transition-property' property.\n\n\n if (transitionProperties[property]) {\n prefixedValue = prefixedValue.replace(transPropsRegExp, prefixTransitionCallback);\n } else if (el$1.style[property] === '') {\n // Value with a vendor prefix.\n prefixedValue = prefix.css + prefixedValue; // Hardcode test to convert \"flex\" to \"-ms-flexbox\" for IE10.\n\n if (prefixedValue === '-ms-flex') el$1.style[property] = '-ms-flexbox'; // Test prefixed value.\n\n el$1.style[property] = prefixedValue; // Return false if value not supported.\n\n if (el$1.style[property] === '') {\n cache$1[cacheKey] = false;\n return false;\n }\n } // Reset styles for current property.\n\n\n el$1.style[property] = ''; // Write current value to cache.\n\n cache$1[cacheKey] = prefixedValue;\n return cache$1[cacheKey];\n}\n\nexport { prefix, supportedKeyframes, supportedProperty, supportedValue };","import { supportedKeyframes, supportedValue, supportedProperty } from 'css-vendor';\nimport { toCssValue } from 'jss';\n/**\n * Add vendor prefix to a property name when needed.\n *\n * @api public\n */\n\nfunction jssVendorPrefixer() {\n function onProcessRule(rule) {\n if (rule.type === 'keyframes') {\n var atRule = rule;\n atRule.at = supportedKeyframes(atRule.at);\n }\n }\n\n function prefixStyle(style) {\n for (var prop in style) {\n var value = style[prop];\n\n if (prop === 'fallbacks' && Array.isArray(value)) {\n style[prop] = value.map(prefixStyle);\n continue;\n }\n\n var changeProp = false;\n var supportedProp = supportedProperty(prop);\n if (supportedProp && supportedProp !== prop) changeProp = true;\n var changeValue = false;\n var supportedValue$1 = supportedValue(supportedProp, toCssValue(value));\n if (supportedValue$1 && supportedValue$1 !== value) changeValue = true;\n\n if (changeProp || changeValue) {\n if (changeProp) delete style[prop];\n style[supportedProp || prop] = supportedValue$1 || value;\n }\n }\n\n return style;\n }\n\n function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n return prefixStyle(style);\n }\n\n function onChangeValue(value, prop) {\n return supportedValue(prop, toCssValue(value)) || value;\n }\n\n return {\n onProcessRule: onProcessRule,\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default jssVendorPrefixer;","/**\n * Sort props by length.\n */\nfunction jssPropsSort() {\n var sort = function sort(prop0, prop1) {\n if (prop0.length === prop1.length) {\n return prop0 > prop1 ? 1 : -1;\n }\n\n return prop0.length - prop1.length;\n };\n\n return {\n onProcessStyle: function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n var newStyle = {};\n var props = Object.keys(style).sort(sort);\n\n for (var i = 0; i < props.length; i++) {\n newStyle[props[i]] = style[props[i]];\n }\n\n return newStyle;\n }\n };\n}\n\nexport default jssPropsSort;","import functions from 'jss-plugin-rule-value-function';\nimport global from 'jss-plugin-global';\nimport nested from 'jss-plugin-nested';\nimport camelCase from 'jss-plugin-camel-case';\nimport defaultUnit from 'jss-plugin-default-unit';\nimport vendorPrefixer from 'jss-plugin-vendor-prefixer';\nimport propsSort from 'jss-plugin-props-sort'; // Subset of jss-preset-default with only the plugins the Material-UI components are using.\n\nexport default function jssPreset() {\n return {\n plugins: [functions(), global(), nested(), camelCase(), defaultUnit(), // Disable the vendor prefixer server-side, it does nothing.\n // This way, we can get a performance boost.\n // In the documentation, we are using `autoprefixer` to solve this problem.\n typeof window === 'undefined' ? null : vendorPrefixer(), propsSort()]\n };\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport getScrollbarSize from '../utils/getScrollbarSize';\nimport ownerDocument from '../utils/ownerDocument';\nimport ownerWindow from '../utils/ownerWindow'; // Is a vertical scrollbar displayed?\n\nfunction isOverflowing(container) {\n var doc = ownerDocument(container);\n\n if (doc.body === container) {\n return ownerWindow(doc).innerWidth > doc.documentElement.clientWidth;\n }\n\n return container.scrollHeight > container.clientHeight;\n}\n\nexport function ariaHidden(node, show) {\n if (show) {\n node.setAttribute('aria-hidden', 'true');\n } else {\n node.removeAttribute('aria-hidden');\n }\n}\n\nfunction getPaddingRight(node) {\n return parseInt(window.getComputedStyle(node)['padding-right'], 10) || 0;\n}\n\nfunction ariaHiddenSiblings(container, mountNode, currentNode) {\n var nodesToExclude = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];\n var show = arguments.length > 4 ? arguments[4] : undefined;\n var blacklist = [mountNode, currentNode].concat(_toConsumableArray(nodesToExclude));\n var blacklistTagNames = ['TEMPLATE', 'SCRIPT', 'STYLE'];\n [].forEach.call(container.children, function (node) {\n if (node.nodeType === 1 && blacklist.indexOf(node) === -1 && blacklistTagNames.indexOf(node.tagName) === -1) {\n ariaHidden(node, show);\n }\n });\n}\n\nfunction findIndexOf(containerInfo, callback) {\n var idx = -1;\n containerInfo.some(function (item, index) {\n if (callback(item)) {\n idx = index;\n return true;\n }\n\n return false;\n });\n return idx;\n}\n\nfunction handleContainer(containerInfo, props) {\n var restoreStyle = [];\n var restorePaddings = [];\n var container = containerInfo.container;\n var fixedNodes;\n\n if (!props.disableScrollLock) {\n if (isOverflowing(container)) {\n // Compute the size before applying overflow hidden to avoid any scroll jumps.\n var scrollbarSize = getScrollbarSize();\n restoreStyle.push({\n value: container.style.paddingRight,\n key: 'padding-right',\n el: container\n }); // Use computed style, here to get the real padding to add our scrollbar width.\n\n container.style['padding-right'] = \"\".concat(getPaddingRight(container) + scrollbarSize, \"px\"); // .mui-fixed is a global helper.\n\n fixedNodes = ownerDocument(container).querySelectorAll('.mui-fixed');\n [].forEach.call(fixedNodes, function (node) {\n restorePaddings.push(node.style.paddingRight);\n node.style.paddingRight = \"\".concat(getPaddingRight(node) + scrollbarSize, \"px\");\n });\n } // Improve Gatsby support\n // https://css-tricks.com/snippets/css/force-vertical-scrollbar/\n\n\n var parent = container.parentElement;\n var scrollContainer = parent.nodeName === 'HTML' && window.getComputedStyle(parent)['overflow-y'] === 'scroll' ? parent : container; // Block the scroll even if no scrollbar is visible to account for mobile keyboard\n // screensize shrink.\n\n restoreStyle.push({\n value: scrollContainer.style.overflow,\n key: 'overflow',\n el: scrollContainer\n });\n scrollContainer.style.overflow = 'hidden';\n }\n\n var restore = function restore() {\n if (fixedNodes) {\n [].forEach.call(fixedNodes, function (node, i) {\n if (restorePaddings[i]) {\n node.style.paddingRight = restorePaddings[i];\n } else {\n node.style.removeProperty('padding-right');\n }\n });\n }\n\n restoreStyle.forEach(function (_ref) {\n var value = _ref.value,\n el = _ref.el,\n key = _ref.key;\n\n if (value) {\n el.style.setProperty(key, value);\n } else {\n el.style.removeProperty(key);\n }\n });\n };\n\n return restore;\n}\n\nfunction getHiddenSiblings(container) {\n var hiddenSiblings = [];\n [].forEach.call(container.children, function (node) {\n if (node.getAttribute && node.getAttribute('aria-hidden') === 'true') {\n hiddenSiblings.push(node);\n }\n });\n return hiddenSiblings;\n}\n/**\n * @ignore - do not document.\n *\n * Proper state management for containers and the modals in those containers.\n * Simplified, but inspired by react-overlay's ModalManager class.\n * Used by the Modal to ensure proper styling of containers.\n */\n\n\nvar ModalManager = /*#__PURE__*/function () {\n function ModalManager() {\n _classCallCheck(this, ModalManager); // this.modals[modalIndex] = modal\n\n\n this.modals = []; // this.containers[containerIndex] = {\n // modals: [],\n // container,\n // restore: null,\n // }\n\n this.containers = [];\n }\n\n _createClass(ModalManager, [{\n key: \"add\",\n value: function add(modal, container) {\n var modalIndex = this.modals.indexOf(modal);\n\n if (modalIndex !== -1) {\n return modalIndex;\n }\n\n modalIndex = this.modals.length;\n this.modals.push(modal); // If the modal we are adding is already in the DOM.\n\n if (modal.modalRef) {\n ariaHidden(modal.modalRef, false);\n }\n\n var hiddenSiblingNodes = getHiddenSiblings(container);\n ariaHiddenSiblings(container, modal.mountNode, modal.modalRef, hiddenSiblingNodes, true);\n var containerIndex = findIndexOf(this.containers, function (item) {\n return item.container === container;\n });\n\n if (containerIndex !== -1) {\n this.containers[containerIndex].modals.push(modal);\n return modalIndex;\n }\n\n this.containers.push({\n modals: [modal],\n container: container,\n restore: null,\n hiddenSiblingNodes: hiddenSiblingNodes\n });\n return modalIndex;\n }\n }, {\n key: \"mount\",\n value: function mount(modal, props) {\n var containerIndex = findIndexOf(this.containers, function (item) {\n return item.modals.indexOf(modal) !== -1;\n });\n var containerInfo = this.containers[containerIndex];\n\n if (!containerInfo.restore) {\n containerInfo.restore = handleContainer(containerInfo, props);\n }\n }\n }, {\n key: \"remove\",\n value: function remove(modal) {\n var modalIndex = this.modals.indexOf(modal);\n\n if (modalIndex === -1) {\n return modalIndex;\n }\n\n var containerIndex = findIndexOf(this.containers, function (item) {\n return item.modals.indexOf(modal) !== -1;\n });\n var containerInfo = this.containers[containerIndex];\n containerInfo.modals.splice(containerInfo.modals.indexOf(modal), 1);\n this.modals.splice(modalIndex, 1); // If that was the last modal in a container, clean up the container.\n\n if (containerInfo.modals.length === 0) {\n // The modal might be closed before it had the chance to be mounted in the DOM.\n if (containerInfo.restore) {\n containerInfo.restore();\n }\n\n if (modal.modalRef) {\n // In case the modal wasn't in the DOM yet.\n ariaHidden(modal.modalRef, true);\n }\n\n ariaHiddenSiblings(containerInfo.container, modal.mountNode, modal.modalRef, containerInfo.hiddenSiblingNodes, false);\n this.containers.splice(containerIndex, 1);\n } else {\n // Otherwise make sure the next top modal is visible to a screen reader.\n var nextTop = containerInfo.modals[containerInfo.modals.length - 1]; // as soon as a modal is adding its modalRef is undefined. it can't set\n // aria-hidden because the dom element doesn't exist either\n // when modal was unmounted before modalRef gets null\n\n if (nextTop.modalRef) {\n ariaHidden(nextTop.modalRef, false);\n }\n }\n\n return modalIndex;\n }\n }, {\n key: \"isTopModal\",\n value: function isTopModal(modal) {\n return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n }\n }]);\n\n return ModalManager;\n}();\n\nexport { ModalManager as default };","/* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex, camelcase */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport ownerDocument from '../utils/ownerDocument';\nimport useForkRef from '../utils/useForkRef';\nimport { exactProp } from '@material-ui/utils';\n/**\n * Utility component that locks focus inside the component.\n */\n\nfunction Unstable_TrapFocus(props) {\n var children = props.children,\n _props$disableAutoFoc = props.disableAutoFocus,\n disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,\n _props$disableEnforce = props.disableEnforceFocus,\n disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,\n _props$disableRestore = props.disableRestoreFocus,\n disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,\n getDoc = props.getDoc,\n isEnabled = props.isEnabled,\n open = props.open;\n var ignoreNextEnforceFocus = React.useRef();\n var sentinelStart = React.useRef(null);\n var sentinelEnd = React.useRef(null);\n var nodeToRestore = React.useRef();\n var rootRef = React.useRef(null); // can be removed once we drop support for non ref forwarding class components\n\n var handleOwnRef = React.useCallback(function (instance) {\n // #StrictMode ready\n rootRef.current = ReactDOM.findDOMNode(instance);\n }, []);\n var handleRef = useForkRef(children.ref, handleOwnRef);\n var prevOpenRef = React.useRef();\n React.useEffect(function () {\n prevOpenRef.current = open;\n }, [open]);\n\n if (!prevOpenRef.current && open && typeof window !== 'undefined') {\n // WARNING: Potentially unsafe in concurrent mode.\n // The way the read on `nodeToRestore` is setup could make this actually safe.\n // Say we render `open={false}` -> `open={true}` but never commit.\n // We have now written a state that wasn't committed. But no committed effect\n // will read this wrong value. We only read from `nodeToRestore` in effects\n // that were committed on `open={true}`\n // WARNING: Prevents the instance from being garbage collected. Should only\n // hold a weak ref.\n nodeToRestore.current = getDoc().activeElement;\n }\n\n React.useEffect(function () {\n if (!open) {\n return;\n }\n\n var doc = ownerDocument(rootRef.current); // We might render an empty child.\n\n if (!disableAutoFocus && rootRef.current && !rootRef.current.contains(doc.activeElement)) {\n if (!rootRef.current.hasAttribute('tabIndex')) {\n if (process.env.NODE_ENV !== 'production') {\n console.error(['Material-UI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to \"-1\".'].join('\\n'));\n }\n\n rootRef.current.setAttribute('tabIndex', -1);\n }\n\n rootRef.current.focus();\n }\n\n var contain = function contain() {\n var rootElement = rootRef.current; // Cleanup functions are executed lazily in React 17.\n // Contain can be called between the component being unmounted and its cleanup function being run.\n\n if (rootElement === null) {\n return;\n }\n\n if (!doc.hasFocus() || disableEnforceFocus || !isEnabled() || ignoreNextEnforceFocus.current) {\n ignoreNextEnforceFocus.current = false;\n return;\n }\n\n if (rootRef.current && !rootRef.current.contains(doc.activeElement)) {\n rootRef.current.focus();\n }\n };\n\n var loopFocus = function loopFocus(event) {\n // 9 = Tab\n if (disableEnforceFocus || !isEnabled() || event.keyCode !== 9) {\n return;\n } // Make sure the next tab starts from the right place.\n\n\n if (doc.activeElement === rootRef.current) {\n // We need to ignore the next contain as\n // it will try to move the focus back to the rootRef element.\n ignoreNextEnforceFocus.current = true;\n\n if (event.shiftKey) {\n sentinelEnd.current.focus();\n } else {\n sentinelStart.current.focus();\n }\n }\n };\n\n doc.addEventListener('focus', contain, true);\n doc.addEventListener('keydown', loopFocus, true); // With Edge, Safari and Firefox, no focus related events are fired when the focused area stops being a focused area\n // e.g. https://bugzilla.mozilla.org/show_bug.cgi?id=559561.\n //\n // The whatwg spec defines how the browser should behave but does not explicitly mention any events:\n // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.\n\n var interval = setInterval(function () {\n contain();\n }, 50);\n return function () {\n clearInterval(interval);\n doc.removeEventListener('focus', contain, true);\n doc.removeEventListener('keydown', loopFocus, true); // restoreLastFocus()\n\n if (!disableRestoreFocus) {\n // In IE 11 it is possible for document.activeElement to be null resulting\n // in nodeToRestore.current being null.\n // Not all elements in IE 11 have a focus method.\n // Once IE 11 support is dropped the focus() call can be unconditional.\n if (nodeToRestore.current && nodeToRestore.current.focus) {\n nodeToRestore.current.focus();\n }\n\n nodeToRestore.current = null;\n }\n };\n }, [disableAutoFocus, disableEnforceFocus, disableRestoreFocus, isEnabled, open]);\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n tabIndex: 0,\n ref: sentinelStart,\n \"data-test\": \"sentinelStart\"\n }), /*#__PURE__*/React.cloneElement(children, {\n ref: handleRef\n }), /*#__PURE__*/React.createElement(\"div\", {\n tabIndex: 0,\n ref: sentinelEnd,\n \"data-test\": \"sentinelEnd\"\n }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? Unstable_TrapFocus.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * A single child content element.\n */\n children: PropTypes.node,\n\n /**\n * If `true`, the trap focus will not automatically shift focus to itself when it opens, and\n * replace it to the last focused element when it closes.\n * This also works correctly with any trap focus children that have the `disableAutoFocus` prop.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n */\n disableAutoFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not prevent focus from leaving the trap focus while open.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n */\n disableEnforceFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not restore focus to previously focused element once\n * trap focus is hidden.\n */\n disableRestoreFocus: PropTypes.bool,\n\n /**\n * Return the document to consider.\n * We use it to implement the restore focus between different browser documents.\n */\n getDoc: PropTypes.func.isRequired,\n\n /**\n * Do we still want to enforce the focus?\n * This prop helps nesting TrapFocus elements.\n */\n isEnabled: PropTypes.func.isRequired,\n\n /**\n * If `true`, focus will be locked.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line\n Unstable_TrapFocus['propTypes' + ''] = exactProp(Unstable_TrapFocus.propTypes);\n}\n\nexport default Unstable_TrapFocus;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n zIndex: -1,\n position: 'fixed',\n right: 0,\n bottom: 0,\n top: 0,\n left: 0,\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n WebkitTapHighlightColor: 'transparent'\n },\n\n /* Styles applied to the root element if `invisible={true}`. */\n invisible: {\n backgroundColor: 'transparent'\n }\n};\n/**\n * @ignore - internal component.\n */\n\nvar SimpleBackdrop = /*#__PURE__*/React.forwardRef(function SimpleBackdrop(props, ref) {\n var _props$invisible = props.invisible,\n invisible = _props$invisible === void 0 ? false : _props$invisible,\n open = props.open,\n other = _objectWithoutProperties(props, [\"invisible\", \"open\"]);\n\n return open ? /*#__PURE__*/React.createElement(\"div\", _extends({\n \"aria-hidden\": true,\n ref: ref\n }, other, {\n style: _extends({}, styles.root, invisible ? styles.invisible : {}, other.style)\n })) : null;\n});\nprocess.env.NODE_ENV !== \"production\" ? SimpleBackdrop.propTypes = {\n /**\n * If `true`, the backdrop is invisible.\n * It can be used when rendering a popover or a custom select component.\n */\n invisible: PropTypes.bool,\n\n /**\n * If `true`, the backdrop is open.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\nexport default SimpleBackdrop;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { getThemeProps, useTheme } from '@material-ui/styles';\nimport { elementAcceptingRef, HTMLElementType } from '@material-ui/utils';\nimport deprecatedPropType from '../utils/deprecatedPropType';\nimport ownerDocument from '../utils/ownerDocument';\nimport Portal from '../Portal';\nimport createChainedFunction from '../utils/createChainedFunction';\nimport useForkRef from '../utils/useForkRef';\nimport useEventCallback from '../utils/useEventCallback';\nimport zIndex from '../styles/zIndex';\nimport ModalManager, { ariaHidden } from './ModalManager';\nimport TrapFocus from '../Unstable_TrapFocus';\nimport SimpleBackdrop from './SimpleBackdrop';\n\nfunction getContainer(container) {\n container = typeof container === 'function' ? container() : container;\n return ReactDOM.findDOMNode(container);\n}\n\nfunction getHasTransition(props) {\n return props.children ? props.children.props.hasOwnProperty('in') : false;\n} // A modal manager used to track and manage the state of open Modals.\n// Modals don't open on the server so this won't conflict with concurrent requests.\n\n\nvar defaultManager = new ModalManager();\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'fixed',\n zIndex: theme.zIndex.modal,\n right: 0,\n bottom: 0,\n top: 0,\n left: 0\n },\n\n /* Styles applied to the root element if the `Modal` has exited. */\n hidden: {\n visibility: 'hidden'\n }\n };\n};\n/**\n * Modal is a lower-level construct that is leveraged by the following components:\n *\n * - [Dialog](/api/dialog/)\n * - [Drawer](/api/drawer/)\n * - [Menu](/api/menu/)\n * - [Popover](/api/popover/)\n *\n * If you are creating a modal dialog, you probably want to use the [Dialog](/api/dialog/) component\n * rather than directly using Modal.\n *\n * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).\n */\n\nvar Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {\n var theme = useTheme();\n var props = getThemeProps({\n name: 'MuiModal',\n props: _extends({}, inProps),\n theme: theme\n });\n\n var _props$BackdropCompon = props.BackdropComponent,\n BackdropComponent = _props$BackdropCompon === void 0 ? SimpleBackdrop : _props$BackdropCompon,\n BackdropProps = props.BackdropProps,\n children = props.children,\n _props$closeAfterTran = props.closeAfterTransition,\n closeAfterTransition = _props$closeAfterTran === void 0 ? false : _props$closeAfterTran,\n container = props.container,\n _props$disableAutoFoc = props.disableAutoFocus,\n disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,\n _props$disableBackdro = props.disableBackdropClick,\n disableBackdropClick = _props$disableBackdro === void 0 ? false : _props$disableBackdro,\n _props$disableEnforce = props.disableEnforceFocus,\n disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,\n _props$disableEscapeK = props.disableEscapeKeyDown,\n disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,\n _props$disablePortal = props.disablePortal,\n disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal,\n _props$disableRestore = props.disableRestoreFocus,\n disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,\n _props$disableScrollL = props.disableScrollLock,\n disableScrollLock = _props$disableScrollL === void 0 ? false : _props$disableScrollL,\n _props$hideBackdrop = props.hideBackdrop,\n hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,\n _props$keepMounted = props.keepMounted,\n keepMounted = _props$keepMounted === void 0 ? false : _props$keepMounted,\n _props$manager = props.manager,\n manager = _props$manager === void 0 ? defaultManager : _props$manager,\n onBackdropClick = props.onBackdropClick,\n onClose = props.onClose,\n onEscapeKeyDown = props.onEscapeKeyDown,\n onRendered = props.onRendered,\n open = props.open,\n other = _objectWithoutProperties(props, [\"BackdropComponent\", \"BackdropProps\", \"children\", \"closeAfterTransition\", \"container\", \"disableAutoFocus\", \"disableBackdropClick\", \"disableEnforceFocus\", \"disableEscapeKeyDown\", \"disablePortal\", \"disableRestoreFocus\", \"disableScrollLock\", \"hideBackdrop\", \"keepMounted\", \"manager\", \"onBackdropClick\", \"onClose\", \"onEscapeKeyDown\", \"onRendered\", \"open\"]);\n\n var _React$useState = React.useState(true),\n exited = _React$useState[0],\n setExited = _React$useState[1];\n\n var modal = React.useRef({});\n var mountNodeRef = React.useRef(null);\n var modalRef = React.useRef(null);\n var handleRef = useForkRef(modalRef, ref);\n var hasTransition = getHasTransition(props);\n\n var getDoc = function getDoc() {\n return ownerDocument(mountNodeRef.current);\n };\n\n var getModal = function getModal() {\n modal.current.modalRef = modalRef.current;\n modal.current.mountNode = mountNodeRef.current;\n return modal.current;\n };\n\n var handleMounted = function handleMounted() {\n manager.mount(getModal(), {\n disableScrollLock: disableScrollLock\n }); // Fix a bug on Chrome where the scroll isn't initially 0.\n\n modalRef.current.scrollTop = 0;\n };\n\n var handleOpen = useEventCallback(function () {\n var resolvedContainer = getContainer(container) || getDoc().body;\n manager.add(getModal(), resolvedContainer); // The element was already mounted.\n\n if (modalRef.current) {\n handleMounted();\n }\n });\n var isTopModal = React.useCallback(function () {\n return manager.isTopModal(getModal());\n }, [manager]);\n var handlePortalRef = useEventCallback(function (node) {\n mountNodeRef.current = node;\n\n if (!node) {\n return;\n }\n\n if (onRendered) {\n onRendered();\n }\n\n if (open && isTopModal()) {\n handleMounted();\n } else {\n ariaHidden(modalRef.current, true);\n }\n });\n var handleClose = React.useCallback(function () {\n manager.remove(getModal());\n }, [manager]);\n React.useEffect(function () {\n return function () {\n handleClose();\n };\n }, [handleClose]);\n React.useEffect(function () {\n if (open) {\n handleOpen();\n } else if (!hasTransition || !closeAfterTransition) {\n handleClose();\n }\n }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]);\n\n if (!keepMounted && !open && (!hasTransition || exited)) {\n return null;\n }\n\n var handleEnter = function handleEnter() {\n setExited(false);\n };\n\n var handleExited = function handleExited() {\n setExited(true);\n\n if (closeAfterTransition) {\n handleClose();\n }\n };\n\n var handleBackdropClick = function handleBackdropClick(event) {\n if (event.target !== event.currentTarget) {\n return;\n }\n\n if (onBackdropClick) {\n onBackdropClick(event);\n }\n\n if (!disableBackdropClick && onClose) {\n onClose(event, 'backdropClick');\n }\n };\n\n var handleKeyDown = function handleKeyDown(event) {\n // The handler doesn't take event.defaultPrevented into account:\n //\n // event.preventDefault() is meant to stop default behaviours like\n // clicking a checkbox to check it, hitting a button to submit a form,\n // and hitting left arrow to move the cursor in a text input etc.\n // Only special HTML elements have these default behaviors.\n if (event.key !== 'Escape' || !isTopModal()) {\n return;\n }\n\n if (onEscapeKeyDown) {\n onEscapeKeyDown(event);\n }\n\n if (!disableEscapeKeyDown) {\n // Swallow the event, in case someone is listening for the escape key on the body.\n event.stopPropagation();\n\n if (onClose) {\n onClose(event, 'escapeKeyDown');\n }\n }\n };\n\n var inlineStyle = styles(theme || {\n zIndex: zIndex\n });\n var childProps = {};\n\n if (children.props.tabIndex === undefined) {\n childProps.tabIndex = children.props.tabIndex || '-1';\n } // It's a Transition like component\n\n\n if (hasTransition) {\n childProps.onEnter = createChainedFunction(handleEnter, children.props.onEnter);\n childProps.onExited = createChainedFunction(handleExited, children.props.onExited);\n }\n\n return /*#__PURE__*/React.createElement(Portal, {\n ref: handlePortalRef,\n container: container,\n disablePortal: disablePortal\n }, /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: handleRef,\n onKeyDown: handleKeyDown,\n role: \"presentation\"\n }, other, {\n style: _extends({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)\n }), hideBackdrop ? null : /*#__PURE__*/React.createElement(BackdropComponent, _extends({\n open: open,\n onClick: handleBackdropClick\n }, BackdropProps)), /*#__PURE__*/React.createElement(TrapFocus, {\n disableEnforceFocus: disableEnforceFocus,\n disableAutoFocus: disableAutoFocus,\n disableRestoreFocus: disableRestoreFocus,\n getDoc: getDoc,\n isEnabled: isTopModal,\n open: open\n }, /*#__PURE__*/React.cloneElement(children, childProps))));\n});\nprocess.env.NODE_ENV !== \"production\" ? Modal.propTypes = {\n /**\n * A backdrop component. This prop enables custom backdrop rendering.\n */\n BackdropComponent: PropTypes.elementType,\n\n /**\n * Props applied to the [`Backdrop`](/api/backdrop/) element.\n */\n BackdropProps: PropTypes.object,\n\n /**\n * A single child content element.\n */\n children: elementAcceptingRef.isRequired,\n\n /**\n * When set to true the Modal waits until a nested Transition is completed before closing.\n */\n closeAfterTransition: PropTypes.bool,\n\n /**\n * A HTML element, component instance, or function that returns either.\n * The `container` will have the portal children appended to it.\n *\n * By default, it uses the body of the top-level document object,\n * so it's simply `document.body` most of the time.\n */\n container: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([HTMLElementType, PropTypes.instanceOf(React.Component), PropTypes.func]),\n\n /**\n * If `true`, the modal will not automatically shift focus to itself when it opens, and\n * replace it to the last focused element when it closes.\n * This also works correctly with any modal children that have the `disableAutoFocus` prop.\n *\n * Generally this should never be set to `true` as it makes the modal less\n * accessible to assistive technologies, like screen readers.\n */\n disableAutoFocus: PropTypes.bool,\n\n /**\n * If `true`, clicking the backdrop will not fire `onClose`.\n */\n disableBackdropClick: deprecatedPropType(PropTypes.bool, 'Use the onClose prop with the `reason` argument to filter the `backdropClick` events.'),\n\n /**\n * If `true`, the modal will not prevent focus from leaving the modal while open.\n *\n * Generally this should never be set to `true` as it makes the modal less\n * accessible to assistive technologies, like screen readers.\n */\n disableEnforceFocus: PropTypes.bool,\n\n /**\n * If `true`, hitting escape will not fire `onClose`.\n */\n disableEscapeKeyDown: PropTypes.bool,\n\n /**\n * Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n\n /**\n * If `true`, the modal will not restore focus to previously focused element once\n * modal is hidden.\n */\n disableRestoreFocus: PropTypes.bool,\n\n /**\n * Disable the scroll lock behavior.\n */\n disableScrollLock: PropTypes.bool,\n\n /**\n * If `true`, the backdrop is not rendered.\n */\n hideBackdrop: PropTypes.bool,\n\n /**\n * Always keep the children in the DOM.\n * This prop can be useful in SEO situation or\n * when you want to maximize the responsiveness of the Modal.\n */\n keepMounted: PropTypes.bool,\n\n /**\n * @ignore\n */\n manager: PropTypes.object,\n\n /**\n * Callback fired when the backdrop is clicked.\n */\n onBackdropClick: deprecatedPropType(PropTypes.func, 'Use the onClose prop with the `reason` argument to handle the `backdropClick` events.'),\n\n /**\n * Callback fired when the component requests to be closed.\n * The `reason` parameter can optionally be used to control the response to `onClose`.\n *\n * @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n */\n onClose: PropTypes.func,\n\n /**\n * Callback fired when the escape key is pressed,\n * `disableEscapeKeyDown` is false and the modal is in focus.\n */\n onEscapeKeyDown: deprecatedPropType(PropTypes.func, 'Use the onClose prop with the `reason` argument to handle the `escapeKeyDown` events.'),\n\n /**\n * Callback fired once the children has been mounted into the `container`.\n * It signals that the `open={true}` prop took effect.\n *\n * This prop will be removed in v5, the ref can be used instead.\n */\n onRendered: deprecatedPropType(PropTypes.func, 'Use the ref instead.'),\n\n /**\n * If `true`, the modal is open.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\nexport default Modal;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from '../utils/debounce';\nimport useForkRef from '../utils/useForkRef';\nimport deprecatedPropType from '../utils/deprecatedPropType';\n\nfunction getStyleValue(computedStyle, property) {\n return parseInt(computedStyle[property], 10) || 0;\n}\n\nvar useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nvar styles = {\n /* Styles applied to the shadow textarea element. */\n shadow: {\n // Visibility needed to hide the extra text area on iPads\n visibility: 'hidden',\n // Remove from the content flow\n position: 'absolute',\n // Ignore the scrollbar width\n overflow: 'hidden',\n height: 0,\n top: 0,\n left: 0,\n // Create a new layer, increase the isolation of the computed values\n transform: 'translateZ(0)'\n }\n};\nvar TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, ref) {\n var onChange = props.onChange,\n rows = props.rows,\n rowsMax = props.rowsMax,\n rowsMinProp = props.rowsMin,\n maxRowsProp = props.maxRows,\n _props$minRows = props.minRows,\n minRowsProp = _props$minRows === void 0 ? 1 : _props$minRows,\n style = props.style,\n value = props.value,\n other = _objectWithoutProperties(props, [\"onChange\", \"rows\", \"rowsMax\", \"rowsMin\", \"maxRows\", \"minRows\", \"style\", \"value\"]);\n\n var maxRows = maxRowsProp || rowsMax;\n var minRows = rows || rowsMinProp || minRowsProp;\n\n var _React$useRef = React.useRef(value != null),\n isControlled = _React$useRef.current;\n\n var inputRef = React.useRef(null);\n var handleRef = useForkRef(ref, inputRef);\n var shadowRef = React.useRef(null);\n var renders = React.useRef(0);\n\n var _React$useState = React.useState({}),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var syncHeight = React.useCallback(function () {\n var input = inputRef.current;\n var computedStyle = window.getComputedStyle(input);\n var inputShallow = shadowRef.current;\n inputShallow.style.width = computedStyle.width;\n inputShallow.value = input.value || props.placeholder || 'x';\n\n if (inputShallow.value.slice(-1) === '\\n') {\n // Certain fonts which overflow the line height will cause the textarea\n // to report a different scrollHeight depending on whether the last line\n // is empty. Make it non-empty to avoid this issue.\n inputShallow.value += ' ';\n }\n\n var boxSizing = computedStyle['box-sizing'];\n var padding = getStyleValue(computedStyle, 'padding-bottom') + getStyleValue(computedStyle, 'padding-top');\n var border = getStyleValue(computedStyle, 'border-bottom-width') + getStyleValue(computedStyle, 'border-top-width'); // The height of the inner content\n\n var innerHeight = inputShallow.scrollHeight - padding; // Measure height of a textarea with a single row\n\n inputShallow.value = 'x';\n var singleRowHeight = inputShallow.scrollHeight - padding; // The height of the outer content\n\n var outerHeight = innerHeight;\n\n if (minRows) {\n outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);\n }\n\n if (maxRows) {\n outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);\n }\n\n outerHeight = Math.max(outerHeight, singleRowHeight); // Take the box sizing into account for applying this value as a style.\n\n var outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);\n var overflow = Math.abs(outerHeight - innerHeight) <= 1;\n setState(function (prevState) {\n // Need a large enough difference to update the height.\n // This prevents infinite rendering loop.\n if (renders.current < 20 && (outerHeightStyle > 0 && Math.abs((prevState.outerHeightStyle || 0) - outerHeightStyle) > 1 || prevState.overflow !== overflow)) {\n renders.current += 1;\n return {\n overflow: overflow,\n outerHeightStyle: outerHeightStyle\n };\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (renders.current === 20) {\n console.error(['Material-UI: Too many re-renders. The layout is unstable.', 'TextareaAutosize limits the number of renders to prevent an infinite loop.'].join('\\n'));\n }\n }\n\n return prevState;\n });\n }, [maxRows, minRows, props.placeholder]);\n React.useEffect(function () {\n var handleResize = debounce(function () {\n renders.current = 0;\n syncHeight();\n });\n window.addEventListener('resize', handleResize);\n return function () {\n handleResize.clear();\n window.removeEventListener('resize', handleResize);\n };\n }, [syncHeight]);\n useEnhancedEffect(function () {\n syncHeight();\n });\n React.useEffect(function () {\n renders.current = 0;\n }, [value]);\n\n var handleChange = function handleChange(event) {\n renders.current = 0;\n\n if (!isControlled) {\n syncHeight();\n }\n\n if (onChange) {\n onChange(event);\n }\n };\n\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"textarea\", _extends({\n value: value,\n onChange: handleChange,\n ref: handleRef // Apply the rows prop to get a \"correct\" first SSR paint\n ,\n rows: minRows,\n style: _extends({\n height: state.outerHeightStyle,\n // Need a large enough difference to allow scrolling.\n // This prevents infinite rendering loop.\n overflow: state.overflow ? 'hidden' : null\n }, style)\n }, other)), /*#__PURE__*/React.createElement(\"textarea\", {\n \"aria-hidden\": true,\n className: props.className,\n readOnly: true,\n ref: shadowRef,\n tabIndex: -1,\n style: _extends({}, styles.shadow, style)\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TextareaAutosize.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * Maximum number of rows to display.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * @ignore\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n placeholder: PropTypes.string,\n\n /**\n * Minimum number of rows to display.\n * @deprecated Use `minRows` instead.\n */\n rows: deprecatedPropType(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), 'Use `minRows` instead.'),\n\n /**\n * Maximum number of rows to display.\n * @deprecated Use `maxRows` instead.\n */\n rowsMax: deprecatedPropType(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), 'Use `maxRows` instead.'),\n\n /**\n * Minimum number of rows to display.\n * @deprecated Use `minRows` instead.\n */\n rowsMin: deprecatedPropType(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), 'Use `minRows` instead.'),\n\n /**\n * @ignore\n */\n style: PropTypes.object,\n\n /**\n * @ignore\n */\n value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string])\n} : void 0;\nexport default TextareaAutosize;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@material-ui/utils\";\n/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { refType } from '@material-ui/utils';\nimport formControlState from '../FormControl/formControlState';\nimport FormControlContext, { useFormControl } from '../FormControl/FormControlContext';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nimport useForkRef from '../utils/useForkRef';\nimport TextareaAutosize from '../TextareaAutosize';\nimport { isFilled } from './utils';\nexport var styles = function styles(theme) {\n var light = theme.palette.type === 'light';\n var placeholder = {\n color: 'currentColor',\n opacity: light ? 0.42 : 0.5,\n transition: theme.transitions.create('opacity', {\n duration: theme.transitions.duration.shorter\n })\n };\n var placeholderHidden = {\n opacity: '0 !important'\n };\n var placeholderVisible = {\n opacity: light ? 0.42 : 0.5\n };\n return {\n '@global': {\n '@keyframes mui-auto-fill': {},\n '@keyframes mui-auto-fill-cancel': {}\n },\n\n /* Styles applied to the root element. */\n root: _extends({}, theme.typography.body1, {\n color: theme.palette.text.primary,\n lineHeight: '1.1876em',\n // Reset (19px), match the native input line-height\n boxSizing: 'border-box',\n // Prevent padding issue with fullWidth.\n position: 'relative',\n cursor: 'text',\n display: 'inline-flex',\n alignItems: 'center',\n '&$disabled': {\n color: theme.palette.text.disabled,\n cursor: 'default'\n }\n }),\n\n /* Styles applied to the root element if the component is a descendant of `FormControl`. */\n formControl: {},\n\n /* Styles applied to the root element if the component is focused. */\n focused: {},\n\n /* Styles applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the root element if `startAdornment` is provided. */\n adornedStart: {},\n\n /* Styles applied to the root element if `endAdornment` is provided. */\n adornedEnd: {},\n\n /* Pseudo-class applied to the root element if `error={true}`. */\n error: {},\n\n /* Styles applied to the `input` element if `margin=\"dense\"`. */\n marginDense: {},\n\n /* Styles applied to the root element if `multiline={true}`. */\n multiline: {\n padding: \"\".concat(8 - 2, \"px 0 \").concat(8 - 1, \"px\"),\n '&$marginDense': {\n paddingTop: 4 - 1\n }\n },\n\n /* Styles applied to the root element if the color is secondary. */\n colorSecondary: {},\n\n /* Styles applied to the root element if `fullWidth={true}`. */\n fullWidth: {\n width: '100%'\n },\n\n /* Styles applied to the `input` element. */\n input: {\n font: 'inherit',\n letterSpacing: 'inherit',\n color: 'currentColor',\n padding: \"\".concat(8 - 2, \"px 0 \").concat(8 - 1, \"px\"),\n border: 0,\n boxSizing: 'content-box',\n background: 'none',\n height: '1.1876em',\n // Reset (19px), match the native input line-height\n margin: 0,\n // Reset for Safari\n WebkitTapHighlightColor: 'transparent',\n display: 'block',\n // Make the flex item shrink with Firefox\n minWidth: 0,\n width: '100%',\n // Fix IE 11 width issue\n animationName: 'mui-auto-fill-cancel',\n animationDuration: '10ms',\n '&::-webkit-input-placeholder': placeholder,\n '&::-moz-placeholder': placeholder,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholder,\n // IE 11\n '&::-ms-input-placeholder': placeholder,\n // Edge\n '&:focus': {\n outline: 0\n },\n // Reset Firefox invalid required input style\n '&:invalid': {\n boxShadow: 'none'\n },\n '&::-webkit-search-decoration': {\n // Remove the padding when type=search.\n '-webkit-appearance': 'none'\n },\n // Show and hide the placeholder logic\n 'label[data-shrink=false] + $formControl &': {\n '&::-webkit-input-placeholder': placeholderHidden,\n '&::-moz-placeholder': placeholderHidden,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholderHidden,\n // IE 11\n '&::-ms-input-placeholder': placeholderHidden,\n // Edge\n '&:focus::-webkit-input-placeholder': placeholderVisible,\n '&:focus::-moz-placeholder': placeholderVisible,\n // Firefox 19+\n '&:focus:-ms-input-placeholder': placeholderVisible,\n // IE 11\n '&:focus::-ms-input-placeholder': placeholderVisible // Edge\n\n },\n '&$disabled': {\n opacity: 1 // Reset iOS opacity\n\n },\n '&:-webkit-autofill': {\n animationDuration: '5000s',\n animationName: 'mui-auto-fill'\n }\n },\n\n /* Styles applied to the `input` element if `margin=\"dense\"`. */\n inputMarginDense: {\n paddingTop: 4 - 1\n },\n\n /* Styles applied to the `input` element if `multiline={true}`. */\n inputMultiline: {\n height: 'auto',\n resize: 'none',\n padding: 0\n },\n\n /* Styles applied to the `input` element if `type=\"search\"`. */\n inputTypeSearch: {\n // Improve type search style.\n '-moz-appearance': 'textfield',\n '-webkit-appearance': 'textfield'\n },\n\n /* Styles applied to the `input` element if `startAdornment` is provided. */\n inputAdornedStart: {},\n\n /* Styles applied to the `input` element if `endAdornment` is provided. */\n inputAdornedEnd: {},\n\n /* Styles applied to the `input` element if `hiddenLabel={true}`. */\n inputHiddenLabel: {}\n };\n};\nvar useEnhancedEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;\n/**\n * `InputBase` contains as few styles as possible.\n * It aims to be a simple building block for creating an input.\n * It contains a load of style reset and some state logic.\n */\n\nvar InputBase = /*#__PURE__*/React.forwardRef(function InputBase(props, ref) {\n var ariaDescribedby = props['aria-describedby'],\n autoComplete = props.autoComplete,\n autoFocus = props.autoFocus,\n classes = props.classes,\n className = props.className,\n color = props.color,\n defaultValue = props.defaultValue,\n disabled = props.disabled,\n endAdornment = props.endAdornment,\n error = props.error,\n _props$fullWidth = props.fullWidth,\n fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,\n id = props.id,\n _props$inputComponent = props.inputComponent,\n inputComponent = _props$inputComponent === void 0 ? 'input' : _props$inputComponent,\n _props$inputProps = props.inputProps,\n inputPropsProp = _props$inputProps === void 0 ? {} : _props$inputProps,\n inputRefProp = props.inputRef,\n margin = props.margin,\n _props$multiline = props.multiline,\n multiline = _props$multiline === void 0 ? false : _props$multiline,\n name = props.name,\n onBlur = props.onBlur,\n onChange = props.onChange,\n onClick = props.onClick,\n onFocus = props.onFocus,\n onKeyDown = props.onKeyDown,\n onKeyUp = props.onKeyUp,\n placeholder = props.placeholder,\n readOnly = props.readOnly,\n renderSuffix = props.renderSuffix,\n rows = props.rows,\n rowsMax = props.rowsMax,\n rowsMin = props.rowsMin,\n maxRows = props.maxRows,\n minRows = props.minRows,\n startAdornment = props.startAdornment,\n _props$type = props.type,\n type = _props$type === void 0 ? 'text' : _props$type,\n valueProp = props.value,\n other = _objectWithoutProperties(props, [\"aria-describedby\", \"autoComplete\", \"autoFocus\", \"classes\", \"className\", \"color\", \"defaultValue\", \"disabled\", \"endAdornment\", \"error\", \"fullWidth\", \"id\", \"inputComponent\", \"inputProps\", \"inputRef\", \"margin\", \"multiline\", \"name\", \"onBlur\", \"onChange\", \"onClick\", \"onFocus\", \"onKeyDown\", \"onKeyUp\", \"placeholder\", \"readOnly\", \"renderSuffix\", \"rows\", \"rowsMax\", \"rowsMin\", \"maxRows\", \"minRows\", \"startAdornment\", \"type\", \"value\"]);\n\n var value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;\n\n var _React$useRef = React.useRef(value != null),\n isControlled = _React$useRef.current;\n\n var inputRef = React.useRef();\n var handleInputRefWarning = React.useCallback(function (instance) {\n if (process.env.NODE_ENV !== 'production') {\n if (instance && instance.nodeName !== 'INPUT' && !instance.focus) {\n console.error(['Material-UI: You have provided a `inputComponent` to the input component', 'that does not correctly handle the `inputRef` prop.', 'Make sure the `inputRef` prop is called with a HTMLInputElement.'].join('\\n'));\n }\n }\n }, []);\n var handleInputPropsRefProp = useForkRef(inputPropsProp.ref, handleInputRefWarning);\n var handleInputRefProp = useForkRef(inputRefProp, handleInputPropsRefProp);\n var handleInputRef = useForkRef(inputRef, handleInputRefProp);\n\n var _React$useState = React.useState(false),\n focused = _React$useState[0],\n setFocused = _React$useState[1];\n\n var muiFormControl = useFormControl();\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(function () {\n if (muiFormControl) {\n return muiFormControl.registerEffect();\n }\n\n return undefined;\n }, [muiFormControl]);\n }\n\n var fcs = formControlState({\n props: props,\n muiFormControl: muiFormControl,\n states: ['color', 'disabled', 'error', 'hiddenLabel', 'margin', 'required', 'filled']\n });\n fcs.focused = muiFormControl ? muiFormControl.focused : focused; // The blur won't fire when the disabled state is set on a focused input.\n // We need to book keep the focused state manually.\n\n React.useEffect(function () {\n if (!muiFormControl && disabled && focused) {\n setFocused(false);\n\n if (onBlur) {\n onBlur();\n }\n }\n }, [muiFormControl, disabled, focused, onBlur]);\n var onFilled = muiFormControl && muiFormControl.onFilled;\n var onEmpty = muiFormControl && muiFormControl.onEmpty;\n var checkDirty = React.useCallback(function (obj) {\n if (isFilled(obj)) {\n if (onFilled) {\n onFilled();\n }\n } else if (onEmpty) {\n onEmpty();\n }\n }, [onFilled, onEmpty]);\n useEnhancedEffect(function () {\n if (isControlled) {\n checkDirty({\n value: value\n });\n }\n }, [value, checkDirty, isControlled]);\n\n var handleFocus = function handleFocus(event) {\n // Fix a bug with IE 11 where the focus/blur events are triggered\n // while the input is disabled.\n if (fcs.disabled) {\n event.stopPropagation();\n return;\n }\n\n if (onFocus) {\n onFocus(event);\n }\n\n if (inputPropsProp.onFocus) {\n inputPropsProp.onFocus(event);\n }\n\n if (muiFormControl && muiFormControl.onFocus) {\n muiFormControl.onFocus(event);\n } else {\n setFocused(true);\n }\n };\n\n var handleBlur = function handleBlur(event) {\n if (onBlur) {\n onBlur(event);\n }\n\n if (inputPropsProp.onBlur) {\n inputPropsProp.onBlur(event);\n }\n\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur(event);\n } else {\n setFocused(false);\n }\n };\n\n var handleChange = function handleChange(event) {\n if (!isControlled) {\n var element = event.target || inputRef.current;\n\n if (element == null) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://material-ui.com/r/input-component-ref-interface for more info.\" : _formatMuiErrorMessage(1));\n }\n\n checkDirty({\n value: element.value\n });\n }\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n if (inputPropsProp.onChange) {\n inputPropsProp.onChange.apply(inputPropsProp, [event].concat(args));\n } // Perform in the willUpdate\n\n\n if (onChange) {\n onChange.apply(void 0, [event].concat(args));\n }\n }; // Check the input state on mount, in case it was filled by the user\n // or auto filled by the browser before the hydration (for SSR).\n\n\n React.useEffect(function () {\n checkDirty(inputRef.current);\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n var handleClick = function handleClick(event) {\n if (inputRef.current && event.currentTarget === event.target) {\n inputRef.current.focus();\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n var InputComponent = inputComponent;\n\n var inputProps = _extends({}, inputPropsProp, {\n ref: handleInputRef\n });\n\n if (typeof InputComponent !== 'string') {\n inputProps = _extends({\n // Rename ref to inputRef as we don't know the\n // provided `inputComponent` structure.\n inputRef: handleInputRef,\n type: type\n }, inputProps, {\n ref: null\n });\n } else if (multiline) {\n if (rows && !maxRows && !minRows && !rowsMax && !rowsMin) {\n InputComponent = 'textarea';\n } else {\n inputProps = _extends({\n minRows: rows || minRows,\n rowsMax: rowsMax,\n maxRows: maxRows\n }, inputProps);\n InputComponent = TextareaAutosize;\n }\n } else {\n inputProps = _extends({\n type: type\n }, inputProps);\n }\n\n var handleAutoFill = function handleAutoFill(event) {\n // Provide a fake value as Chrome might not let you access it for security reasons.\n checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef.current : {\n value: 'x'\n });\n };\n\n React.useEffect(function () {\n if (muiFormControl) {\n muiFormControl.setAdornedStart(Boolean(startAdornment));\n }\n }, [muiFormControl, startAdornment]);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes[\"color\".concat(capitalize(fcs.color || 'primary'))], className, fcs.disabled && classes.disabled, fcs.error && classes.error, fullWidth && classes.fullWidth, fcs.focused && classes.focused, muiFormControl && classes.formControl, multiline && classes.multiline, startAdornment && classes.adornedStart, endAdornment && classes.adornedEnd, fcs.margin === 'dense' && classes.marginDense),\n onClick: handleClick,\n ref: ref\n }, other), startAdornment, /*#__PURE__*/React.createElement(FormControlContext.Provider, {\n value: null\n }, /*#__PURE__*/React.createElement(InputComponent, _extends({\n \"aria-invalid\": fcs.error,\n \"aria-describedby\": ariaDescribedby,\n autoComplete: autoComplete,\n autoFocus: autoFocus,\n defaultValue: defaultValue,\n disabled: fcs.disabled,\n id: id,\n onAnimationStart: handleAutoFill,\n name: name,\n placeholder: placeholder,\n readOnly: readOnly,\n required: fcs.required,\n rows: rows,\n value: value,\n onKeyDown: onKeyDown,\n onKeyUp: onKeyUp\n }, inputProps, {\n className: clsx(classes.input, inputPropsProp.className, fcs.disabled && classes.disabled, multiline && classes.inputMultiline, fcs.hiddenLabel && classes.inputHiddenLabel, startAdornment && classes.inputAdornedStart, endAdornment && classes.inputAdornedEnd, type === 'search' && classes.inputTypeSearch, fcs.margin === 'dense' && classes.inputMarginDense),\n onBlur: handleBlur,\n onChange: handleChange,\n onFocus: handleFocus\n }))), endAdornment, renderSuffix ? renderSuffix(_extends({}, fcs, {\n startAdornment: startAdornment\n })) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? InputBase.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n 'aria-describedby': PropTypes.string,\n\n /**\n * This prop helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n */\n autoComplete: PropTypes.string,\n\n /**\n * If `true`, the `input` element will be focused during the first mount.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['primary', 'secondary']),\n\n /**\n * The default `input` element value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the `input` element will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment: PropTypes.node,\n\n /**\n * If `true`, the input will indicate an error. This is normally obtained via context from\n * FormControl.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the input will take up the full width of its container.\n */\n fullWidth: PropTypes.bool,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * The component used for the `input` element.\n * Either a string to use a HTML element or a component.\n */\n inputComponent: PropTypes.elementType,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n */\n margin: PropTypes.oneOf(['dense', 'none']),\n\n /**\n * Maximum number of rows to display when multiline option is set to true.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display when multiline option is set to true.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * If `true`, a textarea element will be rendered.\n */\n multiline: PropTypes.bool,\n\n /**\n * Name attribute of the `input` element.\n */\n name: PropTypes.string,\n\n /**\n * Callback fired when the input is blurred.\n *\n * Notice that the first argument (event) might be undefined.\n */\n onBlur: PropTypes.func,\n\n /**\n * Callback fired when the value is changed.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n\n /**\n * @ignore\n */\n onKeyDown: PropTypes.func,\n\n /**\n * @ignore\n */\n onKeyUp: PropTypes.func,\n\n /**\n * The short hint displayed in the input before the user enters a value.\n */\n placeholder: PropTypes.string,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: PropTypes.bool,\n\n /**\n * @ignore\n */\n renderSuffix: PropTypes.func,\n\n /**\n * If `true`, the `input` element will be required.\n */\n required: PropTypes.bool,\n\n /**\n * Number of rows to display when multiline option is set to true.\n */\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Maximum number of rows to display.\n * @deprecated Use `maxRows` instead.\n */\n rowsMax: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display.\n * @deprecated Use `minRows` instead.\n */\n rowsMin: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment: PropTypes.node,\n\n /**\n * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n */\n type: PropTypes.string,\n\n /**\n * The value of the `input` element, required for a controlled component.\n */\n value: PropTypes.any\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiInputBase'\n})(InputBase);","/** @license React v16.14.0\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nvar l = require(\"object-assign\"),\n n = \"function\" === typeof Symbol && Symbol.for,\n p = n ? Symbol.for(\"react.element\") : 60103,\n q = n ? Symbol.for(\"react.portal\") : 60106,\n r = n ? Symbol.for(\"react.fragment\") : 60107,\n t = n ? Symbol.for(\"react.strict_mode\") : 60108,\n u = n ? Symbol.for(\"react.profiler\") : 60114,\n v = n ? Symbol.for(\"react.provider\") : 60109,\n w = n ? Symbol.for(\"react.context\") : 60110,\n x = n ? Symbol.for(\"react.forward_ref\") : 60112,\n y = n ? Symbol.for(\"react.suspense\") : 60113,\n z = n ? Symbol.for(\"react.memo\") : 60115,\n A = n ? Symbol.for(\"react.lazy\") : 60116,\n B = \"function\" === typeof Symbol && Symbol.iterator;\n\nfunction C(a) {\n for (var b = \"https://reactjs.org/docs/error-decoder.html?invariant=\" + a, c = 1; c < arguments.length; c++) {\n b += \"&args[]=\" + encodeURIComponent(arguments[c]);\n }\n\n return \"Minified React error #\" + a + \"; visit \" + b + \" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\";\n}\n\nvar D = {\n isMounted: function isMounted() {\n return !1;\n },\n enqueueForceUpdate: function enqueueForceUpdate() {},\n enqueueReplaceState: function enqueueReplaceState() {},\n enqueueSetState: function enqueueSetState() {}\n},\n E = {};\n\nfunction F(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = E;\n this.updater = c || D;\n}\n\nF.prototype.isReactComponent = {};\n\nF.prototype.setState = function (a, b) {\n if (\"object\" !== typeof a && \"function\" !== typeof a && null != a) throw Error(C(85));\n this.updater.enqueueSetState(this, a, b, \"setState\");\n};\n\nF.prototype.forceUpdate = function (a) {\n this.updater.enqueueForceUpdate(this, a, \"forceUpdate\");\n};\n\nfunction G() {}\n\nG.prototype = F.prototype;\n\nfunction H(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = E;\n this.updater = c || D;\n}\n\nvar I = H.prototype = new G();\nI.constructor = H;\nl(I, F.prototype);\nI.isPureReactComponent = !0;\nvar J = {\n current: null\n},\n K = Object.prototype.hasOwnProperty,\n L = {\n key: !0,\n ref: !0,\n __self: !0,\n __source: !0\n};\n\nfunction M(a, b, c) {\n var e,\n d = {},\n g = null,\n k = null;\n if (null != b) for (e in void 0 !== b.ref && (k = b.ref), void 0 !== b.key && (g = \"\" + b.key), b) {\n K.call(b, e) && !L.hasOwnProperty(e) && (d[e] = b[e]);\n }\n var f = arguments.length - 2;\n if (1 === f) d.children = c;else if (1 < f) {\n for (var h = Array(f), m = 0; m < f; m++) {\n h[m] = arguments[m + 2];\n }\n\n d.children = h;\n }\n if (a && a.defaultProps) for (e in f = a.defaultProps, f) {\n void 0 === d[e] && (d[e] = f[e]);\n }\n return {\n $$typeof: p,\n type: a,\n key: g,\n ref: k,\n props: d,\n _owner: J.current\n };\n}\n\nfunction N(a, b) {\n return {\n $$typeof: p,\n type: a.type,\n key: b,\n ref: a.ref,\n props: a.props,\n _owner: a._owner\n };\n}\n\nfunction O(a) {\n return \"object\" === typeof a && null !== a && a.$$typeof === p;\n}\n\nfunction escape(a) {\n var b = {\n \"=\": \"=0\",\n \":\": \"=2\"\n };\n return \"$\" + (\"\" + a).replace(/[=:]/g, function (a) {\n return b[a];\n });\n}\n\nvar P = /\\/+/g,\n Q = [];\n\nfunction R(a, b, c, e) {\n if (Q.length) {\n var d = Q.pop();\n d.result = a;\n d.keyPrefix = b;\n d.func = c;\n d.context = e;\n d.count = 0;\n return d;\n }\n\n return {\n result: a,\n keyPrefix: b,\n func: c,\n context: e,\n count: 0\n };\n}\n\nfunction S(a) {\n a.result = null;\n a.keyPrefix = null;\n a.func = null;\n a.context = null;\n a.count = 0;\n 10 > Q.length && Q.push(a);\n}\n\nfunction T(a, b, c, e) {\n var d = typeof a;\n if (\"undefined\" === d || \"boolean\" === d) a = null;\n var g = !1;\n if (null === a) g = !0;else switch (d) {\n case \"string\":\n case \"number\":\n g = !0;\n break;\n\n case \"object\":\n switch (a.$$typeof) {\n case p:\n case q:\n g = !0;\n }\n\n }\n if (g) return c(e, a, \"\" === b ? \".\" + U(a, 0) : b), 1;\n g = 0;\n b = \"\" === b ? \".\" : b + \":\";\n if (Array.isArray(a)) for (var k = 0; k < a.length; k++) {\n d = a[k];\n var f = b + U(d, k);\n g += T(d, f, c, e);\n } else if (null === a || \"object\" !== typeof a ? f = null : (f = B && a[B] || a[\"@@iterator\"], f = \"function\" === typeof f ? f : null), \"function\" === typeof f) for (a = f.call(a), k = 0; !(d = a.next()).done;) {\n d = d.value, f = b + U(d, k++), g += T(d, f, c, e);\n } else if (\"object\" === d) throw c = \"\" + a, Error(C(31, \"[object Object]\" === c ? \"object with keys {\" + Object.keys(a).join(\", \") + \"}\" : c, \"\"));\n return g;\n}\n\nfunction V(a, b, c) {\n return null == a ? 0 : T(a, \"\", b, c);\n}\n\nfunction U(a, b) {\n return \"object\" === typeof a && null !== a && null != a.key ? escape(a.key) : b.toString(36);\n}\n\nfunction W(a, b) {\n a.func.call(a.context, b, a.count++);\n}\n\nfunction aa(a, b, c) {\n var e = a.result,\n d = a.keyPrefix;\n a = a.func.call(a.context, b, a.count++);\n Array.isArray(a) ? X(a, e, c, function (a) {\n return a;\n }) : null != a && (O(a) && (a = N(a, d + (!a.key || b && b.key === a.key ? \"\" : (\"\" + a.key).replace(P, \"$&/\") + \"/\") + c)), e.push(a));\n}\n\nfunction X(a, b, c, e, d) {\n var g = \"\";\n null != c && (g = (\"\" + c).replace(P, \"$&/\") + \"/\");\n b = R(b, g, e, d);\n V(a, aa, b);\n S(b);\n}\n\nvar Y = {\n current: null\n};\n\nfunction Z() {\n var a = Y.current;\n if (null === a) throw Error(C(321));\n return a;\n}\n\nvar ba = {\n ReactCurrentDispatcher: Y,\n ReactCurrentBatchConfig: {\n suspense: null\n },\n ReactCurrentOwner: J,\n IsSomeRendererActing: {\n current: !1\n },\n assign: l\n};\nexports.Children = {\n map: function map(a, b, c) {\n if (null == a) return a;\n var e = [];\n X(a, e, null, b, c);\n return e;\n },\n forEach: function forEach(a, b, c) {\n if (null == a) return a;\n b = R(null, null, b, c);\n V(a, W, b);\n S(b);\n },\n count: function count(a) {\n return V(a, function () {\n return null;\n }, null);\n },\n toArray: function toArray(a) {\n var b = [];\n X(a, b, null, function (a) {\n return a;\n });\n return b;\n },\n only: function only(a) {\n if (!O(a)) throw Error(C(143));\n return a;\n }\n};\nexports.Component = F;\nexports.Fragment = r;\nexports.Profiler = u;\nexports.PureComponent = H;\nexports.StrictMode = t;\nexports.Suspense = y;\nexports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ba;\n\nexports.cloneElement = function (a, b, c) {\n if (null === a || void 0 === a) throw Error(C(267, a));\n var e = l({}, a.props),\n d = a.key,\n g = a.ref,\n k = a._owner;\n\n if (null != b) {\n void 0 !== b.ref && (g = b.ref, k = J.current);\n void 0 !== b.key && (d = \"\" + b.key);\n if (a.type && a.type.defaultProps) var f = a.type.defaultProps;\n\n for (h in b) {\n K.call(b, h) && !L.hasOwnProperty(h) && (e[h] = void 0 === b[h] && void 0 !== f ? f[h] : b[h]);\n }\n }\n\n var h = arguments.length - 2;\n if (1 === h) e.children = c;else if (1 < h) {\n f = Array(h);\n\n for (var m = 0; m < h; m++) {\n f[m] = arguments[m + 2];\n }\n\n e.children = f;\n }\n return {\n $$typeof: p,\n type: a.type,\n key: d,\n ref: g,\n props: e,\n _owner: k\n };\n};\n\nexports.createContext = function (a, b) {\n void 0 === b && (b = null);\n a = {\n $$typeof: w,\n _calculateChangedBits: b,\n _currentValue: a,\n _currentValue2: a,\n _threadCount: 0,\n Provider: null,\n Consumer: null\n };\n a.Provider = {\n $$typeof: v,\n _context: a\n };\n return a.Consumer = a;\n};\n\nexports.createElement = M;\n\nexports.createFactory = function (a) {\n var b = M.bind(null, a);\n b.type = a;\n return b;\n};\n\nexports.createRef = function () {\n return {\n current: null\n };\n};\n\nexports.forwardRef = function (a) {\n return {\n $$typeof: x,\n render: a\n };\n};\n\nexports.isValidElement = O;\n\nexports.lazy = function (a) {\n return {\n $$typeof: A,\n _ctor: a,\n _status: -1,\n _result: null\n };\n};\n\nexports.memo = function (a, b) {\n return {\n $$typeof: z,\n type: a,\n compare: void 0 === b ? null : b\n };\n};\n\nexports.useCallback = function (a, b) {\n return Z().useCallback(a, b);\n};\n\nexports.useContext = function (a, b) {\n return Z().useContext(a, b);\n};\n\nexports.useDebugValue = function () {};\n\nexports.useEffect = function (a, b) {\n return Z().useEffect(a, b);\n};\n\nexports.useImperativeHandle = function (a, b, c) {\n return Z().useImperativeHandle(a, b, c);\n};\n\nexports.useLayoutEffect = function (a, b) {\n return Z().useLayoutEffect(a, b);\n};\n\nexports.useMemo = function (a, b) {\n return Z().useMemo(a, b);\n};\n\nexports.useReducer = function (a, b, c) {\n return Z().useReducer(a, b, c);\n};\n\nexports.useRef = function (a) {\n return Z().useRef(a);\n};\n\nexports.useState = function (a) {\n return Z().useState(a);\n};\n\nexports.version = \"16.14.0\";","/** @license React v16.14.0\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\n'use strict';\n\nvar aa = require(\"react\"),\n n = require(\"object-assign\"),\n r = require(\"scheduler\");\n\nfunction u(a) {\n for (var b = \"https://reactjs.org/docs/error-decoder.html?invariant=\" + a, c = 1; c < arguments.length; c++) {\n b += \"&args[]=\" + encodeURIComponent(arguments[c]);\n }\n\n return \"Minified React error #\" + a + \"; visit \" + b + \" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\";\n}\n\nif (!aa) throw Error(u(227));\n\nfunction ba(a, b, c, d, e, f, g, h, k) {\n var l = Array.prototype.slice.call(arguments, 3);\n\n try {\n b.apply(c, l);\n } catch (m) {\n this.onError(m);\n }\n}\n\nvar da = !1,\n ea = null,\n fa = !1,\n ha = null,\n ia = {\n onError: function onError(a) {\n da = !0;\n ea = a;\n }\n};\n\nfunction ja(a, b, c, d, e, f, g, h, k) {\n da = !1;\n ea = null;\n ba.apply(ia, arguments);\n}\n\nfunction ka(a, b, c, d, e, f, g, h, k) {\n ja.apply(this, arguments);\n\n if (da) {\n if (da) {\n var l = ea;\n da = !1;\n ea = null;\n } else throw Error(u(198));\n\n fa || (fa = !0, ha = l);\n }\n}\n\nvar la = null,\n ma = null,\n na = null;\n\nfunction oa(a, b, c) {\n var d = a.type || \"unknown-event\";\n a.currentTarget = na(c);\n ka(d, b, void 0, a);\n a.currentTarget = null;\n}\n\nvar pa = null,\n qa = {};\n\nfunction ra() {\n if (pa) for (var a in qa) {\n var b = qa[a],\n c = pa.indexOf(a);\n if (!(-1 < c)) throw Error(u(96, a));\n\n if (!sa[c]) {\n if (!b.extractEvents) throw Error(u(97, a));\n sa[c] = b;\n c = b.eventTypes;\n\n for (var d in c) {\n var e = void 0;\n var f = c[d],\n g = b,\n h = d;\n if (ta.hasOwnProperty(h)) throw Error(u(99, h));\n ta[h] = f;\n var k = f.phasedRegistrationNames;\n\n if (k) {\n for (e in k) {\n k.hasOwnProperty(e) && ua(k[e], g, h);\n }\n\n e = !0;\n } else f.registrationName ? (ua(f.registrationName, g, h), e = !0) : e = !1;\n\n if (!e) throw Error(u(98, d, a));\n }\n }\n }\n}\n\nfunction ua(a, b, c) {\n if (va[a]) throw Error(u(100, a));\n va[a] = b;\n wa[a] = b.eventTypes[c].dependencies;\n}\n\nvar sa = [],\n ta = {},\n va = {},\n wa = {};\n\nfunction xa(a) {\n var b = !1,\n c;\n\n for (c in a) {\n if (a.hasOwnProperty(c)) {\n var d = a[c];\n\n if (!qa.hasOwnProperty(c) || qa[c] !== d) {\n if (qa[c]) throw Error(u(102, c));\n qa[c] = d;\n b = !0;\n }\n }\n }\n\n b && ra();\n}\n\nvar ya = !(\"undefined\" === typeof window || \"undefined\" === typeof window.document || \"undefined\" === typeof window.document.createElement),\n za = null,\n Aa = null,\n Ba = null;\n\nfunction Ca(a) {\n if (a = ma(a)) {\n if (\"function\" !== typeof za) throw Error(u(280));\n var b = a.stateNode;\n b && (b = la(b), za(a.stateNode, a.type, b));\n }\n}\n\nfunction Da(a) {\n Aa ? Ba ? Ba.push(a) : Ba = [a] : Aa = a;\n}\n\nfunction Ea() {\n if (Aa) {\n var a = Aa,\n b = Ba;\n Ba = Aa = null;\n Ca(a);\n if (b) for (a = 0; a < b.length; a++) {\n Ca(b[a]);\n }\n }\n}\n\nfunction Fa(a, b) {\n return a(b);\n}\n\nfunction Ga(a, b, c, d, e) {\n return a(b, c, d, e);\n}\n\nfunction Ha() {}\n\nvar Ia = Fa,\n Ja = !1,\n Ka = !1;\n\nfunction La() {\n if (null !== Aa || null !== Ba) Ha(), Ea();\n}\n\nfunction Ma(a, b, c) {\n if (Ka) return a(b, c);\n Ka = !0;\n\n try {\n return Ia(a, b, c);\n } finally {\n Ka = !1, La();\n }\n}\n\nvar Na = /^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$/,\n Oa = Object.prototype.hasOwnProperty,\n Pa = {},\n Qa = {};\n\nfunction Ra(a) {\n if (Oa.call(Qa, a)) return !0;\n if (Oa.call(Pa, a)) return !1;\n if (Na.test(a)) return Qa[a] = !0;\n Pa[a] = !0;\n return !1;\n}\n\nfunction Sa(a, b, c, d) {\n if (null !== c && 0 === c.type) return !1;\n\n switch (typeof b) {\n case \"function\":\n case \"symbol\":\n return !0;\n\n case \"boolean\":\n if (d) return !1;\n if (null !== c) return !c.acceptsBooleans;\n a = a.toLowerCase().slice(0, 5);\n return \"data-\" !== a && \"aria-\" !== a;\n\n default:\n return !1;\n }\n}\n\nfunction Ta(a, b, c, d) {\n if (null === b || \"undefined\" === typeof b || Sa(a, b, c, d)) return !0;\n if (d) return !1;\n if (null !== c) switch (c.type) {\n case 3:\n return !b;\n\n case 4:\n return !1 === b;\n\n case 5:\n return isNaN(b);\n\n case 6:\n return isNaN(b) || 1 > b;\n }\n return !1;\n}\n\nfunction v(a, b, c, d, e, f) {\n this.acceptsBooleans = 2 === b || 3 === b || 4 === b;\n this.attributeName = d;\n this.attributeNamespace = e;\n this.mustUseProperty = c;\n this.propertyName = a;\n this.type = b;\n this.sanitizeURL = f;\n}\n\nvar C = {};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function (a) {\n C[a] = new v(a, 0, !1, a, null, !1);\n});\n[[\"acceptCharset\", \"accept-charset\"], [\"className\", \"class\"], [\"htmlFor\", \"for\"], [\"httpEquiv\", \"http-equiv\"]].forEach(function (a) {\n var b = a[0];\n C[b] = new v(b, 1, !1, a[1], null, !1);\n});\n[\"contentEditable\", \"draggable\", \"spellCheck\", \"value\"].forEach(function (a) {\n C[a] = new v(a, 2, !1, a.toLowerCase(), null, !1);\n});\n[\"autoReverse\", \"externalResourcesRequired\", \"focusable\", \"preserveAlpha\"].forEach(function (a) {\n C[a] = new v(a, 2, !1, a, null, !1);\n});\n\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function (a) {\n C[a] = new v(a, 3, !1, a.toLowerCase(), null, !1);\n});\n[\"checked\", \"multiple\", \"muted\", \"selected\"].forEach(function (a) {\n C[a] = new v(a, 3, !0, a, null, !1);\n});\n[\"capture\", \"download\"].forEach(function (a) {\n C[a] = new v(a, 4, !1, a, null, !1);\n});\n[\"cols\", \"rows\", \"size\", \"span\"].forEach(function (a) {\n C[a] = new v(a, 6, !1, a, null, !1);\n});\n[\"rowSpan\", \"start\"].forEach(function (a) {\n C[a] = new v(a, 5, !1, a.toLowerCase(), null, !1);\n});\nvar Ua = /[\\-:]([a-z])/g;\n\nfunction Va(a) {\n return a[1].toUpperCase();\n}\n\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function (a) {\n var b = a.replace(Ua, Va);\n C[b] = new v(b, 1, !1, a, null, !1);\n});\n\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function (a) {\n var b = a.replace(Ua, Va);\n C[b] = new v(b, 1, !1, a, \"http://www.w3.org/1999/xlink\", !1);\n});\n[\"xml:base\", \"xml:lang\", \"xml:space\"].forEach(function (a) {\n var b = a.replace(Ua, Va);\n C[b] = new v(b, 1, !1, a, \"http://www.w3.org/XML/1998/namespace\", !1);\n});\n[\"tabIndex\", \"crossOrigin\"].forEach(function (a) {\n C[a] = new v(a, 1, !1, a.toLowerCase(), null, !1);\n});\nC.xlinkHref = new v(\"xlinkHref\", 1, !1, \"xlink:href\", \"http://www.w3.org/1999/xlink\", !0);\n[\"src\", \"href\", \"action\", \"formAction\"].forEach(function (a) {\n C[a] = new v(a, 1, !1, a.toLowerCase(), null, !0);\n});\nvar Wa = aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\nWa.hasOwnProperty(\"ReactCurrentDispatcher\") || (Wa.ReactCurrentDispatcher = {\n current: null\n});\nWa.hasOwnProperty(\"ReactCurrentBatchConfig\") || (Wa.ReactCurrentBatchConfig = {\n suspense: null\n});\n\nfunction Xa(a, b, c, d) {\n var e = C.hasOwnProperty(b) ? C[b] : null;\n var f = null !== e ? 0 === e.type : d ? !1 : !(2 < b.length) || \"o\" !== b[0] && \"O\" !== b[0] || \"n\" !== b[1] && \"N\" !== b[1] ? !1 : !0;\n f || (Ta(b, c, e, d) && (c = null), d || null === e ? Ra(b) && (null === c ? a.removeAttribute(b) : a.setAttribute(b, \"\" + c)) : e.mustUseProperty ? a[e.propertyName] = null === c ? 3 === e.type ? !1 : \"\" : c : (b = e.attributeName, d = e.attributeNamespace, null === c ? a.removeAttribute(b) : (e = e.type, c = 3 === e || 4 === e && !0 === c ? \"\" : \"\" + c, d ? a.setAttributeNS(d, b, c) : a.setAttribute(b, c))));\n}\n\nvar Ya = /^(.*)[\\\\\\/]/,\n E = \"function\" === typeof Symbol && Symbol.for,\n Za = E ? Symbol.for(\"react.element\") : 60103,\n $a = E ? Symbol.for(\"react.portal\") : 60106,\n ab = E ? Symbol.for(\"react.fragment\") : 60107,\n bb = E ? Symbol.for(\"react.strict_mode\") : 60108,\n cb = E ? Symbol.for(\"react.profiler\") : 60114,\n db = E ? Symbol.for(\"react.provider\") : 60109,\n eb = E ? Symbol.for(\"react.context\") : 60110,\n fb = E ? Symbol.for(\"react.concurrent_mode\") : 60111,\n gb = E ? Symbol.for(\"react.forward_ref\") : 60112,\n hb = E ? Symbol.for(\"react.suspense\") : 60113,\n ib = E ? Symbol.for(\"react.suspense_list\") : 60120,\n jb = E ? Symbol.for(\"react.memo\") : 60115,\n kb = E ? Symbol.for(\"react.lazy\") : 60116,\n lb = E ? Symbol.for(\"react.block\") : 60121,\n mb = \"function\" === typeof Symbol && Symbol.iterator;\n\nfunction nb(a) {\n if (null === a || \"object\" !== typeof a) return null;\n a = mb && a[mb] || a[\"@@iterator\"];\n return \"function\" === typeof a ? a : null;\n}\n\nfunction ob(a) {\n if (-1 === a._status) {\n a._status = 0;\n var b = a._ctor;\n b = b();\n a._result = b;\n b.then(function (b) {\n 0 === a._status && (b = b.default, a._status = 1, a._result = b);\n }, function (b) {\n 0 === a._status && (a._status = 2, a._result = b);\n });\n }\n}\n\nfunction pb(a) {\n if (null == a) return null;\n if (\"function\" === typeof a) return a.displayName || a.name || null;\n if (\"string\" === typeof a) return a;\n\n switch (a) {\n case ab:\n return \"Fragment\";\n\n case $a:\n return \"Portal\";\n\n case cb:\n return \"Profiler\";\n\n case bb:\n return \"StrictMode\";\n\n case hb:\n return \"Suspense\";\n\n case ib:\n return \"SuspenseList\";\n }\n\n if (\"object\" === typeof a) switch (a.$$typeof) {\n case eb:\n return \"Context.Consumer\";\n\n case db:\n return \"Context.Provider\";\n\n case gb:\n var b = a.render;\n b = b.displayName || b.name || \"\";\n return a.displayName || (\"\" !== b ? \"ForwardRef(\" + b + \")\" : \"ForwardRef\");\n\n case jb:\n return pb(a.type);\n\n case lb:\n return pb(a.render);\n\n case kb:\n if (a = 1 === a._status ? a._result : null) return pb(a);\n }\n return null;\n}\n\nfunction qb(a) {\n var b = \"\";\n\n do {\n a: switch (a.tag) {\n case 3:\n case 4:\n case 6:\n case 7:\n case 10:\n case 9:\n var c = \"\";\n break a;\n\n default:\n var d = a._debugOwner,\n e = a._debugSource,\n f = pb(a.type);\n c = null;\n d && (c = pb(d.type));\n d = f;\n f = \"\";\n e ? f = \" (at \" + e.fileName.replace(Ya, \"\") + \":\" + e.lineNumber + \")\" : c && (f = \" (created by \" + c + \")\");\n c = \"\\n in \" + (d || \"Unknown\") + f;\n }\n\n b += c;\n a = a.return;\n } while (a);\n\n return b;\n}\n\nfunction rb(a) {\n switch (typeof a) {\n case \"boolean\":\n case \"number\":\n case \"object\":\n case \"string\":\n case \"undefined\":\n return a;\n\n default:\n return \"\";\n }\n}\n\nfunction sb(a) {\n var b = a.type;\n return (a = a.nodeName) && \"input\" === a.toLowerCase() && (\"checkbox\" === b || \"radio\" === b);\n}\n\nfunction tb(a) {\n var b = sb(a) ? \"checked\" : \"value\",\n c = Object.getOwnPropertyDescriptor(a.constructor.prototype, b),\n d = \"\" + a[b];\n\n if (!a.hasOwnProperty(b) && \"undefined\" !== typeof c && \"function\" === typeof c.get && \"function\" === typeof c.set) {\n var e = c.get,\n f = c.set;\n Object.defineProperty(a, b, {\n configurable: !0,\n get: function get() {\n return e.call(this);\n },\n set: function set(a) {\n d = \"\" + a;\n f.call(this, a);\n }\n });\n Object.defineProperty(a, b, {\n enumerable: c.enumerable\n });\n return {\n getValue: function getValue() {\n return d;\n },\n setValue: function setValue(a) {\n d = \"\" + a;\n },\n stopTracking: function stopTracking() {\n a._valueTracker = null;\n delete a[b];\n }\n };\n }\n}\n\nfunction xb(a) {\n a._valueTracker || (a._valueTracker = tb(a));\n}\n\nfunction yb(a) {\n if (!a) return !1;\n var b = a._valueTracker;\n if (!b) return !0;\n var c = b.getValue();\n var d = \"\";\n a && (d = sb(a) ? a.checked ? \"true\" : \"false\" : a.value);\n a = d;\n return a !== c ? (b.setValue(a), !0) : !1;\n}\n\nfunction zb(a, b) {\n var c = b.checked;\n return n({}, b, {\n defaultChecked: void 0,\n defaultValue: void 0,\n value: void 0,\n checked: null != c ? c : a._wrapperState.initialChecked\n });\n}\n\nfunction Ab(a, b) {\n var c = null == b.defaultValue ? \"\" : b.defaultValue,\n d = null != b.checked ? b.checked : b.defaultChecked;\n c = rb(null != b.value ? b.value : c);\n a._wrapperState = {\n initialChecked: d,\n initialValue: c,\n controlled: \"checkbox\" === b.type || \"radio\" === b.type ? null != b.checked : null != b.value\n };\n}\n\nfunction Bb(a, b) {\n b = b.checked;\n null != b && Xa(a, \"checked\", b, !1);\n}\n\nfunction Cb(a, b) {\n Bb(a, b);\n var c = rb(b.value),\n d = b.type;\n if (null != c) {\n if (\"number\" === d) {\n if (0 === c && \"\" === a.value || a.value != c) a.value = \"\" + c;\n } else a.value !== \"\" + c && (a.value = \"\" + c);\n } else if (\"submit\" === d || \"reset\" === d) {\n a.removeAttribute(\"value\");\n return;\n }\n b.hasOwnProperty(\"value\") ? Db(a, b.type, c) : b.hasOwnProperty(\"defaultValue\") && Db(a, b.type, rb(b.defaultValue));\n null == b.checked && null != b.defaultChecked && (a.defaultChecked = !!b.defaultChecked);\n}\n\nfunction Eb(a, b, c) {\n if (b.hasOwnProperty(\"value\") || b.hasOwnProperty(\"defaultValue\")) {\n var d = b.type;\n if (!(\"submit\" !== d && \"reset\" !== d || void 0 !== b.value && null !== b.value)) return;\n b = \"\" + a._wrapperState.initialValue;\n c || b === a.value || (a.value = b);\n a.defaultValue = b;\n }\n\n c = a.name;\n \"\" !== c && (a.name = \"\");\n a.defaultChecked = !!a._wrapperState.initialChecked;\n \"\" !== c && (a.name = c);\n}\n\nfunction Db(a, b, c) {\n if (\"number\" !== b || a.ownerDocument.activeElement !== a) null == c ? a.defaultValue = \"\" + a._wrapperState.initialValue : a.defaultValue !== \"\" + c && (a.defaultValue = \"\" + c);\n}\n\nfunction Fb(a) {\n var b = \"\";\n aa.Children.forEach(a, function (a) {\n null != a && (b += a);\n });\n return b;\n}\n\nfunction Gb(a, b) {\n a = n({\n children: void 0\n }, b);\n if (b = Fb(b.children)) a.children = b;\n return a;\n}\n\nfunction Hb(a, b, c, d) {\n a = a.options;\n\n if (b) {\n b = {};\n\n for (var e = 0; e < c.length; e++) {\n b[\"$\" + c[e]] = !0;\n }\n\n for (c = 0; c < a.length; c++) {\n e = b.hasOwnProperty(\"$\" + a[c].value), a[c].selected !== e && (a[c].selected = e), e && d && (a[c].defaultSelected = !0);\n }\n } else {\n c = \"\" + rb(c);\n b = null;\n\n for (e = 0; e < a.length; e++) {\n if (a[e].value === c) {\n a[e].selected = !0;\n d && (a[e].defaultSelected = !0);\n return;\n }\n\n null !== b || a[e].disabled || (b = a[e]);\n }\n\n null !== b && (b.selected = !0);\n }\n}\n\nfunction Ib(a, b) {\n if (null != b.dangerouslySetInnerHTML) throw Error(u(91));\n return n({}, b, {\n value: void 0,\n defaultValue: void 0,\n children: \"\" + a._wrapperState.initialValue\n });\n}\n\nfunction Jb(a, b) {\n var c = b.value;\n\n if (null == c) {\n c = b.children;\n b = b.defaultValue;\n\n if (null != c) {\n if (null != b) throw Error(u(92));\n\n if (Array.isArray(c)) {\n if (!(1 >= c.length)) throw Error(u(93));\n c = c[0];\n }\n\n b = c;\n }\n\n null == b && (b = \"\");\n c = b;\n }\n\n a._wrapperState = {\n initialValue: rb(c)\n };\n}\n\nfunction Kb(a, b) {\n var c = rb(b.value),\n d = rb(b.defaultValue);\n null != c && (c = \"\" + c, c !== a.value && (a.value = c), null == b.defaultValue && a.defaultValue !== c && (a.defaultValue = c));\n null != d && (a.defaultValue = \"\" + d);\n}\n\nfunction Lb(a) {\n var b = a.textContent;\n b === a._wrapperState.initialValue && \"\" !== b && null !== b && (a.value = b);\n}\n\nvar Mb = {\n html: \"http://www.w3.org/1999/xhtml\",\n mathml: \"http://www.w3.org/1998/Math/MathML\",\n svg: \"http://www.w3.org/2000/svg\"\n};\n\nfunction Nb(a) {\n switch (a) {\n case \"svg\":\n return \"http://www.w3.org/2000/svg\";\n\n case \"math\":\n return \"http://www.w3.org/1998/Math/MathML\";\n\n default:\n return \"http://www.w3.org/1999/xhtml\";\n }\n}\n\nfunction Ob(a, b) {\n return null == a || \"http://www.w3.org/1999/xhtml\" === a ? Nb(b) : \"http://www.w3.org/2000/svg\" === a && \"foreignObject\" === b ? \"http://www.w3.org/1999/xhtml\" : a;\n}\n\nvar Pb,\n Qb = function (a) {\n return \"undefined\" !== typeof MSApp && MSApp.execUnsafeLocalFunction ? function (b, c, d, e) {\n MSApp.execUnsafeLocalFunction(function () {\n return a(b, c, d, e);\n });\n } : a;\n}(function (a, b) {\n if (a.namespaceURI !== Mb.svg || \"innerHTML\" in a) a.innerHTML = b;else {\n Pb = Pb || document.createElement(\"div\");\n Pb.innerHTML = \"\";\n\n for (b = Pb.firstChild; a.firstChild;) {\n a.removeChild(a.firstChild);\n }\n\n for (; b.firstChild;) {\n a.appendChild(b.firstChild);\n }\n }\n});\n\nfunction Rb(a, b) {\n if (b) {\n var c = a.firstChild;\n\n if (c && c === a.lastChild && 3 === c.nodeType) {\n c.nodeValue = b;\n return;\n }\n }\n\n a.textContent = b;\n}\n\nfunction Sb(a, b) {\n var c = {};\n c[a.toLowerCase()] = b.toLowerCase();\n c[\"Webkit\" + a] = \"webkit\" + b;\n c[\"Moz\" + a] = \"moz\" + b;\n return c;\n}\n\nvar Tb = {\n animationend: Sb(\"Animation\", \"AnimationEnd\"),\n animationiteration: Sb(\"Animation\", \"AnimationIteration\"),\n animationstart: Sb(\"Animation\", \"AnimationStart\"),\n transitionend: Sb(\"Transition\", \"TransitionEnd\")\n},\n Ub = {},\n Vb = {};\nya && (Vb = document.createElement(\"div\").style, \"AnimationEvent\" in window || (delete Tb.animationend.animation, delete Tb.animationiteration.animation, delete Tb.animationstart.animation), \"TransitionEvent\" in window || delete Tb.transitionend.transition);\n\nfunction Wb(a) {\n if (Ub[a]) return Ub[a];\n if (!Tb[a]) return a;\n var b = Tb[a],\n c;\n\n for (c in b) {\n if (b.hasOwnProperty(c) && c in Vb) return Ub[a] = b[c];\n }\n\n return a;\n}\n\nvar Xb = Wb(\"animationend\"),\n Yb = Wb(\"animationiteration\"),\n Zb = Wb(\"animationstart\"),\n $b = Wb(\"transitionend\"),\n ac = \"abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting\".split(\" \"),\n bc = new (\"function\" === typeof WeakMap ? WeakMap : Map)();\n\nfunction cc(a) {\n var b = bc.get(a);\n void 0 === b && (b = new Map(), bc.set(a, b));\n return b;\n}\n\nfunction dc(a) {\n var b = a,\n c = a;\n if (a.alternate) for (; b.return;) {\n b = b.return;\n } else {\n a = b;\n\n do {\n b = a, 0 !== (b.effectTag & 1026) && (c = b.return), a = b.return;\n } while (a);\n }\n return 3 === b.tag ? c : null;\n}\n\nfunction ec(a) {\n if (13 === a.tag) {\n var b = a.memoizedState;\n null === b && (a = a.alternate, null !== a && (b = a.memoizedState));\n if (null !== b) return b.dehydrated;\n }\n\n return null;\n}\n\nfunction fc(a) {\n if (dc(a) !== a) throw Error(u(188));\n}\n\nfunction gc(a) {\n var b = a.alternate;\n\n if (!b) {\n b = dc(a);\n if (null === b) throw Error(u(188));\n return b !== a ? null : a;\n }\n\n for (var c = a, d = b;;) {\n var e = c.return;\n if (null === e) break;\n var f = e.alternate;\n\n if (null === f) {\n d = e.return;\n\n if (null !== d) {\n c = d;\n continue;\n }\n\n break;\n }\n\n if (e.child === f.child) {\n for (f = e.child; f;) {\n if (f === c) return fc(e), a;\n if (f === d) return fc(e), b;\n f = f.sibling;\n }\n\n throw Error(u(188));\n }\n\n if (c.return !== d.return) c = e, d = f;else {\n for (var g = !1, h = e.child; h;) {\n if (h === c) {\n g = !0;\n c = e;\n d = f;\n break;\n }\n\n if (h === d) {\n g = !0;\n d = e;\n c = f;\n break;\n }\n\n h = h.sibling;\n }\n\n if (!g) {\n for (h = f.child; h;) {\n if (h === c) {\n g = !0;\n c = f;\n d = e;\n break;\n }\n\n if (h === d) {\n g = !0;\n d = f;\n c = e;\n break;\n }\n\n h = h.sibling;\n }\n\n if (!g) throw Error(u(189));\n }\n }\n if (c.alternate !== d) throw Error(u(190));\n }\n\n if (3 !== c.tag) throw Error(u(188));\n return c.stateNode.current === c ? a : b;\n}\n\nfunction hc(a) {\n a = gc(a);\n if (!a) return null;\n\n for (var b = a;;) {\n if (5 === b.tag || 6 === b.tag) return b;\n if (b.child) b.child.return = b, b = b.child;else {\n if (b === a) break;\n\n for (; !b.sibling;) {\n if (!b.return || b.return === a) return null;\n b = b.return;\n }\n\n b.sibling.return = b.return;\n b = b.sibling;\n }\n }\n\n return null;\n}\n\nfunction ic(a, b) {\n if (null == b) throw Error(u(30));\n if (null == a) return b;\n\n if (Array.isArray(a)) {\n if (Array.isArray(b)) return a.push.apply(a, b), a;\n a.push(b);\n return a;\n }\n\n return Array.isArray(b) ? [a].concat(b) : [a, b];\n}\n\nfunction jc(a, b, c) {\n Array.isArray(a) ? a.forEach(b, c) : a && b.call(c, a);\n}\n\nvar kc = null;\n\nfunction lc(a) {\n if (a) {\n var b = a._dispatchListeners,\n c = a._dispatchInstances;\n if (Array.isArray(b)) for (var d = 0; d < b.length && !a.isPropagationStopped(); d++) {\n oa(a, b[d], c[d]);\n } else b && oa(a, b, c);\n a._dispatchListeners = null;\n a._dispatchInstances = null;\n a.isPersistent() || a.constructor.release(a);\n }\n}\n\nfunction mc(a) {\n null !== a && (kc = ic(kc, a));\n a = kc;\n kc = null;\n\n if (a) {\n jc(a, lc);\n if (kc) throw Error(u(95));\n if (fa) throw a = ha, fa = !1, ha = null, a;\n }\n}\n\nfunction nc(a) {\n a = a.target || a.srcElement || window;\n a.correspondingUseElement && (a = a.correspondingUseElement);\n return 3 === a.nodeType ? a.parentNode : a;\n}\n\nfunction oc(a) {\n if (!ya) return !1;\n a = \"on\" + a;\n var b = (a in document);\n b || (b = document.createElement(\"div\"), b.setAttribute(a, \"return;\"), b = \"function\" === typeof b[a]);\n return b;\n}\n\nvar pc = [];\n\nfunction qc(a) {\n a.topLevelType = null;\n a.nativeEvent = null;\n a.targetInst = null;\n a.ancestors.length = 0;\n 10 > pc.length && pc.push(a);\n}\n\nfunction rc(a, b, c, d) {\n if (pc.length) {\n var e = pc.pop();\n e.topLevelType = a;\n e.eventSystemFlags = d;\n e.nativeEvent = b;\n e.targetInst = c;\n return e;\n }\n\n return {\n topLevelType: a,\n eventSystemFlags: d,\n nativeEvent: b,\n targetInst: c,\n ancestors: []\n };\n}\n\nfunction sc(a) {\n var b = a.targetInst,\n c = b;\n\n do {\n if (!c) {\n a.ancestors.push(c);\n break;\n }\n\n var d = c;\n if (3 === d.tag) d = d.stateNode.containerInfo;else {\n for (; d.return;) {\n d = d.return;\n }\n\n d = 3 !== d.tag ? null : d.stateNode.containerInfo;\n }\n if (!d) break;\n b = c.tag;\n 5 !== b && 6 !== b || a.ancestors.push(c);\n c = tc(d);\n } while (c);\n\n for (c = 0; c < a.ancestors.length; c++) {\n b = a.ancestors[c];\n var e = nc(a.nativeEvent);\n d = a.topLevelType;\n var f = a.nativeEvent,\n g = a.eventSystemFlags;\n 0 === c && (g |= 64);\n\n for (var h = null, k = 0; k < sa.length; k++) {\n var l = sa[k];\n l && (l = l.extractEvents(d, b, f, e, g)) && (h = ic(h, l));\n }\n\n mc(h);\n }\n}\n\nfunction uc(a, b, c) {\n if (!c.has(a)) {\n switch (a) {\n case \"scroll\":\n vc(b, \"scroll\", !0);\n break;\n\n case \"focus\":\n case \"blur\":\n vc(b, \"focus\", !0);\n vc(b, \"blur\", !0);\n c.set(\"blur\", null);\n c.set(\"focus\", null);\n break;\n\n case \"cancel\":\n case \"close\":\n oc(a) && vc(b, a, !0);\n break;\n\n case \"invalid\":\n case \"submit\":\n case \"reset\":\n break;\n\n default:\n -1 === ac.indexOf(a) && F(a, b);\n }\n\n c.set(a, null);\n }\n}\n\nvar wc,\n xc,\n yc,\n zc = !1,\n Ac = [],\n Bc = null,\n Cc = null,\n Dc = null,\n Ec = new Map(),\n Fc = new Map(),\n Gc = [],\n Hc = \"mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput close cancel copy cut paste click change contextmenu reset submit\".split(\" \"),\n Ic = \"focus blur dragenter dragleave mouseover mouseout pointerover pointerout gotpointercapture lostpointercapture\".split(\" \");\n\nfunction Jc(a, b) {\n var c = cc(b);\n Hc.forEach(function (a) {\n uc(a, b, c);\n });\n Ic.forEach(function (a) {\n uc(a, b, c);\n });\n}\n\nfunction Kc(a, b, c, d, e) {\n return {\n blockedOn: a,\n topLevelType: b,\n eventSystemFlags: c | 32,\n nativeEvent: e,\n container: d\n };\n}\n\nfunction Lc(a, b) {\n switch (a) {\n case \"focus\":\n case \"blur\":\n Bc = null;\n break;\n\n case \"dragenter\":\n case \"dragleave\":\n Cc = null;\n break;\n\n case \"mouseover\":\n case \"mouseout\":\n Dc = null;\n break;\n\n case \"pointerover\":\n case \"pointerout\":\n Ec.delete(b.pointerId);\n break;\n\n case \"gotpointercapture\":\n case \"lostpointercapture\":\n Fc.delete(b.pointerId);\n }\n}\n\nfunction Mc(a, b, c, d, e, f) {\n if (null === a || a.nativeEvent !== f) return a = Kc(b, c, d, e, f), null !== b && (b = Nc(b), null !== b && xc(b)), a;\n a.eventSystemFlags |= d;\n return a;\n}\n\nfunction Oc(a, b, c, d, e) {\n switch (b) {\n case \"focus\":\n return Bc = Mc(Bc, a, b, c, d, e), !0;\n\n case \"dragenter\":\n return Cc = Mc(Cc, a, b, c, d, e), !0;\n\n case \"mouseover\":\n return Dc = Mc(Dc, a, b, c, d, e), !0;\n\n case \"pointerover\":\n var f = e.pointerId;\n Ec.set(f, Mc(Ec.get(f) || null, a, b, c, d, e));\n return !0;\n\n case \"gotpointercapture\":\n return f = e.pointerId, Fc.set(f, Mc(Fc.get(f) || null, a, b, c, d, e)), !0;\n }\n\n return !1;\n}\n\nfunction Pc(a) {\n var b = tc(a.target);\n\n if (null !== b) {\n var c = dc(b);\n if (null !== c) if (b = c.tag, 13 === b) {\n if (b = ec(c), null !== b) {\n a.blockedOn = b;\n r.unstable_runWithPriority(a.priority, function () {\n yc(c);\n });\n return;\n }\n } else if (3 === b && c.stateNode.hydrate) {\n a.blockedOn = 3 === c.tag ? c.stateNode.containerInfo : null;\n return;\n }\n }\n\n a.blockedOn = null;\n}\n\nfunction Qc(a) {\n if (null !== a.blockedOn) return !1;\n var b = Rc(a.topLevelType, a.eventSystemFlags, a.container, a.nativeEvent);\n\n if (null !== b) {\n var c = Nc(b);\n null !== c && xc(c);\n a.blockedOn = b;\n return !1;\n }\n\n return !0;\n}\n\nfunction Sc(a, b, c) {\n Qc(a) && c.delete(b);\n}\n\nfunction Tc() {\n for (zc = !1; 0 < Ac.length;) {\n var a = Ac[0];\n\n if (null !== a.blockedOn) {\n a = Nc(a.blockedOn);\n null !== a && wc(a);\n break;\n }\n\n var b = Rc(a.topLevelType, a.eventSystemFlags, a.container, a.nativeEvent);\n null !== b ? a.blockedOn = b : Ac.shift();\n }\n\n null !== Bc && Qc(Bc) && (Bc = null);\n null !== Cc && Qc(Cc) && (Cc = null);\n null !== Dc && Qc(Dc) && (Dc = null);\n Ec.forEach(Sc);\n Fc.forEach(Sc);\n}\n\nfunction Uc(a, b) {\n a.blockedOn === b && (a.blockedOn = null, zc || (zc = !0, r.unstable_scheduleCallback(r.unstable_NormalPriority, Tc)));\n}\n\nfunction Vc(a) {\n function b(b) {\n return Uc(b, a);\n }\n\n if (0 < Ac.length) {\n Uc(Ac[0], a);\n\n for (var c = 1; c < Ac.length; c++) {\n var d = Ac[c];\n d.blockedOn === a && (d.blockedOn = null);\n }\n }\n\n null !== Bc && Uc(Bc, a);\n null !== Cc && Uc(Cc, a);\n null !== Dc && Uc(Dc, a);\n Ec.forEach(b);\n Fc.forEach(b);\n\n for (c = 0; c < Gc.length; c++) {\n d = Gc[c], d.blockedOn === a && (d.blockedOn = null);\n }\n\n for (; 0 < Gc.length && (c = Gc[0], null === c.blockedOn);) {\n Pc(c), null === c.blockedOn && Gc.shift();\n }\n}\n\nvar Wc = {},\n Yc = new Map(),\n Zc = new Map(),\n $c = [\"abort\", \"abort\", Xb, \"animationEnd\", Yb, \"animationIteration\", Zb, \"animationStart\", \"canplay\", \"canPlay\", \"canplaythrough\", \"canPlayThrough\", \"durationchange\", \"durationChange\", \"emptied\", \"emptied\", \"encrypted\", \"encrypted\", \"ended\", \"ended\", \"error\", \"error\", \"gotpointercapture\", \"gotPointerCapture\", \"load\", \"load\", \"loadeddata\", \"loadedData\", \"loadedmetadata\", \"loadedMetadata\", \"loadstart\", \"loadStart\", \"lostpointercapture\", \"lostPointerCapture\", \"playing\", \"playing\", \"progress\", \"progress\", \"seeking\", \"seeking\", \"stalled\", \"stalled\", \"suspend\", \"suspend\", \"timeupdate\", \"timeUpdate\", $b, \"transitionEnd\", \"waiting\", \"waiting\"];\n\nfunction ad(a, b) {\n for (var c = 0; c < a.length; c += 2) {\n var d = a[c],\n e = a[c + 1],\n f = \"on\" + (e[0].toUpperCase() + e.slice(1));\n f = {\n phasedRegistrationNames: {\n bubbled: f,\n captured: f + \"Capture\"\n },\n dependencies: [d],\n eventPriority: b\n };\n Zc.set(d, b);\n Yc.set(d, f);\n Wc[e] = f;\n }\n}\n\nad(\"blur blur cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focus focus input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange\".split(\" \"), 0);\nad(\"drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel\".split(\" \"), 1);\nad($c, 2);\n\nfor (var bd = \"change selectionchange textInput compositionstart compositionend compositionupdate\".split(\" \"), cd = 0; cd < bd.length; cd++) {\n Zc.set(bd[cd], 0);\n}\n\nvar dd = r.unstable_UserBlockingPriority,\n ed = r.unstable_runWithPriority,\n fd = !0;\n\nfunction F(a, b) {\n vc(b, a, !1);\n}\n\nfunction vc(a, b, c) {\n var d = Zc.get(b);\n\n switch (void 0 === d ? 2 : d) {\n case 0:\n d = gd.bind(null, b, 1, a);\n break;\n\n case 1:\n d = hd.bind(null, b, 1, a);\n break;\n\n default:\n d = id.bind(null, b, 1, a);\n }\n\n c ? a.addEventListener(b, d, !0) : a.addEventListener(b, d, !1);\n}\n\nfunction gd(a, b, c, d) {\n Ja || Ha();\n var e = id,\n f = Ja;\n Ja = !0;\n\n try {\n Ga(e, a, b, c, d);\n } finally {\n (Ja = f) || La();\n }\n}\n\nfunction hd(a, b, c, d) {\n ed(dd, id.bind(null, a, b, c, d));\n}\n\nfunction id(a, b, c, d) {\n if (fd) if (0 < Ac.length && -1 < Hc.indexOf(a)) a = Kc(null, a, b, c, d), Ac.push(a);else {\n var e = Rc(a, b, c, d);\n if (null === e) Lc(a, d);else if (-1 < Hc.indexOf(a)) a = Kc(e, a, b, c, d), Ac.push(a);else if (!Oc(e, a, b, c, d)) {\n Lc(a, d);\n a = rc(a, d, null, b);\n\n try {\n Ma(sc, a);\n } finally {\n qc(a);\n }\n }\n }\n}\n\nfunction Rc(a, b, c, d) {\n c = nc(d);\n c = tc(c);\n\n if (null !== c) {\n var e = dc(c);\n if (null === e) c = null;else {\n var f = e.tag;\n\n if (13 === f) {\n c = ec(e);\n if (null !== c) return c;\n c = null;\n } else if (3 === f) {\n if (e.stateNode.hydrate) return 3 === e.tag ? e.stateNode.containerInfo : null;\n c = null;\n } else e !== c && (c = null);\n }\n }\n\n a = rc(a, d, c, b);\n\n try {\n Ma(sc, a);\n } finally {\n qc(a);\n }\n\n return null;\n}\n\nvar jd = {\n animationIterationCount: !0,\n borderImageOutset: !0,\n borderImageSlice: !0,\n borderImageWidth: !0,\n boxFlex: !0,\n boxFlexGroup: !0,\n boxOrdinalGroup: !0,\n columnCount: !0,\n columns: !0,\n flex: !0,\n flexGrow: !0,\n flexPositive: !0,\n flexShrink: !0,\n flexNegative: !0,\n flexOrder: !0,\n gridArea: !0,\n gridRow: !0,\n gridRowEnd: !0,\n gridRowSpan: !0,\n gridRowStart: !0,\n gridColumn: !0,\n gridColumnEnd: !0,\n gridColumnSpan: !0,\n gridColumnStart: !0,\n fontWeight: !0,\n lineClamp: !0,\n lineHeight: !0,\n opacity: !0,\n order: !0,\n orphans: !0,\n tabSize: !0,\n widows: !0,\n zIndex: !0,\n zoom: !0,\n fillOpacity: !0,\n floodOpacity: !0,\n stopOpacity: !0,\n strokeDasharray: !0,\n strokeDashoffset: !0,\n strokeMiterlimit: !0,\n strokeOpacity: !0,\n strokeWidth: !0\n},\n kd = [\"Webkit\", \"ms\", \"Moz\", \"O\"];\nObject.keys(jd).forEach(function (a) {\n kd.forEach(function (b) {\n b = b + a.charAt(0).toUpperCase() + a.substring(1);\n jd[b] = jd[a];\n });\n});\n\nfunction ld(a, b, c) {\n return null == b || \"boolean\" === typeof b || \"\" === b ? \"\" : c || \"number\" !== typeof b || 0 === b || jd.hasOwnProperty(a) && jd[a] ? (\"\" + b).trim() : b + \"px\";\n}\n\nfunction md(a, b) {\n a = a.style;\n\n for (var c in b) {\n if (b.hasOwnProperty(c)) {\n var d = 0 === c.indexOf(\"--\"),\n e = ld(c, b[c], d);\n \"float\" === c && (c = \"cssFloat\");\n d ? a.setProperty(c, e) : a[c] = e;\n }\n }\n}\n\nvar nd = n({\n menuitem: !0\n}, {\n area: !0,\n base: !0,\n br: !0,\n col: !0,\n embed: !0,\n hr: !0,\n img: !0,\n input: !0,\n keygen: !0,\n link: !0,\n meta: !0,\n param: !0,\n source: !0,\n track: !0,\n wbr: !0\n});\n\nfunction od(a, b) {\n if (b) {\n if (nd[a] && (null != b.children || null != b.dangerouslySetInnerHTML)) throw Error(u(137, a, \"\"));\n\n if (null != b.dangerouslySetInnerHTML) {\n if (null != b.children) throw Error(u(60));\n if (!(\"object\" === typeof b.dangerouslySetInnerHTML && \"__html\" in b.dangerouslySetInnerHTML)) throw Error(u(61));\n }\n\n if (null != b.style && \"object\" !== typeof b.style) throw Error(u(62, \"\"));\n }\n}\n\nfunction pd(a, b) {\n if (-1 === a.indexOf(\"-\")) return \"string\" === typeof b.is;\n\n switch (a) {\n case \"annotation-xml\":\n case \"color-profile\":\n case \"font-face\":\n case \"font-face-src\":\n case \"font-face-uri\":\n case \"font-face-format\":\n case \"font-face-name\":\n case \"missing-glyph\":\n return !1;\n\n default:\n return !0;\n }\n}\n\nvar qd = Mb.html;\n\nfunction rd(a, b) {\n a = 9 === a.nodeType || 11 === a.nodeType ? a : a.ownerDocument;\n var c = cc(a);\n b = wa[b];\n\n for (var d = 0; d < b.length; d++) {\n uc(b[d], a, c);\n }\n}\n\nfunction sd() {}\n\nfunction td(a) {\n a = a || (\"undefined\" !== typeof document ? document : void 0);\n if (\"undefined\" === typeof a) return null;\n\n try {\n return a.activeElement || a.body;\n } catch (b) {\n return a.body;\n }\n}\n\nfunction ud(a) {\n for (; a && a.firstChild;) {\n a = a.firstChild;\n }\n\n return a;\n}\n\nfunction vd(a, b) {\n var c = ud(a);\n a = 0;\n\n for (var d; c;) {\n if (3 === c.nodeType) {\n d = a + c.textContent.length;\n if (a <= b && d >= b) return {\n node: c,\n offset: b - a\n };\n a = d;\n }\n\n a: {\n for (; c;) {\n if (c.nextSibling) {\n c = c.nextSibling;\n break a;\n }\n\n c = c.parentNode;\n }\n\n c = void 0;\n }\n\n c = ud(c);\n }\n}\n\nfunction wd(a, b) {\n return a && b ? a === b ? !0 : a && 3 === a.nodeType ? !1 : b && 3 === b.nodeType ? wd(a, b.parentNode) : \"contains\" in a ? a.contains(b) : a.compareDocumentPosition ? !!(a.compareDocumentPosition(b) & 16) : !1 : !1;\n}\n\nfunction xd() {\n for (var a = window, b = td(); b instanceof a.HTMLIFrameElement;) {\n try {\n var c = \"string\" === typeof b.contentWindow.location.href;\n } catch (d) {\n c = !1;\n }\n\n if (c) a = b.contentWindow;else break;\n b = td(a.document);\n }\n\n return b;\n}\n\nfunction yd(a) {\n var b = a && a.nodeName && a.nodeName.toLowerCase();\n return b && (\"input\" === b && (\"text\" === a.type || \"search\" === a.type || \"tel\" === a.type || \"url\" === a.type || \"password\" === a.type) || \"textarea\" === b || \"true\" === a.contentEditable);\n}\n\nvar zd = \"$\",\n Ad = \"/$\",\n Bd = \"$?\",\n Cd = \"$!\",\n Dd = null,\n Ed = null;\n\nfunction Fd(a, b) {\n switch (a) {\n case \"button\":\n case \"input\":\n case \"select\":\n case \"textarea\":\n return !!b.autoFocus;\n }\n\n return !1;\n}\n\nfunction Gd(a, b) {\n return \"textarea\" === a || \"option\" === a || \"noscript\" === a || \"string\" === typeof b.children || \"number\" === typeof b.children || \"object\" === typeof b.dangerouslySetInnerHTML && null !== b.dangerouslySetInnerHTML && null != b.dangerouslySetInnerHTML.__html;\n}\n\nvar Hd = \"function\" === typeof setTimeout ? setTimeout : void 0,\n Id = \"function\" === typeof clearTimeout ? clearTimeout : void 0;\n\nfunction Jd(a) {\n for (; null != a; a = a.nextSibling) {\n var b = a.nodeType;\n if (1 === b || 3 === b) break;\n }\n\n return a;\n}\n\nfunction Kd(a) {\n a = a.previousSibling;\n\n for (var b = 0; a;) {\n if (8 === a.nodeType) {\n var c = a.data;\n\n if (c === zd || c === Cd || c === Bd) {\n if (0 === b) return a;\n b--;\n } else c === Ad && b++;\n }\n\n a = a.previousSibling;\n }\n\n return null;\n}\n\nvar Ld = Math.random().toString(36).slice(2),\n Md = \"__reactInternalInstance$\" + Ld,\n Nd = \"__reactEventHandlers$\" + Ld,\n Od = \"__reactContainere$\" + Ld;\n\nfunction tc(a) {\n var b = a[Md];\n if (b) return b;\n\n for (var c = a.parentNode; c;) {\n if (b = c[Od] || c[Md]) {\n c = b.alternate;\n if (null !== b.child || null !== c && null !== c.child) for (a = Kd(a); null !== a;) {\n if (c = a[Md]) return c;\n a = Kd(a);\n }\n return b;\n }\n\n a = c;\n c = a.parentNode;\n }\n\n return null;\n}\n\nfunction Nc(a) {\n a = a[Md] || a[Od];\n return !a || 5 !== a.tag && 6 !== a.tag && 13 !== a.tag && 3 !== a.tag ? null : a;\n}\n\nfunction Pd(a) {\n if (5 === a.tag || 6 === a.tag) return a.stateNode;\n throw Error(u(33));\n}\n\nfunction Qd(a) {\n return a[Nd] || null;\n}\n\nfunction Rd(a) {\n do {\n a = a.return;\n } while (a && 5 !== a.tag);\n\n return a ? a : null;\n}\n\nfunction Sd(a, b) {\n var c = a.stateNode;\n if (!c) return null;\n var d = la(c);\n if (!d) return null;\n c = d[b];\n\n a: switch (b) {\n case \"onClick\":\n case \"onClickCapture\":\n case \"onDoubleClick\":\n case \"onDoubleClickCapture\":\n case \"onMouseDown\":\n case \"onMouseDownCapture\":\n case \"onMouseMove\":\n case \"onMouseMoveCapture\":\n case \"onMouseUp\":\n case \"onMouseUpCapture\":\n case \"onMouseEnter\":\n (d = !d.disabled) || (a = a.type, d = !(\"button\" === a || \"input\" === a || \"select\" === a || \"textarea\" === a));\n a = !d;\n break a;\n\n default:\n a = !1;\n }\n\n if (a) return null;\n if (c && \"function\" !== typeof c) throw Error(u(231, b, typeof c));\n return c;\n}\n\nfunction Td(a, b, c) {\n if (b = Sd(a, c.dispatchConfig.phasedRegistrationNames[b])) c._dispatchListeners = ic(c._dispatchListeners, b), c._dispatchInstances = ic(c._dispatchInstances, a);\n}\n\nfunction Ud(a) {\n if (a && a.dispatchConfig.phasedRegistrationNames) {\n for (var b = a._targetInst, c = []; b;) {\n c.push(b), b = Rd(b);\n }\n\n for (b = c.length; 0 < b--;) {\n Td(c[b], \"captured\", a);\n }\n\n for (b = 0; b < c.length; b++) {\n Td(c[b], \"bubbled\", a);\n }\n }\n}\n\nfunction Vd(a, b, c) {\n a && c && c.dispatchConfig.registrationName && (b = Sd(a, c.dispatchConfig.registrationName)) && (c._dispatchListeners = ic(c._dispatchListeners, b), c._dispatchInstances = ic(c._dispatchInstances, a));\n}\n\nfunction Wd(a) {\n a && a.dispatchConfig.registrationName && Vd(a._targetInst, null, a);\n}\n\nfunction Xd(a) {\n jc(a, Ud);\n}\n\nvar Yd = null,\n Zd = null,\n $d = null;\n\nfunction ae() {\n if ($d) return $d;\n var a,\n b = Zd,\n c = b.length,\n d,\n e = \"value\" in Yd ? Yd.value : Yd.textContent,\n f = e.length;\n\n for (a = 0; a < c && b[a] === e[a]; a++) {\n ;\n }\n\n var g = c - a;\n\n for (d = 1; d <= g && b[c - d] === e[f - d]; d++) {\n ;\n }\n\n return $d = e.slice(a, 1 < d ? 1 - d : void 0);\n}\n\nfunction be() {\n return !0;\n}\n\nfunction ce() {\n return !1;\n}\n\nfunction G(a, b, c, d) {\n this.dispatchConfig = a;\n this._targetInst = b;\n this.nativeEvent = c;\n a = this.constructor.Interface;\n\n for (var e in a) {\n a.hasOwnProperty(e) && ((b = a[e]) ? this[e] = b(c) : \"target\" === e ? this.target = d : this[e] = c[e]);\n }\n\n this.isDefaultPrevented = (null != c.defaultPrevented ? c.defaultPrevented : !1 === c.returnValue) ? be : ce;\n this.isPropagationStopped = ce;\n return this;\n}\n\nn(G.prototype, {\n preventDefault: function preventDefault() {\n this.defaultPrevented = !0;\n var a = this.nativeEvent;\n a && (a.preventDefault ? a.preventDefault() : \"unknown\" !== typeof a.returnValue && (a.returnValue = !1), this.isDefaultPrevented = be);\n },\n stopPropagation: function stopPropagation() {\n var a = this.nativeEvent;\n a && (a.stopPropagation ? a.stopPropagation() : \"unknown\" !== typeof a.cancelBubble && (a.cancelBubble = !0), this.isPropagationStopped = be);\n },\n persist: function persist() {\n this.isPersistent = be;\n },\n isPersistent: ce,\n destructor: function destructor() {\n var a = this.constructor.Interface,\n b;\n\n for (b in a) {\n this[b] = null;\n }\n\n this.nativeEvent = this._targetInst = this.dispatchConfig = null;\n this.isPropagationStopped = this.isDefaultPrevented = ce;\n this._dispatchInstances = this._dispatchListeners = null;\n }\n});\nG.Interface = {\n type: null,\n target: null,\n currentTarget: function currentTarget() {\n return null;\n },\n eventPhase: null,\n bubbles: null,\n cancelable: null,\n timeStamp: function timeStamp(a) {\n return a.timeStamp || Date.now();\n },\n defaultPrevented: null,\n isTrusted: null\n};\n\nG.extend = function (a) {\n function b() {}\n\n function c() {\n return d.apply(this, arguments);\n }\n\n var d = this;\n b.prototype = d.prototype;\n var e = new b();\n n(e, c.prototype);\n c.prototype = e;\n c.prototype.constructor = c;\n c.Interface = n({}, d.Interface, a);\n c.extend = d.extend;\n de(c);\n return c;\n};\n\nde(G);\n\nfunction ee(a, b, c, d) {\n if (this.eventPool.length) {\n var e = this.eventPool.pop();\n this.call(e, a, b, c, d);\n return e;\n }\n\n return new this(a, b, c, d);\n}\n\nfunction fe(a) {\n if (!(a instanceof this)) throw Error(u(279));\n a.destructor();\n 10 > this.eventPool.length && this.eventPool.push(a);\n}\n\nfunction de(a) {\n a.eventPool = [];\n a.getPooled = ee;\n a.release = fe;\n}\n\nvar ge = G.extend({\n data: null\n}),\n he = G.extend({\n data: null\n}),\n ie = [9, 13, 27, 32],\n je = ya && \"CompositionEvent\" in window,\n ke = null;\nya && \"documentMode\" in document && (ke = document.documentMode);\nvar le = ya && \"TextEvent\" in window && !ke,\n me = ya && (!je || ke && 8 < ke && 11 >= ke),\n ne = String.fromCharCode(32),\n oe = {\n beforeInput: {\n phasedRegistrationNames: {\n bubbled: \"onBeforeInput\",\n captured: \"onBeforeInputCapture\"\n },\n dependencies: [\"compositionend\", \"keypress\", \"textInput\", \"paste\"]\n },\n compositionEnd: {\n phasedRegistrationNames: {\n bubbled: \"onCompositionEnd\",\n captured: \"onCompositionEndCapture\"\n },\n dependencies: \"blur compositionend keydown keypress keyup mousedown\".split(\" \")\n },\n compositionStart: {\n phasedRegistrationNames: {\n bubbled: \"onCompositionStart\",\n captured: \"onCompositionStartCapture\"\n },\n dependencies: \"blur compositionstart keydown keypress keyup mousedown\".split(\" \")\n },\n compositionUpdate: {\n phasedRegistrationNames: {\n bubbled: \"onCompositionUpdate\",\n captured: \"onCompositionUpdateCapture\"\n },\n dependencies: \"blur compositionupdate keydown keypress keyup mousedown\".split(\" \")\n }\n},\n pe = !1;\n\nfunction qe(a, b) {\n switch (a) {\n case \"keyup\":\n return -1 !== ie.indexOf(b.keyCode);\n\n case \"keydown\":\n return 229 !== b.keyCode;\n\n case \"keypress\":\n case \"mousedown\":\n case \"blur\":\n return !0;\n\n default:\n return !1;\n }\n}\n\nfunction re(a) {\n a = a.detail;\n return \"object\" === typeof a && \"data\" in a ? a.data : null;\n}\n\nvar se = !1;\n\nfunction te(a, b) {\n switch (a) {\n case \"compositionend\":\n return re(b);\n\n case \"keypress\":\n if (32 !== b.which) return null;\n pe = !0;\n return ne;\n\n case \"textInput\":\n return a = b.data, a === ne && pe ? null : a;\n\n default:\n return null;\n }\n}\n\nfunction ue(a, b) {\n if (se) return \"compositionend\" === a || !je && qe(a, b) ? (a = ae(), $d = Zd = Yd = null, se = !1, a) : null;\n\n switch (a) {\n case \"paste\":\n return null;\n\n case \"keypress\":\n if (!(b.ctrlKey || b.altKey || b.metaKey) || b.ctrlKey && b.altKey) {\n if (b.char && 1 < b.char.length) return b.char;\n if (b.which) return String.fromCharCode(b.which);\n }\n\n return null;\n\n case \"compositionend\":\n return me && \"ko\" !== b.locale ? null : b.data;\n\n default:\n return null;\n }\n}\n\nvar ve = {\n eventTypes: oe,\n extractEvents: function extractEvents(a, b, c, d) {\n var e;\n if (je) b: {\n switch (a) {\n case \"compositionstart\":\n var f = oe.compositionStart;\n break b;\n\n case \"compositionend\":\n f = oe.compositionEnd;\n break b;\n\n case \"compositionupdate\":\n f = oe.compositionUpdate;\n break b;\n }\n\n f = void 0;\n } else se ? qe(a, c) && (f = oe.compositionEnd) : \"keydown\" === a && 229 === c.keyCode && (f = oe.compositionStart);\n f ? (me && \"ko\" !== c.locale && (se || f !== oe.compositionStart ? f === oe.compositionEnd && se && (e = ae()) : (Yd = d, Zd = \"value\" in Yd ? Yd.value : Yd.textContent, se = !0)), f = ge.getPooled(f, b, c, d), e ? f.data = e : (e = re(c), null !== e && (f.data = e)), Xd(f), e = f) : e = null;\n (a = le ? te(a, c) : ue(a, c)) ? (b = he.getPooled(oe.beforeInput, b, c, d), b.data = a, Xd(b)) : b = null;\n return null === e ? b : null === b ? e : [e, b];\n }\n},\n we = {\n color: !0,\n date: !0,\n datetime: !0,\n \"datetime-local\": !0,\n email: !0,\n month: !0,\n number: !0,\n password: !0,\n range: !0,\n search: !0,\n tel: !0,\n text: !0,\n time: !0,\n url: !0,\n week: !0\n};\n\nfunction xe(a) {\n var b = a && a.nodeName && a.nodeName.toLowerCase();\n return \"input\" === b ? !!we[a.type] : \"textarea\" === b ? !0 : !1;\n}\n\nvar ye = {\n change: {\n phasedRegistrationNames: {\n bubbled: \"onChange\",\n captured: \"onChangeCapture\"\n },\n dependencies: \"blur change click focus input keydown keyup selectionchange\".split(\" \")\n }\n};\n\nfunction ze(a, b, c) {\n a = G.getPooled(ye.change, a, b, c);\n a.type = \"change\";\n Da(c);\n Xd(a);\n return a;\n}\n\nvar Ae = null,\n Be = null;\n\nfunction Ce(a) {\n mc(a);\n}\n\nfunction De(a) {\n var b = Pd(a);\n if (yb(b)) return a;\n}\n\nfunction Ee(a, b) {\n if (\"change\" === a) return b;\n}\n\nvar Fe = !1;\nya && (Fe = oc(\"input\") && (!document.documentMode || 9 < document.documentMode));\n\nfunction Ge() {\n Ae && (Ae.detachEvent(\"onpropertychange\", He), Be = Ae = null);\n}\n\nfunction He(a) {\n if (\"value\" === a.propertyName && De(Be)) if (a = ze(Be, a, nc(a)), Ja) mc(a);else {\n Ja = !0;\n\n try {\n Fa(Ce, a);\n } finally {\n Ja = !1, La();\n }\n }\n}\n\nfunction Ie(a, b, c) {\n \"focus\" === a ? (Ge(), Ae = b, Be = c, Ae.attachEvent(\"onpropertychange\", He)) : \"blur\" === a && Ge();\n}\n\nfunction Je(a) {\n if (\"selectionchange\" === a || \"keyup\" === a || \"keydown\" === a) return De(Be);\n}\n\nfunction Ke(a, b) {\n if (\"click\" === a) return De(b);\n}\n\nfunction Le(a, b) {\n if (\"input\" === a || \"change\" === a) return De(b);\n}\n\nvar Me = {\n eventTypes: ye,\n _isInputEventSupported: Fe,\n extractEvents: function extractEvents(a, b, c, d) {\n var e = b ? Pd(b) : window,\n f = e.nodeName && e.nodeName.toLowerCase();\n if (\"select\" === f || \"input\" === f && \"file\" === e.type) var g = Ee;else if (xe(e)) {\n if (Fe) g = Le;else {\n g = Je;\n var h = Ie;\n }\n } else (f = e.nodeName) && \"input\" === f.toLowerCase() && (\"checkbox\" === e.type || \"radio\" === e.type) && (g = Ke);\n if (g && (g = g(a, b))) return ze(g, c, d);\n h && h(a, e, b);\n \"blur\" === a && (a = e._wrapperState) && a.controlled && \"number\" === e.type && Db(e, \"number\", e.value);\n }\n},\n Ne = G.extend({\n view: null,\n detail: null\n}),\n Oe = {\n Alt: \"altKey\",\n Control: \"ctrlKey\",\n Meta: \"metaKey\",\n Shift: \"shiftKey\"\n};\n\nfunction Pe(a) {\n var b = this.nativeEvent;\n return b.getModifierState ? b.getModifierState(a) : (a = Oe[a]) ? !!b[a] : !1;\n}\n\nfunction Qe() {\n return Pe;\n}\n\nvar Re = 0,\n Se = 0,\n Te = !1,\n Ue = !1,\n Ve = Ne.extend({\n screenX: null,\n screenY: null,\n clientX: null,\n clientY: null,\n pageX: null,\n pageY: null,\n ctrlKey: null,\n shiftKey: null,\n altKey: null,\n metaKey: null,\n getModifierState: Qe,\n button: null,\n buttons: null,\n relatedTarget: function relatedTarget(a) {\n return a.relatedTarget || (a.fromElement === a.srcElement ? a.toElement : a.fromElement);\n },\n movementX: function movementX(a) {\n if (\"movementX\" in a) return a.movementX;\n var b = Re;\n Re = a.screenX;\n return Te ? \"mousemove\" === a.type ? a.screenX - b : 0 : (Te = !0, 0);\n },\n movementY: function movementY(a) {\n if (\"movementY\" in a) return a.movementY;\n var b = Se;\n Se = a.screenY;\n return Ue ? \"mousemove\" === a.type ? a.screenY - b : 0 : (Ue = !0, 0);\n }\n}),\n We = Ve.extend({\n pointerId: null,\n width: null,\n height: null,\n pressure: null,\n tangentialPressure: null,\n tiltX: null,\n tiltY: null,\n twist: null,\n pointerType: null,\n isPrimary: null\n}),\n Xe = {\n mouseEnter: {\n registrationName: \"onMouseEnter\",\n dependencies: [\"mouseout\", \"mouseover\"]\n },\n mouseLeave: {\n registrationName: \"onMouseLeave\",\n dependencies: [\"mouseout\", \"mouseover\"]\n },\n pointerEnter: {\n registrationName: \"onPointerEnter\",\n dependencies: [\"pointerout\", \"pointerover\"]\n },\n pointerLeave: {\n registrationName: \"onPointerLeave\",\n dependencies: [\"pointerout\", \"pointerover\"]\n }\n},\n Ye = {\n eventTypes: Xe,\n extractEvents: function extractEvents(a, b, c, d, e) {\n var f = \"mouseover\" === a || \"pointerover\" === a,\n g = \"mouseout\" === a || \"pointerout\" === a;\n if (f && 0 === (e & 32) && (c.relatedTarget || c.fromElement) || !g && !f) return null;\n f = d.window === d ? d : (f = d.ownerDocument) ? f.defaultView || f.parentWindow : window;\n\n if (g) {\n if (g = b, b = (b = c.relatedTarget || c.toElement) ? tc(b) : null, null !== b) {\n var h = dc(b);\n if (b !== h || 5 !== b.tag && 6 !== b.tag) b = null;\n }\n } else g = null;\n\n if (g === b) return null;\n\n if (\"mouseout\" === a || \"mouseover\" === a) {\n var k = Ve;\n var l = Xe.mouseLeave;\n var m = Xe.mouseEnter;\n var p = \"mouse\";\n } else if (\"pointerout\" === a || \"pointerover\" === a) k = We, l = Xe.pointerLeave, m = Xe.pointerEnter, p = \"pointer\";\n\n a = null == g ? f : Pd(g);\n f = null == b ? f : Pd(b);\n l = k.getPooled(l, g, c, d);\n l.type = p + \"leave\";\n l.target = a;\n l.relatedTarget = f;\n c = k.getPooled(m, b, c, d);\n c.type = p + \"enter\";\n c.target = f;\n c.relatedTarget = a;\n d = g;\n p = b;\n if (d && p) a: {\n k = d;\n m = p;\n g = 0;\n\n for (a = k; a; a = Rd(a)) {\n g++;\n }\n\n a = 0;\n\n for (b = m; b; b = Rd(b)) {\n a++;\n }\n\n for (; 0 < g - a;) {\n k = Rd(k), g--;\n }\n\n for (; 0 < a - g;) {\n m = Rd(m), a--;\n }\n\n for (; g--;) {\n if (k === m || k === m.alternate) break a;\n k = Rd(k);\n m = Rd(m);\n }\n\n k = null;\n } else k = null;\n m = k;\n\n for (k = []; d && d !== m;) {\n g = d.alternate;\n if (null !== g && g === m) break;\n k.push(d);\n d = Rd(d);\n }\n\n for (d = []; p && p !== m;) {\n g = p.alternate;\n if (null !== g && g === m) break;\n d.push(p);\n p = Rd(p);\n }\n\n for (p = 0; p < k.length; p++) {\n Vd(k[p], \"bubbled\", l);\n }\n\n for (p = d.length; 0 < p--;) {\n Vd(d[p], \"captured\", c);\n }\n\n return 0 === (e & 64) ? [l] : [l, c];\n }\n};\n\nfunction Ze(a, b) {\n return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;\n}\n\nvar $e = \"function\" === typeof Object.is ? Object.is : Ze,\n af = Object.prototype.hasOwnProperty;\n\nfunction bf(a, b) {\n if ($e(a, b)) return !0;\n if (\"object\" !== typeof a || null === a || \"object\" !== typeof b || null === b) return !1;\n var c = Object.keys(a),\n d = Object.keys(b);\n if (c.length !== d.length) return !1;\n\n for (d = 0; d < c.length; d++) {\n if (!af.call(b, c[d]) || !$e(a[c[d]], b[c[d]])) return !1;\n }\n\n return !0;\n}\n\nvar cf = ya && \"documentMode\" in document && 11 >= document.documentMode,\n df = {\n select: {\n phasedRegistrationNames: {\n bubbled: \"onSelect\",\n captured: \"onSelectCapture\"\n },\n dependencies: \"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange\".split(\" \")\n }\n},\n ef = null,\n ff = null,\n gf = null,\n hf = !1;\n\nfunction jf(a, b) {\n var c = b.window === b ? b.document : 9 === b.nodeType ? b : b.ownerDocument;\n if (hf || null == ef || ef !== td(c)) return null;\n c = ef;\n \"selectionStart\" in c && yd(c) ? c = {\n start: c.selectionStart,\n end: c.selectionEnd\n } : (c = (c.ownerDocument && c.ownerDocument.defaultView || window).getSelection(), c = {\n anchorNode: c.anchorNode,\n anchorOffset: c.anchorOffset,\n focusNode: c.focusNode,\n focusOffset: c.focusOffset\n });\n return gf && bf(gf, c) ? null : (gf = c, a = G.getPooled(df.select, ff, a, b), a.type = \"select\", a.target = ef, Xd(a), a);\n}\n\nvar kf = {\n eventTypes: df,\n extractEvents: function extractEvents(a, b, c, d, e, f) {\n e = f || (d.window === d ? d.document : 9 === d.nodeType ? d : d.ownerDocument);\n\n if (!(f = !e)) {\n a: {\n e = cc(e);\n f = wa.onSelect;\n\n for (var g = 0; g < f.length; g++) {\n if (!e.has(f[g])) {\n e = !1;\n break a;\n }\n }\n\n e = !0;\n }\n\n f = !e;\n }\n\n if (f) return null;\n e = b ? Pd(b) : window;\n\n switch (a) {\n case \"focus\":\n if (xe(e) || \"true\" === e.contentEditable) ef = e, ff = b, gf = null;\n break;\n\n case \"blur\":\n gf = ff = ef = null;\n break;\n\n case \"mousedown\":\n hf = !0;\n break;\n\n case \"contextmenu\":\n case \"mouseup\":\n case \"dragend\":\n return hf = !1, jf(c, d);\n\n case \"selectionchange\":\n if (cf) break;\n\n case \"keydown\":\n case \"keyup\":\n return jf(c, d);\n }\n\n return null;\n }\n},\n lf = G.extend({\n animationName: null,\n elapsedTime: null,\n pseudoElement: null\n}),\n mf = G.extend({\n clipboardData: function clipboardData(a) {\n return \"clipboardData\" in a ? a.clipboardData : window.clipboardData;\n }\n}),\n nf = Ne.extend({\n relatedTarget: null\n});\n\nfunction of(a) {\n var b = a.keyCode;\n \"charCode\" in a ? (a = a.charCode, 0 === a && 13 === b && (a = 13)) : a = b;\n 10 === a && (a = 13);\n return 32 <= a || 13 === a ? a : 0;\n}\n\nvar pf = {\n Esc: \"Escape\",\n Spacebar: \" \",\n Left: \"ArrowLeft\",\n Up: \"ArrowUp\",\n Right: \"ArrowRight\",\n Down: \"ArrowDown\",\n Del: \"Delete\",\n Win: \"OS\",\n Menu: \"ContextMenu\",\n Apps: \"ContextMenu\",\n Scroll: \"ScrollLock\",\n MozPrintableKey: \"Unidentified\"\n},\n qf = {\n 8: \"Backspace\",\n 9: \"Tab\",\n 12: \"Clear\",\n 13: \"Enter\",\n 16: \"Shift\",\n 17: \"Control\",\n 18: \"Alt\",\n 19: \"Pause\",\n 20: \"CapsLock\",\n 27: \"Escape\",\n 32: \" \",\n 33: \"PageUp\",\n 34: \"PageDown\",\n 35: \"End\",\n 36: \"Home\",\n 37: \"ArrowLeft\",\n 38: \"ArrowUp\",\n 39: \"ArrowRight\",\n 40: \"ArrowDown\",\n 45: \"Insert\",\n 46: \"Delete\",\n 112: \"F1\",\n 113: \"F2\",\n 114: \"F3\",\n 115: \"F4\",\n 116: \"F5\",\n 117: \"F6\",\n 118: \"F7\",\n 119: \"F8\",\n 120: \"F9\",\n 121: \"F10\",\n 122: \"F11\",\n 123: \"F12\",\n 144: \"NumLock\",\n 145: \"ScrollLock\",\n 224: \"Meta\"\n},\n rf = Ne.extend({\n key: function key(a) {\n if (a.key) {\n var b = pf[a.key] || a.key;\n if (\"Unidentified\" !== b) return b;\n }\n\n return \"keypress\" === a.type ? (a = of(a), 13 === a ? \"Enter\" : String.fromCharCode(a)) : \"keydown\" === a.type || \"keyup\" === a.type ? qf[a.keyCode] || \"Unidentified\" : \"\";\n },\n location: null,\n ctrlKey: null,\n shiftKey: null,\n altKey: null,\n metaKey: null,\n repeat: null,\n locale: null,\n getModifierState: Qe,\n charCode: function charCode(a) {\n return \"keypress\" === a.type ? of(a) : 0;\n },\n keyCode: function keyCode(a) {\n return \"keydown\" === a.type || \"keyup\" === a.type ? a.keyCode : 0;\n },\n which: function which(a) {\n return \"keypress\" === a.type ? of(a) : \"keydown\" === a.type || \"keyup\" === a.type ? a.keyCode : 0;\n }\n}),\n sf = Ve.extend({\n dataTransfer: null\n}),\n tf = Ne.extend({\n touches: null,\n targetTouches: null,\n changedTouches: null,\n altKey: null,\n metaKey: null,\n ctrlKey: null,\n shiftKey: null,\n getModifierState: Qe\n}),\n uf = G.extend({\n propertyName: null,\n elapsedTime: null,\n pseudoElement: null\n}),\n vf = Ve.extend({\n deltaX: function deltaX(a) {\n return \"deltaX\" in a ? a.deltaX : \"wheelDeltaX\" in a ? -a.wheelDeltaX : 0;\n },\n deltaY: function deltaY(a) {\n return \"deltaY\" in a ? a.deltaY : \"wheelDeltaY\" in a ? -a.wheelDeltaY : \"wheelDelta\" in a ? -a.wheelDelta : 0;\n },\n deltaZ: null,\n deltaMode: null\n}),\n wf = {\n eventTypes: Wc,\n extractEvents: function extractEvents(a, b, c, d) {\n var e = Yc.get(a);\n if (!e) return null;\n\n switch (a) {\n case \"keypress\":\n if (0 === of(c)) return null;\n\n case \"keydown\":\n case \"keyup\":\n a = rf;\n break;\n\n case \"blur\":\n case \"focus\":\n a = nf;\n break;\n\n case \"click\":\n if (2 === c.button) return null;\n\n case \"auxclick\":\n case \"dblclick\":\n case \"mousedown\":\n case \"mousemove\":\n case \"mouseup\":\n case \"mouseout\":\n case \"mouseover\":\n case \"contextmenu\":\n a = Ve;\n break;\n\n case \"drag\":\n case \"dragend\":\n case \"dragenter\":\n case \"dragexit\":\n case \"dragleave\":\n case \"dragover\":\n case \"dragstart\":\n case \"drop\":\n a = sf;\n break;\n\n case \"touchcancel\":\n case \"touchend\":\n case \"touchmove\":\n case \"touchstart\":\n a = tf;\n break;\n\n case Xb:\n case Yb:\n case Zb:\n a = lf;\n break;\n\n case $b:\n a = uf;\n break;\n\n case \"scroll\":\n a = Ne;\n break;\n\n case \"wheel\":\n a = vf;\n break;\n\n case \"copy\":\n case \"cut\":\n case \"paste\":\n a = mf;\n break;\n\n case \"gotpointercapture\":\n case \"lostpointercapture\":\n case \"pointercancel\":\n case \"pointerdown\":\n case \"pointermove\":\n case \"pointerout\":\n case \"pointerover\":\n case \"pointerup\":\n a = We;\n break;\n\n default:\n a = G;\n }\n\n b = a.getPooled(e, b, c, d);\n Xd(b);\n return b;\n }\n};\nif (pa) throw Error(u(101));\npa = Array.prototype.slice.call(\"ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin\".split(\" \"));\nra();\nvar xf = Nc;\nla = Qd;\nma = xf;\nna = Pd;\nxa({\n SimpleEventPlugin: wf,\n EnterLeaveEventPlugin: Ye,\n ChangeEventPlugin: Me,\n SelectEventPlugin: kf,\n BeforeInputEventPlugin: ve\n});\nvar yf = [],\n zf = -1;\n\nfunction H(a) {\n 0 > zf || (a.current = yf[zf], yf[zf] = null, zf--);\n}\n\nfunction I(a, b) {\n zf++;\n yf[zf] = a.current;\n a.current = b;\n}\n\nvar Af = {},\n J = {\n current: Af\n},\n K = {\n current: !1\n},\n Bf = Af;\n\nfunction Cf(a, b) {\n var c = a.type.contextTypes;\n if (!c) return Af;\n var d = a.stateNode;\n if (d && d.__reactInternalMemoizedUnmaskedChildContext === b) return d.__reactInternalMemoizedMaskedChildContext;\n var e = {},\n f;\n\n for (f in c) {\n e[f] = b[f];\n }\n\n d && (a = a.stateNode, a.__reactInternalMemoizedUnmaskedChildContext = b, a.__reactInternalMemoizedMaskedChildContext = e);\n return e;\n}\n\nfunction L(a) {\n a = a.childContextTypes;\n return null !== a && void 0 !== a;\n}\n\nfunction Df() {\n H(K);\n H(J);\n}\n\nfunction Ef(a, b, c) {\n if (J.current !== Af) throw Error(u(168));\n I(J, b);\n I(K, c);\n}\n\nfunction Ff(a, b, c) {\n var d = a.stateNode;\n a = b.childContextTypes;\n if (\"function\" !== typeof d.getChildContext) return c;\n d = d.getChildContext();\n\n for (var e in d) {\n if (!(e in a)) throw Error(u(108, pb(b) || \"Unknown\", e));\n }\n\n return n({}, c, {}, d);\n}\n\nfunction Gf(a) {\n a = (a = a.stateNode) && a.__reactInternalMemoizedMergedChildContext || Af;\n Bf = J.current;\n I(J, a);\n I(K, K.current);\n return !0;\n}\n\nfunction Hf(a, b, c) {\n var d = a.stateNode;\n if (!d) throw Error(u(169));\n c ? (a = Ff(a, b, Bf), d.__reactInternalMemoizedMergedChildContext = a, H(K), H(J), I(J, a)) : H(K);\n I(K, c);\n}\n\nvar If = r.unstable_runWithPriority,\n Jf = r.unstable_scheduleCallback,\n Kf = r.unstable_cancelCallback,\n Lf = r.unstable_requestPaint,\n Mf = r.unstable_now,\n Nf = r.unstable_getCurrentPriorityLevel,\n Of = r.unstable_ImmediatePriority,\n Pf = r.unstable_UserBlockingPriority,\n Qf = r.unstable_NormalPriority,\n Rf = r.unstable_LowPriority,\n Sf = r.unstable_IdlePriority,\n Tf = {},\n Uf = r.unstable_shouldYield,\n Vf = void 0 !== Lf ? Lf : function () {},\n Wf = null,\n Xf = null,\n Yf = !1,\n Zf = Mf(),\n $f = 1E4 > Zf ? Mf : function () {\n return Mf() - Zf;\n};\n\nfunction ag() {\n switch (Nf()) {\n case Of:\n return 99;\n\n case Pf:\n return 98;\n\n case Qf:\n return 97;\n\n case Rf:\n return 96;\n\n case Sf:\n return 95;\n\n default:\n throw Error(u(332));\n }\n}\n\nfunction bg(a) {\n switch (a) {\n case 99:\n return Of;\n\n case 98:\n return Pf;\n\n case 97:\n return Qf;\n\n case 96:\n return Rf;\n\n case 95:\n return Sf;\n\n default:\n throw Error(u(332));\n }\n}\n\nfunction cg(a, b) {\n a = bg(a);\n return If(a, b);\n}\n\nfunction dg(a, b, c) {\n a = bg(a);\n return Jf(a, b, c);\n}\n\nfunction eg(a) {\n null === Wf ? (Wf = [a], Xf = Jf(Of, fg)) : Wf.push(a);\n return Tf;\n}\n\nfunction gg() {\n if (null !== Xf) {\n var a = Xf;\n Xf = null;\n Kf(a);\n }\n\n fg();\n}\n\nfunction fg() {\n if (!Yf && null !== Wf) {\n Yf = !0;\n var a = 0;\n\n try {\n var b = Wf;\n cg(99, function () {\n for (; a < b.length; a++) {\n var c = b[a];\n\n do {\n c = c(!0);\n } while (null !== c);\n }\n });\n Wf = null;\n } catch (c) {\n throw null !== Wf && (Wf = Wf.slice(a + 1)), Jf(Of, gg), c;\n } finally {\n Yf = !1;\n }\n }\n}\n\nfunction hg(a, b, c) {\n c /= 10;\n return 1073741821 - (((1073741821 - a + b / 10) / c | 0) + 1) * c;\n}\n\nfunction ig(a, b) {\n if (a && a.defaultProps) {\n b = n({}, b);\n a = a.defaultProps;\n\n for (var c in a) {\n void 0 === b[c] && (b[c] = a[c]);\n }\n }\n\n return b;\n}\n\nvar jg = {\n current: null\n},\n kg = null,\n lg = null,\n mg = null;\n\nfunction ng() {\n mg = lg = kg = null;\n}\n\nfunction og(a) {\n var b = jg.current;\n H(jg);\n a.type._context._currentValue = b;\n}\n\nfunction pg(a, b) {\n for (; null !== a;) {\n var c = a.alternate;\n if (a.childExpirationTime < b) a.childExpirationTime = b, null !== c && c.childExpirationTime < b && (c.childExpirationTime = b);else if (null !== c && c.childExpirationTime < b) c.childExpirationTime = b;else break;\n a = a.return;\n }\n}\n\nfunction qg(a, b) {\n kg = a;\n mg = lg = null;\n a = a.dependencies;\n null !== a && null !== a.firstContext && (a.expirationTime >= b && (rg = !0), a.firstContext = null);\n}\n\nfunction sg(a, b) {\n if (mg !== a && !1 !== b && 0 !== b) {\n if (\"number\" !== typeof b || 1073741823 === b) mg = a, b = 1073741823;\n b = {\n context: a,\n observedBits: b,\n next: null\n };\n\n if (null === lg) {\n if (null === kg) throw Error(u(308));\n lg = b;\n kg.dependencies = {\n expirationTime: 0,\n firstContext: b,\n responders: null\n };\n } else lg = lg.next = b;\n }\n\n return a._currentValue;\n}\n\nvar tg = !1;\n\nfunction ug(a) {\n a.updateQueue = {\n baseState: a.memoizedState,\n baseQueue: null,\n shared: {\n pending: null\n },\n effects: null\n };\n}\n\nfunction vg(a, b) {\n a = a.updateQueue;\n b.updateQueue === a && (b.updateQueue = {\n baseState: a.baseState,\n baseQueue: a.baseQueue,\n shared: a.shared,\n effects: a.effects\n });\n}\n\nfunction wg(a, b) {\n a = {\n expirationTime: a,\n suspenseConfig: b,\n tag: 0,\n payload: null,\n callback: null,\n next: null\n };\n return a.next = a;\n}\n\nfunction xg(a, b) {\n a = a.updateQueue;\n\n if (null !== a) {\n a = a.shared;\n var c = a.pending;\n null === c ? b.next = b : (b.next = c.next, c.next = b);\n a.pending = b;\n }\n}\n\nfunction yg(a, b) {\n var c = a.alternate;\n null !== c && vg(c, a);\n a = a.updateQueue;\n c = a.baseQueue;\n null === c ? (a.baseQueue = b.next = b, b.next = b) : (b.next = c.next, c.next = b);\n}\n\nfunction zg(a, b, c, d) {\n var e = a.updateQueue;\n tg = !1;\n var f = e.baseQueue,\n g = e.shared.pending;\n\n if (null !== g) {\n if (null !== f) {\n var h = f.next;\n f.next = g.next;\n g.next = h;\n }\n\n f = g;\n e.shared.pending = null;\n h = a.alternate;\n null !== h && (h = h.updateQueue, null !== h && (h.baseQueue = g));\n }\n\n if (null !== f) {\n h = f.next;\n var k = e.baseState,\n l = 0,\n m = null,\n p = null,\n x = null;\n\n if (null !== h) {\n var z = h;\n\n do {\n g = z.expirationTime;\n\n if (g < d) {\n var ca = {\n expirationTime: z.expirationTime,\n suspenseConfig: z.suspenseConfig,\n tag: z.tag,\n payload: z.payload,\n callback: z.callback,\n next: null\n };\n null === x ? (p = x = ca, m = k) : x = x.next = ca;\n g > l && (l = g);\n } else {\n null !== x && (x = x.next = {\n expirationTime: 1073741823,\n suspenseConfig: z.suspenseConfig,\n tag: z.tag,\n payload: z.payload,\n callback: z.callback,\n next: null\n });\n Ag(g, z.suspenseConfig);\n\n a: {\n var D = a,\n t = z;\n g = b;\n ca = c;\n\n switch (t.tag) {\n case 1:\n D = t.payload;\n\n if (\"function\" === typeof D) {\n k = D.call(ca, k, g);\n break a;\n }\n\n k = D;\n break a;\n\n case 3:\n D.effectTag = D.effectTag & -4097 | 64;\n\n case 0:\n D = t.payload;\n g = \"function\" === typeof D ? D.call(ca, k, g) : D;\n if (null === g || void 0 === g) break a;\n k = n({}, k, g);\n break a;\n\n case 2:\n tg = !0;\n }\n }\n\n null !== z.callback && (a.effectTag |= 32, g = e.effects, null === g ? e.effects = [z] : g.push(z));\n }\n\n z = z.next;\n if (null === z || z === h) if (g = e.shared.pending, null === g) break;else z = f.next = g.next, g.next = h, e.baseQueue = f = g, e.shared.pending = null;\n } while (1);\n }\n\n null === x ? m = k : x.next = p;\n e.baseState = m;\n e.baseQueue = x;\n Bg(l);\n a.expirationTime = l;\n a.memoizedState = k;\n }\n}\n\nfunction Cg(a, b, c) {\n a = b.effects;\n b.effects = null;\n if (null !== a) for (b = 0; b < a.length; b++) {\n var d = a[b],\n e = d.callback;\n\n if (null !== e) {\n d.callback = null;\n d = e;\n e = c;\n if (\"function\" !== typeof d) throw Error(u(191, d));\n d.call(e);\n }\n }\n}\n\nvar Dg = Wa.ReactCurrentBatchConfig,\n Eg = new aa.Component().refs;\n\nfunction Fg(a, b, c, d) {\n b = a.memoizedState;\n c = c(d, b);\n c = null === c || void 0 === c ? b : n({}, b, c);\n a.memoizedState = c;\n 0 === a.expirationTime && (a.updateQueue.baseState = c);\n}\n\nvar Jg = {\n isMounted: function isMounted(a) {\n return (a = a._reactInternalFiber) ? dc(a) === a : !1;\n },\n enqueueSetState: function enqueueSetState(a, b, c) {\n a = a._reactInternalFiber;\n var d = Gg(),\n e = Dg.suspense;\n d = Hg(d, a, e);\n e = wg(d, e);\n e.payload = b;\n void 0 !== c && null !== c && (e.callback = c);\n xg(a, e);\n Ig(a, d);\n },\n enqueueReplaceState: function enqueueReplaceState(a, b, c) {\n a = a._reactInternalFiber;\n var d = Gg(),\n e = Dg.suspense;\n d = Hg(d, a, e);\n e = wg(d, e);\n e.tag = 1;\n e.payload = b;\n void 0 !== c && null !== c && (e.callback = c);\n xg(a, e);\n Ig(a, d);\n },\n enqueueForceUpdate: function enqueueForceUpdate(a, b) {\n a = a._reactInternalFiber;\n var c = Gg(),\n d = Dg.suspense;\n c = Hg(c, a, d);\n d = wg(c, d);\n d.tag = 2;\n void 0 !== b && null !== b && (d.callback = b);\n xg(a, d);\n Ig(a, c);\n }\n};\n\nfunction Kg(a, b, c, d, e, f, g) {\n a = a.stateNode;\n return \"function\" === typeof a.shouldComponentUpdate ? a.shouldComponentUpdate(d, f, g) : b.prototype && b.prototype.isPureReactComponent ? !bf(c, d) || !bf(e, f) : !0;\n}\n\nfunction Lg(a, b, c) {\n var d = !1,\n e = Af;\n var f = b.contextType;\n \"object\" === typeof f && null !== f ? f = sg(f) : (e = L(b) ? Bf : J.current, d = b.contextTypes, f = (d = null !== d && void 0 !== d) ? Cf(a, e) : Af);\n b = new b(c, f);\n a.memoizedState = null !== b.state && void 0 !== b.state ? b.state : null;\n b.updater = Jg;\n a.stateNode = b;\n b._reactInternalFiber = a;\n d && (a = a.stateNode, a.__reactInternalMemoizedUnmaskedChildContext = e, a.__reactInternalMemoizedMaskedChildContext = f);\n return b;\n}\n\nfunction Mg(a, b, c, d) {\n a = b.state;\n \"function\" === typeof b.componentWillReceiveProps && b.componentWillReceiveProps(c, d);\n \"function\" === typeof b.UNSAFE_componentWillReceiveProps && b.UNSAFE_componentWillReceiveProps(c, d);\n b.state !== a && Jg.enqueueReplaceState(b, b.state, null);\n}\n\nfunction Ng(a, b, c, d) {\n var e = a.stateNode;\n e.props = c;\n e.state = a.memoizedState;\n e.refs = Eg;\n ug(a);\n var f = b.contextType;\n \"object\" === typeof f && null !== f ? e.context = sg(f) : (f = L(b) ? Bf : J.current, e.context = Cf(a, f));\n zg(a, c, e, d);\n e.state = a.memoizedState;\n f = b.getDerivedStateFromProps;\n \"function\" === typeof f && (Fg(a, b, f, c), e.state = a.memoizedState);\n \"function\" === typeof b.getDerivedStateFromProps || \"function\" === typeof e.getSnapshotBeforeUpdate || \"function\" !== typeof e.UNSAFE_componentWillMount && \"function\" !== typeof e.componentWillMount || (b = e.state, \"function\" === typeof e.componentWillMount && e.componentWillMount(), \"function\" === typeof e.UNSAFE_componentWillMount && e.UNSAFE_componentWillMount(), b !== e.state && Jg.enqueueReplaceState(e, e.state, null), zg(a, c, e, d), e.state = a.memoizedState);\n \"function\" === typeof e.componentDidMount && (a.effectTag |= 4);\n}\n\nvar Og = Array.isArray;\n\nfunction Pg(a, b, c) {\n a = c.ref;\n\n if (null !== a && \"function\" !== typeof a && \"object\" !== typeof a) {\n if (c._owner) {\n c = c._owner;\n\n if (c) {\n if (1 !== c.tag) throw Error(u(309));\n var d = c.stateNode;\n }\n\n if (!d) throw Error(u(147, a));\n var e = \"\" + a;\n if (null !== b && null !== b.ref && \"function\" === typeof b.ref && b.ref._stringRef === e) return b.ref;\n\n b = function b(a) {\n var b = d.refs;\n b === Eg && (b = d.refs = {});\n null === a ? delete b[e] : b[e] = a;\n };\n\n b._stringRef = e;\n return b;\n }\n\n if (\"string\" !== typeof a) throw Error(u(284));\n if (!c._owner) throw Error(u(290, a));\n }\n\n return a;\n}\n\nfunction Qg(a, b) {\n if (\"textarea\" !== a.type) throw Error(u(31, \"[object Object]\" === Object.prototype.toString.call(b) ? \"object with keys {\" + Object.keys(b).join(\", \") + \"}\" : b, \"\"));\n}\n\nfunction Rg(a) {\n function b(b, c) {\n if (a) {\n var d = b.lastEffect;\n null !== d ? (d.nextEffect = c, b.lastEffect = c) : b.firstEffect = b.lastEffect = c;\n c.nextEffect = null;\n c.effectTag = 8;\n }\n }\n\n function c(c, d) {\n if (!a) return null;\n\n for (; null !== d;) {\n b(c, d), d = d.sibling;\n }\n\n return null;\n }\n\n function d(a, b) {\n for (a = new Map(); null !== b;) {\n null !== b.key ? a.set(b.key, b) : a.set(b.index, b), b = b.sibling;\n }\n\n return a;\n }\n\n function e(a, b) {\n a = Sg(a, b);\n a.index = 0;\n a.sibling = null;\n return a;\n }\n\n function f(b, c, d) {\n b.index = d;\n if (!a) return c;\n d = b.alternate;\n if (null !== d) return d = d.index, d < c ? (b.effectTag = 2, c) : d;\n b.effectTag = 2;\n return c;\n }\n\n function g(b) {\n a && null === b.alternate && (b.effectTag = 2);\n return b;\n }\n\n function h(a, b, c, d) {\n if (null === b || 6 !== b.tag) return b = Tg(c, a.mode, d), b.return = a, b;\n b = e(b, c);\n b.return = a;\n return b;\n }\n\n function k(a, b, c, d) {\n if (null !== b && b.elementType === c.type) return d = e(b, c.props), d.ref = Pg(a, b, c), d.return = a, d;\n d = Ug(c.type, c.key, c.props, null, a.mode, d);\n d.ref = Pg(a, b, c);\n d.return = a;\n return d;\n }\n\n function l(a, b, c, d) {\n if (null === b || 4 !== b.tag || b.stateNode.containerInfo !== c.containerInfo || b.stateNode.implementation !== c.implementation) return b = Vg(c, a.mode, d), b.return = a, b;\n b = e(b, c.children || []);\n b.return = a;\n return b;\n }\n\n function m(a, b, c, d, f) {\n if (null === b || 7 !== b.tag) return b = Wg(c, a.mode, d, f), b.return = a, b;\n b = e(b, c);\n b.return = a;\n return b;\n }\n\n function p(a, b, c) {\n if (\"string\" === typeof b || \"number\" === typeof b) return b = Tg(\"\" + b, a.mode, c), b.return = a, b;\n\n if (\"object\" === typeof b && null !== b) {\n switch (b.$$typeof) {\n case Za:\n return c = Ug(b.type, b.key, b.props, null, a.mode, c), c.ref = Pg(a, null, b), c.return = a, c;\n\n case $a:\n return b = Vg(b, a.mode, c), b.return = a, b;\n }\n\n if (Og(b) || nb(b)) return b = Wg(b, a.mode, c, null), b.return = a, b;\n Qg(a, b);\n }\n\n return null;\n }\n\n function x(a, b, c, d) {\n var e = null !== b ? b.key : null;\n if (\"string\" === typeof c || \"number\" === typeof c) return null !== e ? null : h(a, b, \"\" + c, d);\n\n if (\"object\" === typeof c && null !== c) {\n switch (c.$$typeof) {\n case Za:\n return c.key === e ? c.type === ab ? m(a, b, c.props.children, d, e) : k(a, b, c, d) : null;\n\n case $a:\n return c.key === e ? l(a, b, c, d) : null;\n }\n\n if (Og(c) || nb(c)) return null !== e ? null : m(a, b, c, d, null);\n Qg(a, c);\n }\n\n return null;\n }\n\n function z(a, b, c, d, e) {\n if (\"string\" === typeof d || \"number\" === typeof d) return a = a.get(c) || null, h(b, a, \"\" + d, e);\n\n if (\"object\" === typeof d && null !== d) {\n switch (d.$$typeof) {\n case Za:\n return a = a.get(null === d.key ? c : d.key) || null, d.type === ab ? m(b, a, d.props.children, e, d.key) : k(b, a, d, e);\n\n case $a:\n return a = a.get(null === d.key ? c : d.key) || null, l(b, a, d, e);\n }\n\n if (Og(d) || nb(d)) return a = a.get(c) || null, m(b, a, d, e, null);\n Qg(b, d);\n }\n\n return null;\n }\n\n function ca(e, g, h, k) {\n for (var l = null, t = null, m = g, y = g = 0, A = null; null !== m && y < h.length; y++) {\n m.index > y ? (A = m, m = null) : A = m.sibling;\n var q = x(e, m, h[y], k);\n\n if (null === q) {\n null === m && (m = A);\n break;\n }\n\n a && m && null === q.alternate && b(e, m);\n g = f(q, g, y);\n null === t ? l = q : t.sibling = q;\n t = q;\n m = A;\n }\n\n if (y === h.length) return c(e, m), l;\n\n if (null === m) {\n for (; y < h.length; y++) {\n m = p(e, h[y], k), null !== m && (g = f(m, g, y), null === t ? l = m : t.sibling = m, t = m);\n }\n\n return l;\n }\n\n for (m = d(e, m); y < h.length; y++) {\n A = z(m, e, y, h[y], k), null !== A && (a && null !== A.alternate && m.delete(null === A.key ? y : A.key), g = f(A, g, y), null === t ? l = A : t.sibling = A, t = A);\n }\n\n a && m.forEach(function (a) {\n return b(e, a);\n });\n return l;\n }\n\n function D(e, g, h, l) {\n var k = nb(h);\n if (\"function\" !== typeof k) throw Error(u(150));\n h = k.call(h);\n if (null == h) throw Error(u(151));\n\n for (var m = k = null, t = g, y = g = 0, A = null, q = h.next(); null !== t && !q.done; y++, q = h.next()) {\n t.index > y ? (A = t, t = null) : A = t.sibling;\n var D = x(e, t, q.value, l);\n\n if (null === D) {\n null === t && (t = A);\n break;\n }\n\n a && t && null === D.alternate && b(e, t);\n g = f(D, g, y);\n null === m ? k = D : m.sibling = D;\n m = D;\n t = A;\n }\n\n if (q.done) return c(e, t), k;\n\n if (null === t) {\n for (; !q.done; y++, q = h.next()) {\n q = p(e, q.value, l), null !== q && (g = f(q, g, y), null === m ? k = q : m.sibling = q, m = q);\n }\n\n return k;\n }\n\n for (t = d(e, t); !q.done; y++, q = h.next()) {\n q = z(t, e, y, q.value, l), null !== q && (a && null !== q.alternate && t.delete(null === q.key ? y : q.key), g = f(q, g, y), null === m ? k = q : m.sibling = q, m = q);\n }\n\n a && t.forEach(function (a) {\n return b(e, a);\n });\n return k;\n }\n\n return function (a, d, f, h) {\n var k = \"object\" === typeof f && null !== f && f.type === ab && null === f.key;\n k && (f = f.props.children);\n var l = \"object\" === typeof f && null !== f;\n if (l) switch (f.$$typeof) {\n case Za:\n a: {\n l = f.key;\n\n for (k = d; null !== k;) {\n if (k.key === l) {\n switch (k.tag) {\n case 7:\n if (f.type === ab) {\n c(a, k.sibling);\n d = e(k, f.props.children);\n d.return = a;\n a = d;\n break a;\n }\n\n break;\n\n default:\n if (k.elementType === f.type) {\n c(a, k.sibling);\n d = e(k, f.props);\n d.ref = Pg(a, k, f);\n d.return = a;\n a = d;\n break a;\n }\n\n }\n\n c(a, k);\n break;\n } else b(a, k);\n\n k = k.sibling;\n }\n\n f.type === ab ? (d = Wg(f.props.children, a.mode, h, f.key), d.return = a, a = d) : (h = Ug(f.type, f.key, f.props, null, a.mode, h), h.ref = Pg(a, d, f), h.return = a, a = h);\n }\n\n return g(a);\n\n case $a:\n a: {\n for (k = f.key; null !== d;) {\n if (d.key === k) {\n if (4 === d.tag && d.stateNode.containerInfo === f.containerInfo && d.stateNode.implementation === f.implementation) {\n c(a, d.sibling);\n d = e(d, f.children || []);\n d.return = a;\n a = d;\n break a;\n } else {\n c(a, d);\n break;\n }\n } else b(a, d);\n d = d.sibling;\n }\n\n d = Vg(f, a.mode, h);\n d.return = a;\n a = d;\n }\n\n return g(a);\n }\n if (\"string\" === typeof f || \"number\" === typeof f) return f = \"\" + f, null !== d && 6 === d.tag ? (c(a, d.sibling), d = e(d, f), d.return = a, a = d) : (c(a, d), d = Tg(f, a.mode, h), d.return = a, a = d), g(a);\n if (Og(f)) return ca(a, d, f, h);\n if (nb(f)) return D(a, d, f, h);\n l && Qg(a, f);\n if (\"undefined\" === typeof f && !k) switch (a.tag) {\n case 1:\n case 0:\n throw a = a.type, Error(u(152, a.displayName || a.name || \"Component\"));\n }\n return c(a, d);\n };\n}\n\nvar Xg = Rg(!0),\n Yg = Rg(!1),\n Zg = {},\n $g = {\n current: Zg\n},\n ah = {\n current: Zg\n},\n bh = {\n current: Zg\n};\n\nfunction ch(a) {\n if (a === Zg) throw Error(u(174));\n return a;\n}\n\nfunction dh(a, b) {\n I(bh, b);\n I(ah, a);\n I($g, Zg);\n a = b.nodeType;\n\n switch (a) {\n case 9:\n case 11:\n b = (b = b.documentElement) ? b.namespaceURI : Ob(null, \"\");\n break;\n\n default:\n a = 8 === a ? b.parentNode : b, b = a.namespaceURI || null, a = a.tagName, b = Ob(b, a);\n }\n\n H($g);\n I($g, b);\n}\n\nfunction eh() {\n H($g);\n H(ah);\n H(bh);\n}\n\nfunction fh(a) {\n ch(bh.current);\n var b = ch($g.current);\n var c = Ob(b, a.type);\n b !== c && (I(ah, a), I($g, c));\n}\n\nfunction gh(a) {\n ah.current === a && (H($g), H(ah));\n}\n\nvar M = {\n current: 0\n};\n\nfunction hh(a) {\n for (var b = a; null !== b;) {\n if (13 === b.tag) {\n var c = b.memoizedState;\n if (null !== c && (c = c.dehydrated, null === c || c.data === Bd || c.data === Cd)) return b;\n } else if (19 === b.tag && void 0 !== b.memoizedProps.revealOrder) {\n if (0 !== (b.effectTag & 64)) return b;\n } else if (null !== b.child) {\n b.child.return = b;\n b = b.child;\n continue;\n }\n\n if (b === a) break;\n\n for (; null === b.sibling;) {\n if (null === b.return || b.return === a) return null;\n b = b.return;\n }\n\n b.sibling.return = b.return;\n b = b.sibling;\n }\n\n return null;\n}\n\nfunction ih(a, b) {\n return {\n responder: a,\n props: b\n };\n}\n\nvar jh = Wa.ReactCurrentDispatcher,\n kh = Wa.ReactCurrentBatchConfig,\n lh = 0,\n N = null,\n O = null,\n P = null,\n mh = !1;\n\nfunction Q() {\n throw Error(u(321));\n}\n\nfunction nh(a, b) {\n if (null === b) return !1;\n\n for (var c = 0; c < b.length && c < a.length; c++) {\n if (!$e(a[c], b[c])) return !1;\n }\n\n return !0;\n}\n\nfunction oh(a, b, c, d, e, f) {\n lh = f;\n N = b;\n b.memoizedState = null;\n b.updateQueue = null;\n b.expirationTime = 0;\n jh.current = null === a || null === a.memoizedState ? ph : qh;\n a = c(d, e);\n\n if (b.expirationTime === lh) {\n f = 0;\n\n do {\n b.expirationTime = 0;\n if (!(25 > f)) throw Error(u(301));\n f += 1;\n P = O = null;\n b.updateQueue = null;\n jh.current = rh;\n a = c(d, e);\n } while (b.expirationTime === lh);\n }\n\n jh.current = sh;\n b = null !== O && null !== O.next;\n lh = 0;\n P = O = N = null;\n mh = !1;\n if (b) throw Error(u(300));\n return a;\n}\n\nfunction th() {\n var a = {\n memoizedState: null,\n baseState: null,\n baseQueue: null,\n queue: null,\n next: null\n };\n null === P ? N.memoizedState = P = a : P = P.next = a;\n return P;\n}\n\nfunction uh() {\n if (null === O) {\n var a = N.alternate;\n a = null !== a ? a.memoizedState : null;\n } else a = O.next;\n\n var b = null === P ? N.memoizedState : P.next;\n if (null !== b) P = b, O = a;else {\n if (null === a) throw Error(u(310));\n O = a;\n a = {\n memoizedState: O.memoizedState,\n baseState: O.baseState,\n baseQueue: O.baseQueue,\n queue: O.queue,\n next: null\n };\n null === P ? N.memoizedState = P = a : P = P.next = a;\n }\n return P;\n}\n\nfunction vh(a, b) {\n return \"function\" === typeof b ? b(a) : b;\n}\n\nfunction wh(a) {\n var b = uh(),\n c = b.queue;\n if (null === c) throw Error(u(311));\n c.lastRenderedReducer = a;\n var d = O,\n e = d.baseQueue,\n f = c.pending;\n\n if (null !== f) {\n if (null !== e) {\n var g = e.next;\n e.next = f.next;\n f.next = g;\n }\n\n d.baseQueue = e = f;\n c.pending = null;\n }\n\n if (null !== e) {\n e = e.next;\n d = d.baseState;\n var h = g = f = null,\n k = e;\n\n do {\n var l = k.expirationTime;\n\n if (l < lh) {\n var m = {\n expirationTime: k.expirationTime,\n suspenseConfig: k.suspenseConfig,\n action: k.action,\n eagerReducer: k.eagerReducer,\n eagerState: k.eagerState,\n next: null\n };\n null === h ? (g = h = m, f = d) : h = h.next = m;\n l > N.expirationTime && (N.expirationTime = l, Bg(l));\n } else null !== h && (h = h.next = {\n expirationTime: 1073741823,\n suspenseConfig: k.suspenseConfig,\n action: k.action,\n eagerReducer: k.eagerReducer,\n eagerState: k.eagerState,\n next: null\n }), Ag(l, k.suspenseConfig), d = k.eagerReducer === a ? k.eagerState : a(d, k.action);\n\n k = k.next;\n } while (null !== k && k !== e);\n\n null === h ? f = d : h.next = g;\n $e(d, b.memoizedState) || (rg = !0);\n b.memoizedState = d;\n b.baseState = f;\n b.baseQueue = h;\n c.lastRenderedState = d;\n }\n\n return [b.memoizedState, c.dispatch];\n}\n\nfunction xh(a) {\n var b = uh(),\n c = b.queue;\n if (null === c) throw Error(u(311));\n c.lastRenderedReducer = a;\n var d = c.dispatch,\n e = c.pending,\n f = b.memoizedState;\n\n if (null !== e) {\n c.pending = null;\n var g = e = e.next;\n\n do {\n f = a(f, g.action), g = g.next;\n } while (g !== e);\n\n $e(f, b.memoizedState) || (rg = !0);\n b.memoizedState = f;\n null === b.baseQueue && (b.baseState = f);\n c.lastRenderedState = f;\n }\n\n return [f, d];\n}\n\nfunction yh(a) {\n var b = th();\n \"function\" === typeof a && (a = a());\n b.memoizedState = b.baseState = a;\n a = b.queue = {\n pending: null,\n dispatch: null,\n lastRenderedReducer: vh,\n lastRenderedState: a\n };\n a = a.dispatch = zh.bind(null, N, a);\n return [b.memoizedState, a];\n}\n\nfunction Ah(a, b, c, d) {\n a = {\n tag: a,\n create: b,\n destroy: c,\n deps: d,\n next: null\n };\n b = N.updateQueue;\n null === b ? (b = {\n lastEffect: null\n }, N.updateQueue = b, b.lastEffect = a.next = a) : (c = b.lastEffect, null === c ? b.lastEffect = a.next = a : (d = c.next, c.next = a, a.next = d, b.lastEffect = a));\n return a;\n}\n\nfunction Bh() {\n return uh().memoizedState;\n}\n\nfunction Ch(a, b, c, d) {\n var e = th();\n N.effectTag |= a;\n e.memoizedState = Ah(1 | b, c, void 0, void 0 === d ? null : d);\n}\n\nfunction Dh(a, b, c, d) {\n var e = uh();\n d = void 0 === d ? null : d;\n var f = void 0;\n\n if (null !== O) {\n var g = O.memoizedState;\n f = g.destroy;\n\n if (null !== d && nh(d, g.deps)) {\n Ah(b, c, f, d);\n return;\n }\n }\n\n N.effectTag |= a;\n e.memoizedState = Ah(1 | b, c, f, d);\n}\n\nfunction Eh(a, b) {\n return Ch(516, 4, a, b);\n}\n\nfunction Fh(a, b) {\n return Dh(516, 4, a, b);\n}\n\nfunction Gh(a, b) {\n return Dh(4, 2, a, b);\n}\n\nfunction Hh(a, b) {\n if (\"function\" === typeof b) return a = a(), b(a), function () {\n b(null);\n };\n if (null !== b && void 0 !== b) return a = a(), b.current = a, function () {\n b.current = null;\n };\n}\n\nfunction Ih(a, b, c) {\n c = null !== c && void 0 !== c ? c.concat([a]) : null;\n return Dh(4, 2, Hh.bind(null, b, a), c);\n}\n\nfunction Jh() {}\n\nfunction Kh(a, b) {\n th().memoizedState = [a, void 0 === b ? null : b];\n return a;\n}\n\nfunction Lh(a, b) {\n var c = uh();\n b = void 0 === b ? null : b;\n var d = c.memoizedState;\n if (null !== d && null !== b && nh(b, d[1])) return d[0];\n c.memoizedState = [a, b];\n return a;\n}\n\nfunction Mh(a, b) {\n var c = uh();\n b = void 0 === b ? null : b;\n var d = c.memoizedState;\n if (null !== d && null !== b && nh(b, d[1])) return d[0];\n a = a();\n c.memoizedState = [a, b];\n return a;\n}\n\nfunction Nh(a, b, c) {\n var d = ag();\n cg(98 > d ? 98 : d, function () {\n a(!0);\n });\n cg(97 < d ? 97 : d, function () {\n var d = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n a(!1), c();\n } finally {\n kh.suspense = d;\n }\n });\n}\n\nfunction zh(a, b, c) {\n var d = Gg(),\n e = Dg.suspense;\n d = Hg(d, a, e);\n e = {\n expirationTime: d,\n suspenseConfig: e,\n action: c,\n eagerReducer: null,\n eagerState: null,\n next: null\n };\n var f = b.pending;\n null === f ? e.next = e : (e.next = f.next, f.next = e);\n b.pending = e;\n f = a.alternate;\n if (a === N || null !== f && f === N) mh = !0, e.expirationTime = lh, N.expirationTime = lh;else {\n if (0 === a.expirationTime && (null === f || 0 === f.expirationTime) && (f = b.lastRenderedReducer, null !== f)) try {\n var g = b.lastRenderedState,\n h = f(g, c);\n e.eagerReducer = f;\n e.eagerState = h;\n if ($e(h, g)) return;\n } catch (k) {} finally {}\n Ig(a, d);\n }\n}\n\nvar sh = {\n readContext: sg,\n useCallback: Q,\n useContext: Q,\n useEffect: Q,\n useImperativeHandle: Q,\n useLayoutEffect: Q,\n useMemo: Q,\n useReducer: Q,\n useRef: Q,\n useState: Q,\n useDebugValue: Q,\n useResponder: Q,\n useDeferredValue: Q,\n useTransition: Q\n},\n ph = {\n readContext: sg,\n useCallback: Kh,\n useContext: sg,\n useEffect: Eh,\n useImperativeHandle: function useImperativeHandle(a, b, c) {\n c = null !== c && void 0 !== c ? c.concat([a]) : null;\n return Ch(4, 2, Hh.bind(null, b, a), c);\n },\n useLayoutEffect: function useLayoutEffect(a, b) {\n return Ch(4, 2, a, b);\n },\n useMemo: function useMemo(a, b) {\n var c = th();\n b = void 0 === b ? null : b;\n a = a();\n c.memoizedState = [a, b];\n return a;\n },\n useReducer: function useReducer(a, b, c) {\n var d = th();\n b = void 0 !== c ? c(b) : b;\n d.memoizedState = d.baseState = b;\n a = d.queue = {\n pending: null,\n dispatch: null,\n lastRenderedReducer: a,\n lastRenderedState: b\n };\n a = a.dispatch = zh.bind(null, N, a);\n return [d.memoizedState, a];\n },\n useRef: function useRef(a) {\n var b = th();\n a = {\n current: a\n };\n return b.memoizedState = a;\n },\n useState: yh,\n useDebugValue: Jh,\n useResponder: ih,\n useDeferredValue: function useDeferredValue(a, b) {\n var c = yh(a),\n d = c[0],\n e = c[1];\n Eh(function () {\n var c = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n e(a);\n } finally {\n kh.suspense = c;\n }\n }, [a, b]);\n return d;\n },\n useTransition: function useTransition(a) {\n var b = yh(!1),\n c = b[0];\n b = b[1];\n return [Kh(Nh.bind(null, b, a), [b, a]), c];\n }\n},\n qh = {\n readContext: sg,\n useCallback: Lh,\n useContext: sg,\n useEffect: Fh,\n useImperativeHandle: Ih,\n useLayoutEffect: Gh,\n useMemo: Mh,\n useReducer: wh,\n useRef: Bh,\n useState: function useState() {\n return wh(vh);\n },\n useDebugValue: Jh,\n useResponder: ih,\n useDeferredValue: function useDeferredValue(a, b) {\n var c = wh(vh),\n d = c[0],\n e = c[1];\n Fh(function () {\n var c = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n e(a);\n } finally {\n kh.suspense = c;\n }\n }, [a, b]);\n return d;\n },\n useTransition: function useTransition(a) {\n var b = wh(vh),\n c = b[0];\n b = b[1];\n return [Lh(Nh.bind(null, b, a), [b, a]), c];\n }\n},\n rh = {\n readContext: sg,\n useCallback: Lh,\n useContext: sg,\n useEffect: Fh,\n useImperativeHandle: Ih,\n useLayoutEffect: Gh,\n useMemo: Mh,\n useReducer: xh,\n useRef: Bh,\n useState: function useState() {\n return xh(vh);\n },\n useDebugValue: Jh,\n useResponder: ih,\n useDeferredValue: function useDeferredValue(a, b) {\n var c = xh(vh),\n d = c[0],\n e = c[1];\n Fh(function () {\n var c = kh.suspense;\n kh.suspense = void 0 === b ? null : b;\n\n try {\n e(a);\n } finally {\n kh.suspense = c;\n }\n }, [a, b]);\n return d;\n },\n useTransition: function useTransition(a) {\n var b = xh(vh),\n c = b[0];\n b = b[1];\n return [Lh(Nh.bind(null, b, a), [b, a]), c];\n }\n},\n Oh = null,\n Ph = null,\n Qh = !1;\n\nfunction Rh(a, b) {\n var c = Sh(5, null, null, 0);\n c.elementType = \"DELETED\";\n c.type = \"DELETED\";\n c.stateNode = b;\n c.return = a;\n c.effectTag = 8;\n null !== a.lastEffect ? (a.lastEffect.nextEffect = c, a.lastEffect = c) : a.firstEffect = a.lastEffect = c;\n}\n\nfunction Th(a, b) {\n switch (a.tag) {\n case 5:\n var c = a.type;\n b = 1 !== b.nodeType || c.toLowerCase() !== b.nodeName.toLowerCase() ? null : b;\n return null !== b ? (a.stateNode = b, !0) : !1;\n\n case 6:\n return b = \"\" === a.pendingProps || 3 !== b.nodeType ? null : b, null !== b ? (a.stateNode = b, !0) : !1;\n\n case 13:\n return !1;\n\n default:\n return !1;\n }\n}\n\nfunction Uh(a) {\n if (Qh) {\n var b = Ph;\n\n if (b) {\n var c = b;\n\n if (!Th(a, b)) {\n b = Jd(c.nextSibling);\n\n if (!b || !Th(a, b)) {\n a.effectTag = a.effectTag & -1025 | 2;\n Qh = !1;\n Oh = a;\n return;\n }\n\n Rh(Oh, c);\n }\n\n Oh = a;\n Ph = Jd(b.firstChild);\n } else a.effectTag = a.effectTag & -1025 | 2, Qh = !1, Oh = a;\n }\n}\n\nfunction Vh(a) {\n for (a = a.return; null !== a && 5 !== a.tag && 3 !== a.tag && 13 !== a.tag;) {\n a = a.return;\n }\n\n Oh = a;\n}\n\nfunction Wh(a) {\n if (a !== Oh) return !1;\n if (!Qh) return Vh(a), Qh = !0, !1;\n var b = a.type;\n if (5 !== a.tag || \"head\" !== b && \"body\" !== b && !Gd(b, a.memoizedProps)) for (b = Ph; b;) {\n Rh(a, b), b = Jd(b.nextSibling);\n }\n Vh(a);\n\n if (13 === a.tag) {\n a = a.memoizedState;\n a = null !== a ? a.dehydrated : null;\n if (!a) throw Error(u(317));\n\n a: {\n a = a.nextSibling;\n\n for (b = 0; a;) {\n if (8 === a.nodeType) {\n var c = a.data;\n\n if (c === Ad) {\n if (0 === b) {\n Ph = Jd(a.nextSibling);\n break a;\n }\n\n b--;\n } else c !== zd && c !== Cd && c !== Bd || b++;\n }\n\n a = a.nextSibling;\n }\n\n Ph = null;\n }\n } else Ph = Oh ? Jd(a.stateNode.nextSibling) : null;\n\n return !0;\n}\n\nfunction Xh() {\n Ph = Oh = null;\n Qh = !1;\n}\n\nvar Yh = Wa.ReactCurrentOwner,\n rg = !1;\n\nfunction R(a, b, c, d) {\n b.child = null === a ? Yg(b, null, c, d) : Xg(b, a.child, c, d);\n}\n\nfunction Zh(a, b, c, d, e) {\n c = c.render;\n var f = b.ref;\n qg(b, e);\n d = oh(a, b, c, d, f, e);\n if (null !== a && !rg) return b.updateQueue = a.updateQueue, b.effectTag &= -517, a.expirationTime <= e && (a.expirationTime = 0), $h(a, b, e);\n b.effectTag |= 1;\n R(a, b, d, e);\n return b.child;\n}\n\nfunction ai(a, b, c, d, e, f) {\n if (null === a) {\n var g = c.type;\n if (\"function\" === typeof g && !bi(g) && void 0 === g.defaultProps && null === c.compare && void 0 === c.defaultProps) return b.tag = 15, b.type = g, ci(a, b, g, d, e, f);\n a = Ug(c.type, null, d, null, b.mode, f);\n a.ref = b.ref;\n a.return = b;\n return b.child = a;\n }\n\n g = a.child;\n if (e < f && (e = g.memoizedProps, c = c.compare, c = null !== c ? c : bf, c(e, d) && a.ref === b.ref)) return $h(a, b, f);\n b.effectTag |= 1;\n a = Sg(g, d);\n a.ref = b.ref;\n a.return = b;\n return b.child = a;\n}\n\nfunction ci(a, b, c, d, e, f) {\n return null !== a && bf(a.memoizedProps, d) && a.ref === b.ref && (rg = !1, e < f) ? (b.expirationTime = a.expirationTime, $h(a, b, f)) : di(a, b, c, d, f);\n}\n\nfunction ei(a, b) {\n var c = b.ref;\n if (null === a && null !== c || null !== a && a.ref !== c) b.effectTag |= 128;\n}\n\nfunction di(a, b, c, d, e) {\n var f = L(c) ? Bf : J.current;\n f = Cf(b, f);\n qg(b, e);\n c = oh(a, b, c, d, f, e);\n if (null !== a && !rg) return b.updateQueue = a.updateQueue, b.effectTag &= -517, a.expirationTime <= e && (a.expirationTime = 0), $h(a, b, e);\n b.effectTag |= 1;\n R(a, b, c, e);\n return b.child;\n}\n\nfunction fi(a, b, c, d, e) {\n if (L(c)) {\n var f = !0;\n Gf(b);\n } else f = !1;\n\n qg(b, e);\n if (null === b.stateNode) null !== a && (a.alternate = null, b.alternate = null, b.effectTag |= 2), Lg(b, c, d), Ng(b, c, d, e), d = !0;else if (null === a) {\n var g = b.stateNode,\n h = b.memoizedProps;\n g.props = h;\n var k = g.context,\n l = c.contextType;\n \"object\" === typeof l && null !== l ? l = sg(l) : (l = L(c) ? Bf : J.current, l = Cf(b, l));\n var m = c.getDerivedStateFromProps,\n p = \"function\" === typeof m || \"function\" === typeof g.getSnapshotBeforeUpdate;\n p || \"function\" !== typeof g.UNSAFE_componentWillReceiveProps && \"function\" !== typeof g.componentWillReceiveProps || (h !== d || k !== l) && Mg(b, g, d, l);\n tg = !1;\n var x = b.memoizedState;\n g.state = x;\n zg(b, d, g, e);\n k = b.memoizedState;\n h !== d || x !== k || K.current || tg ? (\"function\" === typeof m && (Fg(b, c, m, d), k = b.memoizedState), (h = tg || Kg(b, c, h, d, x, k, l)) ? (p || \"function\" !== typeof g.UNSAFE_componentWillMount && \"function\" !== typeof g.componentWillMount || (\"function\" === typeof g.componentWillMount && g.componentWillMount(), \"function\" === typeof g.UNSAFE_componentWillMount && g.UNSAFE_componentWillMount()), \"function\" === typeof g.componentDidMount && (b.effectTag |= 4)) : (\"function\" === typeof g.componentDidMount && (b.effectTag |= 4), b.memoizedProps = d, b.memoizedState = k), g.props = d, g.state = k, g.context = l, d = h) : (\"function\" === typeof g.componentDidMount && (b.effectTag |= 4), d = !1);\n } else g = b.stateNode, vg(a, b), h = b.memoizedProps, g.props = b.type === b.elementType ? h : ig(b.type, h), k = g.context, l = c.contextType, \"object\" === typeof l && null !== l ? l = sg(l) : (l = L(c) ? Bf : J.current, l = Cf(b, l)), m = c.getDerivedStateFromProps, (p = \"function\" === typeof m || \"function\" === typeof g.getSnapshotBeforeUpdate) || \"function\" !== typeof g.UNSAFE_componentWillReceiveProps && \"function\" !== typeof g.componentWillReceiveProps || (h !== d || k !== l) && Mg(b, g, d, l), tg = !1, k = b.memoizedState, g.state = k, zg(b, d, g, e), x = b.memoizedState, h !== d || k !== x || K.current || tg ? (\"function\" === typeof m && (Fg(b, c, m, d), x = b.memoizedState), (m = tg || Kg(b, c, h, d, k, x, l)) ? (p || \"function\" !== typeof g.UNSAFE_componentWillUpdate && \"function\" !== typeof g.componentWillUpdate || (\"function\" === typeof g.componentWillUpdate && g.componentWillUpdate(d, x, l), \"function\" === typeof g.UNSAFE_componentWillUpdate && g.UNSAFE_componentWillUpdate(d, x, l)), \"function\" === typeof g.componentDidUpdate && (b.effectTag |= 4), \"function\" === typeof g.getSnapshotBeforeUpdate && (b.effectTag |= 256)) : (\"function\" !== typeof g.componentDidUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 4), \"function\" !== typeof g.getSnapshotBeforeUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 256), b.memoizedProps = d, b.memoizedState = x), g.props = d, g.state = x, g.context = l, d = m) : (\"function\" !== typeof g.componentDidUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 4), \"function\" !== typeof g.getSnapshotBeforeUpdate || h === a.memoizedProps && k === a.memoizedState || (b.effectTag |= 256), d = !1);\n return gi(a, b, c, d, f, e);\n}\n\nfunction gi(a, b, c, d, e, f) {\n ei(a, b);\n var g = 0 !== (b.effectTag & 64);\n if (!d && !g) return e && Hf(b, c, !1), $h(a, b, f);\n d = b.stateNode;\n Yh.current = b;\n var h = g && \"function\" !== typeof c.getDerivedStateFromError ? null : d.render();\n b.effectTag |= 1;\n null !== a && g ? (b.child = Xg(b, a.child, null, f), b.child = Xg(b, null, h, f)) : R(a, b, h, f);\n b.memoizedState = d.state;\n e && Hf(b, c, !0);\n return b.child;\n}\n\nfunction hi(a) {\n var b = a.stateNode;\n b.pendingContext ? Ef(a, b.pendingContext, b.pendingContext !== b.context) : b.context && Ef(a, b.context, !1);\n dh(a, b.containerInfo);\n}\n\nvar ii = {\n dehydrated: null,\n retryTime: 0\n};\n\nfunction ji(a, b, c) {\n var d = b.mode,\n e = b.pendingProps,\n f = M.current,\n g = !1,\n h;\n (h = 0 !== (b.effectTag & 64)) || (h = 0 !== (f & 2) && (null === a || null !== a.memoizedState));\n h ? (g = !0, b.effectTag &= -65) : null !== a && null === a.memoizedState || void 0 === e.fallback || !0 === e.unstable_avoidThisFallback || (f |= 1);\n I(M, f & 1);\n\n if (null === a) {\n void 0 !== e.fallback && Uh(b);\n\n if (g) {\n g = e.fallback;\n e = Wg(null, d, 0, null);\n e.return = b;\n if (0 === (b.mode & 2)) for (a = null !== b.memoizedState ? b.child.child : b.child, e.child = a; null !== a;) {\n a.return = e, a = a.sibling;\n }\n c = Wg(g, d, c, null);\n c.return = b;\n e.sibling = c;\n b.memoizedState = ii;\n b.child = e;\n return c;\n }\n\n d = e.children;\n b.memoizedState = null;\n return b.child = Yg(b, null, d, c);\n }\n\n if (null !== a.memoizedState) {\n a = a.child;\n d = a.sibling;\n\n if (g) {\n e = e.fallback;\n c = Sg(a, a.pendingProps);\n c.return = b;\n if (0 === (b.mode & 2) && (g = null !== b.memoizedState ? b.child.child : b.child, g !== a.child)) for (c.child = g; null !== g;) {\n g.return = c, g = g.sibling;\n }\n d = Sg(d, e);\n d.return = b;\n c.sibling = d;\n c.childExpirationTime = 0;\n b.memoizedState = ii;\n b.child = c;\n return d;\n }\n\n c = Xg(b, a.child, e.children, c);\n b.memoizedState = null;\n return b.child = c;\n }\n\n a = a.child;\n\n if (g) {\n g = e.fallback;\n e = Wg(null, d, 0, null);\n e.return = b;\n e.child = a;\n null !== a && (a.return = e);\n if (0 === (b.mode & 2)) for (a = null !== b.memoizedState ? b.child.child : b.child, e.child = a; null !== a;) {\n a.return = e, a = a.sibling;\n }\n c = Wg(g, d, c, null);\n c.return = b;\n e.sibling = c;\n c.effectTag |= 2;\n e.childExpirationTime = 0;\n b.memoizedState = ii;\n b.child = e;\n return c;\n }\n\n b.memoizedState = null;\n return b.child = Xg(b, a, e.children, c);\n}\n\nfunction ki(a, b) {\n a.expirationTime < b && (a.expirationTime = b);\n var c = a.alternate;\n null !== c && c.expirationTime < b && (c.expirationTime = b);\n pg(a.return, b);\n}\n\nfunction li(a, b, c, d, e, f) {\n var g = a.memoizedState;\n null === g ? a.memoizedState = {\n isBackwards: b,\n rendering: null,\n renderingStartTime: 0,\n last: d,\n tail: c,\n tailExpiration: 0,\n tailMode: e,\n lastEffect: f\n } : (g.isBackwards = b, g.rendering = null, g.renderingStartTime = 0, g.last = d, g.tail = c, g.tailExpiration = 0, g.tailMode = e, g.lastEffect = f);\n}\n\nfunction mi(a, b, c) {\n var d = b.pendingProps,\n e = d.revealOrder,\n f = d.tail;\n R(a, b, d.children, c);\n d = M.current;\n if (0 !== (d & 2)) d = d & 1 | 2, b.effectTag |= 64;else {\n if (null !== a && 0 !== (a.effectTag & 64)) a: for (a = b.child; null !== a;) {\n if (13 === a.tag) null !== a.memoizedState && ki(a, c);else if (19 === a.tag) ki(a, c);else if (null !== a.child) {\n a.child.return = a;\n a = a.child;\n continue;\n }\n if (a === b) break a;\n\n for (; null === a.sibling;) {\n if (null === a.return || a.return === b) break a;\n a = a.return;\n }\n\n a.sibling.return = a.return;\n a = a.sibling;\n }\n d &= 1;\n }\n I(M, d);\n if (0 === (b.mode & 2)) b.memoizedState = null;else switch (e) {\n case \"forwards\":\n c = b.child;\n\n for (e = null; null !== c;) {\n a = c.alternate, null !== a && null === hh(a) && (e = c), c = c.sibling;\n }\n\n c = e;\n null === c ? (e = b.child, b.child = null) : (e = c.sibling, c.sibling = null);\n li(b, !1, e, c, f, b.lastEffect);\n break;\n\n case \"backwards\":\n c = null;\n e = b.child;\n\n for (b.child = null; null !== e;) {\n a = e.alternate;\n\n if (null !== a && null === hh(a)) {\n b.child = e;\n break;\n }\n\n a = e.sibling;\n e.sibling = c;\n c = e;\n e = a;\n }\n\n li(b, !0, c, null, f, b.lastEffect);\n break;\n\n case \"together\":\n li(b, !1, null, null, void 0, b.lastEffect);\n break;\n\n default:\n b.memoizedState = null;\n }\n return b.child;\n}\n\nfunction $h(a, b, c) {\n null !== a && (b.dependencies = a.dependencies);\n var d = b.expirationTime;\n 0 !== d && Bg(d);\n if (b.childExpirationTime < c) return null;\n if (null !== a && b.child !== a.child) throw Error(u(153));\n\n if (null !== b.child) {\n a = b.child;\n c = Sg(a, a.pendingProps);\n b.child = c;\n\n for (c.return = b; null !== a.sibling;) {\n a = a.sibling, c = c.sibling = Sg(a, a.pendingProps), c.return = b;\n }\n\n c.sibling = null;\n }\n\n return b.child;\n}\n\nvar ni, oi, pi, qi;\n\nni = function ni(a, b) {\n for (var c = b.child; null !== c;) {\n if (5 === c.tag || 6 === c.tag) a.appendChild(c.stateNode);else if (4 !== c.tag && null !== c.child) {\n c.child.return = c;\n c = c.child;\n continue;\n }\n if (c === b) break;\n\n for (; null === c.sibling;) {\n if (null === c.return || c.return === b) return;\n c = c.return;\n }\n\n c.sibling.return = c.return;\n c = c.sibling;\n }\n};\n\noi = function oi() {};\n\npi = function pi(a, b, c, d, e) {\n var f = a.memoizedProps;\n\n if (f !== d) {\n var g = b.stateNode;\n ch($g.current);\n a = null;\n\n switch (c) {\n case \"input\":\n f = zb(g, f);\n d = zb(g, d);\n a = [];\n break;\n\n case \"option\":\n f = Gb(g, f);\n d = Gb(g, d);\n a = [];\n break;\n\n case \"select\":\n f = n({}, f, {\n value: void 0\n });\n d = n({}, d, {\n value: void 0\n });\n a = [];\n break;\n\n case \"textarea\":\n f = Ib(g, f);\n d = Ib(g, d);\n a = [];\n break;\n\n default:\n \"function\" !== typeof f.onClick && \"function\" === typeof d.onClick && (g.onclick = sd);\n }\n\n od(c, d);\n var h, k;\n c = null;\n\n for (h in f) {\n if (!d.hasOwnProperty(h) && f.hasOwnProperty(h) && null != f[h]) if (\"style\" === h) for (k in g = f[h], g) {\n g.hasOwnProperty(k) && (c || (c = {}), c[k] = \"\");\n } else \"dangerouslySetInnerHTML\" !== h && \"children\" !== h && \"suppressContentEditableWarning\" !== h && \"suppressHydrationWarning\" !== h && \"autoFocus\" !== h && (va.hasOwnProperty(h) ? a || (a = []) : (a = a || []).push(h, null));\n }\n\n for (h in d) {\n var l = d[h];\n g = null != f ? f[h] : void 0;\n if (d.hasOwnProperty(h) && l !== g && (null != l || null != g)) if (\"style\" === h) {\n if (g) {\n for (k in g) {\n !g.hasOwnProperty(k) || l && l.hasOwnProperty(k) || (c || (c = {}), c[k] = \"\");\n }\n\n for (k in l) {\n l.hasOwnProperty(k) && g[k] !== l[k] && (c || (c = {}), c[k] = l[k]);\n }\n } else c || (a || (a = []), a.push(h, c)), c = l;\n } else \"dangerouslySetInnerHTML\" === h ? (l = l ? l.__html : void 0, g = g ? g.__html : void 0, null != l && g !== l && (a = a || []).push(h, l)) : \"children\" === h ? g === l || \"string\" !== typeof l && \"number\" !== typeof l || (a = a || []).push(h, \"\" + l) : \"suppressContentEditableWarning\" !== h && \"suppressHydrationWarning\" !== h && (va.hasOwnProperty(h) ? (null != l && rd(e, h), a || g === l || (a = [])) : (a = a || []).push(h, l));\n }\n\n c && (a = a || []).push(\"style\", c);\n e = a;\n if (b.updateQueue = e) b.effectTag |= 4;\n }\n};\n\nqi = function qi(a, b, c, d) {\n c !== d && (b.effectTag |= 4);\n};\n\nfunction ri(a, b) {\n switch (a.tailMode) {\n case \"hidden\":\n b = a.tail;\n\n for (var c = null; null !== b;) {\n null !== b.alternate && (c = b), b = b.sibling;\n }\n\n null === c ? a.tail = null : c.sibling = null;\n break;\n\n case \"collapsed\":\n c = a.tail;\n\n for (var d = null; null !== c;) {\n null !== c.alternate && (d = c), c = c.sibling;\n }\n\n null === d ? b || null === a.tail ? a.tail = null : a.tail.sibling = null : d.sibling = null;\n }\n}\n\nfunction si(a, b, c) {\n var d = b.pendingProps;\n\n switch (b.tag) {\n case 2:\n case 16:\n case 15:\n case 0:\n case 11:\n case 7:\n case 8:\n case 12:\n case 9:\n case 14:\n return null;\n\n case 1:\n return L(b.type) && Df(), null;\n\n case 3:\n return eh(), H(K), H(J), c = b.stateNode, c.pendingContext && (c.context = c.pendingContext, c.pendingContext = null), null !== a && null !== a.child || !Wh(b) || (b.effectTag |= 4), oi(b), null;\n\n case 5:\n gh(b);\n c = ch(bh.current);\n var e = b.type;\n if (null !== a && null != b.stateNode) pi(a, b, e, d, c), a.ref !== b.ref && (b.effectTag |= 128);else {\n if (!d) {\n if (null === b.stateNode) throw Error(u(166));\n return null;\n }\n\n a = ch($g.current);\n\n if (Wh(b)) {\n d = b.stateNode;\n e = b.type;\n var f = b.memoizedProps;\n d[Md] = b;\n d[Nd] = f;\n\n switch (e) {\n case \"iframe\":\n case \"object\":\n case \"embed\":\n F(\"load\", d);\n break;\n\n case \"video\":\n case \"audio\":\n for (a = 0; a < ac.length; a++) {\n F(ac[a], d);\n }\n\n break;\n\n case \"source\":\n F(\"error\", d);\n break;\n\n case \"img\":\n case \"image\":\n case \"link\":\n F(\"error\", d);\n F(\"load\", d);\n break;\n\n case \"form\":\n F(\"reset\", d);\n F(\"submit\", d);\n break;\n\n case \"details\":\n F(\"toggle\", d);\n break;\n\n case \"input\":\n Ab(d, f);\n F(\"invalid\", d);\n rd(c, \"onChange\");\n break;\n\n case \"select\":\n d._wrapperState = {\n wasMultiple: !!f.multiple\n };\n F(\"invalid\", d);\n rd(c, \"onChange\");\n break;\n\n case \"textarea\":\n Jb(d, f), F(\"invalid\", d), rd(c, \"onChange\");\n }\n\n od(e, f);\n a = null;\n\n for (var g in f) {\n if (f.hasOwnProperty(g)) {\n var h = f[g];\n \"children\" === g ? \"string\" === typeof h ? d.textContent !== h && (a = [\"children\", h]) : \"number\" === typeof h && d.textContent !== \"\" + h && (a = [\"children\", \"\" + h]) : va.hasOwnProperty(g) && null != h && rd(c, g);\n }\n }\n\n switch (e) {\n case \"input\":\n xb(d);\n Eb(d, f, !0);\n break;\n\n case \"textarea\":\n xb(d);\n Lb(d);\n break;\n\n case \"select\":\n case \"option\":\n break;\n\n default:\n \"function\" === typeof f.onClick && (d.onclick = sd);\n }\n\n c = a;\n b.updateQueue = c;\n null !== c && (b.effectTag |= 4);\n } else {\n g = 9 === c.nodeType ? c : c.ownerDocument;\n a === qd && (a = Nb(e));\n a === qd ? \"script\" === e ? (a = g.createElement(\"div\"), a.innerHTML = \"
\r\n
\r\n )}\r\n {`Header inside viewport ${inView}.`}
\r\nPlain children are always rendered. Use onChange to monitor state.
\r\n\r\n *
\r\n * );\r\n * };\r\n * ```\r\n */\n\nfunction useInView(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n threshold = _ref.threshold,\n delay = _ref.delay,\n trackVisibility = _ref.trackVisibility,\n rootMargin = _ref.rootMargin,\n root = _ref.root,\n triggerOnce = _ref.triggerOnce,\n skip = _ref.skip,\n initialInView = _ref.initialInView;\n\n var unobserve = useRef();\n\n var _React$useState = useState({\n inView: !!initialInView\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var setRef = useCallback(function (node) {\n if (unobserve.current !== undefined) {\n unobserve.current();\n unobserve.current = undefined;\n } // Skip creating the observer\n\n\n if (skip) return;\n\n if (node) {\n unobserve.current = observe(node, function (inView, entry) {\n setState({\n inView: inView,\n entry: entry\n });\n\n if (entry.isIntersecting && triggerOnce && unobserve.current) {\n // If it should only trigger once, unobserve the element after it's inView\n unobserve.current();\n unobserve.current = undefined;\n }\n }, {\n root: root,\n rootMargin: rootMargin,\n threshold: threshold,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n }\n }, // We break the rule here, because we aren't including the actual `threshold` variable\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [// If the threshold is an array, convert it to a string so it won't change between renders.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n /* eslint-disable-next-line */\n\n useEffect(function () {\n if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n setState({\n inView: !!initialInView\n });\n }\n });\n var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n return result;\n}\n\nexport default InView;\nexport { InView, observe, useInView };","var defaultFunctionName = '{`Header inside viewport ${inView}.`}
\r\n *\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\n\n\nfunction update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n var data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {}\n }; // compute reference element offsets\n\n data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed); // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n\n data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding); // store the computed placement inside `originalPlacement`\n\n data.originalPlacement = data.placement;\n data.positionFixed = this.options.positionFixed; // compute the popper offsets\n\n data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);\n data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute'; // run the modifiers\n\n data = runModifiers(this.modifiers, data); // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\n\n\nfunction isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(function (_ref) {\n var name = _ref.name,\n enabled = _ref.enabled;\n return enabled && name === modifierName;\n });\n}\n/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\n\n\nfunction getSupportedPropertyName(property) {\n var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n var upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (var i = 0; i < prefixes.length; i++) {\n var prefix = prefixes[i];\n var toCheck = prefix ? '' + prefix + upperProp : property;\n\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n\n return null;\n}\n/**\n * Destroys the popper.\n * @method\n * @memberof Popper\n */\n\n\nfunction destroy() {\n this.state.isDestroyed = true; // touch DOM only if `applyStyle` modifier is enabled\n\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style.left = '';\n this.popper.style.right = '';\n this.popper.style.bottom = '';\n this.popper.style.willChange = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners(); // remove the popper if user explicitly asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n\n return this;\n}\n/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\n\n\nfunction getWindow(element) {\n var ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n var isBody = scrollParent.nodeName === 'BODY';\n var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, {\n passive: true\n });\n\n if (!isBody) {\n attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);\n }\n\n scrollParents.push(target);\n}\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\n\n\nfunction setupEventListeners(reference, options, state, updateBound) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, {\n passive: true\n }); // Scroll event listener on scroll parents\n\n var scrollElement = getScrollParent(reference);\n attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n return state;\n}\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\n\n\nfunction enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);\n }\n}\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\n\n\nfunction removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound); // Remove scroll event listener on scroll parents\n\n state.scrollParents.forEach(function (target) {\n target.removeEventListener('scroll', state.updateBound);\n }); // Reset state\n\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger `onUpdate` callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\n\n\nfunction disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\n\n\nfunction isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\n\n\nfunction setStyles(element, styles) {\n Object.keys(styles).forEach(function (prop) {\n var unit = ''; // add unit if the value is numeric and is one of the following\n\n if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {\n unit = 'px';\n }\n\n element.style[prop] = styles[prop] + unit;\n });\n}\n/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\n\n\nfunction setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function (prop) {\n var value = attributes[prop];\n\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\n\n\nfunction applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles); // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n\n setAttributes(data.instance.popper, data.attributes); // if arrowElement is defined and arrowStyles has some properties\n\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper\n * @param {Object} options - Popper.js options\n */\n\n\nfunction applyStyleOnLoad(reference, popper, options, modifierOptions, state) {\n // compute reference element offsets\n var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed); // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n\n var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);\n popper.setAttribute('x-placement', placement); // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n\n setStyles(popper, {\n position: options.positionFixed ? 'fixed' : 'absolute'\n });\n return options;\n}\n/**\n * @function\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Boolean} shouldRound - If the offsets should be rounded at all\n * @returns {Object} The popper's position offsets rounded\n *\n * The tale of pixel-perfect positioning. It's still not 100% perfect, but as\n * good as it can be within reason.\n * Discussion here: https://github.com/FezVrasta/popper.js/pull/715\n *\n * Low DPI screens cause a popper to be blurry if not using full pixels (Safari\n * as well on High DPI screens).\n *\n * Firefox prefers no rounding for positioning and does not have blurriness on\n * high DPI screens.\n *\n * Only horizontal placement and left/right values need to be considered.\n */\n\n\nfunction getRoundedOffsets(data, shouldRound) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var round = Math.round,\n floor = Math.floor;\n\n var noRound = function noRound(v) {\n return v;\n };\n\n var referenceWidth = round(reference.width);\n var popperWidth = round(popper.width);\n var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;\n var isVariation = data.placement.indexOf('-') !== -1;\n var sameWidthParity = referenceWidth % 2 === popperWidth % 2;\n var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;\n var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;\n var verticalToInteger = !shouldRound ? noRound : round;\n return {\n left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),\n top: verticalToInteger(popper.top),\n bottom: verticalToInteger(popper.bottom),\n right: horizontalToInteger(popper.right)\n };\n}\n\nvar isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\nfunction computeStyle(data, options) {\n var x = options.x,\n y = options.y;\n var popper = data.offsets.popper; // Remove this legacy support in Popper.js v2\n\n var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'applyStyle';\n }).gpuAcceleration;\n\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');\n }\n\n var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;\n var offsetParent = getOffsetParent(data.instance.popper);\n var offsetParentRect = getBoundingClientRect(offsetParent); // Styles\n\n var styles = {\n position: popper.position\n };\n var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);\n var sideA = x === 'bottom' ? 'top' : 'bottom';\n var sideB = y === 'right' ? 'left' : 'right'; // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n\n var prefixedProperty = getSupportedPropertyName('transform'); // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n\n var left = void 0,\n top = void 0;\n\n if (sideA === 'bottom') {\n // when offsetParent is the positioning is relative to the bottom of the screen (excluding the scrollbar)\n // and not the bottom of the html element\n if (offsetParent.nodeName === 'HTML') {\n top = -offsetParent.clientHeight + offsets.bottom;\n } else {\n top = -offsetParentRect.height + offsets.bottom;\n }\n } else {\n top = offsets.top;\n }\n\n if (sideB === 'right') {\n if (offsetParent.nodeName === 'HTML') {\n left = -offsetParent.clientWidth + offsets.right;\n } else {\n left = -offsetParentRect.width + offsets.right;\n }\n } else {\n left = offsets.left;\n }\n\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n var invertTop = sideA === 'bottom' ? -1 : 1;\n var invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = sideA + ', ' + sideB;\n } // Attributes\n\n\n var attributes = {\n 'x-placement': data.placement\n }; // Update `data` attributes, styles and arrowStyles\n\n data.attributes = _extends({}, attributes, data.attributes);\n data.styles = _extends({}, styles, data.styles);\n data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);\n return data;\n}\n/**\n * Helper used to know if the given modifier depends from another one.
\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\n\n\nfunction isModifierRequired(modifiers, requestingName, requestedName) {\n var requesting = find(modifiers, function (_ref) {\n var name = _ref.name;\n return name === requestingName;\n });\n var isRequired = !!requesting && modifiers.some(function (modifier) {\n return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;\n });\n\n if (!isRequired) {\n var _requesting = '`' + requestingName + '`';\n\n var requested = '`' + requestedName + '`';\n console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');\n }\n\n return isRequired;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction arrow(data, options) {\n var _data$offsets$arrow; // arrow depends on keepTogether in order to work\n\n\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n var arrowElement = options.element; // if arrowElement is a string, suppose it's a CSS selector\n\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement); // if arrowElement is not found, don't run the modifier\n\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn('WARNING: `arrow.element` must be child of its popper element!');\n return data;\n }\n }\n\n var placement = data.placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var isVertical = ['left', 'right'].indexOf(placement) !== -1;\n var len = isVertical ? 'height' : 'width';\n var sideCapitalized = isVertical ? 'Top' : 'Left';\n var side = sideCapitalized.toLowerCase();\n var altSide = isVertical ? 'left' : 'top';\n var opSide = isVertical ? 'bottom' : 'right';\n var arrowElementSize = getOuterSizes(arrowElement)[len]; //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjunction\n //\n // top/left side\n\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);\n } // bottom/right side\n\n\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];\n }\n\n data.offsets.popper = getClientRect(data.offsets.popper); // compute center of the popper\n\n var center = reference[side] + reference[len] / 2 - arrowElementSize / 2; // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n\n var css = getStyleComputedProperty(data.instance.popper);\n var popperMarginSide = parseFloat(css['margin' + sideCapitalized]);\n var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width']);\n var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide; // prevent arrowElement from being placed not contiguously to its popper\n\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n data.arrowElement = arrowElement;\n data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);\n return data;\n}\n/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\n\n\nfunction getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n\n return variation;\n}\n/**\n * List of accepted placements to use as values of the `placement` option.
\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.
\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-end` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\n\n\nvar placements = ['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']; // Get rid of `auto` `auto-start` and `auto-end`\n\nvar validPlacements = placements.slice(3);\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\n\nfunction clockwise(placement) {\n var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var index = validPlacements.indexOf(placement);\n var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n\nvar BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise'\n};\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\nfunction flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);\n var placement = data.placement.split('-')[0];\n var placementOpposite = getOppositePlacement(placement);\n var variation = data.placement.split('-')[1] || '';\n var flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach(function (step, index) {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n var popperOffsets = data.offsets.popper;\n var refOffsets = data.offsets.reference; // using floor because the reference offsets may contain decimals we are not going to consider here\n\n var floor = Math.floor;\n var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);\n var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);\n var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom; // flip the variation if required\n\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1; // flips variation if reference element overflows boundaries\n\n var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom); // flips variation if popper content overflows boundaries\n\n var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);\n var flippedVariation = flippedVariationByRef || flippedVariationByContent;\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : ''); // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n\n data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction keepTogether(data) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var placement = data.placement.split('-')[0];\n var floor = Math.floor;\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n var side = isVertical ? 'right' : 'bottom';\n var opSide = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];\n }\n\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\n\n\nfunction toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n var split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n var value = +split[1];\n var unit = split[2]; // If it's not a number it's an operator, I guess\n\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n var element = void 0;\n\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n var rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n var size = void 0;\n\n if (unit === 'vh') {\n size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n } else {\n size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n }\n\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\n\n\nfunction parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {\n var offsets = [0, 0]; // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n\n var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1; // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n\n var fragments = offset.split(/(\\+|\\-)/).map(function (frag) {\n return frag.trim();\n }); // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n\n var divider = fragments.indexOf(find(fragments, function (frag) {\n return frag.search(/,|\\s/) !== -1;\n }));\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');\n } // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n\n\n var splitRegex = /\\s*,\\s*|\\s+/;\n var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments]; // Convert the values with units to absolute pixels to allow our computations\n\n ops = ops.map(function (op, index) {\n // Most of the units rely on the orientation of the popper\n var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';\n var mergeWithPrevious = false;\n return op // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce(function (a, b) {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, []) // Here we convert the string values into number values (in px)\n .map(function (str) {\n return toValue(str, measurement, popperOffsets, referenceOffsets);\n });\n }); // Loop trough the offsets arrays and execute the operations\n\n ops.forEach(function (op, index) {\n op.forEach(function (frag, index2) {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction offset(data, _ref) {\n var offset = _ref.offset;\n var placement = data.placement,\n _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var basePlacement = placement.split('-')[0];\n var offsets = void 0;\n\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction preventOverflow(data, options) {\n var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper); // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n } // NOTE: DOM access here\n // resets the popper's position so that the document size can be calculated excluding\n // the size of the popper element itself\n\n\n var transformProp = getSupportedPropertyName('transform');\n var popperStyles = data.instance.popper.style; // assignment to help minification\n\n var top = popperStyles.top,\n left = popperStyles.left,\n transform = popperStyles[transformProp];\n popperStyles.top = '';\n popperStyles.left = '';\n popperStyles[transformProp] = '';\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed); // NOTE: DOM access here\n // restores the original style properties after the offsets have been computed\n\n popperStyles.top = top;\n popperStyles.left = left;\n popperStyles[transformProp] = transform;\n options.boundaries = boundaries;\n var order = options.priority;\n var popper = data.offsets.popper;\n var check = {\n primary: function primary(placement) {\n var value = popper[placement];\n\n if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n\n return defineProperty({}, placement, value);\n },\n secondary: function secondary(placement) {\n var mainSide = placement === 'right' ? 'left' : 'top';\n var value = popper[mainSide];\n\n if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {\n value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));\n }\n\n return defineProperty({}, mainSide, value);\n }\n };\n order.forEach(function (placement) {\n var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = _extends({}, popper, check[side](placement));\n });\n data.offsets.popper = popper;\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction shift(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var shiftvariation = placement.split('-')[1]; // if shift shiftvariation is specified, run the modifier\n\n if (shiftvariation) {\n var _data$offsets = data.offsets,\n reference = _data$offsets.reference,\n popper = _data$offsets.popper;\n var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n var side = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n var shiftOffsets = {\n start: defineProperty({}, side, reference[side]),\n end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])\n };\n data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);\n }\n\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n var refRect = data.offsets.reference;\n var bound = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'preventOverflow';\n }).boundaries;\n\n if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\n\n\nfunction inner(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n return data;\n}\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.
\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.
\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\n\n\nvar modifiers = {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.
\n * It will read the variation of the `placement` property.
\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: shift\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unit-less, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.
\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the `height`.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.
\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.
\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: offset,\n\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * A scenario exists where the reference itself is not within the boundaries.
\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".
\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper. This makes sure the popper always has a little padding\n * between the edges of its container\n */\n padding: 5,\n\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier. Can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent'\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near each other\n * without leaving any gap between the two. Especially useful when the arrow is\n * enabled and you want to ensure that it points to its reference element.\n * It cares only about the first axis. You can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: keepTogether\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjunction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: arrow,\n\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]'\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: flip,\n\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations)\n */\n behavior: 'flip',\n\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position.\n * The popper will never be placed outside of the defined boundaries\n * (except if `keepTogether` is enabled)\n */\n boundariesElement: 'viewport',\n\n /**\n * @prop {Boolean} flipVariations=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the reference element overlaps its boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariations: false,\n\n /**\n * @prop {Boolean} flipVariationsByContent=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the popper element overlaps its reference boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariationsByContent: false\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n\n /** @prop {ModifierFn} */\n fn: inner\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: hide\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: computeStyle,\n\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: true,\n\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right'\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define your own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n\n /** @prop {ModifierFn} */\n fn: applyStyle,\n\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: undefined\n }\n};\n/**\n * The `dataObject` is an object containing all the information used by Popper.js.\n * This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n\n/**\n * Default options provided to Popper.js constructor.
\n * These can be overridden using the `options` argument of Popper.js.
\n * To override an option, simply pass an object with the same\n * structure of the `options` object, as the 3rd argument. For example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\n\nvar Defaults = {\n /**\n * Popper's placement.\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Set this to true if you want popper to position it self in 'fixed' mode\n * @prop {Boolean} positionFixed=false\n */\n positionFixed: false,\n\n /**\n * Whether events (resize, scroll) are initially enabled.\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: function onCreate() {},\n\n /**\n * Callback called when the popper is updated. This callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: function onUpdate() {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js.\n * @prop {modifiers}\n */\n modifiers: modifiers\n};\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n// Utils\n// Methods\n\nvar Popper = function () {\n /**\n * Creates a new Popper.js instance.\n * @class Popper\n * @param {Element|referenceObject} reference - The reference element used to position the popper\n * @param {Element} popper - The HTML / XML element used as the popper\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n function Popper(reference, popper) {\n var _this = this;\n\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n classCallCheck(this, Popper);\n\n this.scheduleUpdate = function () {\n return requestAnimationFrame(_this.update);\n }; // make update() debounced, so that it only runs at most once-per-tick\n\n\n this.update = debounce(this.update.bind(this)); // with {} we create a new object with the options inside it\n\n this.options = _extends({}, Popper.Defaults, options); // init state\n\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: []\n }; // get reference and popper elements (allow jQuery wrappers)\n\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper; // Deep merge modifiers options\n\n this.options.modifiers = {};\n Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {\n _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});\n }); // Refactoring modifiers' list (Object => Array)\n\n this.modifiers = Object.keys(this.options.modifiers).map(function (name) {\n return _extends({\n name: name\n }, _this.options.modifiers[name]);\n }) // sort the modifiers by order\n .sort(function (a, b) {\n return a.order - b.order;\n }); // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n\n this.modifiers.forEach(function (modifierOptions) {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);\n }\n }); // fire the first update to position the popper in the right place\n\n this.update();\n var eventsEnabled = this.options.eventsEnabled;\n\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n } // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n\n\n createClass(Popper, [{\n key: 'update',\n value: function update$$1() {\n return update.call(this);\n }\n }, {\n key: 'destroy',\n value: function destroy$$1() {\n return destroy.call(this);\n }\n }, {\n key: 'enableEventListeners',\n value: function enableEventListeners$$1() {\n return enableEventListeners.call(this);\n }\n }, {\n key: 'disableEventListeners',\n value: function disableEventListeners$$1() {\n return disableEventListeners.call(this);\n }\n /**\n * Schedules an update. It will run on the next UI update available.\n * @method scheduleUpdate\n * @memberof Popper\n */\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n\n }]);\n return Popper;\n}();\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.
\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10.\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n\n\nPopper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\nPopper.placements = placements;\nPopper.Defaults = Defaults;\nexport default Popper;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _SwipeableViews = _interopRequireDefault(require(\"./SwipeableViews\"));\n\nvar _default = _SwipeableViews.default;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"autoPlay\", {\n enumerable: true,\n get: function get() {\n return _autoPlay.default;\n }\n});\nObject.defineProperty(exports, \"bindKeyboard\", {\n enumerable: true,\n get: function get() {\n return _bindKeyboard.default;\n }\n});\nObject.defineProperty(exports, \"virtualize\", {\n enumerable: true,\n get: function get() {\n return _virtualize.default;\n }\n});\n\nvar _autoPlay = _interopRequireDefault(require(\"./autoPlay\"));\n\nvar _bindKeyboard = _interopRequireDefault(require(\"./bindKeyboard\"));\n\nvar _virtualize = _interopRequireDefault(require(\"./virtualize\"));","var debounce = require('./debounce'),\n isObject = require('./isObject');\n/** Error message constants. */\n\n\nvar FUNC_ERROR_TEXT = 'Expected a function';\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\n\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;","var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\n\nvar findScript = function findScript() {\n var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n\n for (var i = 0; i < scripts.length; i++) {\n var script = scripts[i];\n\n if (!V3_URL_REGEX.test(script.src)) {\n continue;\n }\n\n return script;\n }\n\n return null;\n};\n\nvar injectScript = function injectScript(params) {\n var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n var script = document.createElement('script');\n script.src = \"\".concat(V3_URL).concat(queryString);\n var headOrBody = document.head || document.body;\n\n if (!headOrBody) {\n throw new Error('Expected document.body not to be null. Stripe.js requires a element.');\n }\n\n headOrBody.appendChild(script);\n return script;\n};\n\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n if (!stripe || !stripe._registerWrapper) {\n return;\n }\n\n stripe._registerWrapper({\n name: 'stripe-js',\n version: \"1.17.1\",\n startTime: startTime\n });\n};\n\nvar stripePromise = null;\n\nvar loadScript = function loadScript(params) {\n // Ensure that we only attempt to load Stripe.js at most once\n if (stripePromise !== null) {\n return stripePromise;\n }\n\n stripePromise = new Promise(function (resolve, reject) {\n if (typeof window === 'undefined') {\n // Resolve to null when imported server side. This makes the module\n // safe to import in an isomorphic code base.\n resolve(null);\n return;\n }\n\n if (window.Stripe && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n }\n\n if (window.Stripe) {\n resolve(window.Stripe);\n return;\n }\n\n try {\n var script = findScript();\n\n if (script && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n } else if (!script) {\n script = injectScript(params);\n }\n\n script.addEventListener('load', function () {\n if (window.Stripe) {\n resolve(window.Stripe);\n } else {\n reject(new Error('Stripe.js not available'));\n }\n });\n script.addEventListener('error', function () {\n reject(new Error('Failed to load Stripe.js'));\n });\n } catch (error) {\n reject(error);\n return;\n }\n });\n return stripePromise;\n};\n\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n if (maybeStripe === null) {\n return null;\n }\n\n var stripe = maybeStripe.apply(undefined, args);\n registerWrapper(stripe, startTime);\n return stripe;\n}; // own script injection.\n\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n if (!loadCalled) {\n console.warn(err);\n }\n});\n\nvar loadStripe = function loadStripe() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n loadCalled = true;\n var startTime = Date.now();\n return stripePromise$1.then(function (maybeStripe) {\n return initStripe(maybeStripe, args, startTime);\n });\n};\n\nexport { loadStripe };","!function (e, t) {\n \"object\" == typeof exports && \"object\" == typeof module ? module.exports = t(require(\"react\")) : \"function\" == typeof define && define.amd ? define([\"react\"], t) : \"object\" == typeof exports ? exports.ReactCodeInput = t(require(\"react\")) : e.ReactCodeInput = t(e.react);\n}(\"undefined\" != typeof self ? self : this, function (e) {\n return function (e) {\n var t = {};\n\n function n(r) {\n if (t[r]) return t[r].exports;\n var o = t[r] = {\n i: r,\n l: !1,\n exports: {}\n };\n return e[r].call(o.exports, o, o.exports, n), o.l = !0, o.exports;\n }\n\n return n.m = e, n.c = t, n.d = function (e, t, r) {\n n.o(e, t) || Object.defineProperty(e, t, {\n enumerable: !0,\n get: r\n });\n }, n.r = function (e) {\n \"undefined\" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {\n value: \"Module\"\n }), Object.defineProperty(e, \"__esModule\", {\n value: !0\n });\n }, n.t = function (e, t) {\n if (1 & t && (e = n(e)), 8 & t) return e;\n if (4 & t && \"object\" == typeof e && e && e.__esModule) return e;\n var r = Object.create(null);\n if (n.r(r), Object.defineProperty(r, \"default\", {\n enumerable: !0,\n value: e\n }), 2 & t && \"string\" != typeof e) for (var o in e) {\n n.d(r, o, function (t) {\n return e[t];\n }.bind(null, o));\n }\n return r;\n }, n.n = function (e) {\n var t = e && e.__esModule ? function () {\n return e.default;\n } : function () {\n return e;\n };\n return n.d(t, \"a\", t), t;\n }, n.o = function (e, t) {\n return Object.prototype.hasOwnProperty.call(e, t);\n }, n.p = \"\", n(n.s = 0);\n }([function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var r = Object.assign || function (e) {\n for (var t = 1; t < arguments.length; t++) {\n var n = arguments[t];\n\n for (var r in n) {\n Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);\n }\n }\n\n return e;\n },\n o = function () {\n function e(e, t) {\n for (var n = 0; n < t.length; n++) {\n var r = t[n];\n r.enumerable = r.enumerable || !1, r.configurable = !0, \"value\" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);\n }\n }\n\n return function (t, n, r) {\n return n && e(t.prototype, n), r && e(t, r), t;\n };\n }(),\n a = n(1),\n i = p(a),\n u = p(n(2)),\n l = p(n(5)),\n s = n(6);\n\n function p(e) {\n return e && e.__esModule ? e : {\n default: e\n };\n }\n\n var f = function (e) {\n function t(e) {\n !function (e, t) {\n if (!(e instanceof t)) throw new TypeError(\"Cannot call a class as a function\");\n }(this, t);\n\n var n = function (e, t) {\n if (!e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return !t || \"object\" != typeof t && \"function\" != typeof t ? e : t;\n }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this, e)),\n r = e.fields,\n o = e.type,\n a = e.isValid,\n i = e.disabled,\n u = e.filterKeyCodes,\n l = e.forceUppercase,\n p = e.value;\n\n l && (p = p.toUpperCase()), n.state = {\n value: p,\n fields: r,\n type: o,\n input: [],\n isValid: a,\n disabled: i,\n filterKeyCodes: u,\n defaultInputStyle: {\n fontFamily: \"monospace\",\n MozAppearance: \"textfield\",\n borderRadius: \"6px\",\n border: \"1px solid\",\n boxShadow: \"0px 0px 10px 0px rgba(0,0,0,.10)\",\n margin: \"4px\",\n paddingLeft: \"8px\",\n width: \"36px\",\n height: \"42px\",\n fontSize: \"32px\",\n boxSizing: \"border-box\"\n }\n };\n\n for (var f = 0; f < Number(n.state.fields); f += 1) {\n if (f < 32) {\n var c = n.state.value[f] || \"\";\n n.state.input.push(c);\n }\n }\n\n return n.textInput = [], n.uuid = (0, s.uuidv4)(), n;\n }\n\n return function (e, t) {\n if (\"function\" != typeof t && null !== t) throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n e.prototype = Object.create(t && t.prototype, {\n constructor: {\n value: e,\n enumerable: !1,\n writable: !0,\n configurable: !0\n }\n }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);\n }(t, a.Component), o(t, [{\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function value(e) {\n this.setState({\n isValid: e.isValid,\n value: e.value,\n disabled: e.disabled\n });\n }\n }, {\n key: \"handleBlur\",\n value: function value(e) {\n this.handleTouch(e.target.value);\n }\n }, {\n key: \"handleTouch\",\n value: function value(e) {\n var t = this.props,\n n = t.touch,\n r = t.untouch,\n o = t.name;\n \"function\" == typeof n && \"function\" == typeof r && (\"\" === e ? n(o) : r(o));\n }\n }, {\n key: \"handleChange\",\n value: function value(e) {\n var t = this,\n n = this.props.filterChars,\n r = String(e.target.value);\n this.props.forceUppercase && (r = r.toUpperCase()), \"number\" === this.state.type && (r = r.replace(/[^\\d]/g, \"\"));\n var o = r = r.split(\"\").filter(function (e) {\n return !n.includes(e);\n }).join(\"\");\n\n if (\"\" !== r) {\n var a = this.state.input.slice();\n r.length > 1 ? r.split(\"\").map(function (n, r) {\n return Number(e.target.dataset.id) + r < t.props.fields && (a[Number(e.target.dataset.id) + r] = n), !1;\n }) : a[Number(e.target.dataset.id)] = r, a.map(function (e, n) {\n return t.textInput[n] && (t.textInput[n].value = e), !1;\n });\n var i = this.textInput[e.target.dataset.id < a.length ? Number(e.target.dataset.id) + 1 : e.target.dataset.id];\n i && (i.focus(), i.select()), o = a.join(\"\"), this.setState({\n value: a.join(\"\"),\n input: a\n });\n }\n\n this.props.onChange && o && this.props.onChange(o), this.handleTouch(o);\n }\n }, {\n key: \"handleKeyDown\",\n value: function value(e) {\n var t = Number(e.target.dataset.id),\n n = this.textInput[t + 1],\n r = this.textInput[t - 1],\n o = void 0,\n a = void 0;\n\n switch (this.state.filterKeyCodes.length > 0 && this.state.filterKeyCodes.map(function (t) {\n if (t === e.keyCode) return e.preventDefault(), !0;\n }), e.keyCode) {\n case 8:\n e.preventDefault(), this.textInput[t].value = \"\", (o = this.state.input.slice())[t] = \"\", a = o.join(\"\"), this.setState({\n value: a,\n input: o\n }), \"\" === this.textInput[t].value && r && (r.focus(), r.select()), this.props.onChange && this.props.onChange(a);\n break;\n\n case 37:\n e.preventDefault(), r && (r.focus(), r.select());\n break;\n\n case 39:\n e.preventDefault(), n && (n.focus(), n.select());\n break;\n\n case 38:\n case 40:\n e.preventDefault();\n break;\n\n case 69:\n if (\"number\" === e.target.type) {\n e.preventDefault();\n break;\n }\n\n }\n\n this.handleTouch(a);\n }\n }, {\n key: \"render\",\n value: function value() {\n var e = this,\n t = this.props,\n n = t.className,\n o = t.style,\n a = void 0 === o ? {} : o,\n u = t.inputStyle,\n s = void 0 === u ? {} : u,\n p = t.inputStyleInvalid,\n f = void 0 === p ? {} : p,\n c = t.type,\n d = t.autoFocus,\n h = t.pattern,\n y = t.inputMode,\n b = this.state,\n v = b.disabled,\n x = b.input,\n g = b.isValid,\n m = b.defaultInputStyle,\n O = {\n container: a,\n input: g ? s : f\n };\n return Object.assign(O.container, {\n display: \"inline-block\"\n }), n || 0 !== Object.keys(s).length || Object.assign(s, r({}, m, {\n color: \"black\",\n backgroundColor: \"white\",\n borderColor: \"lightgrey\"\n })), n || 0 !== Object.keys(f).length || Object.assign(f, r({}, m, {\n color: \"#b94a48\",\n backgroundColor: \"#f2dede\",\n borderColor: \"#eed3d7\"\n })), v && Object.assign(O.input, {\n cursor: \"not-allowed\",\n color: \"lightgrey\",\n borderColor: \"lightgrey\",\n backgroundColor: \"#efeff1\"\n }), i.default.createElement(\"div\", {\n className: (0, l.default)(n, \"react-code-input\"),\n style: O.container\n }, x.map(function (t, n) {\n return i.default.createElement(\"input\", {\n ref: function ref(t) {\n e.textInput[n] = t;\n },\n id: e.uuid + \"-\" + n,\n \"data-id\": n,\n autoFocus: d && 0 === n ? \"autoFocus\" : \"\",\n value: t,\n key: \"input_\" + n,\n type: c,\n min: 0,\n max: 9,\n maxLength: x.length === n + 1 ? 1 : x.length,\n style: O.input,\n autoComplete: \"off\",\n onFocus: function onFocus(e) {\n return e.target.select(e);\n },\n onBlur: function onBlur(t) {\n return e.handleBlur(t);\n },\n onChange: function onChange(t) {\n return e.handleChange(t);\n },\n onKeyDown: function onKeyDown(t) {\n return e.handleKeyDown(t);\n },\n disabled: v,\n \"data-valid\": g,\n pattern: h,\n inputMode: y\n });\n }));\n }\n }]), t;\n }();\n\n f.defaultProps = {\n autoFocus: !0,\n isValid: !0,\n disabled: !1,\n forceUppercase: !1,\n fields: 4,\n value: \"\",\n type: \"text\",\n filterKeyCodes: [189, 190],\n filterChars: [\"-\", \".\"]\n }, f.propTypes = {\n type: u.default.oneOf([\"text\", \"number\", \"password\", \"tel\"]),\n fields: u.default.number,\n value: u.default.string,\n onChange: u.default.func,\n name: u.default.string,\n touch: u.default.func,\n untouch: u.default.func,\n className: u.default.string,\n isValid: u.default.bool,\n disabled: u.default.bool,\n style: u.default.object,\n inputStyle: u.default.object,\n inputStyleInvalid: u.default.object,\n autoFocus: u.default.bool,\n forceUppercase: u.default.bool,\n filterKeyCodes: u.default.array,\n filterChars: u.default.array,\n pattern: u.default.string,\n inputMode: u.default.oneOf([\"verbatim\", \"latin\", \"latin-name\", \"latin-prose\", \"full-width-latin\", \"kana\", \"kana-name\", \"katakana\", \"numeric\", \"tel\", \"email\", \"url\"])\n }, t.default = f;\n }, function (t, n) {\n t.exports = e;\n }, function (e, t, n) {\n e.exports = n(3)();\n }, function (e, t, n) {\n \"use strict\";\n\n var r = n(4);\n\n function o() {}\n\n e.exports = function () {\n function e(e, t, n, o, a, i) {\n if (i !== r) {\n var u = new Error(\"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types\");\n throw u.name = \"Invariant Violation\", u;\n }\n }\n\n function t() {\n return e;\n }\n\n e.isRequired = e;\n var n = {\n array: e,\n bool: e,\n func: e,\n number: e,\n object: e,\n string: e,\n symbol: e,\n any: e,\n arrayOf: t,\n element: e,\n instanceOf: t,\n node: e,\n objectOf: t,\n oneOf: t,\n oneOfType: t,\n shape: t,\n exact: t\n };\n return n.checkPropTypes = o, n.PropTypes = n, n;\n };\n }, function (e, t, n) {\n \"use strict\";\n\n e.exports = \"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED\";\n }, function (e, t, n) {\n var r;\n /*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n */\n\n /*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n */\n\n !function () {\n \"use strict\";\n\n var n = {}.hasOwnProperty;\n\n function o() {\n for (var e = [], t = 0; t < arguments.length; t++) {\n var r = arguments[t];\n\n if (r) {\n var a = typeof r;\n if (\"string\" === a || \"number\" === a) e.push(r);else if (Array.isArray(r) && r.length) {\n var i = o.apply(null, r);\n i && e.push(i);\n } else if (\"object\" === a) for (var u in r) {\n n.call(r, u) && r[u] && e.push(u);\n }\n }\n }\n\n return e.join(\" \");\n }\n\n void 0 !== e && e.exports ? (o.default = o, e.exports = o) : void 0 === (r = function () {\n return o;\n }.apply(t, [])) || (e.exports = r);\n }();\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n t.uuidv4 = function () {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (e) {\n var t = 16 * Math.random() | 0;\n return (\"x\" === e ? t : 3 & t | 8).toString(16);\n });\n };\n }]);\n});","/*! For license information please see react-avatar.js.LICENSE.txt */\n!function (t, e) {\n \"object\" == typeof exports && \"object\" == typeof module ? module.exports = e(require(\"react\")) : \"function\" == typeof define && define.amd ? define([\"react\"], e) : \"object\" == typeof exports ? exports.reactAvatar = e(require(\"react\")) : t.reactAvatar = e(t.react);\n}(self, function (t) {\n return function () {\n var e = {\n 303: function _(t, e, i) {\n t.exports = i(302), i(200), i(630), i(16), i(677), i(635), i(166), i(140), i(922);\n },\n 635: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(677)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.ExifMap.prototype;\n e.tags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 284: \"PlanarConfiguration\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 296: \"ResolutionUnit\",\n 273: \"StripOffsets\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 513: \"JPEGInterchangeFormat\",\n 514: \"JPEGInterchangeFormatLength\",\n 301: \"TransferFunction\",\n 318: \"WhitePoint\",\n 319: \"PrimaryChromaticities\",\n 529: \"YCbCrCoefficients\",\n 532: \"ReferenceBlackWhite\",\n 306: \"DateTime\",\n 270: \"ImageDescription\",\n 271: \"Make\",\n 272: \"Model\",\n 305: \"Software\",\n 315: \"Artist\",\n 33432: \"Copyright\",\n 34665: {\n 36864: \"ExifVersion\",\n 40960: \"FlashpixVersion\",\n 40961: \"ColorSpace\",\n 40962: \"PixelXDimension\",\n 40963: \"PixelYDimension\",\n 42240: \"Gamma\",\n 37121: \"ComponentsConfiguration\",\n 37122: \"CompressedBitsPerPixel\",\n 37500: \"MakerNote\",\n 37510: \"UserComment\",\n 40964: \"RelatedSoundFile\",\n 36867: \"DateTimeOriginal\",\n 36868: \"DateTimeDigitized\",\n 36880: \"OffsetTime\",\n 36881: \"OffsetTimeOriginal\",\n 36882: \"OffsetTimeDigitized\",\n 37520: \"SubSecTime\",\n 37521: \"SubSecTimeOriginal\",\n 37522: \"SubSecTimeDigitized\",\n 33434: \"ExposureTime\",\n 33437: \"FNumber\",\n 34850: \"ExposureProgram\",\n 34852: \"SpectralSensitivity\",\n 34855: \"PhotographicSensitivity\",\n 34856: \"OECF\",\n 34864: \"SensitivityType\",\n 34865: \"StandardOutputSensitivity\",\n 34866: \"RecommendedExposureIndex\",\n 34867: \"ISOSpeed\",\n 34868: \"ISOSpeedLatitudeyyy\",\n 34869: \"ISOSpeedLatitudezzz\",\n 37377: \"ShutterSpeedValue\",\n 37378: \"ApertureValue\",\n 37379: \"BrightnessValue\",\n 37380: \"ExposureBias\",\n 37381: \"MaxApertureValue\",\n 37382: \"SubjectDistance\",\n 37383: \"MeteringMode\",\n 37384: \"LightSource\",\n 37385: \"Flash\",\n 37396: \"SubjectArea\",\n 37386: \"FocalLength\",\n 41483: \"FlashEnergy\",\n 41484: \"SpatialFrequencyResponse\",\n 41486: \"FocalPlaneXResolution\",\n 41487: \"FocalPlaneYResolution\",\n 41488: \"FocalPlaneResolutionUnit\",\n 41492: \"SubjectLocation\",\n 41493: \"ExposureIndex\",\n 41495: \"SensingMethod\",\n 41728: \"FileSource\",\n 41729: \"SceneType\",\n 41730: \"CFAPattern\",\n 41985: \"CustomRendered\",\n 41986: \"ExposureMode\",\n 41987: \"WhiteBalance\",\n 41988: \"DigitalZoomRatio\",\n 41989: \"FocalLengthIn35mmFilm\",\n 41990: \"SceneCaptureType\",\n 41991: \"GainControl\",\n 41992: \"Contrast\",\n 41993: \"Saturation\",\n 41994: \"Sharpness\",\n 41995: \"DeviceSettingDescription\",\n 41996: \"SubjectDistanceRange\",\n 42016: \"ImageUniqueID\",\n 42032: \"CameraOwnerName\",\n 42033: \"BodySerialNumber\",\n 42034: \"LensSpecification\",\n 42035: \"LensMake\",\n 42036: \"LensModel\",\n 42037: \"LensSerialNumber\"\n },\n 34853: {\n 0: \"GPSVersionID\",\n 1: \"GPSLatitudeRef\",\n 2: \"GPSLatitude\",\n 3: \"GPSLongitudeRef\",\n 4: \"GPSLongitude\",\n 5: \"GPSAltitudeRef\",\n 6: \"GPSAltitude\",\n 7: \"GPSTimeStamp\",\n 8: \"GPSSatellites\",\n 9: \"GPSStatus\",\n 10: \"GPSMeasureMode\",\n 11: \"GPSDOP\",\n 12: \"GPSSpeedRef\",\n 13: \"GPSSpeed\",\n 14: \"GPSTrackRef\",\n 15: \"GPSTrack\",\n 16: \"GPSImgDirectionRef\",\n 17: \"GPSImgDirection\",\n 18: \"GPSMapDatum\",\n 19: \"GPSDestLatitudeRef\",\n 20: \"GPSDestLatitude\",\n 21: \"GPSDestLongitudeRef\",\n 22: \"GPSDestLongitude\",\n 23: \"GPSDestBearingRef\",\n 24: \"GPSDestBearing\",\n 25: \"GPSDestDistanceRef\",\n 26: \"GPSDestDistance\",\n 27: \"GPSProcessingMethod\",\n 28: \"GPSAreaInformation\",\n 29: \"GPSDateStamp\",\n 30: \"GPSDifferential\",\n 31: \"GPSHPositioningError\"\n },\n 40965: {\n 1: \"InteroperabilityIndex\"\n }\n }, e.tags.ifd1 = e.tags, e.stringValues = {\n ExposureProgram: {\n 0: \"Undefined\",\n 1: \"Manual\",\n 2: \"Normal program\",\n 3: \"Aperture priority\",\n 4: \"Shutter priority\",\n 5: \"Creative program\",\n 6: \"Action program\",\n 7: \"Portrait mode\",\n 8: \"Landscape mode\"\n },\n MeteringMode: {\n 0: \"Unknown\",\n 1: \"Average\",\n 2: \"CenterWeightedAverage\",\n 3: \"Spot\",\n 4: \"MultiSpot\",\n 5: \"Pattern\",\n 6: \"Partial\",\n 255: \"Other\"\n },\n LightSource: {\n 0: \"Unknown\",\n 1: \"Daylight\",\n 2: \"Fluorescent\",\n 3: \"Tungsten (incandescent light)\",\n 4: \"Flash\",\n 9: \"Fine weather\",\n 10: \"Cloudy weather\",\n 11: \"Shade\",\n 12: \"Daylight fluorescent (D 5700 - 7100K)\",\n 13: \"Day white fluorescent (N 4600 - 5400K)\",\n 14: \"Cool white fluorescent (W 3900 - 4500K)\",\n 15: \"White fluorescent (WW 3200 - 3700K)\",\n 17: \"Standard light A\",\n 18: \"Standard light B\",\n 19: \"Standard light C\",\n 20: \"D55\",\n 21: \"D65\",\n 22: \"D75\",\n 23: \"D50\",\n 24: \"ISO studio tungsten\",\n 255: \"Other\"\n },\n Flash: {\n 0: \"Flash did not fire\",\n 1: \"Flash fired\",\n 5: \"Strobe return light not detected\",\n 7: \"Strobe return light detected\",\n 9: \"Flash fired, compulsory flash mode\",\n 13: \"Flash fired, compulsory flash mode, return light not detected\",\n 15: \"Flash fired, compulsory flash mode, return light detected\",\n 16: \"Flash did not fire, compulsory flash mode\",\n 24: \"Flash did not fire, auto mode\",\n 25: \"Flash fired, auto mode\",\n 29: \"Flash fired, auto mode, return light not detected\",\n 31: \"Flash fired, auto mode, return light detected\",\n 32: \"No flash function\",\n 65: \"Flash fired, red-eye reduction mode\",\n 69: \"Flash fired, red-eye reduction mode, return light not detected\",\n 71: \"Flash fired, red-eye reduction mode, return light detected\",\n 73: \"Flash fired, compulsory flash mode, red-eye reduction mode\",\n 77: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected\",\n 79: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected\",\n 89: \"Flash fired, auto mode, red-eye reduction mode\",\n 93: \"Flash fired, auto mode, return light not detected, red-eye reduction mode\",\n 95: \"Flash fired, auto mode, return light detected, red-eye reduction mode\"\n },\n SensingMethod: {\n 1: \"Undefined\",\n 2: \"One-chip color area sensor\",\n 3: \"Two-chip color area sensor\",\n 4: \"Three-chip color area sensor\",\n 5: \"Color sequential area sensor\",\n 7: \"Trilinear sensor\",\n 8: \"Color sequential linear sensor\"\n },\n SceneCaptureType: {\n 0: \"Standard\",\n 1: \"Landscape\",\n 2: \"Portrait\",\n 3: \"Night scene\"\n },\n SceneType: {\n 1: \"Directly photographed\"\n },\n CustomRendered: {\n 0: \"Normal process\",\n 1: \"Custom process\"\n },\n WhiteBalance: {\n 0: \"Auto white balance\",\n 1: \"Manual white balance\"\n },\n GainControl: {\n 0: \"None\",\n 1: \"Low gain up\",\n 2: \"High gain up\",\n 3: \"Low gain down\",\n 4: \"High gain down\"\n },\n Contrast: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n Saturation: {\n 0: \"Normal\",\n 1: \"Low saturation\",\n 2: \"High saturation\"\n },\n Sharpness: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n SubjectDistanceRange: {\n 0: \"Unknown\",\n 1: \"Macro\",\n 2: \"Close view\",\n 3: \"Distant view\"\n },\n FileSource: {\n 3: \"DSC\"\n },\n ComponentsConfiguration: {\n 0: \"\",\n 1: \"Y\",\n 2: \"Cb\",\n 3: \"Cr\",\n 4: \"R\",\n 5: \"G\",\n 6: \"B\"\n },\n Orientation: {\n 1: \"Original\",\n 2: \"Horizontal flip\",\n 3: \"Rotate 180° CCW\",\n 4: \"Vertical flip\",\n 5: \"Vertical flip + Rotate 90° CW\",\n 6: \"Rotate 90° CW\",\n 7: \"Horizontal flip + Rotate 90° CW\",\n 8: \"Rotate 90° CCW\"\n }\n }, e.getText = function (t) {\n var e = this.get(t);\n\n switch (t) {\n case \"LightSource\":\n case \"Flash\":\n case \"MeteringMode\":\n case \"ExposureProgram\":\n case \"SensingMethod\":\n case \"SceneCaptureType\":\n case \"SceneType\":\n case \"CustomRendered\":\n case \"WhiteBalance\":\n case \"GainControl\":\n case \"Contrast\":\n case \"Saturation\":\n case \"Sharpness\":\n case \"SubjectDistanceRange\":\n case \"FileSource\":\n case \"Orientation\":\n return this.stringValues[t][e];\n\n case \"ExifVersion\":\n case \"FlashpixVersion\":\n if (!e) return;\n return String.fromCharCode(e[0], e[1], e[2], e[3]);\n\n case \"ComponentsConfiguration\":\n if (!e) return;\n return this.stringValues[t][e[0]] + this.stringValues[t][e[1]] + this.stringValues[t][e[2]] + this.stringValues[t][e[3]];\n\n case \"GPSVersionID\":\n if (!e) return;\n return e[0] + \".\" + e[1] + \".\" + e[2] + \".\" + e[3];\n }\n\n return String(e);\n }, e.getAll = function () {\n var t,\n e,\n i,\n n = {};\n\n for (t in this) {\n Object.prototype.hasOwnProperty.call(this, t) && ((e = this[t]) && e.getAll ? n[this.ifds[t].name] = e.getAll() : (i = this.tags[t]) && (n[i] = this.getText(i)));\n }\n\n return n;\n }, e.getName = function (t) {\n var e = this.tags[t];\n return \"object\" == typeof e ? this.ifds[t].name : e;\n }, function () {\n var t,\n i,\n n,\n a = e.tags;\n\n for (t in a) {\n if (Object.prototype.hasOwnProperty.call(a, t)) if (i = e.ifds[t]) for (t in n = a[t]) {\n Object.prototype.hasOwnProperty.call(n, t) && (i.map[n[t]] = Number(t));\n } else e.map[a[t]] = Number(t);\n }\n }();\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 677: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n function e(t) {\n t && (Object.defineProperty(this, \"map\", {\n value: this.ifds[t].map\n }), Object.defineProperty(this, \"tags\", {\n value: this.tags && this.tags[t] || {}\n }));\n }\n\n e.prototype.map = {\n Orientation: 274,\n Thumbnail: \"ifd1\",\n Blob: 513,\n Exif: 34665,\n GPSInfo: 34853,\n Interoperability: 40965\n }, e.prototype.ifds = {\n ifd1: {\n name: \"Thumbnail\",\n map: e.prototype.map\n },\n 34665: {\n name: \"Exif\",\n map: {}\n },\n 34853: {\n name: \"GPSInfo\",\n map: {}\n },\n 40965: {\n name: \"Interoperability\",\n map: {}\n }\n }, e.prototype.get = function (t) {\n return this[t] || this[this.map[t]];\n };\n var i = {\n 1: {\n getValue: function getValue(t, e) {\n return t.getUint8(e);\n },\n size: 1\n },\n 2: {\n getValue: function getValue(t, e) {\n return String.fromCharCode(t.getUint8(e));\n },\n size: 1,\n ascii: !0\n },\n 3: {\n getValue: function getValue(t, e, i) {\n return t.getUint16(e, i);\n },\n size: 2\n },\n 4: {\n getValue: function getValue(t, e, i) {\n return t.getUint32(e, i);\n },\n size: 4\n },\n 5: {\n getValue: function getValue(t, e, i) {\n return t.getUint32(e, i) / t.getUint32(e + 4, i);\n },\n size: 8\n },\n 9: {\n getValue: function getValue(t, e, i) {\n return t.getInt32(e, i);\n },\n size: 4\n },\n 10: {\n getValue: function getValue(t, e, i) {\n return t.getInt32(e, i) / t.getInt32(e + 4, i);\n },\n size: 8\n }\n };\n\n function n(t, e, n, a, r, o) {\n var s,\n h,\n l,\n c,\n u,\n d,\n f = i[a];\n\n if (f) {\n if (!((h = (s = f.size * r) > 4 ? e + t.getUint32(n + 8, o) : n + 8) + s > t.byteLength)) {\n if (1 === r) return f.getValue(t, h, o);\n\n for (l = [], c = 0; c < r; c += 1) {\n l[c] = f.getValue(t, h + c * f.size, o);\n }\n\n if (f.ascii) {\n for (u = \"\", c = 0; c < l.length && \"\\0\" !== (d = l[c]); c += 1) {\n u += d;\n }\n\n return u;\n }\n\n return l;\n }\n\n console.log(\"Invalid Exif data: Invalid data offset.\");\n } else console.log(\"Invalid Exif data: Invalid tag type.\");\n }\n\n function a(t, e, i) {\n return (!t || t[i]) && (!e || !0 !== e[i]);\n }\n\n function r(t, e, i, r, o, s, h, l) {\n var c, u, d, f, g, p;\n if (i + 6 > t.byteLength) console.log(\"Invalid Exif data: Invalid directory offset.\");else {\n if (!((u = i + 2 + 12 * (c = t.getUint16(i, r))) + 4 > t.byteLength)) {\n for (d = 0; d < c; d += 1) {\n f = i + 2 + 12 * d, a(h, l, g = t.getUint16(f, r)) && (p = n(t, e, f, t.getUint16(f + 2, r), t.getUint32(f + 4, r), r), o[g] = p, s && (s[g] = f));\n }\n\n return t.getUint32(u, r);\n }\n\n console.log(\"Invalid Exif data: Invalid directory size.\");\n }\n }\n\n i[7] = i[1], t.parseExifData = function (i, n, o, s, h) {\n if (!h.disableExif) {\n var l,\n c,\n u,\n d = h.includeExifTags,\n f = h.excludeExifTags || {\n 34665: {\n 37500: !0\n }\n },\n g = n + 10;\n if (1165519206 === i.getUint32(n + 4)) if (g + 8 > i.byteLength) console.log(\"Invalid Exif data: Invalid segment size.\");else if (0 === i.getUint16(n + 8)) {\n switch (i.getUint16(g)) {\n case 18761:\n l = !0;\n break;\n\n case 19789:\n l = !1;\n break;\n\n default:\n return void console.log(\"Invalid Exif data: Invalid byte alignment marker.\");\n }\n\n 42 === i.getUint16(g + 2, l) ? (c = i.getUint32(g + 4, l), s.exif = new e(), h.disableExifOffsets || (s.exifOffsets = new e(), s.exifTiffOffset = g, s.exifLittleEndian = l), (c = r(i, g, g + c, l, s.exif, s.exifOffsets, d, f)) && a(d, f, \"ifd1\") && (s.exif.ifd1 = c, s.exifOffsets && (s.exifOffsets.ifd1 = g + c)), Object.keys(s.exif.ifds).forEach(function (t) {\n !function (t, i, n, a, o, s, h) {\n var l = t.exif[i];\n l && (t.exif[i] = new e(i), t.exifOffsets && (t.exifOffsets[i] = new e(i)), r(n, a, a + l, o, t.exif[i], t.exifOffsets && t.exifOffsets[i], s && s[i], h && h[i]));\n }(s, t, i, g, l, d, f);\n }), (u = s.exif.ifd1) && u[513] && (u[513] = function (e, i, n) {\n if (n) {\n if (!(i + n > e.byteLength)) return new Blob([t.bufferSlice.call(e.buffer, i, i + n)], {\n type: \"image/jpeg\"\n });\n console.log(\"Invalid Exif data: Invalid thumbnail data.\");\n }\n }(i, g + u[513], u[514]))) : console.log(\"Invalid Exif data: Missing TIFF marker.\");\n } else console.log(\"Invalid Exif data: Missing byte alignment offset.\");\n }\n }, t.metaDataParsers.jpeg[65505].push(t.parseExifData), t.exifWriters = {\n 274: function _(t, e, i) {\n var n = e.exifOffsets[274];\n return n ? (new DataView(t, n + 8, 2).setUint16(0, i, e.exifLittleEndian), t) : t;\n }\n }, t.writeExifData = function (e, i, n, a) {\n return t.exifWriters[i.exif.map[n]](e, i, a);\n }, t.ExifMap = e;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 16: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.global;\n e.fetch && e.Request && e.Response && e.Response.prototype.blob ? t.fetchBlob = function (t, i, n) {\n function a(t) {\n return t.blob();\n }\n\n if (e.Promise && \"function\" != typeof i) return fetch(new Request(t, i)).then(a);\n fetch(new Request(t, n)).then(a).then(i).catch(function (t) {\n i(null, t);\n });\n } : e.XMLHttpRequest && \"\" === new XMLHttpRequest().responseType && (t.fetchBlob = function (t, i, n) {\n function a(e, i) {\n n = n || {};\n var a = new XMLHttpRequest();\n a.open(n.method || \"GET\", t), n.headers && Object.keys(n.headers).forEach(function (t) {\n a.setRequestHeader(t, n.headers[t]);\n }), a.withCredentials = \"include\" === n.credentials, a.responseType = \"blob\", a.onload = function () {\n e(a.response);\n }, a.onerror = a.onabort = a.ontimeout = function (t) {\n e === i ? i(null, t) : i(t);\n }, a.send(n.body);\n }\n\n return e.Promise && \"function\" != typeof i ? (n = i, new Promise(a)) : a(i, i);\n });\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 140: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(166)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.IptcMap.prototype;\n e.tags = {\n 0: \"ApplicationRecordVersion\",\n 3: \"ObjectTypeReference\",\n 4: \"ObjectAttributeReference\",\n 5: \"ObjectName\",\n 7: \"EditStatus\",\n 8: \"EditorialUpdate\",\n 10: \"Urgency\",\n 12: \"SubjectReference\",\n 15: \"Category\",\n 20: \"SupplementalCategories\",\n 22: \"FixtureIdentifier\",\n 25: \"Keywords\",\n 26: \"ContentLocationCode\",\n 27: \"ContentLocationName\",\n 30: \"ReleaseDate\",\n 35: \"ReleaseTime\",\n 37: \"ExpirationDate\",\n 38: \"ExpirationTime\",\n 40: \"SpecialInstructions\",\n 42: \"ActionAdvised\",\n 45: \"ReferenceService\",\n 47: \"ReferenceDate\",\n 50: \"ReferenceNumber\",\n 55: \"DateCreated\",\n 60: \"TimeCreated\",\n 62: \"DigitalCreationDate\",\n 63: \"DigitalCreationTime\",\n 65: \"OriginatingProgram\",\n 70: \"ProgramVersion\",\n 75: \"ObjectCycle\",\n 80: \"Byline\",\n 85: \"BylineTitle\",\n 90: \"City\",\n 92: \"Sublocation\",\n 95: \"State\",\n 100: \"CountryCode\",\n 101: \"Country\",\n 103: \"OriginalTransmissionReference\",\n 105: \"Headline\",\n 110: \"Credit\",\n 115: \"Source\",\n 116: \"CopyrightNotice\",\n 118: \"Contact\",\n 120: \"Caption\",\n 121: \"LocalCaption\",\n 122: \"Writer\",\n 125: \"RasterizedCaption\",\n 130: \"ImageType\",\n 131: \"ImageOrientation\",\n 135: \"LanguageIdentifier\",\n 150: \"AudioType\",\n 151: \"AudioSamplingRate\",\n 152: \"AudioSamplingResolution\",\n 153: \"AudioDuration\",\n 154: \"AudioOutcue\",\n 184: \"JobID\",\n 185: \"MasterDocumentID\",\n 186: \"ShortDocumentID\",\n 187: \"UniqueDocumentID\",\n 188: \"OwnerID\",\n 200: \"ObjectPreviewFileFormat\",\n 201: \"ObjectPreviewFileVersion\",\n 202: \"ObjectPreviewData\",\n 221: \"Prefs\",\n 225: \"ClassifyState\",\n 228: \"SimilarityIndex\",\n 230: \"DocumentNotes\",\n 231: \"DocumentHistory\",\n 232: \"ExifCameraInfo\",\n 255: \"CatalogSets\"\n }, e.stringValues = {\n 10: {\n 0: \"0 (reserved)\",\n 1: \"1 (most urgent)\",\n 2: \"2\",\n 3: \"3\",\n 4: \"4\",\n 5: \"5 (normal urgency)\",\n 6: \"6\",\n 7: \"7\",\n 8: \"8 (least urgent)\",\n 9: \"9 (user-defined priority)\"\n },\n 75: {\n a: \"Morning\",\n b: \"Both Morning and Evening\",\n p: \"Evening\"\n },\n 131: {\n L: \"Landscape\",\n P: \"Portrait\",\n S: \"Square\"\n }\n }, e.getText = function (t) {\n var e = this.get(t),\n i = this.map[t],\n n = this.stringValues[i];\n return n ? n[e] : String(e);\n }, e.getAll = function () {\n var t,\n e,\n i = {};\n\n for (t in this) {\n Object.prototype.hasOwnProperty.call(this, t) && (e = this.tags[t]) && (i[e] = this.getText(e));\n }\n\n return i;\n }, e.getName = function (t) {\n return this.tags[t];\n }, function () {\n var t,\n i = e.tags,\n n = e.map || {};\n\n for (t in i) {\n Object.prototype.hasOwnProperty.call(i, t) && (n[i[t]] = Number(t));\n }\n }();\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 166: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n function e() {}\n\n function i(t, e, i, n, a) {\n return \"binary\" === e.types[t] ? new Blob([i.buffer.slice(n, n + a)]) : \"Uint16\" === e.types[t] ? i.getUint16(n) : function (t, e, i) {\n for (var n = \"\", a = e + i, r = e; r < a; r += 1) {\n n += String.fromCharCode(t.getUint8(r));\n }\n\n return n;\n }(i, n, a);\n }\n\n function n(t, e) {\n return void 0 === t ? e : t instanceof Array ? (t.push(e), t) : [t, e];\n }\n\n function a(t, e, a, r, o, s) {\n for (var h, l, c, u = e + a, d = e; d < u;) {\n 28 === t.getUint8(d) && 2 === t.getUint8(d + 1) && (c = t.getUint8(d + 2), o && !o[c] || s && s[c] || (l = t.getInt16(d + 3), h = i(c, r.iptc, t, d + 5, l), r.iptc[c] = n(r.iptc[c], h), r.iptcOffsets && (r.iptcOffsets[c] = d))), d += 1;\n }\n }\n\n function r(t, e) {\n return 943868237 === t.getUint32(e) && 1028 === t.getUint16(e + 4);\n }\n\n function o(t, e) {\n var i = t.getUint8(e + 7);\n return i % 2 != 0 && (i += 1), 0 === i && (i = 4), i;\n }\n\n e.prototype.map = {\n ObjectName: 5\n }, e.prototype.types = {\n 0: \"Uint16\",\n 200: \"Uint16\",\n 201: \"Uint16\",\n 202: \"binary\"\n }, e.prototype.get = function (t) {\n return this[t] || this[this.map[t]];\n }, t.parseIptcData = function (t, i, n, s, h) {\n if (!h.disableIptc) for (var l = i + n; i + 8 < l;) {\n if (r(t, i)) {\n var c = o(t, i),\n u = i + 8 + c;\n\n if (u > l) {\n console.log(\"Invalid IPTC data: Invalid segment offset.\");\n break;\n }\n\n var d = t.getUint16(i + 6 + c);\n\n if (i + d > l) {\n console.log(\"Invalid IPTC data: Invalid segment size.\");\n break;\n }\n\n return s.iptc = new e(), h.disableIptcOffsets || (s.iptcOffsets = new e()), void a(t, u, d, s, h.includeIptcTags, h.excludeIptcTags || {\n 202: !0\n });\n }\n\n i += 1;\n }\n }, t.metaDataParsers.jpeg[65517].push(t.parseIptcData), t.IptcMap = e;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 630: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.global,\n i = t.transform,\n n = e.Blob && (Blob.prototype.slice || Blob.prototype.webkitSlice || Blob.prototype.mozSlice),\n a = e.ArrayBuffer && ArrayBuffer.prototype.slice || function (t, e) {\n e = e || this.byteLength - t;\n var i = new Uint8Array(this, t, e),\n n = new Uint8Array(e);\n return n.set(i), n.buffer;\n },\n r = {\n jpeg: {\n 65505: [],\n 65517: []\n }\n };\n\n function o(i, o, s, h) {\n var l = this;\n\n function c(o, c) {\n if (!(e.DataView && n && i && i.size >= 12 && \"image/jpeg\" === i.type)) return o(h);\n var u = s.maxMetaDataSize || 262144;\n t.readFile(n.call(i, 0, u), function (t) {\n var e = new DataView(t);\n if (65496 !== e.getUint16(0)) return c(new Error(\"Invalid JPEG file: Missing JPEG marker.\"));\n\n for (var i, n, u, d, f = 2, g = e.byteLength - 4, p = f; f < g && ((i = e.getUint16(f)) >= 65504 && i <= 65519 || 65534 === i);) {\n if (f + (n = e.getUint16(f + 2) + 2) > e.byteLength) {\n console.log(\"Invalid JPEG metadata: Invalid segment size.\");\n break;\n }\n\n if ((u = r.jpeg[i]) && !s.disableMetaDataParsers) for (d = 0; d < u.length; d += 1) {\n u[d].call(l, e, f, n, h, s);\n }\n p = f += n;\n }\n\n !s.disableImageHead && p > 6 && (h.imageHead = a.call(t, 0, p)), o(h);\n }, c, \"readAsArrayBuffer\") || o(h);\n }\n\n return s = s || {}, e.Promise && \"function\" != typeof o ? (h = s = o || {}, new Promise(c)) : (h = h || {}, c(o, o));\n }\n\n function s(t, e, i) {\n return t && e && i ? new Blob([i, n.call(t, e.byteLength)], {\n type: \"image/jpeg\"\n }) : null;\n }\n\n t.transform = function (n, a, r, s, h) {\n t.requiresMetaData(a) ? o(s, function (o) {\n o !== h && (e.console && console.log(o), o = h), i.call(t, n, a, r, s, o);\n }, a, h = h || {}) : i.apply(t, arguments);\n }, t.blobSlice = n, t.bufferSlice = a, t.replaceHead = function (t, i, n) {\n var a = {\n maxMetaDataSize: 256,\n disableMetaDataParsers: !0\n };\n if (!n && e.Promise) return o(t, a).then(function (e) {\n return s(t, e.imageHead, i);\n });\n o(t, function (e) {\n n(s(t, e.imageHead, i));\n }, a);\n }, t.parseMetaData = o, t.metaDataParsers = r;\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 922: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302), i(200), i(630)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.transform,\n i = t.requiresCanvas,\n n = t.requiresMetaData,\n a = t.transformCoordinates,\n r = t.getTransformedOptions;\n\n function o(e, i) {\n var n = e && e.orientation;\n return !0 === n && !t.orientation || 1 === n && t.orientation || (!i || t.orientation) && n > 1 && n < 9;\n }\n\n function s(t, e) {\n return t !== e && (1 === t && e > 1 && e < 9 || t > 1 && t < 9);\n }\n\n function h(t, e) {\n if (e > 1 && e < 9) switch (t) {\n case 2:\n case 4:\n return e > 4;\n\n case 5:\n case 7:\n return e % 2 == 0;\n\n case 6:\n case 8:\n return 2 === e || 4 === e || 5 === e || 7 === e;\n }\n return !1;\n }\n\n (function (t) {\n if (t.global.document) {\n var e = document.createElement(\"img\");\n e.onload = function () {\n if (t.orientation = 2 === e.width && 3 === e.height, t.orientation) {\n var i = t.createCanvas(1, 1, !0).getContext(\"2d\");\n i.drawImage(e, 1, 1, 1, 1, 0, 0, 1, 1), t.orientationCropBug = \"255,255,255,255\" !== i.getImageData(0, 0, 1, 1).data.toString();\n }\n }, e.src = \"data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=\";\n }\n })(t), t.requiresCanvas = function (e) {\n return o(e) || i.call(t, e);\n }, t.requiresMetaData = function (e) {\n return o(e, !0) || n.call(t, e);\n }, t.transform = function (i, n, a, r, o) {\n e.call(t, i, n, function (e, i) {\n if (i) {\n var n = t.orientation && i.exif && i.exif.get(\"Orientation\");\n\n if (n > 4 && n < 9) {\n var r = i.originalWidth,\n o = i.originalHeight;\n i.originalWidth = o, i.originalHeight = r;\n }\n }\n\n a(e, i);\n }, r, o);\n }, t.getTransformedOptions = function (e, i, n) {\n var a = r.call(t, e, i),\n o = n.exif && n.exif.get(\"Orientation\"),\n l = a.orientation,\n c = t.orientation && o;\n if (!0 === l && (l = o), !s(l, c)) return a;\n var u = a.top,\n d = a.right,\n f = a.bottom,\n g = a.left,\n p = {};\n\n for (var v in a) {\n Object.prototype.hasOwnProperty.call(a, v) && (p[v] = a[v]);\n }\n\n if (p.orientation = l, (l > 4 && !(c > 4) || l < 5 && c > 4) && (p.maxWidth = a.maxHeight, p.maxHeight = a.maxWidth, p.minWidth = a.minHeight, p.minHeight = a.minWidth, p.sourceWidth = a.sourceHeight, p.sourceHeight = a.sourceWidth), c > 1) {\n switch (c) {\n case 2:\n d = a.left, g = a.right;\n break;\n\n case 3:\n u = a.bottom, d = a.left, f = a.top, g = a.right;\n break;\n\n case 4:\n u = a.bottom, f = a.top;\n break;\n\n case 5:\n u = a.left, d = a.bottom, f = a.right, g = a.top;\n break;\n\n case 6:\n u = a.left, d = a.top, f = a.right, g = a.bottom;\n break;\n\n case 7:\n u = a.right, d = a.top, f = a.left, g = a.bottom;\n break;\n\n case 8:\n u = a.right, d = a.bottom, f = a.left, g = a.top;\n }\n\n if (h(l, c)) {\n var m = u,\n y = d;\n u = f, d = g, f = m, g = y;\n }\n }\n\n switch (p.top = u, p.right = d, p.bottom = f, p.left = g, l) {\n case 2:\n p.right = g, p.left = d;\n break;\n\n case 3:\n p.top = f, p.right = g, p.bottom = u, p.left = d;\n break;\n\n case 4:\n p.top = f, p.bottom = u;\n break;\n\n case 5:\n p.top = g, p.right = f, p.bottom = d, p.left = u;\n break;\n\n case 6:\n p.top = d, p.right = f, p.bottom = g, p.left = u;\n break;\n\n case 7:\n p.top = d, p.right = u, p.bottom = g, p.left = f;\n break;\n\n case 8:\n p.top = g, p.right = u, p.bottom = d, p.left = f;\n }\n\n return p;\n }, t.transformCoordinates = function (e, i, n) {\n a.call(t, e, i, n);\n var r = i.orientation,\n o = t.orientation && n.exif && n.exif.get(\"Orientation\");\n\n if (s(r, o)) {\n var l = e.getContext(\"2d\"),\n c = e.width,\n u = e.height,\n d = c,\n f = u;\n\n switch ((r > 4 && !(o > 4) || r < 5 && o > 4) && (e.width = u, e.height = c), r > 4 && (d = u, f = c), o) {\n case 2:\n l.translate(d, 0), l.scale(-1, 1);\n break;\n\n case 3:\n l.translate(d, f), l.rotate(Math.PI);\n break;\n\n case 4:\n l.translate(0, f), l.scale(1, -1);\n break;\n\n case 5:\n l.rotate(-.5 * Math.PI), l.scale(-1, 1);\n break;\n\n case 6:\n l.rotate(-.5 * Math.PI), l.translate(-d, 0);\n break;\n\n case 7:\n l.rotate(-.5 * Math.PI), l.translate(-d, f), l.scale(1, -1);\n break;\n\n case 8:\n l.rotate(.5 * Math.PI), l.translate(0, -f);\n }\n\n switch (h(r, o) && (l.translate(d, f), l.rotate(Math.PI)), r) {\n case 2:\n l.translate(c, 0), l.scale(-1, 1);\n break;\n\n case 3:\n l.translate(c, u), l.rotate(Math.PI);\n break;\n\n case 4:\n l.translate(0, u), l.scale(1, -1);\n break;\n\n case 5:\n l.rotate(.5 * Math.PI), l.scale(1, -1);\n break;\n\n case 6:\n l.rotate(.5 * Math.PI), l.translate(0, -u);\n break;\n\n case 7:\n l.rotate(.5 * Math.PI), l.translate(c, -u), l.scale(-1, 1);\n break;\n\n case 8:\n l.rotate(-.5 * Math.PI), l.translate(-c, 0);\n }\n }\n };\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 200: function _(t, e, i) {\n var n, a, r;\n !function (o) {\n \"use strict\";\n\n a = [i(302)], void 0 === (r = \"function\" == typeof (n = function n(t) {\n var e = t.transform;\n t.createCanvas = function (e, i, n) {\n if (n && t.global.OffscreenCanvas) return new OffscreenCanvas(e, i);\n var a = document.createElement(\"canvas\");\n return a.width = e, a.height = i, a;\n }, t.transform = function (i, n, a, r, o) {\n e.call(t, t.scale(i, n, o), n, a, r, o);\n }, t.transformCoordinates = function () {}, t.getTransformedOptions = function (t, e) {\n var i,\n n,\n a,\n r,\n o = e.aspectRatio;\n if (!o) return e;\n\n for (n in i = {}, e) {\n Object.prototype.hasOwnProperty.call(e, n) && (i[n] = e[n]);\n }\n\n return i.crop = !0, (a = t.naturalWidth || t.width) / (r = t.naturalHeight || t.height) > o ? (i.maxWidth = r * o, i.maxHeight = r) : (i.maxWidth = a, i.maxHeight = a / o), i;\n }, t.drawImage = function (t, e, i, n, a, r, o, s, h) {\n var l = e.getContext(\"2d\");\n return !1 === h.imageSmoothingEnabled ? (l.msImageSmoothingEnabled = !1, l.imageSmoothingEnabled = !1) : h.imageSmoothingQuality && (l.imageSmoothingQuality = h.imageSmoothingQuality), l.drawImage(t, i, n, a, r, 0, 0, o, s), l;\n }, t.requiresCanvas = function (t) {\n return t.canvas || t.crop || !!t.aspectRatio;\n }, t.scale = function (e, i, n) {\n i = i || {}, n = n || {};\n var a,\n r,\n o,\n s,\n h,\n l,\n c,\n u,\n d,\n f,\n g,\n p,\n v = e.getContext || t.requiresCanvas(i) && !!t.global.HTMLCanvasElement,\n m = e.naturalWidth || e.width,\n y = e.naturalHeight || e.height,\n b = m,\n S = y;\n\n function C() {\n var t = Math.max((o || b) / b, (s || S) / S);\n t > 1 && (b *= t, S *= t);\n }\n\n function _() {\n var t = Math.min((a || b) / b, (r || S) / S);\n t < 1 && (b *= t, S *= t);\n }\n\n if (v && (c = (i = t.getTransformedOptions(e, i, n)).left || 0, u = i.top || 0, i.sourceWidth ? (h = i.sourceWidth, void 0 !== i.right && void 0 === i.left && (c = m - h - i.right)) : h = m - c - (i.right || 0), i.sourceHeight ? (l = i.sourceHeight, void 0 !== i.bottom && void 0 === i.top && (u = y - l - i.bottom)) : l = y - u - (i.bottom || 0), b = h, S = l), a = i.maxWidth, r = i.maxHeight, o = i.minWidth, s = i.minHeight, v && a && r && i.crop ? (b = a, S = r, (g = h / l - a / r) < 0 ? (l = r * h / a, void 0 === i.top && void 0 === i.bottom && (u = (y - l) / 2)) : g > 0 && (h = a * l / r, void 0 === i.left && void 0 === i.right && (c = (m - h) / 2))) : ((i.contain || i.cover) && (o = a = a || o, s = r = r || s), i.cover ? (_(), C()) : (C(), _())), v) {\n if ((d = i.pixelRatio) > 1 && (!e.style.width || Math.floor(parseFloat(e.style.width, 10)) !== Math.floor(m / d)) && (b *= d, S *= d), t.orientationCropBug && !e.getContext && (c || u || h !== m || l !== y) && (g = e, e = t.createCanvas(m, y, !0), t.drawImage(g, e, 0, 0, m, y, m, y, i)), (f = i.downsamplingRatio) > 0 && f < 1 && b < h && S < l) for (; h * f > b;) {\n p = t.createCanvas(h * f, l * f, !0), t.drawImage(e, p, c, u, h, l, p.width, p.height, i), c = 0, u = 0, h = p.width, l = p.height, e = p;\n }\n return p = t.createCanvas(b, S), t.transformCoordinates(p, i, n), d > 1 && (p.style.width = p.width / d + \"px\"), t.drawImage(e, p, c, u, h, l, b, S, i).setTransform(1, 0, 0, 1, 0, 0), p;\n }\n\n return e.width = b, e.height = S, e;\n };\n }) ? n.apply(e, a) : n) || (t.exports = r);\n }();\n },\n 302: function _(t, e, i) {\n var n;\n !function (a) {\n \"use strict\";\n\n var r = a.URL || a.webkitURL;\n\n function o(t) {\n return !!r && r.createObjectURL(t);\n }\n\n function s(t) {\n return !!r && r.revokeObjectURL(t);\n }\n\n function h(t, e) {\n !t || \"blob:\" !== t.slice(0, 5) || e && e.noRevoke || s(t);\n }\n\n function l(t, e, i, n) {\n if (!a.FileReader) return !1;\n var r = new FileReader();\n r.onload = function () {\n e.call(r, this.result);\n }, i && (r.onabort = r.onerror = function () {\n i.call(r, this.error);\n });\n var o = r[n || \"readAsDataURL\"];\n return o ? (o.call(r, t), r) : void 0;\n }\n\n function c(t, e) {\n return Object.prototype.toString.call(e) === \"[object \" + t + \"]\";\n }\n\n function u(t, e, i) {\n function n(e, n) {\n var r,\n s = document.createElement(\"img\");\n\n function d(t, i) {\n e !== n ? t instanceof Error ? n(t) : ((i = i || {}).image = t, e(i)) : e && e(t, i);\n }\n\n function f(e, n) {\n n && a.console && console.log(n), e && c(\"Blob\", e) ? r = o(t = e) : (r = t, i && i.crossOrigin && (s.crossOrigin = i.crossOrigin)), s.src = r;\n }\n\n return s.onerror = function (t) {\n h(r, i), n && n.call(s, t);\n }, s.onload = function () {\n h(r, i);\n var e = {\n originalWidth: s.naturalWidth || s.width,\n originalHeight: s.naturalHeight || s.height\n };\n\n try {\n u.transform(s, i, d, t, e);\n } catch (t) {\n n && n(t);\n }\n }, \"string\" == typeof t ? (u.requiresMetaData(i) ? u.fetchBlob(t, f, i) : f(), s) : c(\"Blob\", t) || c(\"File\", t) ? (r = o(t)) ? (s.src = r, s) : l(t, function (t) {\n s.src = t;\n }, n) : void 0;\n }\n\n return a.Promise && \"function\" != typeof e ? (i = e, new Promise(n)) : n(e, e);\n }\n\n u.requiresMetaData = function (t) {\n return t && t.meta;\n }, u.fetchBlob = function (t, e) {\n e();\n }, u.transform = function (t, e, i, n, a) {\n i(t, a);\n }, u.global = a, u.readFile = l, u.isInstanceOf = c, u.createObjectURL = o, u.revokeObjectURL = s, void 0 === (n = function () {\n return u;\n }.call(e, i, e, t)) || (t.exports = n);\n }(\"undefined\" != typeof window && window || this);\n },\n 918: function _(t, e) {\n var i;\n (function () {\n var a = function a(t) {\n return t instanceof a ? t : this instanceof a ? void (this.EXIFwrapped = t) : new a(t);\n };\n\n t.exports && (e = t.exports = a), e.EXIF = a;\n var r = a.Tags = {\n 36864: \"ExifVersion\",\n 40960: \"FlashpixVersion\",\n 40961: \"ColorSpace\",\n 40962: \"PixelXDimension\",\n 40963: \"PixelYDimension\",\n 37121: \"ComponentsConfiguration\",\n 37122: \"CompressedBitsPerPixel\",\n 37500: \"MakerNote\",\n 37510: \"UserComment\",\n 40964: \"RelatedSoundFile\",\n 36867: \"DateTimeOriginal\",\n 36868: \"DateTimeDigitized\",\n 37520: \"SubsecTime\",\n 37521: \"SubsecTimeOriginal\",\n 37522: \"SubsecTimeDigitized\",\n 33434: \"ExposureTime\",\n 33437: \"FNumber\",\n 34850: \"ExposureProgram\",\n 34852: \"SpectralSensitivity\",\n 34855: \"ISOSpeedRatings\",\n 34856: \"OECF\",\n 37377: \"ShutterSpeedValue\",\n 37378: \"ApertureValue\",\n 37379: \"BrightnessValue\",\n 37380: \"ExposureBias\",\n 37381: \"MaxApertureValue\",\n 37382: \"SubjectDistance\",\n 37383: \"MeteringMode\",\n 37384: \"LightSource\",\n 37385: \"Flash\",\n 37396: \"SubjectArea\",\n 37386: \"FocalLength\",\n 41483: \"FlashEnergy\",\n 41484: \"SpatialFrequencyResponse\",\n 41486: \"FocalPlaneXResolution\",\n 41487: \"FocalPlaneYResolution\",\n 41488: \"FocalPlaneResolutionUnit\",\n 41492: \"SubjectLocation\",\n 41493: \"ExposureIndex\",\n 41495: \"SensingMethod\",\n 41728: \"FileSource\",\n 41729: \"SceneType\",\n 41730: \"CFAPattern\",\n 41985: \"CustomRendered\",\n 41986: \"ExposureMode\",\n 41987: \"WhiteBalance\",\n 41988: \"DigitalZoomRation\",\n 41989: \"FocalLengthIn35mmFilm\",\n 41990: \"SceneCaptureType\",\n 41991: \"GainControl\",\n 41992: \"Contrast\",\n 41993: \"Saturation\",\n 41994: \"Sharpness\",\n 41995: \"DeviceSettingDescription\",\n 41996: \"SubjectDistanceRange\",\n 40965: \"InteroperabilityIFDPointer\",\n 42016: \"ImageUniqueID\"\n },\n o = a.TiffTags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 34665: \"ExifIFDPointer\",\n 34853: \"GPSInfoIFDPointer\",\n 40965: \"InteroperabilityIFDPointer\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 284: \"PlanarConfiguration\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 296: \"ResolutionUnit\",\n 273: \"StripOffsets\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 513: \"JPEGInterchangeFormat\",\n 514: \"JPEGInterchangeFormatLength\",\n 301: \"TransferFunction\",\n 318: \"WhitePoint\",\n 319: \"PrimaryChromaticities\",\n 529: \"YCbCrCoefficients\",\n 532: \"ReferenceBlackWhite\",\n 306: \"DateTime\",\n 270: \"ImageDescription\",\n 271: \"Make\",\n 272: \"Model\",\n 305: \"Software\",\n 315: \"Artist\",\n 33432: \"Copyright\"\n },\n s = a.GPSTags = {\n 0: \"GPSVersionID\",\n 1: \"GPSLatitudeRef\",\n 2: \"GPSLatitude\",\n 3: \"GPSLongitudeRef\",\n 4: \"GPSLongitude\",\n 5: \"GPSAltitudeRef\",\n 6: \"GPSAltitude\",\n 7: \"GPSTimeStamp\",\n 8: \"GPSSatellites\",\n 9: \"GPSStatus\",\n 10: \"GPSMeasureMode\",\n 11: \"GPSDOP\",\n 12: \"GPSSpeedRef\",\n 13: \"GPSSpeed\",\n 14: \"GPSTrackRef\",\n 15: \"GPSTrack\",\n 16: \"GPSImgDirectionRef\",\n 17: \"GPSImgDirection\",\n 18: \"GPSMapDatum\",\n 19: \"GPSDestLatitudeRef\",\n 20: \"GPSDestLatitude\",\n 21: \"GPSDestLongitudeRef\",\n 22: \"GPSDestLongitude\",\n 23: \"GPSDestBearingRef\",\n 24: \"GPSDestBearing\",\n 25: \"GPSDestDistanceRef\",\n 26: \"GPSDestDistance\",\n 27: \"GPSProcessingMethod\",\n 28: \"GPSAreaInformation\",\n 29: \"GPSDateStamp\",\n 30: \"GPSDifferential\"\n },\n h = a.IFD1Tags = {\n 256: \"ImageWidth\",\n 257: \"ImageHeight\",\n 258: \"BitsPerSample\",\n 259: \"Compression\",\n 262: \"PhotometricInterpretation\",\n 273: \"StripOffsets\",\n 274: \"Orientation\",\n 277: \"SamplesPerPixel\",\n 278: \"RowsPerStrip\",\n 279: \"StripByteCounts\",\n 282: \"XResolution\",\n 283: \"YResolution\",\n 284: \"PlanarConfiguration\",\n 296: \"ResolutionUnit\",\n 513: \"JpegIFOffset\",\n 514: \"JpegIFByteCount\",\n 529: \"YCbCrCoefficients\",\n 530: \"YCbCrSubSampling\",\n 531: \"YCbCrPositioning\",\n 532: \"ReferenceBlackWhite\"\n },\n l = a.StringValues = {\n ExposureProgram: {\n 0: \"Not defined\",\n 1: \"Manual\",\n 2: \"Normal program\",\n 3: \"Aperture priority\",\n 4: \"Shutter priority\",\n 5: \"Creative program\",\n 6: \"Action program\",\n 7: \"Portrait mode\",\n 8: \"Landscape mode\"\n },\n MeteringMode: {\n 0: \"Unknown\",\n 1: \"Average\",\n 2: \"CenterWeightedAverage\",\n 3: \"Spot\",\n 4: \"MultiSpot\",\n 5: \"Pattern\",\n 6: \"Partial\",\n 255: \"Other\"\n },\n LightSource: {\n 0: \"Unknown\",\n 1: \"Daylight\",\n 2: \"Fluorescent\",\n 3: \"Tungsten (incandescent light)\",\n 4: \"Flash\",\n 9: \"Fine weather\",\n 10: \"Cloudy weather\",\n 11: \"Shade\",\n 12: \"Daylight fluorescent (D 5700 - 7100K)\",\n 13: \"Day white fluorescent (N 4600 - 5400K)\",\n 14: \"Cool white fluorescent (W 3900 - 4500K)\",\n 15: \"White fluorescent (WW 3200 - 3700K)\",\n 17: \"Standard light A\",\n 18: \"Standard light B\",\n 19: \"Standard light C\",\n 20: \"D55\",\n 21: \"D65\",\n 22: \"D75\",\n 23: \"D50\",\n 24: \"ISO studio tungsten\",\n 255: \"Other\"\n },\n Flash: {\n 0: \"Flash did not fire\",\n 1: \"Flash fired\",\n 5: \"Strobe return light not detected\",\n 7: \"Strobe return light detected\",\n 9: \"Flash fired, compulsory flash mode\",\n 13: \"Flash fired, compulsory flash mode, return light not detected\",\n 15: \"Flash fired, compulsory flash mode, return light detected\",\n 16: \"Flash did not fire, compulsory flash mode\",\n 24: \"Flash did not fire, auto mode\",\n 25: \"Flash fired, auto mode\",\n 29: \"Flash fired, auto mode, return light not detected\",\n 31: \"Flash fired, auto mode, return light detected\",\n 32: \"No flash function\",\n 65: \"Flash fired, red-eye reduction mode\",\n 69: \"Flash fired, red-eye reduction mode, return light not detected\",\n 71: \"Flash fired, red-eye reduction mode, return light detected\",\n 73: \"Flash fired, compulsory flash mode, red-eye reduction mode\",\n 77: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected\",\n 79: \"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected\",\n 89: \"Flash fired, auto mode, red-eye reduction mode\",\n 93: \"Flash fired, auto mode, return light not detected, red-eye reduction mode\",\n 95: \"Flash fired, auto mode, return light detected, red-eye reduction mode\"\n },\n SensingMethod: {\n 1: \"Not defined\",\n 2: \"One-chip color area sensor\",\n 3: \"Two-chip color area sensor\",\n 4: \"Three-chip color area sensor\",\n 5: \"Color sequential area sensor\",\n 7: \"Trilinear sensor\",\n 8: \"Color sequential linear sensor\"\n },\n SceneCaptureType: {\n 0: \"Standard\",\n 1: \"Landscape\",\n 2: \"Portrait\",\n 3: \"Night scene\"\n },\n SceneType: {\n 1: \"Directly photographed\"\n },\n CustomRendered: {\n 0: \"Normal process\",\n 1: \"Custom process\"\n },\n WhiteBalance: {\n 0: \"Auto white balance\",\n 1: \"Manual white balance\"\n },\n GainControl: {\n 0: \"None\",\n 1: \"Low gain up\",\n 2: \"High gain up\",\n 3: \"Low gain down\",\n 4: \"High gain down\"\n },\n Contrast: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n Saturation: {\n 0: \"Normal\",\n 1: \"Low saturation\",\n 2: \"High saturation\"\n },\n Sharpness: {\n 0: \"Normal\",\n 1: \"Soft\",\n 2: \"Hard\"\n },\n SubjectDistanceRange: {\n 0: \"Unknown\",\n 1: \"Macro\",\n 2: \"Close view\",\n 3: \"Distant view\"\n },\n FileSource: {\n 3: \"DSC\"\n },\n Components: {\n 0: \"\",\n 1: \"Y\",\n 2: \"Cb\",\n 3: \"Cr\",\n 4: \"R\",\n 5: \"G\",\n 6: \"B\"\n }\n };\n\n function c(t) {\n return !!t.exifdata;\n }\n\n function u(t) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength; i < n;) {\n if (255 != e.getUint8(i)) return !1;\n if (225 == e.getUint8(i + 1)) return m(e, i + 4, e.getUint16(i + 2));\n i += 2 + e.getUint16(i + 2);\n }\n }\n\n var d = {\n 120: \"caption\",\n 110: \"credit\",\n 25: \"keywords\",\n 55: \"dateCreated\",\n 80: \"byline\",\n 85: \"bylineTitle\",\n 122: \"captionWriter\",\n 105: \"headline\",\n 116: \"copyright\",\n 15: \"category\"\n };\n\n function f(t, e, i) {\n for (var n, a, r, o, s = new DataView(t), h = {}, l = e; l < e + i;) {\n 28 === s.getUint8(l) && 2 === s.getUint8(l + 1) && (o = s.getUint8(l + 2)) in d && (r = s.getInt16(l + 3), a = d[o], n = v(s, l + 5, r), h.hasOwnProperty(a) ? h[a] instanceof Array ? h[a].push(n) : h[a] = [h[a], n] : h[a] = n), l++;\n }\n\n return h;\n }\n\n function g(t, e, i, n, a) {\n var r,\n o,\n s = t.getUint16(i, !a),\n h = {};\n\n for (o = 0; o < s; o++) {\n r = i + 12 * o + 2, h[n[t.getUint16(r, !a)]] = p(t, r, e, 0, a);\n }\n\n return h;\n }\n\n function p(t, e, i, n, a) {\n var r,\n o,\n s,\n h,\n l,\n c,\n u = t.getUint16(e + 2, !a),\n d = t.getUint32(e + 4, !a),\n f = t.getUint32(e + 8, !a) + i;\n\n switch (u) {\n case 1:\n case 7:\n if (1 == d) return t.getUint8(e + 8, !a);\n\n for (r = d > 4 ? f : e + 8, o = [], h = 0; h < d; h++) {\n o[h] = t.getUint8(r + h);\n }\n\n return o;\n\n case 2:\n return v(t, r = d > 4 ? f : e + 8, d - 1);\n\n case 3:\n if (1 == d) return t.getUint16(e + 8, !a);\n\n for (r = d > 2 ? f : e + 8, o = [], h = 0; h < d; h++) {\n o[h] = t.getUint16(r + 2 * h, !a);\n }\n\n return o;\n\n case 4:\n if (1 == d) return t.getUint32(e + 8, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getUint32(f + 4 * h, !a);\n }\n\n return o;\n\n case 5:\n if (1 == d) return l = t.getUint32(f, !a), c = t.getUint32(f + 4, !a), (s = new Number(l / c)).numerator = l, s.denominator = c, s;\n\n for (o = [], h = 0; h < d; h++) {\n l = t.getUint32(f + 8 * h, !a), c = t.getUint32(f + 4 + 8 * h, !a), o[h] = new Number(l / c), o[h].numerator = l, o[h].denominator = c;\n }\n\n return o;\n\n case 9:\n if (1 == d) return t.getInt32(e + 8, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getInt32(f + 4 * h, !a);\n }\n\n return o;\n\n case 10:\n if (1 == d) return t.getInt32(f, !a) / t.getInt32(f + 4, !a);\n\n for (o = [], h = 0; h < d; h++) {\n o[h] = t.getInt32(f + 8 * h, !a) / t.getInt32(f + 4 + 8 * h, !a);\n }\n\n return o;\n }\n }\n\n function v(t, e, i) {\n var a = \"\";\n\n for (n = e; n < e + i; n++) {\n a += String.fromCharCode(t.getUint8(n));\n }\n\n return a;\n }\n\n function m(t, e) {\n if (\"Exif\" != v(t, e, 4)) return !1;\n var i,\n n,\n a,\n c,\n u,\n d = e + 6;\n if (18761 == t.getUint16(d)) i = !1;else {\n if (19789 != t.getUint16(d)) return !1;\n i = !0;\n }\n if (42 != t.getUint16(d + 2, !i)) return !1;\n var f = t.getUint32(d + 4, !i);\n if (f < 8) return !1;\n if ((n = g(t, d, d + f, o, i)).ExifIFDPointer) for (a in c = g(t, d, d + n.ExifIFDPointer, r, i)) {\n switch (a) {\n case \"LightSource\":\n case \"Flash\":\n case \"MeteringMode\":\n case \"ExposureProgram\":\n case \"SensingMethod\":\n case \"SceneCaptureType\":\n case \"SceneType\":\n case \"CustomRendered\":\n case \"WhiteBalance\":\n case \"GainControl\":\n case \"Contrast\":\n case \"Saturation\":\n case \"Sharpness\":\n case \"SubjectDistanceRange\":\n case \"FileSource\":\n c[a] = l[a][c[a]];\n break;\n\n case \"ExifVersion\":\n case \"FlashpixVersion\":\n c[a] = String.fromCharCode(c[a][0], c[a][1], c[a][2], c[a][3]);\n break;\n\n case \"ComponentsConfiguration\":\n c[a] = l.Components[c[a][0]] + l.Components[c[a][1]] + l.Components[c[a][2]] + l.Components[c[a][3]];\n }\n\n n[a] = c[a];\n }\n if (n.GPSInfoIFDPointer) for (a in u = g(t, d, d + n.GPSInfoIFDPointer, s, i)) {\n switch (a) {\n case \"GPSVersionID\":\n u[a] = u[a][0] + \".\" + u[a][1] + \".\" + u[a][2] + \".\" + u[a][3];\n }\n\n n[a] = u[a];\n }\n return n.thumbnail = function (t, e, i, n) {\n var a = function (t, e, i) {\n var n = t.getUint16(e, !i);\n return t.getUint32(e + 2 + 12 * n, !i);\n }(t, e + i, n);\n\n if (!a) return {};\n if (a > t.byteLength) return {};\n var r = g(t, e, e + a, h, n);\n if (r.Compression) switch (r.Compression) {\n case 6:\n if (r.JpegIFOffset && r.JpegIFByteCount) {\n var o = e + r.JpegIFOffset,\n s = r.JpegIFByteCount;\n r.blob = new Blob([new Uint8Array(t.buffer, o, s)], {\n type: \"image/jpeg\"\n });\n }\n\n break;\n\n case 1:\n console.log(\"Thumbnail image format is TIFF, which is not implemented.\");\n break;\n\n default:\n console.log(\"Unknown thumbnail image format '%s'\", r.Compression);\n } else 2 == r.PhotometricInterpretation && console.log(\"Thumbnail image format is RGB, which is not implemented.\");\n return r;\n }(t, d, f, i), n;\n }\n\n function y(t) {\n var e = {};\n\n if (1 == t.nodeType) {\n if (t.attributes.length > 0) {\n e[\"@attributes\"] = {};\n\n for (var i = 0; i < t.attributes.length; i++) {\n var n = t.attributes.item(i);\n e[\"@attributes\"][n.nodeName] = n.nodeValue;\n }\n }\n } else if (3 == t.nodeType) return t.nodeValue;\n\n if (t.hasChildNodes()) for (var a = 0; a < t.childNodes.length; a++) {\n var r = t.childNodes.item(a),\n o = r.nodeName;\n if (null == e[o]) e[o] = y(r);else {\n if (null == e[o].push) {\n var s = e[o];\n e[o] = [], e[o].push(s);\n }\n\n e[o].push(y(r));\n }\n }\n return e;\n }\n\n function b(t) {\n try {\n var e = {};\n if (t.children.length > 0) for (var i = 0; i < t.children.length; i++) {\n var n = t.children.item(i),\n a = n.attributes;\n\n for (var r in a) {\n var o = a[r],\n s = o.nodeName,\n h = o.nodeValue;\n void 0 !== s && (e[s] = h);\n }\n\n var l = n.nodeName;\n if (void 0 === e[l]) e[l] = y(n);else {\n if (void 0 === e[l].push) {\n var c = e[l];\n e[l] = [], e[l].push(c);\n }\n\n e[l].push(y(n));\n }\n } else e = t.textContent;\n return e;\n } catch (t) {\n console.log(t.message);\n }\n }\n\n a.enableXmp = function () {\n a.isXmpEnabled = !0;\n }, a.disableXmp = function () {\n a.isXmpEnabled = !1;\n }, a.getData = function (t, e) {\n return !((self.Image && t instanceof self.Image || self.HTMLImageElement && t instanceof self.HTMLImageElement) && !t.complete || (c(t) ? e && e.call(t) : function (t, e) {\n function i(i) {\n var n = u(i);\n t.exifdata = n || {};\n\n var r = function (t) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength, a = function a(t, e) {\n return 56 === t.getUint8(e) && 66 === t.getUint8(e + 1) && 73 === t.getUint8(e + 2) && 77 === t.getUint8(e + 3) && 4 === t.getUint8(e + 4) && 4 === t.getUint8(e + 5);\n }; i < n;) {\n if (a(e, i)) {\n var r = e.getUint8(i + 7);\n return r % 2 != 0 && (r += 1), 0 === r && (r = 4), f(t, i + 8 + r, e.getUint16(i + 6 + r));\n }\n\n i++;\n }\n }(i);\n\n if (t.iptcdata = r || {}, a.isXmpEnabled) {\n var o = function (t) {\n if (\"DOMParser\" in self) {\n var e = new DataView(t);\n if (255 != e.getUint8(0) || 216 != e.getUint8(1)) return !1;\n\n for (var i = 2, n = t.byteLength, a = new DOMParser(); i < n - 4;) {\n if (\"http\" == v(e, i, 4)) {\n var r = i - 1,\n o = e.getUint16(i - 2) - 1,\n s = v(e, r, o),\n h = s.indexOf(\"xmpmeta>\") + 8,\n l = (s = s.substring(s.indexOf(\"