\n * )}\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n *
\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 if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\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 * {state => (\n * \n * )}\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * By default the child component does not perform the enter transition when\n * it first mounts, regardless of the value of `in`. If you want this\n * behavior, set both `appear` and `in` to `true`.\n *\n * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n * > only adds an additional enter transition. However, in the\n * > `` component that first enter transition does result in\n * > additional `.appear-*` classes, that way you can choose to style it\n * > differently.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\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 return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. Timeouts are still used as a fallback if provided.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport addOneClass from 'dom-helpers/addClass';\nimport removeOneClass from 'dom-helpers/removeClass';\nimport React from 'react';\nimport Transition from './Transition';\nimport { classNamesShape } from './utils/PropTypes';\nimport { forceReflow } from './utils/reflow';\n\nvar _addClass = function addClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return addOneClass(node, c);\n });\n};\n\nvar removeClass = function removeClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return removeOneClass(node, c);\n });\n};\n/**\n * A transition component inspired by the excellent\n * [ng-animate](https://docs.angularjs.org/api/ngAnimate) library, you should\n * use it if you're using CSS transitions or animations. It's built upon the\n * [`Transition`](https://reactcommunity.org/react-transition-group/transition)\n * component, so it inherits all of its props.\n *\n * `CSSTransition` applies a pair of class names during the `appear`, `enter`,\n * and `exit` states of the transition. The first class is applied and then a\n * second `*-active` class in order to activate the CSS transition. After the\n * transition, matching `*-done` class names are applied to persist the\n * transition state.\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n *
\n * \n *
\n * {\"I'll receive my-node-* classes\"}\n *
\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n * opacity: 0;\n * }\n * .my-node-enter-active {\n * opacity: 1;\n * transition: opacity 200ms;\n * }\n * .my-node-exit {\n * opacity: 1;\n * }\n * .my-node-exit-active {\n * opacity: 0;\n * transition: opacity 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**, so it's\n * important to add `transition` declaration only to them, otherwise transitions\n * might not behave as intended! This might not be obvious when the transitions\n * are symmetrical, i.e. when `*-enter-active` is the same as `*-exit`, like in\n * the example above (minus `transition`), but it becomes apparent in more\n * complex transitions.\n *\n * **Note**: If you're using the\n * [`appear`](http://reactcommunity.org/react-transition-group/transition#Transition-prop-appear)\n * prop, make sure to define styles for `.appear-*` classes as well.\n */\n\n\nvar CSSTransition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(CSSTransition, _React$Component);\n\n function CSSTransition() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n _this.appliedClasses = {\n appear: {},\n enter: {},\n exit: {}\n };\n\n _this.onEnter = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument[0],\n appearing = _this$resolveArgument[1];\n\n _this.removeClasses(node, 'exit');\n\n _this.addClass(node, appearing ? 'appear' : 'enter', 'base');\n\n if (_this.props.onEnter) {\n _this.props.onEnter(maybeNode, maybeAppearing);\n }\n };\n\n _this.onEntering = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument2 = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument2[0],\n appearing = _this$resolveArgument2[1];\n\n var type = appearing ? 'appear' : 'enter';\n\n _this.addClass(node, type, 'active');\n\n if (_this.props.onEntering) {\n _this.props.onEntering(maybeNode, maybeAppearing);\n }\n };\n\n _this.onEntered = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument3 = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument3[0],\n appearing = _this$resolveArgument3[1];\n\n var type = appearing ? 'appear' : 'enter';\n\n _this.removeClasses(node, type);\n\n _this.addClass(node, type, 'done');\n\n if (_this.props.onEntered) {\n _this.props.onEntered(maybeNode, maybeAppearing);\n }\n };\n\n _this.onExit = function (maybeNode) {\n var _this$resolveArgument4 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument4[0];\n\n _this.removeClasses(node, 'appear');\n\n _this.removeClasses(node, 'enter');\n\n _this.addClass(node, 'exit', 'base');\n\n if (_this.props.onExit) {\n _this.props.onExit(maybeNode);\n }\n };\n\n _this.onExiting = function (maybeNode) {\n var _this$resolveArgument5 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument5[0];\n\n _this.addClass(node, 'exit', 'active');\n\n if (_this.props.onExiting) {\n _this.props.onExiting(maybeNode);\n }\n };\n\n _this.onExited = function (maybeNode) {\n var _this$resolveArgument6 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument6[0];\n\n _this.removeClasses(node, 'exit');\n\n _this.addClass(node, 'exit', 'done');\n\n if (_this.props.onExited) {\n _this.props.onExited(maybeNode);\n }\n };\n\n _this.resolveArguments = function (maybeNode, maybeAppearing) {\n return _this.props.nodeRef ? [_this.props.nodeRef.current, maybeNode] // here `maybeNode` is actually `appearing`\n : [maybeNode, maybeAppearing];\n };\n\n _this.getClassNames = function (type) {\n var classNames = _this.props.classNames;\n var isStringClassNames = typeof classNames === 'string';\n var prefix = isStringClassNames && classNames ? classNames + \"-\" : '';\n var baseClassName = isStringClassNames ? \"\" + prefix + type : classNames[type];\n var activeClassName = isStringClassNames ? baseClassName + \"-active\" : classNames[type + \"Active\"];\n var doneClassName = isStringClassNames ? baseClassName + \"-done\" : classNames[type + \"Done\"];\n return {\n baseClassName: baseClassName,\n activeClassName: activeClassName,\n doneClassName: doneClassName\n };\n };\n\n return _this;\n }\n\n var _proto = CSSTransition.prototype;\n\n _proto.addClass = function addClass(node, type, phase) {\n var className = this.getClassNames(type)[phase + \"ClassName\"];\n\n var _this$getClassNames = this.getClassNames('enter'),\n doneClassName = _this$getClassNames.doneClassName;\n\n if (type === 'appear' && phase === 'done' && doneClassName) {\n className += \" \" + doneClassName;\n } // This is to force a repaint,\n // which is necessary in order to transition styles when adding a class name.\n\n\n if (phase === 'active') {\n if (node) forceReflow(node);\n }\n\n if (className) {\n this.appliedClasses[type][phase] = className;\n\n _addClass(node, className);\n }\n };\n\n _proto.removeClasses = function removeClasses(node, type) {\n var _this$appliedClasses$ = this.appliedClasses[type],\n baseClassName = _this$appliedClasses$.base,\n activeClassName = _this$appliedClasses$.active,\n doneClassName = _this$appliedClasses$.done;\n this.appliedClasses[type] = {};\n\n if (baseClassName) {\n removeClass(node, baseClassName);\n }\n\n if (activeClassName) {\n removeClass(node, activeClassName);\n }\n\n if (doneClassName) {\n removeClass(node, doneClassName);\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n _ = _this$props.classNames,\n props = _objectWithoutPropertiesLoose(_this$props, [\"classNames\"]);\n\n return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {\n onEnter: this.onEnter,\n onEntered: this.onEntered,\n onEntering: this.onEntering,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }));\n };\n\n return CSSTransition;\n}(React.Component);\n\nCSSTransition.defaultProps = {\n classNames: ''\n};\nCSSTransition.propTypes = process.env.NODE_ENV !== \"production\" ? _extends({}, Transition.propTypes, {\n /**\n * The animation classNames applied to the component as it appears, enters,\n * exits or has finished the transition. A single name can be provided, which\n * will be suffixed for each stage, e.g. `classNames=\"fade\"` applies:\n *\n * - `fade-appear`, `fade-appear-active`, `fade-appear-done`\n * - `fade-enter`, `fade-enter-active`, `fade-enter-done`\n * - `fade-exit`, `fade-exit-active`, `fade-exit-done`\n *\n * A few details to note about how these classes are applied:\n *\n * 1. They are _joined_ with the ones that are already defined on the child\n * component, so if you want to add some base styles, you can use\n * `className` without worrying that it will be overridden.\n *\n * 2. If the transition component mounts with `in={false}`, no classes are\n * applied yet. You might be expecting `*-exit-done`, but if you think\n * about it, a component cannot finish exiting if it hasn't entered yet.\n *\n * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This\n * allows you to define different behavior for when appearing is done and\n * when regular entering is done, using selectors like\n * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply\n * an epic entrance animation when element first appears in the DOM using\n * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can\n * simply use `fade-enter-done` for defining both cases.\n *\n * Each individual classNames can also be specified independently like:\n *\n * ```js\n * classNames={{\n * appear: 'my-appear',\n * appearActive: 'my-active-appear',\n * appearDone: 'my-done-appear',\n * enter: 'my-enter',\n * enterActive: 'my-active-enter',\n * enterDone: 'my-done-enter',\n * exit: 'my-exit',\n * exitActive: 'my-active-exit',\n * exitDone: 'my-done-exit',\n * }}\n * ```\n *\n * If you want to set these classes using CSS Modules:\n *\n * ```js\n * import styles from './styles.css';\n * ```\n *\n * you might want to use camelCase in your CSS file, that way could simply\n * spread them instead of listing them one by one:\n *\n * ```js\n * classNames={{ ...styles }}\n * ```\n *\n * @type {string | {\n * appear?: string,\n * appearActive?: string,\n * appearDone?: string,\n * enter?: string,\n * enterActive?: string,\n * enterDone?: string,\n * exit?: string,\n * exitActive?: string,\n * exitDone?: string,\n * }}\n */\n classNames: classNamesShape,\n\n /**\n * A `` callback fired immediately after the 'enter' or 'appear' class is\n * applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEnter: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter-active' or\n * 'appear-active' class is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter' or\n * 'appear' classes are **removed** and the `done` class is added to the DOM node.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntered: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' class is\n * applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement)\n */\n onExit: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit-active' is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement)\n */\n onExiting: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' classes\n * are **removed** and the `exit-done` class is added to the DOM node.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement)\n */\n onExited: PropTypes.func\n}) : {};\nexport default CSSTransition;","import hasClass from './hasClass';\n/**\n * Adds a CSS class to a given element.\n * \n * @param element the element\n * @param className the CSS class name\n */\n\nexport default function addClass(element, className) {\n if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + \" \" + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + \" \" + className);\n}","/**\n * Checks if a given element has a CSS class.\n * \n * @param element the element\n * @param className the CSS class name\n */\nexport default function hasClass(element, className) {\n if (element.classList) return !!className && element.classList.contains(className);\n return (\" \" + (element.className.baseVal || element.className) + \" \").indexOf(\" \" + className + \" \") !== -1;\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;","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport TransitionGroup from './TransitionGroup';\n/**\n * The `` component is a specialized `Transition` component\n * that animates between two children.\n *\n * ```jsx\n * \n *
I appear first
\n *
I replace the above
\n * \n * ```\n */\n\nvar ReplaceTransition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(ReplaceTransition, _React$Component);\n\n function ReplaceTransition() {\n var _this;\n\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(_args)) || this;\n\n _this.handleEnter = function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _this.handleLifecycle('onEnter', 0, args);\n };\n\n _this.handleEntering = function () {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n return _this.handleLifecycle('onEntering', 0, args);\n };\n\n _this.handleEntered = function () {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n\n return _this.handleLifecycle('onEntered', 0, args);\n };\n\n _this.handleExit = function () {\n for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n args[_key5] = arguments[_key5];\n }\n\n return _this.handleLifecycle('onExit', 1, args);\n };\n\n _this.handleExiting = function () {\n for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {\n args[_key6] = arguments[_key6];\n }\n\n return _this.handleLifecycle('onExiting', 1, args);\n };\n\n _this.handleExited = function () {\n for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n args[_key7] = arguments[_key7];\n }\n\n return _this.handleLifecycle('onExited', 1, args);\n };\n\n return _this;\n }\n\n var _proto = ReplaceTransition.prototype;\n\n _proto.handleLifecycle = function handleLifecycle(handler, idx, originalArgs) {\n var _child$props;\n\n var children = this.props.children;\n var child = React.Children.toArray(children)[idx];\n if (child.props[handler]) (_child$props = child.props)[handler].apply(_child$props, originalArgs);\n\n if (this.props[handler]) {\n var maybeNode = child.props.nodeRef ? undefined : ReactDOM.findDOMNode(this);\n this.props[handler](maybeNode);\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n inProp = _this$props.in,\n props = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\"]);\n\n var _React$Children$toArr = React.Children.toArray(children),\n first = _React$Children$toArr[0],\n second = _React$Children$toArr[1];\n\n delete props.onEnter;\n delete props.onEntering;\n delete props.onEntered;\n delete props.onExit;\n delete props.onExiting;\n delete props.onExited;\n return /*#__PURE__*/React.createElement(TransitionGroup, props, inProp ? React.cloneElement(first, {\n key: 'first',\n onEnter: this.handleEnter,\n onEntering: this.handleEntering,\n onEntered: this.handleEntered\n }) : React.cloneElement(second, {\n key: 'second',\n onEnter: this.handleExit,\n onEntering: this.handleExiting,\n onEntered: this.handleExited\n }));\n };\n\n return ReplaceTransition;\n}(React.Component);\n\nReplaceTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n in: PropTypes.bool.isRequired,\n children: function children(props, propName) {\n if (React.Children.count(props[propName]) !== 2) return new Error(\"\\\"\" + propName + \"\\\" must be exactly two transition components.\");\n return null;\n }\n} : {};\nexport default ReplaceTransition;","import _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\n\nvar _leaveRenders, _enterRenders;\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { ENTERED, ENTERING, EXITING } from './Transition';\nimport TransitionGroupContext from './TransitionGroupContext';\n\nfunction areChildrenDifferent(oldChildren, newChildren) {\n if (oldChildren === newChildren) return false;\n\n if (React.isValidElement(oldChildren) && React.isValidElement(newChildren) && oldChildren.key != null && oldChildren.key === newChildren.key) {\n return false;\n }\n\n return true;\n}\n/**\n * Enum of modes for SwitchTransition component\n * @enum { string }\n */\n\n\nexport var modes = {\n out: 'out-in',\n in: 'in-out'\n};\n\nvar callHook = function callHook(element, name, cb) {\n return function () {\n var _element$props;\n\n element.props[name] && (_element$props = element.props)[name].apply(_element$props, arguments);\n cb();\n };\n};\n\nvar leaveRenders = (_leaveRenders = {}, _leaveRenders[modes.out] = function (_ref) {\n var current = _ref.current,\n changeState = _ref.changeState;\n return React.cloneElement(current, {\n in: false,\n onExited: callHook(current, 'onExited', function () {\n changeState(ENTERING, null);\n })\n });\n}, _leaveRenders[modes.in] = function (_ref2) {\n var current = _ref2.current,\n changeState = _ref2.changeState,\n children = _ref2.children;\n return [current, React.cloneElement(children, {\n in: true,\n onEntered: callHook(children, 'onEntered', function () {\n changeState(ENTERING);\n })\n })];\n}, _leaveRenders);\nvar enterRenders = (_enterRenders = {}, _enterRenders[modes.out] = function (_ref3) {\n var children = _ref3.children,\n changeState = _ref3.changeState;\n return React.cloneElement(children, {\n in: true,\n onEntered: callHook(children, 'onEntered', function () {\n changeState(ENTERED, React.cloneElement(children, {\n in: true\n }));\n })\n });\n}, _enterRenders[modes.in] = function (_ref4) {\n var current = _ref4.current,\n children = _ref4.children,\n changeState = _ref4.changeState;\n return [React.cloneElement(current, {\n in: false,\n onExited: callHook(current, 'onExited', function () {\n changeState(ENTERED, React.cloneElement(children, {\n in: true\n }));\n })\n }), React.cloneElement(children, {\n in: true\n })];\n}, _enterRenders);\n/**\n * A transition component inspired by the [vue transition modes](https://vuejs.org/v2/guide/transitions.html#Transition-Modes).\n * You can use it when you want to control the render between state transitions.\n * Based on the selected mode and the child's key which is the `Transition` or `CSSTransition` component, the `SwitchTransition` makes a consistent transition between them.\n *\n * If the `out-in` mode is selected, the `SwitchTransition` waits until the old child leaves and then inserts a new child.\n * If the `in-out` mode is selected, the `SwitchTransition` inserts a new child first, waits for the new child to enter and then removes the old child.\n *\n * **Note**: If you want the animation to happen simultaneously\n * (that is, to have the old child removed and a new child inserted **at the same time**),\n * you should use\n * [`TransitionGroup`](https://reactcommunity.org/react-transition-group/transition-group)\n * instead.\n *\n * ```jsx\n * function App() {\n * const [state, setState] = useState(false);\n * return (\n * \n * node.addEventListener(\"transitionend\", done, false)}\n * classNames='fade'\n * >\n * \n * \n * \n * );\n * }\n * ```\n *\n * ```css\n * .fade-enter{\n * opacity: 0;\n * }\n * .fade-exit{\n * opacity: 1;\n * }\n * .fade-enter-active{\n * opacity: 1;\n * }\n * .fade-exit-active{\n * opacity: 0;\n * }\n * .fade-enter-active,\n * .fade-exit-active{\n * transition: opacity 500ms;\n * }\n * ```\n */\n\nvar SwitchTransition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(SwitchTransition, _React$Component);\n\n function SwitchTransition() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n _this.state = {\n status: ENTERED,\n current: null\n };\n _this.appeared = false;\n\n _this.changeState = function (status, current) {\n if (current === void 0) {\n current = _this.state.current;\n }\n\n _this.setState({\n status: status,\n current: current\n });\n };\n\n return _this;\n }\n\n var _proto = SwitchTransition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.appeared = true;\n };\n\n SwitchTransition.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n if (props.children == null) {\n return {\n current: null\n };\n }\n\n if (state.status === ENTERING && props.mode === modes.in) {\n return {\n status: ENTERING\n };\n }\n\n if (state.current && areChildrenDifferent(state.current, props.children)) {\n return {\n status: EXITING\n };\n }\n\n return {\n current: React.cloneElement(props.children, {\n in: true\n })\n };\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n mode = _this$props.mode,\n _this$state = this.state,\n status = _this$state.status,\n current = _this$state.current;\n var data = {\n children: children,\n current: current,\n changeState: this.changeState,\n status: status\n };\n var component;\n\n switch (status) {\n case ENTERING:\n component = enterRenders[mode](data);\n break;\n\n case EXITING:\n component = leaveRenders[mode](data);\n break;\n\n case ENTERED:\n component = current;\n }\n\n return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n value: {\n isMounting: !this.appeared\n }\n }, component);\n };\n\n return SwitchTransition;\n}(React.Component);\n\nSwitchTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * Transition modes.\n * `out-in`: Current element transitions out first, then when complete, the new element transitions in.\n * `in-out`: New element transitions in first, then when complete, the current element transitions out.\n *\n * @type {'out-in'|'in-out'}\n */\n mode: PropTypes.oneOf([modes.in, modes.out]),\n\n /**\n * Any `Transition` or `CSSTransition` component.\n */\n children: PropTypes.oneOfType([PropTypes.element.isRequired])\n} : {};\nSwitchTransition.defaultProps = {\n mode: modes.out\n};\nexport default SwitchTransition;","/**\n * @license React\n * react-jsx-runtime.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';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","/**\n * @license React\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';var l=Symbol.for(\"react.element\"),n=Symbol.for(\"react.portal\"),p=Symbol.for(\"react.fragment\"),q=Symbol.for(\"react.strict_mode\"),r=Symbol.for(\"react.profiler\"),t=Symbol.for(\"react.provider\"),u=Symbol.for(\"react.context\"),v=Symbol.for(\"react.forward_ref\"),w=Symbol.for(\"react.suspense\"),x=Symbol.for(\"react.memo\"),y=Symbol.for(\"react.lazy\"),z=Symbol.iterator;function A(a){if(null===a||\"object\"!==typeof a)return null;a=z&&a[z]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}\nvar B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}E.prototype.isReactComponent={};\nE.prototype.setState=function(a,b){if(\"object\"!==typeof a&&\"function\"!==typeof a&&null!=a)throw Error(\"setState(...): takes an object of state variables to update or a function which returns an object of state variables.\");this.updater.enqueueSetState(this,a,b,\"setState\")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,\"forceUpdate\")};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}var H=G.prototype=new F;\nH.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};\nfunction M(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=\"\"+b.key),b)J.call(b,d)&&!L.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1>>1,e=a[d];if(0>>1;dg(C,c))ng(x,C)?(a[d]=x,a[n]=c,d=n):(a[d]=C,a[m]=c,d=m);else if(ng(x,c))a[d]=x,a[n]=c,d=n;else break a}}return b}\nfunction g(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}if(\"object\"===typeof performance&&\"function\"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}var r=[],t=[],u=1,v=null,y=3,z=!1,A=!1,B=!1,D=\"function\"===typeof setTimeout?setTimeout:null,E=\"function\"===typeof clearTimeout?clearTimeout:null,F=\"undefined\"!==typeof setImmediate?setImmediate:null;\n\"undefined\"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function G(a){for(var b=h(t);null!==b;){if(null===b.callback)k(t);else if(b.startTime<=a)k(t),b.sortIndex=b.expirationTime,f(r,b);else break;b=h(t)}}function H(a){B=!1;G(a);if(!A)if(null!==h(r))A=!0,I(J);else{var b=h(t);null!==b&&K(H,b.startTime-a)}}\nfunction J(a,b){A=!1;B&&(B=!1,E(L),L=-1);z=!0;var c=y;try{G(b);for(v=h(r);null!==v&&(!(v.expirationTime>b)||a&&!M());){var d=v.callback;if(\"function\"===typeof d){v.callback=null;y=v.priorityLevel;var e=d(v.expirationTime<=b);b=exports.unstable_now();\"function\"===typeof e?v.callback=e:v===h(r)&&k(r);G(b)}else k(r);v=h(r)}if(null!==v)var w=!0;else{var m=h(t);null!==m&&K(H,m.startTime-b);w=!1}return w}finally{v=null,y=c,z=!1}}var N=!1,O=null,L=-1,P=5,Q=-1;\nfunction M(){return exports.unstable_now()-Qa||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","import type {\n Properties,\n FontFace as FontFaceObject,\n KeyframesObject,\n} from \"./style-types\";\n\nexport type {FontFaceObject, KeyframesObject};\n\nexport type StyleObject = Properties & {\n [key in string]: Properties[keyof Properties] | StyleObject;\n};\n\nexport interface StandardEngine {\n renderStyle(style: StyleObject): string;\n renderKeyframes(keyframes: KeyframesObject): string;\n renderFontFace(fontFace: FontFaceObject): string;\n}\n\nexport function driver(style: StyleObject, styletron: StandardEngine): string {\n const tx = renderDeclarativeRules(style, styletron);\n return styletron.renderStyle(tx);\n}\n\nexport function getInitialStyle(): StyleObject {\n return {};\n}\n\nexport function renderDeclarativeRules(\n style: StyleObject,\n styletron: StandardEngine,\n) {\n for (const key in style) {\n const val = style[key];\n if (key === \"animationName\" && typeof val !== \"string\") {\n style.animationName = styletron.renderKeyframes(val as any);\n continue;\n }\n if (key === \"fontFamily\" && typeof val !== \"string\") {\n if (Array.isArray(val)) {\n let result = \"\";\n for (const font of val) {\n if (typeof font === \"object\") {\n result += `${styletron.renderFontFace(font as any)},`;\n } else if (typeof font === \"string\") {\n result += `${font},`;\n }\n }\n style.fontFamily = result.slice(0, -1);\n continue;\n } else if (val === void 0) {\n continue;\n } else {\n style.fontFamily = styletron.renderFontFace(val as any);\n continue;\n }\n }\n if (typeof val === \"object\" && val !== null) {\n renderDeclarativeRules(val as StyleObject, styletron);\n }\n }\n return style;\n}\n","/* eslint-env browser */\n/* global module */\n\nexport function addDebugMetadata(instance, stackIndex) {\n // @ts-expect-error todo: stacktrace does not exist on error (non standard browser?)\n const {stack, stacktrace, message} = new Error(\"stacktrace source\");\n instance.debug = {\n stackInfo: {stack, stacktrace, message},\n stackIndex: stackIndex,\n };\n}\n\n// DEVTOOLS SETUP\ntype StyletronStyles = {\n classes?: any;\n styles?: any;\n extends?: any;\n};\n\nexport const setupDevtoolsExtension = () => {\n const atomicMap = {};\n const extensionsMap = new Map();\n const stylesMap = new Map();\n const getStyles: (className: string) => StyletronStyles = className => {\n const styles: StyletronStyles = {};\n if (typeof className !== \"string\") {\n return styles;\n }\n if (stylesMap.has(className)) {\n styles.styles = stylesMap.get(className);\n const classList = className.split(\" \");\n if (classList.length) {\n const classes = {};\n classList.forEach(singleClassName => {\n classes[singleClassName] = atomicMap[singleClassName];\n });\n styles.classes = classes;\n }\n if (extensionsMap.has(className)) {\n const extension = extensionsMap.get(className);\n styles.extends = extension;\n }\n return styles;\n }\n };\n window.__STYLETRON_DEVTOOLS__ = {\n atomicMap,\n extensionsMap,\n stylesMap,\n getStyles,\n };\n};\n\n// todo: export debug engine interface\nexport class BrowserDebugEngine {\n private worker: any;\n private counter: number;\n constructor(worker?) {\n if (!worker) {\n const workerBlob = new Blob(\n [\n `importScripts(\"https://unpkg.com/css-to-js-sourcemap-worker@2.0.5/worker.js\")`,\n ],\n {type: \"application/javascript\"},\n );\n worker = new Worker(URL.createObjectURL(workerBlob));\n worker.postMessage({\n id: \"init_wasm\",\n url: \"https://unpkg.com/css-to-js-sourcemap-worker@2.0.5/mappings.wasm\",\n });\n worker.postMessage({\n id: \"set_render_interval\",\n interval: 120,\n });\n if (module.hot) {\n module.hot.addStatusHandler(status => {\n if (status === \"dispose\") {\n worker.postMessage({id: \"invalidate\"});\n }\n });\n }\n }\n this.worker = worker;\n this.counter = 0;\n this.worker.onmessage = msg => {\n const {id, css} = msg.data;\n if (id === \"render_css\" && css) {\n const style = document.createElement(\"style\");\n style.appendChild(document.createTextNode(css));\n document.head.appendChild(style);\n }\n };\n }\n\n debug({stackIndex, stackInfo}) {\n const className = `__debug-${this.counter++}`;\n this.worker.postMessage({\n id: \"add_mapped_class\",\n className,\n stackInfo,\n stackIndex,\n });\n return className;\n }\n}\n\n// todo: export debug engine interface\nexport class NoopDebugEngine {\n debug(): undefined {\n return;\n }\n}\n\ndeclare var __BROWSER__: boolean;\nexport const DebugEngine = __BROWSER__ ? BrowserDebugEngine : NoopDebugEngine;\n","/* eslint-env browser */\n/* eslint-disable no-unused-vars, no-redeclare, no-shadow */\n\ndeclare var __DEV__: boolean;\n\ndeclare var __BROWSER__: boolean;\ndeclare global {\n interface Window {\n __STYLETRON_DEVTOOLS__: any;\n }\n}\n\ndeclare var process: any;\n\nimport * as React from \"react\";\nimport {\n driver,\n getInitialStyle,\n type StandardEngine,\n type StyleObject,\n} from \"styletron-standard\";\n\nimport type {\n Styletron,\n StyletronComponent,\n ReducerContainer,\n AssignmentCommutativeReducerContainer,\n NonAssignmentCommutativeReducerContainer,\n StyledFn,\n WithStyleFn,\n WithTransformFn,\n WithWrapperFn,\n StyletronProps,\n} from \"./types\";\nimport {\n addDebugMetadata,\n setupDevtoolsExtension,\n DebugEngine,\n} from \"./dev-tool\";\n\nexport {DebugEngine};\nexport type {StyleObject};\nexport type {StyletronProps};\nexport type {StyletronComponent};\n\nconst noopEngine = {\n renderStyle: () => \"\",\n renderKeyframes: () => \"\",\n renderFontFace: () => \"\",\n};\n\nconst StyletronContext = React.createContext(noopEngine);\nconst HydrationContext = React.createContext(false);\nconst DebugEngineContext = React.createContext<\n InstanceType | undefined\n>(undefined);\n//todo: theme context removed\n\ntype DevProviderProps = {\n children: React.ReactNode;\n value: StandardEngine;\n debugAfterHydration?: boolean;\n debug?: any;\n};\n\nclass DevProvider extends React.Component<\n DevProviderProps,\n {\n hydrating: boolean;\n }\n> {\n constructor(props: DevProviderProps) {\n super(props);\n this.state = {\n hydrating: Boolean(props.debugAfterHydration),\n };\n }\n\n componentDidMount() {\n if (__BROWSER__) {\n if (this.state.hydrating === true) {\n this.setState({\n hydrating: false,\n });\n }\n }\n }\n\n render() {\n return (\n \n \n \n {this.props.children}\n \n \n \n );\n }\n}\n\nexport const Provider =\n __BROWSER__ && __DEV__ ? DevProvider : StyletronContext.Provider;\n\nif (__BROWSER__ && __DEV__ && !window.__STYLETRON_DEVTOOLS__) {\n setupDevtoolsExtension();\n}\n\ntype createStyledOpts = {\n getInitialStyle: () => StyleObject;\n driver: typeof driver;\n wrapper: (fc: React.FC) => React.ComponentType;\n};\n\nfunction checkNoopEngine(engine: StandardEngine) {\n // if no engine provided, we default to no-op, handy for tests\n // however, print a warning in other envs\n if (process.env.NODE_ENV !== \"test\") {\n engine === noopEngine &&\n // eslint-disable-next-line no-console\n console.warn(\n __DEV__\n ? `\nStyletron has been switched to a no-op (test) mode.\n\nA Styletron styled component was rendered, but no Styletron engine instance was provided in React context.\n\nDid you forget to provide a Styletron engine instance to React context via using the Styletron provider component?\n\nNote: Providers and Consumers must come from the exact same React.createContext call to work.\nIf your app has multiple instances of the \"styletron-react\" package in your node_module tree,\nyour Provider may be coming from a different React.createContext call, which means the styled components\nwill not recieve the provided engine instance. This scenario can arise, for example, when using \"npm link\".\n`\n : `Styletron Provider is not set up. Defaulting to no-op.`,\n );\n }\n}\n\nexport function useStyletron(): [(style: StyleObject) => string] {\n const styletronEngine: StandardEngine = React.useContext(StyletronContext);\n const debugEngine = React.useContext(DebugEngineContext);\n const hydrating = React.useContext(HydrationContext);\n checkNoopEngine(styletronEngine);\n\n const debugClassName = React.useRef(\"\");\n const prevDebugClassNameDeps = React.useRef([]);\n\n return [\n function css(style: StyleObject) {\n const className = driver(style, styletronEngine);\n if (!(__BROWSER__ && __DEV__)) {\n return className;\n }\n const {stack, message} = new Error(\"stacktrace source\");\n\n const nextDeps = [debugEngine, hydrating];\n if (\n prevDebugClassNameDeps.current[0] !== nextDeps[0] ||\n prevDebugClassNameDeps.current[1] !== nextDeps[1]\n ) {\n if (debugEngine && !hydrating) {\n debugClassName.current = debugEngine.debug({\n stackInfo: {stack, message},\n stackIndex: 1,\n });\n }\n prevDebugClassNameDeps.current = nextDeps;\n }\n\n if (debugClassName.current) {\n return `${debugClassName.current} ${className}`;\n }\n\n return className;\n },\n ];\n}\n\nexport function createStyled({\n getInitialStyle,\n driver,\n wrapper,\n}: createStyledOpts): StyledFn {\n function styled(base: any, styleArg) {\n if (__DEV__) {\n if (base.__STYLETRON__) {\n /* eslint-disable no-console */\n console.warn(\n \"It appears you are passing a styled component into `styled`.\",\n );\n console.warn(\n \"For composition with existing styled components, use `withStyle` or `withTransform` instead.\",\n );\n /* eslint-enable no-console */\n }\n }\n\n const baseStyletron: Styletron = {\n reducers: [],\n base: base,\n driver,\n getInitialStyle,\n wrapper,\n };\n\n if (__BROWSER__ && __DEV__) {\n addDebugMetadata(baseStyletron, 2);\n }\n\n return createStyledElementComponent(\n autoComposeShallow(baseStyletron, styleArg),\n );\n }\n\n return styled;\n}\n\nexport const styled: StyledFn = createStyled({\n getInitialStyle,\n driver,\n wrapper: Component => Component,\n});\n\nexport const withTransform: WithTransformFn = (component, transformer) => {\n const styletron = component.__STYLETRON__;\n\n if (__BROWSER__ && __DEV__) {\n addDebugMetadata(styletron, 2);\n }\n\n return createStyledElementComponent(composeDynamic(styletron, transformer));\n};\n\nexport const withStyleDeep: WithStyleFn = (component, styleArg) => {\n // @ts-ignore\n const styletron = component.__STYLETRON__;\n\n if (__DEV__) {\n if (!styletron) {\n /* eslint-disable no-console */\n console.warn(\n \"The first parameter to `withStyle` must be a styled component (without extra wrappers).\",\n );\n /* eslint-enable no-console */\n }\n }\n\n if (__BROWSER__ && __DEV__) {\n addDebugMetadata(styletron, 2);\n return createStyledElementComponent(\n addExtension(autoComposeDeep(styletron, styleArg), component, styleArg),\n );\n } else {\n return createStyledElementComponent(autoComposeDeep(styletron, styleArg));\n }\n};\n\nexport const withStyle = withStyleDeep;\n\nexport const withWrapper: WithWrapperFn = (component, wrapper) => {\n const styletron = component.__STYLETRON__;\n\n if (__DEV__) {\n if (!styletron) {\n /* eslint-disable no-console */\n console.warn(\n \"The first parameter to `withWrapper` must be a styled component (without extra wrappers).\",\n );\n /* eslint-enable no-console */\n }\n }\n\n const composed = {\n getInitialStyle: styletron.getInitialStyle,\n base: styletron.base,\n driver: styletron.driver,\n wrapper: wrapper,\n reducers: styletron.reducers,\n };\n\n if (__BROWSER__ && __DEV__) {\n addDebugMetadata(composed, 2);\n }\n\n return createStyledElementComponent(composed);\n};\n\nexport function autoComposeShallow(\n styletron: Styletron,\n styleArg: StyleObject | ((a: Props) => StyleObject),\n) {\n if (typeof styleArg === \"function\") {\n return dynamicComposeShallow(styletron, styleArg);\n }\n\n return staticComposeShallow(styletron, styleArg);\n}\n\nfunction addExtension(composed, component, styleArg) {\n return {\n ...composed,\n ext: {\n with: styleArg,\n name: component.displayName,\n base: component.__STYLETRON__.base,\n getInitialStyle: component.__STYLETRON__.reducers.length\n ? component.__STYLETRON__.reducers[0].reducer\n : component.__STYLETRON__.getInitialStyle,\n },\n };\n}\n\nexport function autoComposeDeep(\n styletron: Styletron,\n styleArg: StyleObject | ((a: Props) => StyleObject),\n) {\n if (typeof styleArg === \"function\") {\n return dynamicComposeDeep(styletron, styleArg);\n }\n\n return staticComposeDeep(styletron, styleArg);\n}\n\nexport function staticComposeShallow(styletron: Styletron, style: StyleObject) {\n return composeStatic(styletron, createShallowMergeReducer(style));\n}\n\nexport function staticComposeDeep(styletron: Styletron, style: StyleObject) {\n return composeStatic(styletron, createDeepMergeReducer(style));\n}\n\nexport function dynamicComposeShallow(\n styletron: Styletron,\n styleFn: (a: Props) => StyleObject,\n) {\n return composeDynamic(styletron, (style, props) =>\n shallowMerge(style, styleFn(props)),\n );\n}\n\nexport function dynamicComposeDeep(\n styletron: Styletron,\n styleFn: (a: Props) => StyleObject,\n) {\n return composeDynamic(styletron, (style, props) =>\n deepMerge(style, styleFn(props)),\n );\n}\n\nexport function createShallowMergeReducer(\n style: StyleObject,\n): AssignmentCommutativeReducerContainer {\n return {\n reducer: inputStyle => shallowMerge(inputStyle, style),\n assignmentCommutative: true,\n factory: createShallowMergeReducer,\n style: style,\n };\n}\n\nexport function createDeepMergeReducer(\n style: StyleObject,\n): AssignmentCommutativeReducerContainer {\n return {\n reducer: inputStyle => deepMerge(inputStyle, style),\n assignmentCommutative: true,\n factory: createDeepMergeReducer,\n style: style,\n };\n}\n\nexport function composeStatic(\n styletron: Styletron,\n reducerContainer: AssignmentCommutativeReducerContainer,\n) {\n if (styletron.reducers.length === 0) {\n const style = reducerContainer.reducer(styletron.getInitialStyle());\n const result: Styletron = {\n reducers: styletron.reducers,\n base: styletron.base,\n driver: styletron.driver,\n wrapper: styletron.wrapper,\n getInitialStyle: () => style,\n };\n if (__BROWSER__ && __DEV__) {\n result.debug = styletron.debug;\n }\n return result;\n } else {\n const last = styletron.reducers[0];\n\n if (\n last.assignmentCommutative === true &&\n reducerContainer.assignmentCommutative === true\n ) {\n const composed = reducerContainer.reducer(last.style);\n\n const result: Styletron = {\n getInitialStyle: styletron.getInitialStyle,\n base: styletron.base,\n driver: styletron.driver,\n wrapper: styletron.wrapper,\n reducers: [last.factory(composed)].concat(\n styletron.reducers.slice(1) as any,\n ),\n };\n\n if (__BROWSER__ && __DEV__) {\n result.debug = styletron.debug;\n }\n\n return result;\n }\n\n return composeDynamic(styletron, reducerContainer.reducer);\n }\n}\n\nexport function composeDynamic(\n styletron: Styletron,\n reducer: (b: StyleObject, a: Props) => StyleObject,\n) {\n const composed: Styletron = {\n getInitialStyle: styletron.getInitialStyle,\n base: styletron.base,\n driver: styletron.driver,\n wrapper: styletron.wrapper,\n // @ts-ignore\n reducers: [{assignmentCommutative: false, reducer}].concat(\n styletron.reducers,\n ),\n };\n if (__BROWSER__ && __DEV__) {\n composed.debug = styletron.debug;\n }\n return composed;\n}\n\nexport function createStyledElementComponent(styletron: Styletron) {\n const {reducers, base, driver, wrapper, getInitialStyle, ext} = styletron;\n\n if (__BROWSER__ && __DEV__) {\n var debugStackInfo, debugStackIndex;\n if (styletron.debug) {\n debugStackInfo = styletron.debug.stackInfo;\n debugStackIndex = styletron.debug.stackIndex;\n }\n }\n\n if (__BROWSER__ && __DEV__) {\n var debugClassName;\n }\n\n const StyledElement = React.forwardRef((props, ref) => {\n const styletron: StandardEngine = React.useContext(StyletronContext);\n const debugEngine = React.useContext(DebugEngineContext);\n const hydrating = React.useContext(HydrationContext);\n checkNoopEngine(styletron);\n\n const elementProps: any = omitPrefixedKeys(props);\n let style = resolveStyle(getInitialStyle, reducers, props);\n\n if (props.$style) {\n if (typeof props.$style === \"function\") {\n style = deepMerge(style, props.$style(props));\n } else {\n style = deepMerge(style, props.$style);\n }\n }\n\n const styleClassString = driver(style, styletron);\n const Element = props.$as ? props.$as : base;\n elementProps.className = props.className\n ? `${props.className} ${styleClassString}`\n : styleClassString;\n\n if (__BROWSER__ && __DEV__ && debugEngine && !hydrating) {\n if (!debugClassName) {\n debugClassName = debugEngine.debug({\n stackInfo: debugStackInfo,\n stackIndex: debugStackIndex,\n });\n }\n\n const joined = `${debugClassName} ${elementProps.className}`;\n elementProps.className = joined;\n }\n\n if (__BROWSER__ && __DEV__ && window.__STYLETRON_DEVTOOLS__) {\n window.__STYLETRON_DEVTOOLS__.stylesMap.set(\n elementProps.className,\n style,\n );\n if (ext) {\n window.__STYLETRON_DEVTOOLS__.extensionsMap.set(\n elementProps.className,\n {\n base: ext.base,\n displayName: ext.name,\n initialStyles: ext.getInitialStyle({}, props),\n styleOverrides:\n typeof ext.with === \"function\" ? ext.with(props) : ext.with,\n },\n );\n }\n }\n\n if (props.$ref) {\n // eslint-disable-next-line no-console\n console.warn(\n \"The prop `$ref` has been deprecated. Use `ref` instead. Refs are now forwarded with React.forwardRef.\",\n );\n }\n return ;\n });\n\n const Wrapped = wrapper(StyledElement);\n Wrapped.__STYLETRON__ = {\n base,\n reducers,\n driver,\n wrapper,\n getInitialStyle,\n };\n\n if (__DEV__) {\n let displayName;\n\n if (typeof base === \"string\") {\n displayName = base;\n } else if (base.displayName) {\n displayName = base.displayName;\n } else if (base.name) {\n displayName = base.name;\n } else {\n displayName = \"Unknown\";\n }\n\n Wrapped.displayName = `Styled(${displayName})`;\n }\n\n return Wrapped;\n}\n\n// Utility functions\n\nexport function resolveStyle(\n getInitialStyle: (a: void) => StyleObject,\n reducers: Array,\n props: any,\n): StyleObject {\n let result = getInitialStyle();\n let i = reducers.length;\n while (i--) {\n // Cast to allow passing unused props param in case of static reducer\n const reducer = reducers[i].reducer as (\n b: StyleObject,\n a: any,\n ) => StyleObject;\n result = reducer(result, props);\n }\n return result;\n}\n\nfunction isObject(x: any) {\n return typeof x === \"object\" && x !== null;\n}\n\nfunction omitPrefixedKeys(source) {\n const result = {};\n\n for (const key in source) {\n if (key[0] !== \"$\") {\n result[key] = source[key];\n }\n }\n\n return result;\n}\n\nfunction deepMerge(a, b) {\n const result = assign({}, a);\n\n for (const key in b) {\n const val = b[key];\n\n if (isObject(val) && isObject(a[key])) {\n result[key] = deepMerge(a[key], val);\n } else {\n result[key] = val;\n }\n }\n\n return result;\n}\n\nfunction shallowMerge(a, b) {\n return assign(assign({}, a), b);\n}\n\nfunction assign(target, source) {\n for (const key in source) {\n target[key] = source[key];\n }\n return target;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));\n\t}\n\tdef['default'] = () => (value);\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export default class SequentialIDGenerator {\n prefix: string;\n count: number;\n offset: number;\n msb: number;\n power: number;\n\n constructor(prefix: string = \"\") {\n // ensure start with \"ae\" so \"ad\" is never produced\n this.prefix = prefix;\n this.count = 0;\n this.offset = 374;\n this.msb = 1295;\n this.power = 2;\n }\n\n next() {\n const id = this.increment().toString(36);\n return this.prefix ? `${this.prefix}${id}` : id;\n }\n\n increment() {\n const id = this.count + this.offset;\n if (id === this.msb) {\n this.offset += (this.msb + 1) * 9;\n this.msb = Math.pow(36, ++this.power) - 1;\n }\n this.count++;\n return id;\n }\n}\n","// adapted from https://github.com/dutchenkoOleg/sort-css-media-queries\n\nconst minMaxWidth = /(!?\\(\\s*min(-device-)?-width).+\\(\\s*max(-device)?-width/i;\nconst minWidth = /\\(\\s*min(-device)?-width/i;\nconst maxMinWidth = /(!?\\(\\s*max(-device)?-width).+\\(\\s*min(-device)?-width/i;\nconst maxWidth = /\\(\\s*max(-device)?-width/i;\n\nconst isMinWidth = _testQuery(minMaxWidth, maxMinWidth, minWidth);\nconst isMaxWidth = _testQuery(maxMinWidth, minMaxWidth, maxWidth);\n\nconst minMaxHeight =\n /(!?\\(\\s*min(-device)?-height).+\\(\\s*max(-device)?-height/i;\nconst minHeight = /\\(\\s*min(-device)?-height/i;\nconst maxMinHeight =\n /(!?\\(\\s*max(-device)?-height).+\\(\\s*min(-device)?-height/i;\nconst maxHeight = /\\(\\s*max(-device)?-height/i;\n\nconst isMinHeight = _testQuery(minMaxHeight, maxMinHeight, minHeight);\nconst isMaxHeight = _testQuery(maxMinHeight, minMaxHeight, maxHeight);\n\nconst isPrint = /print/i;\nconst isPrintOnly = /^print$/i;\nconst maxValue = Number.MAX_VALUE;\n\nfunction _getQueryLength(length: string) {\n const matches = /(-?\\d*\\.?\\d+)(ch|em|ex|px|rem)/.exec(length);\n if (matches === null) {\n return maxValue;\n }\n let number: number | string = matches[1];\n const unit = matches[2];\n switch (unit) {\n case \"ch\":\n number = parseFloat(number) * 8.8984375;\n break;\n case \"em\":\n case \"rem\":\n number = parseFloat(number) * 16;\n break;\n case \"ex\":\n number = parseFloat(number) * 8.296875;\n break;\n case \"px\":\n number = parseFloat(number);\n break;\n }\n return +number;\n}\n\nfunction _testQuery(\n doubleTestTrue: RegExp,\n doubleTestFalse: RegExp,\n singleTest: RegExp,\n) {\n return function (query: string) {\n if (doubleTestTrue.test(query)) {\n return true;\n } else if (doubleTestFalse.test(query)) {\n return false;\n }\n return singleTest.test(query);\n };\n}\n\nfunction _testIsPrint(a: string, b: string) {\n const isPrintA = isPrint.test(a);\n const isPrintOnlyA = isPrintOnly.test(a);\n const isPrintB = isPrint.test(b);\n const isPrintOnlyB = isPrintOnly.test(b);\n\n if (isPrintA && isPrintB) {\n if (!isPrintOnlyA && isPrintOnlyB) {\n return 1;\n }\n if (isPrintOnlyA && !isPrintOnlyB) {\n return -1;\n }\n return a.localeCompare(b);\n }\n if (isPrintA) {\n return 1;\n }\n if (isPrintB) {\n return -1;\n }\n return null;\n}\n\nexport default function sortCSSmq(a: string, b: string) {\n if (a === \"\") {\n return -1;\n }\n if (b === \"\") {\n return 1;\n }\n const testIsPrint = _testIsPrint(a, b);\n if (testIsPrint !== null) {\n return testIsPrint;\n }\n\n const minA = isMinWidth(a) || isMinHeight(a);\n const maxA = isMaxWidth(a) || isMaxHeight(a);\n const minB = isMinWidth(b) || isMinHeight(b);\n const maxB = isMaxWidth(b) || isMaxHeight(b);\n\n if (minA && maxB) {\n return -1;\n }\n if (maxA && minB) {\n return 1;\n }\n\n const lengthA = _getQueryLength(a);\n const lengthB = _getQueryLength(b);\n\n if (lengthA === maxValue && lengthB === maxValue) {\n return a.localeCompare(b);\n } else if (lengthA === maxValue) {\n return 1;\n } else if (lengthB === maxValue) {\n return -1;\n }\n\n if (lengthA > lengthB) {\n if (maxA) {\n return -1;\n }\n return 1;\n }\n\n if (lengthA < lengthB) {\n if (maxA) {\n return 1;\n }\n return -1;\n }\n\n return a.localeCompare(b);\n}\n","import SequentialIDGenerator from \"./sequential-id-generator\";\nimport sortMq from \"./sort-css-media-queries\";\n\ntype OnNewCacheFn = (\n key: string,\n cache: Cache,\n value?: string | null,\n) => any;\ntype OnNewValueFn = (cache: Cache, id: string, value: T) => any;\n\nexport class MultiCache {\n caches: {\n [x: string]: Cache;\n };\n idGenerator: SequentialIDGenerator;\n onNewCache: OnNewCacheFn;\n onNewValue: OnNewValueFn;\n sortedCacheKeys: string[];\n\n constructor(\n idGenerator: SequentialIDGenerator,\n onNewCache: OnNewCacheFn,\n onNewValue: OnNewValueFn,\n ) {\n this.idGenerator = idGenerator;\n this.onNewCache = onNewCache;\n this.onNewValue = onNewValue;\n this.sortedCacheKeys = [];\n this.caches = {};\n }\n\n getCache(key: string): Cache {\n if (!this.caches[key]) {\n const cache = new Cache(this.idGenerator, this.onNewValue);\n cache.key = key;\n this.sortedCacheKeys.push(key);\n this.sortedCacheKeys.sort(sortMq);\n const keyIndex = this.sortedCacheKeys.indexOf(key);\n const insertBeforeMedia =\n keyIndex < this.sortedCacheKeys.length - 1\n ? this.sortedCacheKeys[keyIndex + 1]\n : void 0;\n this.caches[key] = cache;\n this.onNewCache(key, cache, insertBeforeMedia);\n }\n return this.caches[key];\n }\n\n getSortedCacheKeys() {\n return this.sortedCacheKeys;\n }\n}\n\nexport class Cache {\n cache: {\n [x: string]: string;\n };\n idGenerator: SequentialIDGenerator;\n key: string;\n onNewValue: (cache: Cache, id: string, value: any) => any;\n\n constructor(\n idGenerator: SequentialIDGenerator,\n onNewValue: (cache: Cache, id: string, value: any) => any,\n ) {\n this.cache = {};\n this.idGenerator = idGenerator;\n this.onNewValue = onNewValue;\n }\n\n addValue(key: string, value: T) {\n const cached = this.cache[key];\n if (cached) {\n return cached;\n }\n const id = this.idGenerator.next();\n this.cache[key] = id;\n this.onNewValue(this, id, value);\n return id;\n }\n}\n","const uppercasePattern = /[A-Z]/g;\nconst msPattern = /^ms-/;\nconst cache = {};\n\nexport default function hyphenateStyleName(prop: string): string {\n return prop in cache\n ? cache[prop]\n : (cache[prop] = prop\n .replace(uppercasePattern, \"-$&\")\n .toLowerCase()\n .replace(msPattern, \"-ms-\"));\n}\n","export default function capitalizeString(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}","import capitalizeString from './capitalizeString';\n\n\nexport default function prefixProperty(prefixProperties, property, style) {\n if (prefixProperties.hasOwnProperty(property)) {\n var newStyle = {};\n var requiredPrefixes = prefixProperties[property];\n var capitalizedProperty = capitalizeString(property);\n var keys = Object.keys(style);\n for (var i = 0; i < keys.length; i++) {\n var styleProperty = keys[i];\n if (styleProperty === property) {\n for (var j = 0; j < requiredPrefixes.length; j++) {\n newStyle[requiredPrefixes[j] + capitalizedProperty] = style[property];\n }\n }\n newStyle[styleProperty] = style[styleProperty];\n }\n return newStyle;\n }\n return style;\n}","export default function prefixValue(plugins, property, value, style, metaData) {\n for (var i = 0, len = plugins.length; i < len; ++i) {\n var processedValue = plugins[i](property, value, style, metaData);\n\n // we can stop processing if a value is returned\n // as all plugin criteria are unique\n if (processedValue) {\n return processedValue;\n }\n }\n}","function addIfNew(list, value) {\n if (list.indexOf(value) === -1) {\n list.push(value);\n }\n}\n\nexport default function addNewValuesOnly(list, values) {\n if (Array.isArray(values)) {\n for (var i = 0, len = values.length; i < len; ++i) {\n addIfNew(list, values[i]);\n }\n } else {\n addIfNew(list, values);\n }\n}","export default function isObject(value) {\n return value instanceof Object && !Array.isArray(value);\n}","\nvar w = [\"Webkit\"];\nvar m = [\"Moz\"];\nvar ms = [\"ms\"];\nvar wm = [\"Webkit\", \"Moz\"];\nvar wms = [\"Webkit\", \"ms\"];\nvar wmms = [\"Webkit\", \"Moz\", \"ms\"];\n\nexport default {\n plugins: [],\n prefixMap: { \"appearance\": wm, \"textEmphasisPosition\": w, \"textEmphasis\": w, \"textEmphasisStyle\": w, \"textEmphasisColor\": w, \"boxDecorationBreak\": w, \"maskImage\": w, \"maskMode\": w, \"maskRepeat\": w, \"maskPosition\": w, \"maskClip\": w, \"maskOrigin\": w, \"maskSize\": w, \"maskComposite\": w, \"mask\": w, \"maskBorderSource\": w, \"maskBorderMode\": w, \"maskBorderSlice\": w, \"maskBorderWidth\": w, \"maskBorderOutset\": w, \"maskBorderRepeat\": w, \"maskBorder\": w, \"maskType\": w, \"textDecorationStyle\": w, \"textDecorationSkip\": w, \"textDecorationLine\": w, \"textDecorationColor\": w, \"userSelect\": wmms, \"backdropFilter\": w, \"fontKerning\": w, \"scrollSnapType\": wms, \"scrollSnapPointsX\": wms, \"scrollSnapPointsY\": wms, \"scrollSnapDestination\": wms, \"scrollSnapCoordinate\": wms, \"clipPath\": w, \"shapeImageThreshold\": w, \"shapeImageMargin\": w, \"shapeImageOutside\": w, \"filter\": w, \"hyphens\": wms, \"flowInto\": wms, \"flowFrom\": wms, \"breakBefore\": wms, \"breakAfter\": wms, \"breakInside\": wms, \"regionFragment\": wms, \"writingMode\": wms, \"textOrientation\": w, \"tabSize\": m, \"fontFeatureSettings\": w, \"columnCount\": w, \"columnFill\": w, \"columnGap\": w, \"columnRule\": w, \"columnRuleColor\": w, \"columnRuleStyle\": w, \"columnRuleWidth\": w, \"columns\": w, \"columnSpan\": w, \"columnWidth\": w, \"wrapFlow\": ms, \"wrapThrough\": ms, \"wrapMargin\": ms, \"textSizeAdjust\": wms }\n};","var prefixes = ['-webkit-', '-moz-', ''];\n\nvar values = {\n 'zoom-in': true,\n 'zoom-out': true,\n grab: true,\n grabbing: true\n};\n\nexport default function cursor(property, value) {\n if (property === 'cursor' && values.hasOwnProperty(value)) {\n return prefixes.map(function (prefix) {\n return prefix + value;\n });\n }\n}","import isPrefixedValue from 'css-in-js-utils/lib/isPrefixedValue';\n\n// http://caniuse.com/#search=cross-fade\nvar prefixes = ['-webkit-', ''];\n\nexport default function crossFade(property, value) {\n if (typeof value === 'string' && !isPrefixedValue(value) && value.indexOf('cross-fade(') > -1) {\n return prefixes.map(function (prefix) {\n return value.replace(/cross-fade\\(/g, prefix + 'cross-fade(');\n });\n }\n}","import isPrefixedValue from 'css-in-js-utils/lib/isPrefixedValue';\n\n// http://caniuse.com/#feat=css-filter-function\nvar prefixes = ['-webkit-', ''];\n\nexport default function filter(property, value) {\n if (typeof value === 'string' && !isPrefixedValue(value) && value.indexOf('filter(') > -1) {\n return prefixes.map(function (prefix) {\n return value.replace(/filter\\(/g, prefix + 'filter(');\n });\n }\n}","var values = {\n flex: ['-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex'],\n 'inline-flex': ['-webkit-inline-box', '-moz-inline-box', '-ms-inline-flexbox', '-webkit-inline-flex', 'inline-flex']\n};\n\nexport default function flex(property, value) {\n if (property === 'display' && values.hasOwnProperty(value)) {\n return values[value];\n }\n}","var alternativeValues = {\n 'space-around': 'justify',\n 'space-between': 'justify',\n 'flex-start': 'start',\n 'flex-end': 'end',\n 'wrap-reverse': 'multiple',\n wrap: 'multiple'\n};\n\nvar alternativeProps = {\n alignItems: 'WebkitBoxAlign',\n justifyContent: 'WebkitBoxPack',\n flexWrap: 'WebkitBoxLines',\n flexGrow: 'WebkitBoxFlex'\n};\n\nexport default function flexboxOld(property, value, style) {\n if (property === 'flexDirection' && typeof value === 'string') {\n if (value.indexOf('column') > -1) {\n style.WebkitBoxOrient = 'vertical';\n } else {\n style.WebkitBoxOrient = 'horizontal';\n }\n if (value.indexOf('reverse') > -1) {\n style.WebkitBoxDirection = 'reverse';\n } else {\n style.WebkitBoxDirection = 'normal';\n }\n }\n if (alternativeProps.hasOwnProperty(property)) {\n style[alternativeProps[property]] = alternativeValues[value] || value;\n }\n}","import isPrefixedValue from 'css-in-js-utils/lib/isPrefixedValue';\n\nvar prefixes = ['-webkit-', '-moz-', ''];\nvar values = /linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient/gi;\n\nexport default function gradient(property, value) {\n if (typeof value === 'string' && !isPrefixedValue(value) && values.test(value)) {\n return prefixes.map(function (prefix) {\n return value.replace(values, function (grad) {\n return prefix + grad;\n });\n });\n }\n}","var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nfunction isSimplePositionValue(value) {\n return typeof value === 'number' && !isNaN(value);\n}\n\nfunction isComplexSpanValue(value) {\n return typeof value === 'string' && value.includes('/');\n}\n\nvar alignmentValues = ['center', 'end', 'start', 'stretch'];\n\nvar displayValues = {\n 'inline-grid': ['-ms-inline-grid', 'inline-grid'],\n grid: ['-ms-grid', 'grid']\n};\n\nvar propertyConverters = {\n alignSelf: function alignSelf(value, style) {\n if (alignmentValues.indexOf(value) > -1) {\n style.msGridRowAlign = value;\n }\n },\n\n gridColumn: function gridColumn(value, style) {\n if (isSimplePositionValue(value)) {\n style.msGridColumn = value;\n } else if (isComplexSpanValue(value)) {\n var _value$split = value.split('/'),\n _value$split2 = _slicedToArray(_value$split, 2),\n start = _value$split2[0],\n end = _value$split2[1];\n\n propertyConverters.gridColumnStart(+start, style);\n\n var _end$split = end.split(/ ?span /),\n _end$split2 = _slicedToArray(_end$split, 2),\n maybeSpan = _end$split2[0],\n maybeNumber = _end$split2[1];\n\n if (maybeSpan === '') {\n propertyConverters.gridColumnEnd(+start + +maybeNumber, style);\n } else {\n propertyConverters.gridColumnEnd(+end, style);\n }\n } else {\n propertyConverters.gridColumnStart(value, style);\n }\n },\n\n gridColumnEnd: function gridColumnEnd(value, style) {\n var msGridColumn = style.msGridColumn;\n\n if (isSimplePositionValue(value) && isSimplePositionValue(msGridColumn)) {\n style.msGridColumnSpan = value - msGridColumn;\n }\n },\n\n gridColumnStart: function gridColumnStart(value, style) {\n if (isSimplePositionValue(value)) {\n style.msGridColumn = value;\n }\n },\n\n gridRow: function gridRow(value, style) {\n if (isSimplePositionValue(value)) {\n style.msGridRow = value;\n } else if (isComplexSpanValue(value)) {\n var _value$split3 = value.split('/'),\n _value$split4 = _slicedToArray(_value$split3, 2),\n start = _value$split4[0],\n end = _value$split4[1];\n\n propertyConverters.gridRowStart(+start, style);\n\n var _end$split3 = end.split(/ ?span /),\n _end$split4 = _slicedToArray(_end$split3, 2),\n maybeSpan = _end$split4[0],\n maybeNumber = _end$split4[1];\n\n if (maybeSpan === '') {\n propertyConverters.gridRowEnd(+start + +maybeNumber, style);\n } else {\n propertyConverters.gridRowEnd(+end, style);\n }\n } else {\n propertyConverters.gridRowStart(value, style);\n }\n },\n\n gridRowEnd: function gridRowEnd(value, style) {\n var msGridRow = style.msGridRow;\n\n if (isSimplePositionValue(value) && isSimplePositionValue(msGridRow)) {\n style.msGridRowSpan = value - msGridRow;\n }\n },\n\n gridRowStart: function gridRowStart(value, style) {\n if (isSimplePositionValue(value)) {\n style.msGridRow = value;\n }\n },\n\n gridTemplateColumns: function gridTemplateColumns(value, style) {\n style.msGridColumns = value;\n },\n\n gridTemplateRows: function gridTemplateRows(value, style) {\n style.msGridRows = value;\n },\n\n justifySelf: function justifySelf(value, style) {\n if (alignmentValues.indexOf(value) > -1) {\n style.msGridColumnAlign = value;\n }\n }\n};\n\nexport default function grid(property, value, style) {\n if (property === 'display' && value in displayValues) {\n return displayValues[value];\n }\n\n if (property in propertyConverters) {\n var propertyConverter = propertyConverters[property];\n propertyConverter(value, style);\n }\n}","import isPrefixedValue from 'css-in-js-utils/lib/isPrefixedValue';\n\n// http://caniuse.com/#feat=css-image-set\nvar prefixes = ['-webkit-', ''];\n\nexport default function imageSet(property, value) {\n if (typeof value === 'string' && !isPrefixedValue(value) && value.indexOf('image-set(') > -1) {\n return prefixes.map(function (prefix) {\n return value.replace(/image-set\\(/g, prefix + 'image-set(');\n });\n }\n}","var alternativeProps = {\n marginBlockStart: ['WebkitMarginBefore'],\n marginBlockEnd: ['WebkitMarginAfter'],\n marginInlineStart: ['WebkitMarginStart', 'MozMarginStart'],\n marginInlineEnd: ['WebkitMarginEnd', 'MozMarginEnd'],\n paddingBlockStart: ['WebkitPaddingBefore'],\n paddingBlockEnd: ['WebkitPaddingAfter'],\n paddingInlineStart: ['WebkitPaddingStart', 'MozPaddingStart'],\n paddingInlineEnd: ['WebkitPaddingEnd', 'MozPaddingEnd'],\n borderBlockStart: ['WebkitBorderBefore'],\n borderBlockStartColor: ['WebkitBorderBeforeColor'],\n borderBlockStartStyle: ['WebkitBorderBeforeStyle'],\n borderBlockStartWidth: ['WebkitBorderBeforeWidth'],\n borderBlockEnd: ['WebkitBorderAfter'],\n borderBlockEndColor: ['WebkitBorderAfterColor'],\n borderBlockEndStyle: ['WebkitBorderAfterStyle'],\n borderBlockEndWidth: ['WebkitBorderAfterWidth'],\n borderInlineStart: ['WebkitBorderStart', 'MozBorderStart'],\n borderInlineStartColor: ['WebkitBorderStartColor', 'MozBorderStartColor'],\n borderInlineStartStyle: ['WebkitBorderStartStyle', 'MozBorderStartStyle'],\n borderInlineStartWidth: ['WebkitBorderStartWidth', 'MozBorderStartWidth'],\n borderInlineEnd: ['WebkitBorderEnd', 'MozBorderEnd'],\n borderInlineEndColor: ['WebkitBorderEndColor', 'MozBorderEndColor'],\n borderInlineEndStyle: ['WebkitBorderEndStyle', 'MozBorderEndStyle'],\n borderInlineEndWidth: ['WebkitBorderEndWidth', 'MozBorderEndWidth']\n};\n\nexport default function logical(property, value, style) {\n if (Object.prototype.hasOwnProperty.call(alternativeProps, property)) {\n var alternativePropList = alternativeProps[property];\n for (var i = 0, len = alternativePropList.length; i < len; ++i) {\n style[alternativePropList[i]] = value;\n }\n }\n}","var prefixes = ['-webkit-', '-moz-', ''];\n\nvar properties = {\n maxHeight: true,\n maxWidth: true,\n width: true,\n height: true,\n columnWidth: true,\n minWidth: true,\n minHeight: true\n};\nvar values = {\n 'min-content': true,\n 'max-content': true,\n 'fill-available': true,\n 'fit-content': true,\n 'contain-floats': true\n};\n\nexport default function sizing(property, value) {\n if (properties.hasOwnProperty(property) && values.hasOwnProperty(value)) {\n return prefixes.map(function (prefix) {\n return prefix + value;\n });\n }\n}","import hyphenateProperty from 'css-in-js-utils/lib/hyphenateProperty';\nimport isPrefixedValue from 'css-in-js-utils/lib/isPrefixedValue';\n\nimport capitalizeString from '../utils/capitalizeString';\n\nvar properties = {\n transition: true,\n transitionProperty: true,\n WebkitTransition: true,\n WebkitTransitionProperty: true,\n MozTransition: true,\n MozTransitionProperty: true\n};\n\nvar prefixMapping = {\n Webkit: '-webkit-',\n Moz: '-moz-',\n ms: '-ms-'\n};\n\nfunction prefixValue(value, propertyPrefixMap) {\n if (isPrefixedValue(value)) {\n return value;\n }\n\n // only split multi values, not cubic beziers\n var multipleValues = value.split(/,(?![^()]*(?:\\([^()]*\\))?\\))/g);\n\n for (var i = 0, len = multipleValues.length; i < len; ++i) {\n var singleValue = multipleValues[i];\n var values = [singleValue];\n for (var property in propertyPrefixMap) {\n var dashCaseProperty = hyphenateProperty(property);\n\n if (singleValue.indexOf(dashCaseProperty) > -1 && dashCaseProperty !== 'order') {\n var prefixes = propertyPrefixMap[property];\n for (var j = 0, pLen = prefixes.length; j < pLen; ++j) {\n // join all prefixes and create a new value\n values.unshift(singleValue.replace(dashCaseProperty, prefixMapping[prefixes[j]] + dashCaseProperty));\n }\n }\n }\n\n multipleValues[i] = values.join(',');\n }\n\n return multipleValues.join(',');\n}\n\nexport default function transition(property, value, style, propertyPrefixMap) {\n // also check for already prefixed transitions\n if (typeof value === 'string' && properties.hasOwnProperty(property)) {\n var outputValue = prefixValue(value, propertyPrefixMap);\n // if the property is already prefixed\n var webkitOutput = outputValue.split(/,(?![^()]*(?:\\([^()]*\\))?\\))/g).filter(function (val) {\n return !/-moz-|-ms-/.test(val);\n }).join(',');\n\n if (property.indexOf('Webkit') > -1) {\n return webkitOutput;\n }\n\n var mozOutput = outputValue.split(/,(?![^()]*(?:\\([^()]*\\))?\\))/g).filter(function (val) {\n return !/-webkit-|-ms-/.test(val);\n }).join(',');\n\n if (property.indexOf('Moz') > -1) {\n return mozOutput;\n }\n\n style['Webkit' + capitalizeString(property)] = webkitOutput;\n style['Moz' + capitalizeString(property)] = mozOutput;\n return outputValue;\n }\n}","import createPrefixer from './createPrefixer';\n\nimport data from './data';\n\nimport backgroundClip from './plugins/backgroundClip';\nimport cursor from './plugins/cursor';\nimport crossFade from './plugins/crossFade';\nimport filter from './plugins/filter';\nimport flex from './plugins/flex';\nimport flexboxOld from './plugins/flexboxOld';\nimport gradient from './plugins/gradient';\nimport grid from './plugins/grid';\nimport imageSet from './plugins/imageSet';\nimport logical from './plugins/logical';\nimport position from './plugins/position';\nimport sizing from './plugins/sizing';\nimport transition from './plugins/transition';\n\nvar plugins = [backgroundClip, crossFade, cursor, filter, flexboxOld, gradient, grid, imageSet, logical, position, sizing, transition, flex];\n\nvar prefix = createPrefixer({\n prefixMap: data.prefixMap,\n plugins: plugins\n});\n\nexport { createPrefixer, prefix };","\n// https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip#Browser_compatibility\nexport default function backgroundClip(property, value) {\n if (typeof value === 'string' && value === 'text') {\n return ['-webkit-text', 'text'];\n }\n}","export default function position(property, value) {\n if (property === 'position' && value === 'sticky') {\n return ['-webkit-sticky', 'sticky'];\n }\n}","import prefixProperty from './utils/prefixProperty';\nimport prefixValue from './utils/prefixValue';\n\nimport addNewValuesOnly from './utils/addNewValuesOnly';\nimport isObject from './utils/isObject';\n\nexport default function createPrefixer(_ref) {\n var prefixMap = _ref.prefixMap,\n plugins = _ref.plugins;\n\n return function prefix(style) {\n for (var property in style) {\n var value = style[property];\n\n // handle nested objects\n if (isObject(value)) {\n style[property] = prefix(value);\n // handle array values\n } else if (Array.isArray(value)) {\n var combinedValue = [];\n\n for (var i = 0, len = value.length; i < len; ++i) {\n var processedValue = prefixValue(plugins, property, value[i], style, prefixMap);\n addNewValuesOnly(combinedValue, processedValue || value[i]);\n }\n\n // only modify the value if it was touched\n // by any plugin to prevent unnecessary mutations\n if (combinedValue.length > 0) {\n style[property] = combinedValue;\n }\n } else {\n var _processedValue = prefixValue(plugins, property, value, style, prefixMap);\n\n // only modify the value if it was touched\n // by any plugin to prevent unnecessary mutations\n if (_processedValue) {\n style[property] = _processedValue;\n }\n\n style = prefixProperty(prefixMap, property, style);\n }\n }\n\n return style;\n };\n}","declare var __DEV__: boolean;\n\nimport hyphenate from \"./hyphenate-style-name\";\nimport {validateNoMixedHand} from \"./validate-no-mixed-hand\";\nimport {prefix} from \"inline-style-prefixer\";\n\nimport type {StyleObject} from \"styletron-standard\";\n\nimport {MultiCache} from \"./cache\";\n\nexport default function injectStylePrefixed(\n styleCache: MultiCache<{\n pseudo: string;\n block: string;\n }>,\n styles: StyleObject,\n media: string,\n pseudo: string,\n) {\n const cache = styleCache.getCache(media);\n let classString = \"\";\n for (const originalKey in styles) {\n const originalVal = styles[originalKey];\n\n if (originalVal === void 0 || originalVal === null) {\n continue;\n }\n if (typeof originalVal !== \"object\") {\n // Non-null and non-undefined primitive value\n if (__DEV__) {\n validateValueType(originalVal, originalKey);\n }\n\n const propValPair = `${hyphenate(originalKey)}:${\n originalVal as any as string\n }`;\n const key = `${pseudo}${propValPair}`;\n const cachedId = cache.cache[key];\n if (cachedId !== void 0) {\n // cache hit\n classString += \" \" + cachedId;\n continue;\n } else {\n // cache miss\n let block = \"\";\n const prefixed = prefix({[originalKey]: originalVal});\n for (const prefixedKey in prefixed) {\n const prefixedVal = prefixed[prefixedKey];\n const prefixedValType = typeof prefixedVal;\n if (prefixedValType === \"string\" || prefixedValType === \"number\") {\n const prefixedPair = `${hyphenate(prefixedKey)}:${prefixedVal}`;\n if (prefixedPair !== propValPair) {\n block += `${prefixedPair};`;\n }\n } else if (Array.isArray(prefixedVal)) {\n const hyphenated = hyphenate(prefixedKey);\n for (let i = 0; i < prefixedVal.length; i++) {\n const prefixedPair = `${hyphenated}:${prefixedVal[i]}`;\n if (prefixedPair !== propValPair) {\n block += `${prefixedPair};`;\n }\n }\n }\n }\n block += propValPair; // ensure original prop/val is last (for hydration)\n const id = cache.addValue(key, {pseudo, block});\n classString += \" \" + id;\n }\n } else {\n // Non-null object value\n if (originalKey[0] === \":\") {\n classString +=\n \" \" +\n injectStylePrefixed(\n styleCache,\n originalVal as StyleObject,\n media,\n pseudo + originalKey,\n );\n } else if (originalKey.substring(0, 6) === \"@media\") {\n classString +=\n \" \" +\n injectStylePrefixed(\n styleCache,\n originalVal as StyleObject,\n originalKey.substr(7),\n pseudo,\n );\n }\n }\n }\n\n if (__DEV__) {\n const conflicts = validateNoMixedHand(styles);\n if (conflicts.length) {\n conflicts.forEach(({shorthand, longhand}) => {\n const short = JSON.stringify({[shorthand.property]: shorthand.value});\n const long = JSON.stringify({[longhand.property]: longhand.value});\n // eslint-disable-next-line no-console\n console.warn(\n `Styles \\`${short}\\` and \\`${long}\\` in object yielding class \"${classString.slice(\n 1,\n )}\" may result in unexpected behavior. Mixing shorthand and longhand properties within the same style object is unsupported with atomic rendering.`,\n );\n });\n }\n }\n\n // remove leading space\n return classString.slice(1);\n}\n\nfunction validateValueType(value, key) {\n if (\n value === null ||\n Array.isArray(value) ||\n (typeof value !== \"number\" && typeof value !== \"string\")\n ) {\n throw new Error(\n `Unsupported style value: ${JSON.stringify(\n value,\n )} used in property ${JSON.stringify(key)}`,\n );\n }\n}\n","declare var __DEV__: boolean;\n\nimport hyphenate from \"./hyphenate-style-name\";\nimport validateKeyframesObject from \"./validate-keyframes-object\";\n\nexport function atomicSelector(id: string, pseudo: string): string {\n let selector = `.${id}`;\n if (pseudo) {\n selector += pseudo;\n }\n return selector;\n}\n\nexport function keyframesToBlock(keyframes: {[x: string]: any}): string {\n if (__DEV__) {\n validateKeyframesObject(keyframes);\n }\n if (__DEV__ && typeof Object.getPrototypeOf(keyframes) !== \"undefined\") {\n if (Object.getPrototypeOf(keyframes) !== Object.getPrototypeOf({})) {\n // eslint-disable-next-line no-console\n console.warn(\n \"Only plain objects should be used as animation values. Unexpectedly recieved:\",\n keyframes,\n );\n }\n }\n let result = \"\";\n for (const animationState in keyframes) {\n result += `${animationState}{${declarationsToBlock(\n keyframes[animationState],\n )}}`;\n }\n return result;\n}\n\nexport function declarationsToBlock(style: any): string {\n let css = \"\";\n for (const prop in style) {\n const val = style[prop];\n if (typeof val === \"string\" || typeof val === \"number\") {\n css += `${hyphenate(prop)}:${val};`;\n }\n }\n // trim trailing semicolon\n return css.slice(0, -1);\n}\n\nexport function keyframesBlockToRule(id: string, block: string): string {\n return `@keyframes ${id}{${block}}`;\n}\n\nexport function fontFaceBlockToRule(id: string, block: string): string {\n return `@font-face{font-family:${id};${block}}`;\n}\n\nexport function styleBlockToRule(selector: string, block: string): string {\n return `${selector}{${block}}`;\n}\n","import SequentialIDGenerator from \"../sequential-id-generator\";\n\nimport type {StandardEngine} from \"styletron-standard\";\n\nimport {Cache, MultiCache} from \"../cache\";\n\nimport injectStylePrefixed from \"../inject-style-prefixed\";\n\nimport type {\n StyleObject,\n FontFaceObject,\n KeyframesObject,\n} from \"styletron-standard\";\n\nimport {\n styleBlockToRule,\n atomicSelector,\n keyframesBlockToRule,\n declarationsToBlock,\n keyframesToBlock,\n fontFaceBlockToRule,\n} from \"../css\";\n\nexport type attrsT = {\n \"data-hydrate\"?: \"keyframes\" | \"font-face\";\n media?: string;\n class?: string;\n};\n\nexport type sheetT = {\n css: string;\n attrs: attrsT;\n};\n\ntype optionsT = {\n prefix?: string;\n};\n\nclass StyletronServer implements StandardEngine {\n styleCache: MultiCache<{\n pseudo: string;\n block: string;\n }>;\n keyframesCache: Cache;\n fontFaceCache: Cache;\n styleRules: {\n [x: string]: string;\n };\n keyframesRules: string;\n fontFaceRules: string;\n\n constructor(opts: optionsT = {}) {\n this.styleRules = {\"\": \"\"};\n this.styleCache = new MultiCache(\n new SequentialIDGenerator(opts.prefix),\n media => {\n this.styleRules[media] = \"\";\n },\n (cache, id, value) => {\n const {pseudo, block} = value;\n this.styleRules[cache.key] += styleBlockToRule(\n atomicSelector(id, pseudo),\n block,\n );\n },\n );\n\n this.fontFaceRules = \"\";\n this.fontFaceCache = new Cache(\n new SequentialIDGenerator(opts.prefix),\n (cache, id, value) => {\n this.fontFaceRules += fontFaceBlockToRule(\n id,\n declarationsToBlock(value),\n );\n },\n );\n\n this.keyframesRules = \"\";\n this.keyframesCache = new Cache(\n new SequentialIDGenerator(opts.prefix),\n (cache, id, value) => {\n this.keyframesRules += keyframesBlockToRule(\n id,\n keyframesToBlock(value),\n );\n },\n );\n }\n\n renderStyle(style: StyleObject): string {\n return injectStylePrefixed(this.styleCache, style, \"\", \"\");\n }\n\n renderFontFace(fontFace: FontFaceObject): string {\n const key = JSON.stringify(fontFace);\n return this.fontFaceCache.addValue(key, fontFace);\n }\n\n renderKeyframes(keyframes: KeyframesObject): string {\n const key = JSON.stringify(keyframes);\n return this.keyframesCache.addValue(key, keyframes);\n }\n\n getStylesheets(): Array {\n return [\n ...(this.keyframesRules.length\n ? [\n {\n css: this.keyframesRules,\n attrs: {\"data-hydrate\": \"keyframes\"},\n } as sheetT,\n ]\n : []),\n ...(this.fontFaceRules.length\n ? [\n {\n css: this.fontFaceRules,\n attrs: {\"data-hydrate\": \"font-face\"},\n } as sheetT,\n ]\n : []),\n ...sheetify(this.styleRules, this.styleCache.getSortedCacheKeys()),\n ];\n }\n\n getStylesheetsHtml(className: string = \"_styletron_hydrate_\") {\n return generateHtmlString(this.getStylesheets(), className);\n }\n\n getCss() {\n return (\n this.keyframesRules +\n this.fontFaceRules +\n stringify(this.styleRules, this.styleCache.getSortedCacheKeys())\n );\n }\n}\n\nexport function generateHtmlString(sheets: Array, className: string) {\n let html = \"\";\n for (let i = 0; i < sheets.length; i++) {\n const sheet = sheets[i];\n const {class: originalClassName, ...rest} = sheet.attrs;\n const attrs = {\n class: originalClassName\n ? `${className} ${originalClassName}`\n : className,\n ...(rest as attrsT),\n };\n html += `${sheet.css}`;\n }\n return html;\n}\n\nfunction attrsToString(attrs: attrsT) {\n let result = \"\";\n for (const attr in attrs) {\n const value = attrs[attr];\n if (value === true) {\n result += \" \" + attr;\n } else if (value !== false) {\n result += ` ${attr}=\"${value}\"`;\n }\n }\n return result;\n}\n\nfunction stringify(styleRules, sortedCacheKeys) {\n let result = \"\";\n sortedCacheKeys.forEach(cacheKey => {\n const rules = styleRules[cacheKey];\n if (cacheKey !== \"\") {\n result += `@media ${cacheKey}{${rules}}`;\n } else {\n result += rules;\n }\n });\n return result;\n}\n\nfunction sheetify(styleRules, sortedCacheKeys): Array {\n if (sortedCacheKeys.length === 0) {\n return [{css: \"\", attrs: {}}];\n }\n const sheets = [];\n sortedCacheKeys.forEach(cacheKey => {\n // omit media (cacheKey) attribute if empty\n const attrs = cacheKey === \"\" ? {} : {media: cacheKey};\n sheets.push({css: styleRules[cacheKey], attrs});\n });\n return sheets;\n}\n\nexport default StyletronServer;\n","/* eslint-env browser */\n\ndeclare var __DEV__: boolean;\n\ndeclare var __BROWSER__: boolean;\n\nconst STYLES_HYDRATOR = /\\.([^{:]+)(:[^{]+)?{(?:[^}]*;)?([^}]*?)}/g;\nconst KEYFRAMES_HYRDATOR =\n /@keyframes ([^{]+){((?:(?:from|to|(?:\\d+\\.?\\d*%))\\{(?:[^}])*})*)}/g;\nconst FONT_FACE_HYDRATOR = /@font-face\\{font-family:([^;]+);([^}]*)\\}/g;\n\ntype hydratorT =\n | typeof STYLES_HYDRATOR\n | typeof KEYFRAMES_HYRDATOR\n | typeof FONT_FACE_HYDRATOR;\n\nfunction hydrateStyles(cache: Cache, hydrator: hydratorT, css: string) {\n let match;\n while ((match = hydrator.exec(css))) {\n const [, id, pseudo, key] = match;\n if (__BROWSER__ && __DEV__ && window.__STYLETRON_DEVTOOLS__) {\n hydrateDevtoolsRule(match[0]);\n }\n const fullKey = pseudo ? `${pseudo}${key}` : key;\n cache.cache[fullKey] = id; // set cache without triggering side effects\n cache.idGenerator.increment(); // increment id\n }\n}\n\nfunction hydrate(cache: Cache, hydrator: hydratorT, css: string) {\n let match;\n while ((match = hydrator.exec(css))) {\n const [, id, key] = match;\n if (__BROWSER__ && __DEV__ && window.__STYLETRON_DEVTOOLS__) {\n hydrateDevtoolsRule(match[0]);\n }\n cache.cache[key] = id; // set cache without triggering side effects\n cache.idGenerator.increment(); // increment id\n }\n}\n\nimport SequentialIDGenerator from \"../sequential-id-generator\";\n\nimport type {\n StandardEngine,\n KeyframesObject,\n FontFaceObject,\n StyleObject,\n} from \"styletron-standard\";\n\nimport {Cache, MultiCache} from \"../cache\";\n\nimport injectStylePrefixed from \"../inject-style-prefixed\";\n\nimport {\n styleBlockToRule,\n atomicSelector,\n keyframesBlockToRule,\n declarationsToBlock,\n keyframesToBlock,\n fontFaceBlockToRule,\n} from \"../css\";\nimport {insertRuleIntoDevtools, hydrateDevtoolsRule} from \"../dev-tool\";\n\ntype hydrateT =\n | HTMLCollectionOf\n | Array\n | NodeListOf;\n\ntype optionsT = {\n hydrate?: hydrateT;\n container?: Element;\n prefix?: string;\n};\n\nclass StyletronClient implements StandardEngine {\n container: Element;\n styleElements: {\n [x: string]: HTMLStyleElement;\n };\n fontFaceSheet: HTMLStyleElement;\n keyframesSheet: HTMLStyleElement;\n\n styleCache: MultiCache<{\n pseudo: string;\n block: string;\n }>;\n keyframesCache: Cache;\n fontFaceCache: Cache;\n\n constructor(opts: optionsT = {}) {\n this.styleElements = {};\n\n const styleIdGenerator = new SequentialIDGenerator(opts.prefix);\n const onNewStyle = (cache, id, value) => {\n const {pseudo, block} = value;\n const sheet: CSSStyleSheet = this.styleElements[cache.key].sheet as any;\n const selector = atomicSelector(id, pseudo);\n const rule = styleBlockToRule(selector, block);\n try {\n sheet.insertRule(rule, sheet.cssRules.length);\n if (__BROWSER__ && __DEV__ && window.__STYLETRON_DEVTOOLS__) {\n insertRuleIntoDevtools(selector, block);\n }\n } catch (e) {\n if (__DEV__) {\n // eslint-disable-next-line no-console\n console.warn(\n `Failed to inject CSS: \"${rule}\". Perhaps this has invalid or un-prefixed properties?`,\n );\n }\n }\n };\n\n // Setup style cache\n this.styleCache = new MultiCache(\n styleIdGenerator,\n (media, _cache, insertBeforeMedia) => {\n const styleElement = document.createElement(\"style\");\n styleElement.media = media;\n if (insertBeforeMedia === void 0) {\n this.container.appendChild(styleElement);\n } else {\n const insertBeforeIndex = findSheetIndexWithMedia(\n this.container.children,\n insertBeforeMedia,\n );\n this.container.insertBefore(\n styleElement,\n this.container.children[insertBeforeIndex],\n );\n }\n\n this.styleElements[media] = styleElement;\n },\n onNewStyle,\n );\n\n this.keyframesCache = new Cache(\n new SequentialIDGenerator(opts.prefix),\n (cache, id, value) => {\n this.styleCache.getCache(\"\");\n const sheet: CSSStyleSheet = this.styleElements[\"\"].sheet as any;\n const rule = keyframesBlockToRule(id, keyframesToBlock(value));\n try {\n sheet.insertRule(rule, sheet.cssRules.length);\n } catch (e) {\n if (__DEV__) {\n // eslint-disable-next-line no-console\n console.warn(\n `Failed to inject CSS: \"${rule}\". Perhaps this has invalid or un-prefixed properties?`,\n );\n }\n }\n },\n );\n\n this.fontFaceCache = new Cache(\n new SequentialIDGenerator(opts.prefix),\n (cache, id, value) => {\n this.styleCache.getCache(\"\");\n const sheet: CSSStyleSheet = this.styleElements[\"\"].sheet as any;\n const rule = fontFaceBlockToRule(id, declarationsToBlock(value));\n try {\n sheet.insertRule(rule, sheet.cssRules.length);\n } catch (e) {\n if (__DEV__) {\n // eslint-disable-next-line no-console\n console.warn(\n `Failed to inject CSS: \"${rule}\". Perhaps this has invalid or un-prefixed properties?`,\n );\n }\n }\n },\n );\n\n if (opts.container) {\n this.container = opts.container;\n }\n\n // Hydrate\n if (opts.hydrate && opts.hydrate.length > 0) {\n // infer container from parent element\n if (!this.container) {\n const parentElement = opts.hydrate[0].parentElement;\n if (parentElement !== null && parentElement !== void 0) {\n this.container = parentElement;\n }\n }\n\n for (let i = 0; i < opts.hydrate.length; i++) {\n const element = opts.hydrate[i];\n const hydrateType = element.getAttribute(\"data-hydrate\");\n if (hydrateType === \"font-face\") {\n hydrate(this.fontFaceCache, FONT_FACE_HYDRATOR, element.textContent);\n continue;\n }\n if (hydrateType === \"keyframes\") {\n hydrate(this.keyframesCache, KEYFRAMES_HYRDATOR, element.textContent);\n continue;\n }\n const key = element.media ? element.media : \"\";\n this.styleElements[key] = element;\n const cache = new Cache(styleIdGenerator, onNewStyle);\n cache.key = key;\n hydrateStyles(cache, STYLES_HYDRATOR, element.textContent);\n this.styleCache.sortedCacheKeys.push(key);\n this.styleCache.caches[key] = cache;\n }\n }\n\n if (!this.container) {\n if (document.head === null) {\n throw new Error(\"No container provided and `document.head` was null\");\n }\n this.container = document.head;\n }\n }\n\n renderStyle(style: StyleObject): string {\n return injectStylePrefixed(this.styleCache, style, \"\", \"\");\n }\n\n renderFontFace(fontFace: FontFaceObject): string {\n const key = declarationsToBlock(fontFace);\n return this.fontFaceCache.addValue(key, fontFace);\n }\n\n renderKeyframes(keyframes: KeyframesObject): string {\n const key = keyframesToBlock(keyframes);\n return this.keyframesCache.addValue(key, keyframes);\n }\n}\n\nexport default StyletronClient;\n\nfunction findSheetIndexWithMedia(children, media) {\n let index = 0;\n for (; index < children.length; index++) {\n const child = children[index];\n if (\n child.tagName === \"STYLE\" &&\n (child as any as HTMLStyleElement).media === media\n ) {\n return index;\n }\n }\n\n return -1;\n}\n","import { Client, Server } from \"styletron-engine-atomic\";\n\nconst getHydrateClass = () =>\n document.getElementsByClassName(\"_styletron_hydrate_\");\n\nexport const styletron =\n typeof window === \"undefined\"\n ? new Server()\n : new Client({\n hydrate: getHydrateClass(),\n });\n","'use client';\nimport * as React from 'react';\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(r, l) {\n var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n if (null != t) {\n var e,\n n,\n i,\n u,\n a = [],\n f = !0,\n o = !1;\n try {\n if (i = (t = t.call(r)).next, 0 === l) {\n if (Object(t) !== t) return;\n f = !1;\n } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n } catch (r) {\n o = !0, n = r;\n } finally {\n try {\n if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n } finally {\n if (o) throw n;\n }\n }\n return a;\n }\n}\n\nfunction _arrayLikeToArray$2(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}\n\nfunction _unsupportedIterableToArray$2(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray$2(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);\n}\n\nfunction _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}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest();\n}\n\nfunction _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\n\nfunction classNames() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n if (args) {\n var classes = [];\n for (var i = 0; i < args.length; i++) {\n var className = args[i];\n if (!className) {\n continue;\n }\n var type = _typeof(className);\n if (type === 'string' || type === 'number') {\n classes.push(className);\n } else if (type === 'object') {\n var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n return value ? key : null;\n });\n classes = _classes.length ? classes.concat(_classes.filter(function (c) {\n return !!c;\n })) : classes;\n }\n }\n return classes.join(' ').trim();\n }\n return undefined;\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();\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 _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}\n\nfunction _toPropertyKey(arg) {\n var key = _toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\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, _toPropertyKey(descriptor.key), descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _defineProperty(obj, key, value) {\n key = _toPropertyKey(key);\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 return obj;\n}\n\nfunction _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\nfunction _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }\nfunction _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nvar DomHandler = /*#__PURE__*/function () {\n function DomHandler() {\n _classCallCheck(this, DomHandler);\n }\n _createClass(DomHandler, null, [{\n key: \"innerWidth\",\n value: function innerWidth(el) {\n if (el) {\n var width = el.offsetWidth;\n var style = getComputedStyle(el);\n width = width + (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));\n return width;\n }\n return 0;\n }\n }, {\n key: \"width\",\n value: function width(el) {\n if (el) {\n var width = el.offsetWidth;\n var style = getComputedStyle(el);\n width = width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));\n return width;\n }\n return 0;\n }\n }, {\n key: \"getBrowserLanguage\",\n value: function getBrowserLanguage() {\n return navigator.userLanguage || navigator.languages && navigator.languages.length && navigator.languages[0] || navigator.language || navigator.browserLanguage || navigator.systemLanguage || 'en';\n }\n }, {\n key: \"getWindowScrollTop\",\n value: function getWindowScrollTop() {\n var doc = document.documentElement;\n return (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);\n }\n }, {\n key: \"getWindowScrollLeft\",\n value: function getWindowScrollLeft() {\n var doc = document.documentElement;\n return (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);\n }\n }, {\n key: \"getOuterWidth\",\n value: function getOuterWidth(el, margin) {\n if (el) {\n var width = el.getBoundingClientRect().width || el.offsetWidth;\n if (margin) {\n var style = getComputedStyle(el);\n width = width + (parseFloat(style.marginLeft) + parseFloat(style.marginRight));\n }\n return width;\n }\n return 0;\n }\n }, {\n key: \"getOuterHeight\",\n value: function getOuterHeight(el, margin) {\n if (el) {\n var height = el.getBoundingClientRect().height || el.offsetHeight;\n if (margin) {\n var style = getComputedStyle(el);\n height = height + (parseFloat(style.marginTop) + parseFloat(style.marginBottom));\n }\n return height;\n }\n return 0;\n }\n }, {\n key: \"getClientHeight\",\n value: function getClientHeight(el, margin) {\n if (el) {\n var height = el.clientHeight;\n if (margin) {\n var style = getComputedStyle(el);\n height = height + (parseFloat(style.marginTop) + parseFloat(style.marginBottom));\n }\n return height;\n }\n return 0;\n }\n }, {\n key: \"getClientWidth\",\n value: function getClientWidth(el, margin) {\n if (el) {\n var width = el.clientWidth;\n if (margin) {\n var style = getComputedStyle(el);\n width = width + (parseFloat(style.marginLeft) + parseFloat(style.marginRight));\n }\n return width;\n }\n return 0;\n }\n }, {\n key: \"getViewport\",\n value: function getViewport() {\n var win = window;\n var d = document;\n var e = d.documentElement;\n var g = d.getElementsByTagName('body')[0];\n var w = win.innerWidth || e.clientWidth || g.clientWidth;\n var h = win.innerHeight || e.clientHeight || g.clientHeight;\n return {\n width: w,\n height: h\n };\n }\n }, {\n key: \"getOffset\",\n value: function getOffset(el) {\n if (el) {\n var rect = el.getBoundingClientRect();\n return {\n top: rect.top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0),\n left: rect.left + (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0)\n };\n }\n return {\n top: 'auto',\n left: 'auto'\n };\n }\n }, {\n key: \"index\",\n value: function index(element) {\n if (element) {\n var children = element.parentNode.childNodes;\n var num = 0;\n for (var i = 0; i < children.length; i++) {\n if (children[i] === element) {\n return num;\n }\n if (children[i].nodeType === 1) {\n num++;\n }\n }\n }\n return -1;\n }\n }, {\n key: \"addMultipleClasses\",\n value: function addMultipleClasses(element, className) {\n if (element && className) {\n if (element.classList) {\n var styles = className.split(' ');\n for (var i = 0; i < styles.length; i++) {\n element.classList.add(styles[i]);\n }\n } else {\n var _styles = className.split(' ');\n for (var _i = 0; _i < _styles.length; _i++) {\n element.className = element.className + (' ' + _styles[_i]);\n }\n }\n }\n }\n }, {\n key: \"removeMultipleClasses\",\n value: function removeMultipleClasses(element, className) {\n if (element && className) {\n if (element.classList) {\n var styles = className.split(' ');\n for (var i = 0; i < styles.length; i++) {\n element.classList.remove(styles[i]);\n }\n } else {\n var _styles2 = className.split(' ');\n for (var _i2 = 0; _i2 < _styles2.length; _i2++) {\n element.className = element.className.replace(new RegExp('(^|\\\\b)' + _styles2[_i2].split(' ').join('|') + '(\\\\b|$)', 'gi'), ' ');\n }\n }\n }\n }\n }, {\n key: \"addClass\",\n value: function addClass(element, className) {\n if (element && className) {\n if (element.classList) {\n element.classList.add(className);\n } else {\n element.className = element.className + (' ' + className);\n }\n }\n }\n }, {\n key: \"removeClass\",\n value: function removeClass(element, className) {\n if (element && className) {\n if (element.classList) {\n element.classList.remove(className);\n } else {\n element.className = element.className.replace(new RegExp('(^|\\\\b)' + className.split(' ').join('|') + '(\\\\b|$)', 'gi'), ' ');\n }\n }\n }\n }, {\n key: \"hasClass\",\n value: function hasClass(element, className) {\n if (element) {\n if (element.classList) {\n return element.classList.contains(className);\n }\n return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);\n }\n return false;\n }\n }, {\n key: \"addStyles\",\n value: function addStyles(element) {\n var styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (element) {\n Object.entries(styles).forEach(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n return element.style[key] = value;\n });\n }\n }\n }, {\n key: \"find\",\n value: function find(element, selector) {\n return element ? Array.from(element.querySelectorAll(selector)) : [];\n }\n }, {\n key: \"findSingle\",\n value: function findSingle(element, selector) {\n if (element) {\n return element.querySelector(selector);\n }\n return null;\n }\n }, {\n key: \"setAttributes\",\n value: function setAttributes(element) {\n var _this = this;\n var attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (element) {\n var computedStyles = function computedStyles(rule, value) {\n var _element$$attrs, _element$$attrs2;\n var styles = element !== null && element !== void 0 && (_element$$attrs = element.$attrs) !== null && _element$$attrs !== void 0 && _element$$attrs[rule] ? [element === null || element === void 0 || (_element$$attrs2 = element.$attrs) === null || _element$$attrs2 === void 0 ? void 0 : _element$$attrs2[rule]] : [];\n return [value].flat().reduce(function (cv, v) {\n if (v !== null && v !== undefined) {\n var type = _typeof(v);\n if (type === 'string' || type === 'number') {\n cv.push(v);\n } else if (type === 'object') {\n var _cv = Array.isArray(v) ? computedStyles(rule, v) : Object.entries(v).map(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n _k = _ref4[0],\n _v = _ref4[1];\n return rule === 'style' && (!!_v || _v === 0) ? \"\".concat(_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), \":\").concat(_v) : _v ? _k : undefined;\n });\n cv = _cv.length ? cv.concat(_cv.filter(function (c) {\n return !!c;\n })) : cv;\n }\n }\n return cv;\n }, styles);\n };\n Object.entries(attributes).forEach(function (_ref5) {\n var _ref6 = _slicedToArray(_ref5, 2),\n key = _ref6[0],\n value = _ref6[1];\n if (value !== undefined && value !== null) {\n var matchedEvent = key.match(/^on(.+)/);\n if (matchedEvent) {\n element.addEventListener(matchedEvent[1].toLowerCase(), value);\n } else if (key === 'p-bind') {\n _this.setAttributes(element, value);\n } else {\n value = key === 'class' ? _toConsumableArray(new Set(computedStyles('class', value))).join(' ').trim() : key === 'style' ? computedStyles('style', value).join(';').trim() : value;\n (element.$attrs = element.$attrs || {}) && (element.$attrs[key] = value);\n element.setAttribute(key, value);\n }\n }\n });\n }\n }\n }, {\n key: \"getAttribute\",\n value: function getAttribute(element, name) {\n if (element) {\n var value = element.getAttribute(name);\n if (!isNaN(value)) {\n return +value;\n }\n if (value === 'true' || value === 'false') {\n return value === 'true';\n }\n return value;\n }\n return undefined;\n }\n }, {\n key: \"isAttributeEquals\",\n value: function isAttributeEquals(element, name, value) {\n return element ? this.getAttribute(element, name) === value : false;\n }\n }, {\n key: \"isAttributeNotEquals\",\n value: function isAttributeNotEquals(element, name, value) {\n return !this.isAttributeEquals(element, name, value);\n }\n }, {\n key: \"getHeight\",\n value: function getHeight(el) {\n if (el) {\n var height = el.offsetHeight;\n var style = getComputedStyle(el);\n height = height - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth));\n return height;\n }\n return 0;\n }\n }, {\n key: \"getWidth\",\n value: function getWidth(el) {\n if (el) {\n var width = el.offsetWidth;\n var style = getComputedStyle(el);\n width = width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth));\n return width;\n }\n return 0;\n }\n }, {\n key: \"alignOverlay\",\n value: function alignOverlay(overlay, target, appendTo) {\n var calculateMinWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;\n if (overlay && target) {\n if (appendTo === 'self') {\n this.relativePosition(overlay, target);\n } else {\n calculateMinWidth && (overlay.style.minWidth = DomHandler.getOuterWidth(target) + 'px');\n this.absolutePosition(overlay, target);\n }\n }\n }\n }, {\n key: \"absolutePosition\",\n value: function absolutePosition(element, target) {\n var align = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'left';\n if (element && target) {\n var elementDimensions = element.offsetParent ? {\n width: element.offsetWidth,\n height: element.offsetHeight\n } : this.getHiddenElementDimensions(element);\n var elementOuterHeight = elementDimensions.height;\n var elementOuterWidth = elementDimensions.width;\n var targetOuterHeight = target.offsetHeight;\n var targetOuterWidth = target.offsetWidth;\n var targetOffset = target.getBoundingClientRect();\n var windowScrollTop = this.getWindowScrollTop();\n var windowScrollLeft = this.getWindowScrollLeft();\n var viewport = this.getViewport();\n var top;\n var left;\n if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {\n top = targetOffset.top + windowScrollTop - elementOuterHeight;\n if (top < 0) {\n top = windowScrollTop;\n }\n element.style.transformOrigin = 'bottom';\n } else {\n top = targetOuterHeight + targetOffset.top + windowScrollTop;\n element.style.transformOrigin = 'top';\n }\n var targetOffsetPx = targetOffset.left;\n var alignOffset = align === 'left' ? 0 : elementOuterWidth - targetOuterWidth;\n if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) {\n left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);\n } else {\n left = targetOffsetPx - alignOffset + windowScrollLeft;\n }\n element.style.top = top + 'px';\n element.style.left = left + 'px';\n }\n }\n }, {\n key: \"relativePosition\",\n value: function relativePosition(element, target) {\n if (element && target) {\n var elementDimensions = element.offsetParent ? {\n width: element.offsetWidth,\n height: element.offsetHeight\n } : this.getHiddenElementDimensions(element);\n var targetHeight = target.offsetHeight;\n var targetOffset = target.getBoundingClientRect();\n var viewport = this.getViewport();\n var top;\n var left;\n if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {\n top = -1 * elementDimensions.height;\n if (targetOffset.top + top < 0) {\n top = -1 * targetOffset.top;\n }\n element.style.transformOrigin = 'bottom';\n } else {\n top = targetHeight;\n element.style.transformOrigin = 'top';\n }\n if (elementDimensions.width > viewport.width) {\n // element wider then viewport and cannot fit on screen (align at left side of viewport)\n left = targetOffset.left * -1;\n } else if (targetOffset.left + elementDimensions.width > viewport.width) {\n // element wider then viewport but can be fit on screen (align at right side of viewport)\n left = (targetOffset.left + elementDimensions.width - viewport.width) * -1;\n } else {\n // element fits on screen (align with target)\n left = 0;\n }\n element.style.top = top + 'px';\n element.style.left = left + 'px';\n }\n }\n }, {\n key: \"flipfitCollision\",\n value: function flipfitCollision(element, target) {\n var _this2 = this;\n var my = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'left top';\n var at = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'left bottom';\n var callback = arguments.length > 4 ? arguments[4] : undefined;\n if (element && target) {\n var targetOffset = target.getBoundingClientRect();\n var viewport = this.getViewport();\n var myArr = my.split(' ');\n var atArr = at.split(' ');\n var getPositionValue = function getPositionValue(arr, isOffset) {\n return isOffset ? +arr.substring(arr.search(/(\\+|-)/g)) || 0 : arr.substring(0, arr.search(/(\\+|-)/g)) || arr;\n };\n var position = {\n my: {\n x: getPositionValue(myArr[0]),\n y: getPositionValue(myArr[1] || myArr[0]),\n offsetX: getPositionValue(myArr[0], true),\n offsetY: getPositionValue(myArr[1] || myArr[0], true)\n },\n at: {\n x: getPositionValue(atArr[0]),\n y: getPositionValue(atArr[1] || atArr[0]),\n offsetX: getPositionValue(atArr[0], true),\n offsetY: getPositionValue(atArr[1] || atArr[0], true)\n }\n };\n var myOffset = {\n left: function left() {\n var totalOffset = position.my.offsetX + position.at.offsetX;\n return totalOffset + targetOffset.left + (position.my.x === 'left' ? 0 : -1 * (position.my.x === 'center' ? _this2.getOuterWidth(element) / 2 : _this2.getOuterWidth(element)));\n },\n top: function top() {\n var totalOffset = position.my.offsetY + position.at.offsetY;\n return totalOffset + targetOffset.top + (position.my.y === 'top' ? 0 : -1 * (position.my.y === 'center' ? _this2.getOuterHeight(element) / 2 : _this2.getOuterHeight(element)));\n }\n };\n var alignWithAt = {\n count: {\n x: 0,\n y: 0\n },\n left: function left() {\n var left = myOffset.left();\n var scrollLeft = DomHandler.getWindowScrollLeft();\n element.style.left = left + scrollLeft + 'px';\n if (this.count.x === 2) {\n element.style.left = scrollLeft + 'px';\n this.count.x = 0;\n } else if (left < 0) {\n this.count.x++;\n position.my.x = 'left';\n position.at.x = 'right';\n position.my.offsetX *= -1;\n position.at.offsetX *= -1;\n this.right();\n }\n },\n right: function right() {\n var left = myOffset.left() + DomHandler.getOuterWidth(target);\n var scrollLeft = DomHandler.getWindowScrollLeft();\n element.style.left = left + scrollLeft + 'px';\n if (this.count.x === 2) {\n element.style.left = viewport.width - DomHandler.getOuterWidth(element) + scrollLeft + 'px';\n this.count.x = 0;\n } else if (left + DomHandler.getOuterWidth(element) > viewport.width) {\n this.count.x++;\n position.my.x = 'right';\n position.at.x = 'left';\n position.my.offsetX *= -1;\n position.at.offsetX *= -1;\n this.left();\n }\n },\n top: function top() {\n var top = myOffset.top();\n var scrollTop = DomHandler.getWindowScrollTop();\n element.style.top = top + scrollTop + 'px';\n if (this.count.y === 2) {\n element.style.left = scrollTop + 'px';\n this.count.y = 0;\n } else if (top < 0) {\n this.count.y++;\n position.my.y = 'top';\n position.at.y = 'bottom';\n position.my.offsetY *= -1;\n position.at.offsetY *= -1;\n this.bottom();\n }\n },\n bottom: function bottom() {\n var top = myOffset.top() + DomHandler.getOuterHeight(target);\n var scrollTop = DomHandler.getWindowScrollTop();\n element.style.top = top + scrollTop + 'px';\n if (this.count.y === 2) {\n element.style.left = viewport.height - DomHandler.getOuterHeight(element) + scrollTop + 'px';\n this.count.y = 0;\n } else if (top + DomHandler.getOuterHeight(target) > viewport.height) {\n this.count.y++;\n position.my.y = 'bottom';\n position.at.y = 'top';\n position.my.offsetY *= -1;\n position.at.offsetY *= -1;\n this.top();\n }\n },\n center: function center(axis) {\n if (axis === 'y') {\n var top = myOffset.top() + DomHandler.getOuterHeight(target) / 2;\n element.style.top = top + DomHandler.getWindowScrollTop() + 'px';\n if (top < 0) {\n this.bottom();\n } else if (top + DomHandler.getOuterHeight(target) > viewport.height) {\n this.top();\n }\n } else {\n var left = myOffset.left() + DomHandler.getOuterWidth(target) / 2;\n element.style.left = left + DomHandler.getWindowScrollLeft() + 'px';\n if (left < 0) {\n this.left();\n } else if (left + DomHandler.getOuterWidth(element) > viewport.width) {\n this.right();\n }\n }\n }\n };\n alignWithAt[position.at.x]('x');\n alignWithAt[position.at.y]('y');\n if (this.isFunction(callback)) {\n callback(position);\n }\n }\n }\n }, {\n key: \"findCollisionPosition\",\n value: function findCollisionPosition(position) {\n if (position) {\n var isAxisY = position === 'top' || position === 'bottom';\n var myXPosition = position === 'left' ? 'right' : 'left';\n var myYPosition = position === 'top' ? 'bottom' : 'top';\n if (isAxisY) {\n return {\n axis: 'y',\n my: \"center \".concat(myYPosition),\n at: \"center \".concat(position)\n };\n }\n return {\n axis: 'x',\n my: \"\".concat(myXPosition, \" center\"),\n at: \"\".concat(position, \" center\")\n };\n }\n }\n }, {\n key: \"getParents\",\n value: function getParents(element) {\n var parents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n return element.parentNode === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));\n }\n }, {\n key: \"getScrollableParents\",\n value: function getScrollableParents(element) {\n var hideOverlaysOnDocumentScrolling = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var scrollableParents = [];\n if (element) {\n var parents = this.getParents(element);\n var overflowRegex = /(auto|scroll)/;\n var overflowCheck = function overflowCheck(node) {\n var styleDeclaration = node ? getComputedStyle(node) : null;\n return styleDeclaration && (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflow-x')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflow-y')));\n };\n var addScrollableParent = function addScrollableParent(node) {\n if (hideOverlaysOnDocumentScrolling) {\n // nodeType 9 is for document element\n scrollableParents.push(node.nodeName === 'BODY' || node.nodeName === 'HTML' || node.nodeType === 9 ? window : node);\n } else {\n scrollableParents.push(node);\n }\n };\n var _iterator = _createForOfIteratorHelper$1(parents),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var parent = _step.value;\n var scrollSelectors = parent.nodeType === 1 && parent.dataset.scrollselectors;\n if (scrollSelectors) {\n var selectors = scrollSelectors.split(',');\n var _iterator2 = _createForOfIteratorHelper$1(selectors),\n _step2;\n try {\n for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n var selector = _step2.value;\n var el = this.findSingle(parent, selector);\n if (el && overflowCheck(el)) {\n addScrollableParent(el);\n }\n }\n } catch (err) {\n _iterator2.e(err);\n } finally {\n _iterator2.f();\n }\n }\n\n // BODY\n if (parent.nodeType === 1 && overflowCheck(parent)) {\n addScrollableParent(parent);\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n }\n\n // we should always at least have the body or window\n if (!scrollableParents.some(function (node) {\n return node === document.body || node === window;\n })) {\n scrollableParents.push(window);\n }\n return scrollableParents;\n }\n }, {\n key: \"getHiddenElementOuterHeight\",\n value: function getHiddenElementOuterHeight(element) {\n if (element) {\n element.style.visibility = 'hidden';\n element.style.display = 'block';\n var elementHeight = element.offsetHeight;\n element.style.display = 'none';\n element.style.visibility = 'visible';\n return elementHeight;\n }\n return 0;\n }\n }, {\n key: \"getHiddenElementOuterWidth\",\n value: function getHiddenElementOuterWidth(element) {\n if (element) {\n element.style.visibility = 'hidden';\n element.style.display = 'block';\n var elementWidth = element.offsetWidth;\n element.style.display = 'none';\n element.style.visibility = 'visible';\n return elementWidth;\n }\n return 0;\n }\n }, {\n key: \"getHiddenElementDimensions\",\n value: function getHiddenElementDimensions(element) {\n var dimensions = {};\n if (element) {\n element.style.visibility = 'hidden';\n element.style.display = 'block';\n dimensions.width = element.offsetWidth;\n dimensions.height = element.offsetHeight;\n element.style.display = 'none';\n element.style.visibility = 'visible';\n }\n return dimensions;\n }\n }, {\n key: \"fadeIn\",\n value: function fadeIn(element, duration) {\n if (element) {\n element.style.opacity = 0;\n var last = +new Date();\n var opacity = 0;\n var tick = function tick() {\n opacity = +element.style.opacity + (new Date().getTime() - last) / duration;\n element.style.opacity = opacity;\n last = +new Date();\n if (+opacity < 1) {\n window.requestAnimationFrame && requestAnimationFrame(tick) || setTimeout(tick, 16);\n }\n };\n tick();\n }\n }\n }, {\n key: \"fadeOut\",\n value: function fadeOut(element, duration) {\n if (element) {\n var opacity = 1;\n var interval = 50;\n var gap = interval / duration;\n var fading = setInterval(function () {\n opacity = opacity - gap;\n if (opacity <= 0) {\n opacity = 0;\n clearInterval(fading);\n }\n element.style.opacity = opacity;\n }, interval);\n }\n }\n }, {\n key: \"getUserAgent\",\n value: function getUserAgent() {\n return navigator.userAgent;\n }\n }, {\n key: \"isIOS\",\n value: function isIOS() {\n return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\n }\n }, {\n key: \"isAndroid\",\n value: function isAndroid() {\n return /(android)/i.test(navigator.userAgent);\n }\n }, {\n key: \"isChrome\",\n value: function isChrome() {\n return /(chrome)/i.test(navigator.userAgent);\n }\n }, {\n key: \"isClient\",\n value: function isClient() {\n return !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n }\n }, {\n key: \"isTouchDevice\",\n value: function isTouchDevice() {\n return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;\n }\n }, {\n key: \"isFunction\",\n value: function isFunction(obj) {\n return !!(obj && obj.constructor && obj.call && obj.apply);\n }\n }, {\n key: \"appendChild\",\n value: function appendChild(element, target) {\n if (this.isElement(target)) {\n target.appendChild(element);\n } else if (target.el && target.el.nativeElement) {\n target.el.nativeElement.appendChild(element);\n } else {\n throw new Error('Cannot append ' + target + ' to ' + element);\n }\n }\n }, {\n key: \"removeChild\",\n value: function removeChild(element, target) {\n if (this.isElement(target)) {\n target.removeChild(element);\n } else if (target.el && target.el.nativeElement) {\n target.el.nativeElement.removeChild(element);\n } else {\n throw new Error('Cannot remove ' + element + ' from ' + target);\n }\n }\n }, {\n key: \"isElement\",\n value: function isElement(obj) {\n return (typeof HTMLElement === \"undefined\" ? \"undefined\" : _typeof(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';\n }\n }, {\n key: \"scrollInView\",\n value: function scrollInView(container, item) {\n var borderTopValue = getComputedStyle(container).getPropertyValue('border-top-width');\n var borderTop = borderTopValue ? parseFloat(borderTopValue) : 0;\n var paddingTopValue = getComputedStyle(container).getPropertyValue('padding-top');\n var paddingTop = paddingTopValue ? parseFloat(paddingTopValue) : 0;\n var containerRect = container.getBoundingClientRect();\n var itemRect = item.getBoundingClientRect();\n var offset = itemRect.top + document.body.scrollTop - (containerRect.top + document.body.scrollTop) - borderTop - paddingTop;\n var scroll = container.scrollTop;\n var elementHeight = container.clientHeight;\n var itemHeight = this.getOuterHeight(item);\n if (offset < 0) {\n container.scrollTop = scroll + offset;\n } else if (offset + itemHeight > elementHeight) {\n container.scrollTop = scroll + offset - elementHeight + itemHeight;\n }\n }\n }, {\n key: \"clearSelection\",\n value: function clearSelection() {\n if (window.getSelection) {\n if (window.getSelection().empty) {\n window.getSelection().empty();\n } else if (window.getSelection().removeAllRanges && window.getSelection().rangeCount > 0 && window.getSelection().getRangeAt(0).getClientRects().length > 0) {\n window.getSelection().removeAllRanges();\n }\n } else if (document.selection && document.selection.empty) {\n try {\n document.selection.empty();\n } catch (error) {\n //ignore IE bug\n }\n }\n }\n }, {\n key: \"calculateScrollbarWidth\",\n value: function calculateScrollbarWidth(el) {\n if (el) {\n var style = getComputedStyle(el);\n return el.offsetWidth - el.clientWidth - parseFloat(style.borderLeftWidth) - parseFloat(style.borderRightWidth);\n }\n if (this.calculatedScrollbarWidth != null) {\n return this.calculatedScrollbarWidth;\n }\n var scrollDiv = document.createElement('div');\n scrollDiv.className = 'p-scrollbar-measure';\n document.body.appendChild(scrollDiv);\n var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n this.calculatedScrollbarWidth = scrollbarWidth;\n return scrollbarWidth;\n }\n }, {\n key: \"calculateBodyScrollbarWidth\",\n value: function calculateBodyScrollbarWidth() {\n return window.innerWidth - document.documentElement.offsetWidth;\n }\n }, {\n key: \"getBrowser\",\n value: function getBrowser() {\n if (!this.browser) {\n var matched = this.resolveUserAgent();\n this.browser = {};\n if (matched.browser) {\n this.browser[matched.browser] = true;\n this.browser.version = matched.version;\n }\n if (this.browser.chrome) {\n this.browser.webkit = true;\n } else if (this.browser.webkit) {\n this.browser.safari = true;\n }\n }\n return this.browser;\n }\n }, {\n key: \"resolveUserAgent\",\n value: function resolveUserAgent() {\n var ua = navigator.userAgent.toLowerCase();\n var match = /(chrome)[ ]([\\w.]+)/.exec(ua) || /(webkit)[ ]([\\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\\w.]+)/.exec(ua) || /(msie) ([\\w.]+)/.exec(ua) || ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\\w.]+)|)/.exec(ua) || [];\n return {\n browser: match[1] || '',\n version: match[2] || '0'\n };\n }\n }, {\n key: \"blockBodyScroll\",\n value: function blockBodyScroll() {\n var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'p-overflow-hidden';\n /* PR Ref: https://github.com/primefaces/primereact/pull/4976\n * @todo This method is called several times after this PR. Refactors will be made to prevent this in future releases.\n */\n var hasScrollbarWidth = !!document.body.style.getPropertyValue('--scrollbar-width');\n !hasScrollbarWidth && document.body.style.setProperty('--scrollbar-width', this.calculateBodyScrollbarWidth() + 'px');\n this.addClass(document.body, className);\n }\n }, {\n key: \"unblockBodyScroll\",\n value: function unblockBodyScroll() {\n var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'p-overflow-hidden';\n document.body.style.removeProperty('--scrollbar-width');\n this.removeClass(document.body, className);\n }\n }, {\n key: \"isVisible\",\n value: function isVisible(element) {\n // https://stackoverflow.com/a/59096915/502366 (in future use IntersectionObserver)\n return element && (element.clientHeight !== 0 || element.getClientRects().length !== 0 || getComputedStyle(element).display !== 'none');\n }\n }, {\n key: \"isExist\",\n value: function isExist(element) {\n return !!(element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode);\n }\n }, {\n key: \"getFocusableElements\",\n value: function getFocusableElements(element) {\n var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n var focusableElements = DomHandler.find(element, \"button:not([tabindex = \\\"-1\\\"]):not([disabled]):not([style*=\\\"display:none\\\"]):not([hidden])\".concat(selector, \",\\n [href][clientHeight][clientWidth]:not([tabindex = \\\"-1\\\"]):not([disabled]):not([style*=\\\"display:none\\\"]):not([hidden])\").concat(selector, \",\\n input:not([tabindex = \\\"-1\\\"]):not([disabled]):not([style*=\\\"display:none\\\"]):not([hidden])\").concat(selector, \",\\n select:not([tabindex = \\\"-1\\\"]):not([disabled]):not([style*=\\\"display:none\\\"]):not([hidden])\").concat(selector, \",\\n textarea:not([tabindex = \\\"-1\\\"]):not([disabled]):not([style*=\\\"display:none\\\"]):not([hidden])\").concat(selector, \",\\n [tabIndex]:not([tabIndex = \\\"-1\\\"]):not([disabled]):not([style*=\\\"display:none\\\"]):not([hidden])\").concat(selector, \",\\n [contenteditable]:not([tabIndex = \\\"-1\\\"]):not([disabled]):not([style*=\\\"display:none\\\"]):not([hidden])\").concat(selector));\n var visibleFocusableElements = [];\n var _iterator3 = _createForOfIteratorHelper$1(focusableElements),\n _step3;\n try {\n for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {\n var focusableElement = _step3.value;\n if (getComputedStyle(focusableElement).display !== 'none' && getComputedStyle(focusableElement).visibility !== 'hidden') {\n visibleFocusableElements.push(focusableElement);\n }\n }\n } catch (err) {\n _iterator3.e(err);\n } finally {\n _iterator3.f();\n }\n return visibleFocusableElements;\n }\n }, {\n key: \"getFirstFocusableElement\",\n value: function getFirstFocusableElement(element, selector) {\n var focusableElements = DomHandler.getFocusableElements(element, selector);\n return focusableElements.length > 0 ? focusableElements[0] : null;\n }\n }, {\n key: \"getLastFocusableElement\",\n value: function getLastFocusableElement(element, selector) {\n var focusableElements = DomHandler.getFocusableElements(element, selector);\n return focusableElements.length > 0 ? focusableElements[focusableElements.length - 1] : null;\n }\n\n /**\n * Focus an input element if it does not already have focus.\n *\n * @param {HTMLElement} el a HTML element\n * @param {boolean} scrollTo flag to control whether to scroll to the element, false by default\n */\n }, {\n key: \"focus\",\n value: function focus(el, scrollTo) {\n var preventScroll = scrollTo === undefined ? true : !scrollTo;\n el && document.activeElement !== el && el.focus({\n preventScroll: preventScroll\n });\n }\n\n /**\n * Focus the first focusable element if it does not already have focus.\n *\n * @param {HTMLElement} el a HTML element\n * @param {boolean} scrollTo flag to control whether to scroll to the element, false by default\n * @return {HTMLElement | undefined} the first focusable HTML element found\n */\n }, {\n key: \"focusFirstElement\",\n value: function focusFirstElement(el, scrollTo) {\n if (!el) {\n return;\n }\n var firstFocusableElement = DomHandler.getFirstFocusableElement(el);\n firstFocusableElement && DomHandler.focus(firstFocusableElement, scrollTo);\n return firstFocusableElement;\n }\n }, {\n key: \"getCursorOffset\",\n value: function getCursorOffset(el, prevText, nextText, currentText) {\n if (el) {\n var style = getComputedStyle(el);\n var ghostDiv = document.createElement('div');\n ghostDiv.style.position = 'absolute';\n ghostDiv.style.top = '0px';\n ghostDiv.style.left = '0px';\n ghostDiv.style.visibility = 'hidden';\n ghostDiv.style.pointerEvents = 'none';\n ghostDiv.style.overflow = style.overflow;\n ghostDiv.style.width = style.width;\n ghostDiv.style.height = style.height;\n ghostDiv.style.padding = style.padding;\n ghostDiv.style.border = style.border;\n ghostDiv.style.overflowWrap = style.overflowWrap;\n ghostDiv.style.whiteSpace = style.whiteSpace;\n ghostDiv.style.lineHeight = style.lineHeight;\n ghostDiv.innerHTML = prevText.replace(/\\r\\n|\\r|\\n/g, ' ');\n var ghostSpan = document.createElement('span');\n ghostSpan.textContent = currentText;\n ghostDiv.appendChild(ghostSpan);\n var text = document.createTextNode(nextText);\n ghostDiv.appendChild(text);\n document.body.appendChild(ghostDiv);\n var offsetLeft = ghostSpan.offsetLeft,\n offsetTop = ghostSpan.offsetTop,\n clientHeight = ghostSpan.clientHeight;\n document.body.removeChild(ghostDiv);\n return {\n left: Math.abs(offsetLeft - el.scrollLeft),\n top: Math.abs(offsetTop - el.scrollTop) + clientHeight\n };\n }\n return {\n top: 'auto',\n left: 'auto'\n };\n }\n }, {\n key: \"invokeElementMethod\",\n value: function invokeElementMethod(element, methodName, args) {\n element[methodName].apply(element, args);\n }\n }, {\n key: \"isClickable\",\n value: function isClickable(element) {\n var targetNode = element.nodeName;\n var parentNode = element.parentElement && element.parentElement.nodeName;\n return targetNode === 'INPUT' || targetNode === 'TEXTAREA' || targetNode === 'BUTTON' || targetNode === 'A' || parentNode === 'INPUT' || parentNode === 'TEXTAREA' || parentNode === 'BUTTON' || parentNode === 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');\n }\n }, {\n key: \"applyStyle\",\n value: function applyStyle(element, style) {\n if (typeof style === 'string') {\n element.style.cssText = this.style;\n } else {\n for (var prop in this.style) {\n element.style[prop] = style[prop];\n }\n }\n }\n }, {\n key: \"exportCSV\",\n value: function exportCSV(csv, filename) {\n var blob = new Blob([csv], {\n type: 'application/csv;charset=utf-8;'\n });\n if (window.navigator.msSaveOrOpenBlob) {\n navigator.msSaveOrOpenBlob(blob, filename + '.csv');\n } else {\n var isDownloaded = DomHandler.saveAs({\n name: filename + '.csv',\n src: URL.createObjectURL(blob)\n });\n if (!isDownloaded) {\n csv = 'data:text/csv;charset=utf-8,' + csv;\n window.open(encodeURI(csv));\n }\n }\n }\n }, {\n key: \"saveAs\",\n value: function saveAs(file) {\n if (file) {\n var link = document.createElement('a');\n if (link.download !== undefined) {\n var name = file.name,\n src = file.src;\n link.setAttribute('href', src);\n link.setAttribute('download', name);\n link.style.display = 'none';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n return true;\n }\n }\n return false;\n }\n }, {\n key: \"createInlineStyle\",\n value: function createInlineStyle(nonce, styleContainer) {\n var styleElement = document.createElement('style');\n DomHandler.addNonce(styleElement, nonce);\n if (!styleContainer) {\n styleContainer = document.head;\n }\n styleContainer.appendChild(styleElement);\n return styleElement;\n }\n }, {\n key: \"removeInlineStyle\",\n value: function removeInlineStyle(styleElement) {\n if (this.isExist(styleElement)) {\n try {\n styleElement.parentNode.removeChild(styleElement);\n } catch (error) {\n // style element may have already been removed in a fast refresh\n }\n styleElement = null;\n }\n return styleElement;\n }\n }, {\n key: \"addNonce\",\n value: function addNonce(styleElement, nonce) {\n try {\n if (!nonce) {\n nonce = process.env.REACT_APP_CSS_NONCE;\n }\n } catch (error) {\n // NOOP\n }\n nonce && styleElement.setAttribute('nonce', nonce);\n }\n }, {\n key: \"getTargetElement\",\n value: function getTargetElement(target) {\n if (!target) {\n return null;\n }\n if (target === 'document') {\n return document;\n } else if (target === 'window') {\n return window;\n } else if (_typeof(target) === 'object' && target.hasOwnProperty('current')) {\n return this.isExist(target.current) ? target.current : null;\n }\n var isFunction = function isFunction(obj) {\n return !!(obj && obj.constructor && obj.call && obj.apply);\n };\n var element = isFunction(target) ? target() : target;\n return element && element.nodeType === 9 || this.isExist(element) ? element : null;\n }\n\n /**\n * Get the attribute names for an element and sorts them alpha for comparison\n */\n }, {\n key: \"getAttributeNames\",\n value: function getAttributeNames(node) {\n var index;\n var rv;\n var attrs;\n rv = [];\n attrs = node.attributes;\n for (index = 0; index < attrs.length; ++index) {\n rv.push(attrs[index].nodeName);\n }\n rv.sort();\n return rv;\n }\n\n /**\n * Compare two elements for equality. Even will compare if the style element\n * is out of order for example:\n *\n * elem1 = style=\"color: red; font-size: 28px\"\n * elem2 = style=\"font-size: 28px; color: red\"\n */\n }, {\n key: \"isEqualElement\",\n value: function isEqualElement(elm1, elm2) {\n var attrs1;\n var attrs2;\n var name;\n var node1;\n var node2;\n\n // Compare attributes without order sensitivity\n attrs1 = DomHandler.getAttributeNames(elm1);\n attrs2 = DomHandler.getAttributeNames(elm2);\n if (attrs1.join(',') !== attrs2.join(',')) {\n // console.log(\"Found nodes with different sets of attributes; not equiv\");\n return false;\n }\n\n // ...and values\n // unless you want to compare DOM0 event handlers\n // (onclick=\"...\")\n for (var index = 0; index < attrs1.length; ++index) {\n name = attrs1[index];\n if (name === 'style') {\n var astyle = elm1.style;\n var bstyle = elm2.style;\n var rexDigitsOnly = /^\\d+$/;\n for (var _i3 = 0, _Object$keys = Object.keys(astyle); _i3 < _Object$keys.length; _i3++) {\n var key = _Object$keys[_i3];\n if (!rexDigitsOnly.test(key) && astyle[key] !== bstyle[key]) {\n // Not equivalent, stop\n //console.log(\"Found nodes with mis-matched values for attribute '\" + name + \"'; not equiv\");\n return false;\n }\n }\n } else if (elm1.getAttribute(name) !== elm2.getAttribute(name)) {\n // console.log(\"Found nodes with mis-matched values for attribute '\" + name + \"'; not equiv\");\n return false;\n }\n }\n\n // Walk the children\n for (node1 = elm1.firstChild, node2 = elm2.firstChild; node1 && node2; node1 = node1.nextSibling, node2 = node2.nextSibling) {\n if (node1.nodeType !== node2.nodeType) {\n // display(\"Found nodes of different types; not equiv\");\n return false;\n }\n if (node1.nodeType === 1) {\n // Element\n if (!DomHandler.isEqualElement(node1, node2)) {\n return false;\n }\n } else if (node1.nodeValue !== node2.nodeValue) {\n // console.log(\"Found nodes with mis-matched nodeValues; not equiv\");\n return false;\n }\n }\n if (node1 || node2) {\n // One of the elements had more nodes than the other\n // console.log(\"Found more children of one element than the other; not equivalent\");\n return false;\n }\n\n // Seem the same\n return true;\n }\n }, {\n key: \"hasCSSAnimation\",\n value: function hasCSSAnimation(element) {\n if (element) {\n var style = getComputedStyle(element);\n var animationDuration = parseFloat(style.getPropertyValue('animation-duration') || '0');\n return animationDuration > 0;\n }\n return false;\n }\n }, {\n key: \"hasCSSTransition\",\n value: function hasCSSTransition(element) {\n if (element) {\n var style = getComputedStyle(element);\n var transitionDuration = parseFloat(style.getPropertyValue('transition-duration') || '0');\n return transitionDuration > 0;\n }\n return false;\n }\n }]);\n return DomHandler;\n}();\n/**\n * All data- properties like data-test-id\n */\n_defineProperty(DomHandler, \"DATA_PROPS\", ['data-']);\n/**\n * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y\n */\n_defineProperty(DomHandler, \"ARIA_PROPS\", ['aria', 'focus-target']);\n\nfunction EventBus() {\n var allHandlers = new Map();\n return {\n on: function on(type, handler) {\n var handlers = allHandlers.get(type);\n if (!handlers) {\n handlers = [handler];\n } else {\n handlers.push(handler);\n }\n allHandlers.set(type, handlers);\n },\n off: function off(type, handler) {\n var handlers = allHandlers.get(type);\n handlers && handlers.splice(handlers.indexOf(handler) >>> 0, 1);\n },\n emit: function emit(type, evt) {\n var handlers = allHandlers.get(type);\n handlers && handlers.slice().forEach(function (handler) {\n return handler(evt);\n });\n }\n };\n}\n\nfunction _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nvar ObjectUtils = /*#__PURE__*/function () {\n function ObjectUtils() {\n _classCallCheck(this, ObjectUtils);\n }\n _createClass(ObjectUtils, null, [{\n key: \"equals\",\n value: function equals(obj1, obj2, field) {\n if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {\n return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));\n }\n return this.deepEquals(obj1, obj2);\n }\n\n /**\n * Compares two JSON objects for deep equality recursively comparing both objects.\n * @param {*} a the first JSON object\n * @param {*} b the second JSON object\n * @returns true if equals, false it not\n */\n }, {\n key: \"deepEquals\",\n value: function deepEquals(a, b) {\n if (a === b) {\n return true;\n }\n if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {\n var arrA = Array.isArray(a);\n var arrB = Array.isArray(b);\n var i;\n var length;\n var key;\n if (arrA && arrB) {\n length = a.length;\n if (length !== b.length) {\n return false;\n }\n for (i = length; i-- !== 0;) {\n if (!this.deepEquals(a[i], b[i])) {\n return false;\n }\n }\n return true;\n }\n if (arrA !== arrB) {\n return false;\n }\n var dateA = a instanceof Date;\n var dateB = b instanceof Date;\n if (dateA !== dateB) {\n return false;\n }\n if (dateA && dateB) {\n return a.getTime() === b.getTime();\n }\n var regexpA = a instanceof RegExp;\n var regexpB = b instanceof RegExp;\n if (regexpA !== regexpB) {\n return false;\n }\n if (regexpA && regexpB) {\n return a.toString() === b.toString();\n }\n var keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) {\n return false;\n }\n for (i = length; i-- !== 0;) {\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {\n return false;\n }\n }\n for (i = length; i-- !== 0;) {\n key = keys[i];\n if (!this.deepEquals(a[key], b[key])) {\n return false;\n }\n }\n return true;\n }\n\n /*eslint no-self-compare: \"off\"*/\n return a !== a && b !== b;\n }\n }, {\n key: \"resolveFieldData\",\n value: function resolveFieldData(data, field) {\n if (!data || !field) {\n // short circuit if there is nothing to resolve\n return null;\n }\n try {\n var value = data[field];\n if (this.isNotEmpty(value)) {\n return value;\n }\n } catch (_unused) {\n // Performance optimization: https://github.com/primefaces/primereact/issues/4797\n // do nothing and continue to other methods to resolve field data\n }\n if (Object.keys(data).length) {\n if (this.isFunction(field)) {\n return field(data);\n } else if (this.isNotEmpty(data[field])) {\n return data[field];\n } else if (field.indexOf('.') === -1) {\n return data[field];\n }\n var fields = field.split('.');\n var _value = data;\n for (var i = 0, len = fields.length; i < len; ++i) {\n if (_value == null) {\n return null;\n }\n _value = _value[fields[i]];\n }\n return _value;\n }\n return null;\n }\n }, {\n key: \"findDiffKeys\",\n value: function findDiffKeys(obj1, obj2) {\n if (!obj1 || !obj2) {\n return {};\n }\n return Object.keys(obj1).filter(function (key) {\n return !obj2.hasOwnProperty(key);\n }).reduce(function (result, current) {\n result[current] = obj1[current];\n return result;\n }, {});\n }\n\n /**\n * Removes keys from a JSON object that start with a string such as \"data\" to get all \"data-id\" type properties.\n *\n * @param {any} obj the JSON object to reduce\n * @param {string[]} startsWiths the string(s) to check if the property starts with this key\n * @returns the JSON object containing only the key/values that match the startsWith string\n */\n }, {\n key: \"reduceKeys\",\n value: function reduceKeys(obj, startsWiths) {\n var result = {};\n if (!obj || !startsWiths || startsWiths.length === 0) {\n return result;\n }\n Object.keys(obj).filter(function (key) {\n return startsWiths.some(function (value) {\n return key.startsWith(value);\n });\n }).forEach(function (key) {\n result[key] = obj[key];\n delete obj[key];\n });\n return result;\n }\n }, {\n key: \"reorderArray\",\n value: function reorderArray(value, from, to) {\n if (value && from !== to) {\n if (to >= value.length) {\n to = to % value.length;\n from = from % value.length;\n }\n value.splice(to, 0, value.splice(from, 1)[0]);\n }\n }\n }, {\n key: \"findIndexInList\",\n value: function findIndexInList(value, list, dataKey) {\n var _this = this;\n if (list) {\n return dataKey ? list.findIndex(function (item) {\n return _this.equals(item, value, dataKey);\n }) : list.findIndex(function (item) {\n return item === value;\n });\n }\n return -1;\n }\n }, {\n key: \"getJSXElement\",\n value: function getJSXElement(obj) {\n for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n params[_key - 1] = arguments[_key];\n }\n return this.isFunction(obj) ? obj.apply(void 0, params) : obj;\n }\n }, {\n key: \"getItemValue\",\n value: function getItemValue(obj) {\n for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n params[_key2 - 1] = arguments[_key2];\n }\n return this.isFunction(obj) ? obj.apply(void 0, params) : obj;\n }\n }, {\n key: \"getProp\",\n value: function getProp(props) {\n var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var value = props ? props[prop] : undefined;\n return value === undefined ? defaultProps[prop] : value;\n }\n }, {\n key: \"getPropCaseInsensitive\",\n value: function getPropCaseInsensitive(props, prop) {\n var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var fkey = this.toFlatCase(prop);\n for (var key in props) {\n if (props.hasOwnProperty(key) && this.toFlatCase(key) === fkey) {\n return props[key];\n }\n }\n for (var _key3 in defaultProps) {\n if (defaultProps.hasOwnProperty(_key3) && this.toFlatCase(_key3) === fkey) {\n return defaultProps[_key3];\n }\n }\n return undefined; // Property not found\n }\n }, {\n key: \"getMergedProps\",\n value: function getMergedProps(props, defaultProps) {\n return Object.assign({}, defaultProps, props);\n }\n }, {\n key: \"getDiffProps\",\n value: function getDiffProps(props, defaultProps) {\n return this.findDiffKeys(props, defaultProps);\n }\n }, {\n key: \"getPropValue\",\n value: function getPropValue(obj) {\n for (var _len3 = arguments.length, params = new Array(_len3 > 1 ? _len3 - 1 : 0), _key4 = 1; _key4 < _len3; _key4++) {\n params[_key4 - 1] = arguments[_key4];\n }\n return this.isFunction(obj) ? obj.apply(void 0, params) : obj;\n }\n }, {\n key: \"getComponentProp\",\n value: function getComponentProp(component) {\n var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n return this.isNotEmpty(component) ? this.getProp(component.props, prop, defaultProps) : undefined;\n }\n }, {\n key: \"getComponentProps\",\n value: function getComponentProps(component, defaultProps) {\n return this.isNotEmpty(component) ? this.getMergedProps(component.props, defaultProps) : undefined;\n }\n }, {\n key: \"getComponentDiffProps\",\n value: function getComponentDiffProps(component, defaultProps) {\n return this.isNotEmpty(component) ? this.getDiffProps(component.props, defaultProps) : undefined;\n }\n }, {\n key: \"isValidChild\",\n value: function isValidChild(child, type, validTypes) {\n /* eslint-disable */\n if (child) {\n var _child$type;\n var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);\n\n // for App Router in Next.js ^14,\n if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {\n childType = child.type._payload.value.find(function (v) {\n return v === type;\n });\n }\n var isValid = childType === type;\n try {\n var messageTypes; if (\"production\" !== 'production' && !isValid) ;\n } catch (error) {\n // NOOP\n }\n return isValid;\n }\n return false;\n /* eslint-enable */\n }\n }, {\n key: \"getRefElement\",\n value: function getRefElement(ref) {\n if (ref) {\n return _typeof(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;\n }\n return null;\n }\n }, {\n key: \"combinedRefs\",\n value: function combinedRefs(innerRef, forwardRef) {\n if (innerRef && forwardRef) {\n if (typeof forwardRef === 'function') {\n forwardRef(innerRef.current);\n } else {\n forwardRef.current = innerRef.current;\n }\n }\n }\n }, {\n key: \"removeAccents\",\n value: function removeAccents(str) {\n if (str && str.search(/[\\xC0-\\xFF]/g) > -1) {\n str = str.replace(/[\\xC0-\\xC5]/g, 'A').replace(/[\\xC6]/g, 'AE').replace(/[\\xC7]/g, 'C').replace(/[\\xC8-\\xCB]/g, 'E').replace(/[\\xCC-\\xCF]/g, 'I').replace(/[\\xD0]/g, 'D').replace(/[\\xD1]/g, 'N').replace(/[\\xD2-\\xD6\\xD8]/g, 'O').replace(/[\\xD9-\\xDC]/g, 'U').replace(/[\\xDD]/g, 'Y').replace(/[\\xDE]/g, 'P').replace(/[\\xE0-\\xE5]/g, 'a').replace(/[\\xE6]/g, 'ae').replace(/[\\xE7]/g, 'c').replace(/[\\xE8-\\xEB]/g, 'e').replace(/[\\xEC-\\xEF]/g, 'i').replace(/[\\xF1]/g, 'n').replace(/[\\xF2-\\xF6\\xF8]/g, 'o').replace(/[\\xF9-\\xFC]/g, 'u').replace(/[\\xFE]/g, 'p').replace(/[\\xFD\\xFF]/g, 'y');\n }\n return str;\n }\n }, {\n key: \"toFlatCase\",\n value: function toFlatCase(str) {\n // convert snake, kebab, camel and pascal cases to flat case\n return this.isNotEmpty(str) && this.isString(str) ? str.replace(/(-|_)/g, '').toLowerCase() : str;\n }\n }, {\n key: \"toCapitalCase\",\n value: function toCapitalCase(str) {\n return this.isNotEmpty(str) && this.isString(str) ? str[0].toUpperCase() + str.slice(1) : str;\n }\n }, {\n key: \"trim\",\n value: function trim(value) {\n // trim only if the value is actually a string\n return this.isNotEmpty(value) && this.isString(value) ? value.trim() : value;\n }\n }, {\n key: \"isEmpty\",\n value: function isEmpty(value) {\n return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof(value) === 'object' && Object.keys(value).length === 0;\n }\n }, {\n key: \"isNotEmpty\",\n value: function isNotEmpty(value) {\n return !this.isEmpty(value);\n }\n }, {\n key: \"isFunction\",\n value: function isFunction(value) {\n return !!(value && value.constructor && value.call && value.apply);\n }\n }, {\n key: \"isObject\",\n value: function isObject(value) {\n return value !== null && value instanceof Object && value.constructor === Object;\n }\n }, {\n key: \"isDate\",\n value: function isDate(value) {\n return value !== null && value instanceof Date && value.constructor === Date;\n }\n }, {\n key: \"isArray\",\n value: function isArray(value) {\n return value !== null && Array.isArray(value);\n }\n }, {\n key: \"isString\",\n value: function isString(value) {\n return value !== null && typeof value === 'string';\n }\n }, {\n key: \"isPrintableCharacter\",\n value: function isPrintableCharacter() {\n var _char = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n return this.isNotEmpty(_char) && _char.length === 1 && _char.match(/\\S| /);\n }\n }, {\n key: \"isLetter\",\n value: function isLetter(_char2) {\n return /^[a-zA-Z\\u00C0-\\u017F]$/.test(_char2);\n }\n\n /**\n * Firefox-v103 does not currently support the \"findLast\" method. It is stated that this method will be supported with Firefox-v104.\n * https://caniuse.com/mdn-javascript_builtins_array_findlast\n */\n }, {\n key: \"findLast\",\n value: function findLast(arr, callback) {\n var item;\n if (this.isNotEmpty(arr)) {\n try {\n item = arr.findLast(callback);\n } catch (_unused2) {\n item = _toConsumableArray(arr).reverse().find(callback);\n }\n }\n return item;\n }\n\n /**\n * Firefox-v103 does not currently support the \"findLastIndex\" method. It is stated that this method will be supported with Firefox-v104.\n * https://caniuse.com/mdn-javascript_builtins_array_findlastindex\n */\n }, {\n key: \"findLastIndex\",\n value: function findLastIndex(arr, callback) {\n var index = -1;\n if (this.isNotEmpty(arr)) {\n try {\n index = arr.findLastIndex(callback);\n } catch (_unused3) {\n index = arr.lastIndexOf(_toConsumableArray(arr).reverse().find(callback));\n }\n }\n return index;\n }\n }, {\n key: \"sort\",\n value: function sort(value1, value2) {\n var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n var comparator = arguments.length > 3 ? arguments[3] : undefined;\n var nullSortOrder = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;\n var result = this.compare(value1, value2, comparator, order);\n var finalSortOrder = order;\n\n // nullSortOrder == 1 means Excel like sort nulls at bottom\n if (this.isEmpty(value1) || this.isEmpty(value2)) {\n finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;\n }\n return finalSortOrder * result;\n }\n }, {\n key: \"compare\",\n value: function compare(value1, value2, comparator) {\n var order = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;\n var result = -1;\n var emptyValue1 = this.isEmpty(value1);\n var emptyValue2 = this.isEmpty(value2);\n if (emptyValue1 && emptyValue2) {\n result = 0;\n } else if (emptyValue1) {\n result = order;\n } else if (emptyValue2) {\n result = -order;\n } else if (typeof value1 === 'string' && typeof value2 === 'string') {\n result = comparator(value1, value2);\n } else {\n result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;\n }\n return result;\n }\n }, {\n key: \"localeComparator\",\n value: function localeComparator(locale) {\n //performance gain using Int.Collator. It is not recommended to use localeCompare against large arrays.\n return new Intl.Collator(locale, {\n numeric: true\n }).compare;\n }\n }, {\n key: \"findChildrenByKey\",\n value: function findChildrenByKey(data, key) {\n var _iterator = _createForOfIteratorHelper(data),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var item = _step.value;\n if (item.key === key) {\n return item.children || [];\n } else if (item.children) {\n var result = this.findChildrenByKey(item.children, key);\n if (result.length > 0) {\n return result;\n }\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n return [];\n }\n\n /**\n * This function takes mutates and object with a new value given\n * a specific field. This will handle deeply nested fields that\n * need to be modified or created.\n *\n * e.g:\n * data = {\n * nested: {\n * foo: \"bar\"\n * }\n * }\n *\n * field = \"nested.foo\"\n * value = \"baz\"\n *\n * The function will mutate data to be\n * e.g:\n * data = {\n * nested: {\n * foo: \"baz\"\n * }\n * }\n *\n * @param {object} data the object to be modified\n * @param {string} field the field in the object to replace\n * @param {any} value the value to have replaced in the field\n */\n }, {\n key: \"mutateFieldData\",\n value: function mutateFieldData(data, field, value) {\n if (_typeof(data) !== 'object' || typeof field !== 'string') {\n // short circuit if there is nothing to resolve\n return;\n }\n var fields = field.split('.');\n var obj = data;\n for (var i = 0, len = fields.length; i < len; ++i) {\n // Check if we are on the last field\n if (i + 1 - len === 0) {\n obj[fields[i]] = value;\n break;\n }\n if (!obj[fields[i]]) {\n obj[fields[i]] = {};\n }\n obj = obj[fields[i]];\n }\n }\n }]);\n return ObjectUtils;\n}();\n\nfunction ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nvar IconUtils = /*#__PURE__*/function () {\n function IconUtils() {\n _classCallCheck(this, IconUtils);\n }\n _createClass(IconUtils, null, [{\n key: \"getJSXIcon\",\n value: function getJSXIcon(icon) {\n var iconProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var content = null;\n if (icon !== null) {\n var iconType = _typeof(icon);\n var className = classNames(iconProps.className, iconType === 'string' && icon);\n content = /*#__PURE__*/React.createElement(\"span\", _extends({}, iconProps, {\n className: className\n }));\n if (iconType !== 'string') {\n var defaultContentOptions = _objectSpread$2({\n iconProps: iconProps,\n element: content\n }, options);\n return ObjectUtils.getJSXElement(icon, defaultContentOptions);\n }\n }\n return content;\n }\n }]);\n return IconUtils;\n}();\n\nfunction ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction mask(el, options) {\n var defaultOptions = {\n mask: null,\n slotChar: '_',\n autoClear: true,\n unmask: false,\n readOnly: false,\n onComplete: null,\n onChange: null,\n onFocus: null,\n onBlur: null\n };\n options = _objectSpread$1(_objectSpread$1({}, defaultOptions), options);\n var tests;\n var partialPosition;\n var len;\n var firstNonMaskPos;\n var defs;\n var androidChrome;\n var lastRequiredNonMaskPos;\n var oldVal;\n var focusText;\n var caretTimeoutId;\n var buffer;\n var defaultBuffer;\n var caret = function caret(first, last) {\n var range;\n var begin;\n var end;\n if (!el.offsetParent || el !== document.activeElement) {\n return;\n }\n if (typeof first === 'number') {\n begin = first;\n end = typeof last === 'number' ? last : begin;\n if (el.setSelectionRange) {\n el.setSelectionRange(begin, end);\n } else if (el.createTextRange) {\n range = el.createTextRange();\n range.collapse(true);\n range.moveEnd('character', end);\n range.moveStart('character', begin);\n range.select();\n }\n } else {\n if (el.setSelectionRange) {\n begin = el.selectionStart;\n end = el.selectionEnd;\n } else if (document.selection && document.selection.createRange) {\n range = document.selection.createRange();\n begin = 0 - range.duplicate().moveStart('character', -100000);\n end = begin + range.text.length;\n }\n return {\n begin: begin,\n end: end\n };\n }\n };\n var isCompleted = function isCompleted() {\n for (var i = firstNonMaskPos; i <= lastRequiredNonMaskPos; i++) {\n if (tests[i] && buffer[i] === getPlaceholder(i)) {\n return false;\n }\n }\n return true;\n };\n var getPlaceholder = function getPlaceholder(i) {\n if (i < options.slotChar.length) {\n return options.slotChar.charAt(i);\n }\n return options.slotChar.charAt(0);\n };\n var getValue = function getValue() {\n return options.unmask ? getUnmaskedValue() : el && el.value;\n };\n var seekNext = function seekNext(pos) {\n while (++pos < len && !tests[pos]) {}\n return pos;\n };\n var seekPrev = function seekPrev(pos) {\n while (--pos >= 0 && !tests[pos]) {}\n return pos;\n };\n var shiftL = function shiftL(begin, end) {\n var i;\n var j;\n if (begin < 0) {\n return;\n }\n for (i = begin, j = seekNext(end); i < len; i++) {\n if (tests[i]) {\n if (j < len && tests[i].test(buffer[j])) {\n buffer[i] = buffer[j];\n buffer[j] = getPlaceholder(j);\n } else {\n break;\n }\n j = seekNext(j);\n }\n }\n writeBuffer();\n caret(Math.max(firstNonMaskPos, begin));\n };\n var shiftR = function shiftR(pos) {\n var i;\n var c;\n var j;\n var t;\n for (i = pos, c = getPlaceholder(pos); i < len; i++) {\n if (tests[i]) {\n j = seekNext(i);\n t = buffer[i];\n buffer[i] = c;\n if (j < len && tests[j].test(t)) {\n c = t;\n } else {\n break;\n }\n }\n }\n };\n var handleAndroidInput = function handleAndroidInput(e) {\n var curVal = el.value;\n var pos = caret();\n if (oldVal && oldVal.length && oldVal.length > curVal.length) {\n // a deletion or backspace happened\n checkVal(true);\n while (pos.begin > 0 && !tests[pos.begin - 1]) {\n pos.begin--;\n }\n if (pos.begin === 0) {\n while (pos.begin < firstNonMaskPos && !tests[pos.begin]) {\n pos.begin++;\n }\n }\n caret(pos.begin, pos.begin);\n } else {\n checkVal(true);\n while (pos.begin < len && !tests[pos.begin]) {\n pos.begin++;\n }\n caret(pos.begin, pos.begin);\n }\n if (options.onComplete && isCompleted()) {\n options.onComplete({\n originalEvent: e,\n value: getValue()\n });\n }\n };\n var onBlur = function onBlur(e) {\n checkVal();\n options.onBlur && options.onBlur(e);\n updateModel(e);\n if (el.value !== focusText) {\n var event = document.createEvent('HTMLEvents');\n event.initEvent('change', true, false);\n el.dispatchEvent(event);\n }\n };\n var onKeyDown = function onKeyDown(e) {\n if (options.readOnly) {\n return;\n }\n var k = e.which || e.keyCode;\n var pos;\n var begin;\n var end;\n oldVal = el.value;\n\n //backspace, delete, and escape get special treatment\n if (k === 8 || k === 46 || DomHandler.isIOS() && k === 127) {\n pos = caret();\n begin = pos.begin;\n end = pos.end;\n if (end - begin === 0) {\n begin = k !== 46 ? seekPrev(begin) : end = seekNext(begin - 1);\n end = k === 46 ? seekNext(end) : end;\n }\n clearBuffer(begin, end);\n shiftL(begin, end - 1);\n updateModel(e);\n e.preventDefault();\n } else if (k === 13) {\n // enter\n onBlur(e);\n updateModel(e);\n } else if (k === 27) {\n // escape\n el.value = focusText;\n caret(0, checkVal());\n updateModel(e);\n e.preventDefault();\n }\n };\n var onKeyPress = function onKeyPress(e) {\n if (options.readOnly) {\n return;\n }\n var k = e.which || e.keyCode;\n var pos = caret();\n var p;\n var c;\n var next;\n var completed;\n if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {\n //Ignore\n return;\n } else if (k && k !== 13) {\n if (pos.end - pos.begin !== 0) {\n clearBuffer(pos.begin, pos.end);\n shiftL(pos.begin, pos.end - 1);\n }\n p = seekNext(pos.begin - 1);\n if (p < len) {\n c = String.fromCharCode(k);\n if (tests[p].test(c)) {\n shiftR(p);\n buffer[p] = c;\n writeBuffer();\n next = seekNext(p);\n if (DomHandler.isAndroid()) {\n //Path for CSP Violation on FireFox OS 1.1\n var proxy = function proxy() {\n caret(next);\n };\n setTimeout(proxy, 0);\n } else {\n caret(next);\n }\n if (pos.begin <= lastRequiredNonMaskPos) {\n completed = isCompleted();\n }\n }\n }\n e.preventDefault();\n }\n updateModel(e);\n if (options.onComplete && completed) {\n options.onComplete({\n originalEvent: e,\n value: getValue()\n });\n }\n };\n var clearBuffer = function clearBuffer(start, end) {\n var i;\n for (i = start; i < end && i < len; i++) {\n if (tests[i]) {\n buffer[i] = getPlaceholder(i);\n }\n }\n };\n var writeBuffer = function writeBuffer() {\n el.value = buffer.join('');\n };\n var checkVal = function checkVal(allow) {\n //try to place characters where they belong\n var test = el.value;\n var lastMatch = -1;\n var i;\n var c;\n var pos;\n for (i = 0, pos = 0; i < len; i++) {\n if (tests[i]) {\n buffer[i] = getPlaceholder(i);\n while (pos++ < test.length) {\n c = test.charAt(pos - 1);\n if (tests[i].test(c)) {\n buffer[i] = c;\n lastMatch = i;\n break;\n }\n }\n if (pos > test.length) {\n clearBuffer(i + 1, len);\n break;\n }\n } else {\n if (buffer[i] === test.charAt(pos)) {\n pos++;\n }\n if (i < partialPosition) {\n lastMatch = i;\n }\n }\n }\n if (allow) {\n writeBuffer();\n } else if (lastMatch + 1 < partialPosition) {\n if (options.autoClear || buffer.join('') === defaultBuffer) {\n // Invalid value. Remove it and replace it with the\n // mask, which is the default behavior.\n if (el.value) {\n el.value = '';\n }\n clearBuffer(0, len);\n } else {\n // Invalid value, but we opt to show the value to the\n // user and allow them to correct their mistake.\n writeBuffer();\n }\n } else {\n writeBuffer();\n el.value = el.value.substring(0, lastMatch + 1);\n }\n return partialPosition ? i : firstNonMaskPos;\n };\n var onFocus = function onFocus(e) {\n if (options.readOnly) {\n return;\n }\n clearTimeout(caretTimeoutId);\n var pos;\n focusText = el.value;\n pos = checkVal();\n caretTimeoutId = setTimeout(function () {\n if (el !== document.activeElement) {\n return;\n }\n writeBuffer();\n if (pos === options.mask.replace('?', '').length) {\n caret(0, pos);\n } else {\n caret(pos);\n }\n }, 100);\n if (options.onFocus) {\n options.onFocus(e);\n }\n };\n var onInput = function onInput(event) {\n if (androidChrome) {\n handleAndroidInput(event);\n } else {\n handleInputChange(event);\n }\n };\n var handleInputChange = function handleInputChange(e) {\n if (options.readOnly) {\n return;\n }\n var pos = checkVal(true);\n caret(pos);\n updateModel(e);\n if (options.onComplete && isCompleted()) {\n options.onComplete({\n originalEvent: e,\n value: getValue()\n });\n }\n };\n var getUnmaskedValue = function getUnmaskedValue() {\n var unmaskedBuffer = [];\n for (var i = 0; i < buffer.length; i++) {\n var c = buffer[i];\n if (tests[i] && c !== getPlaceholder(i)) {\n unmaskedBuffer.push(c);\n }\n }\n return unmaskedBuffer.join('');\n };\n var updateModel = function updateModel(e) {\n if (options.onChange) {\n var val = getValue();\n options.onChange({\n originalEvent: e,\n value: defaultBuffer !== val ? val : '',\n stopPropagation: function stopPropagation() {\n e.stopPropagation();\n },\n preventDefault: function preventDefault() {\n e.preventDefault();\n },\n target: {\n value: defaultBuffer !== val ? val : ''\n }\n });\n }\n };\n var bindEvents = function bindEvents() {\n el.addEventListener('focus', onFocus);\n el.addEventListener('blur', onBlur);\n el.addEventListener('keydown', onKeyDown);\n el.addEventListener('keypress', onKeyPress);\n el.addEventListener('input', onInput);\n el.addEventListener('paste', handleInputChange);\n };\n var unbindEvents = function unbindEvents() {\n el.removeEventListener('focus', onFocus);\n el.removeEventListener('blur', onBlur);\n el.removeEventListener('keydown', onKeyDown);\n el.removeEventListener('keypress', onKeyPress);\n el.removeEventListener('input', onInput);\n el.removeEventListener('paste', handleInputChange);\n };\n var init = function init() {\n tests = [];\n partialPosition = options.mask.length;\n len = options.mask.length;\n firstNonMaskPos = null;\n defs = {\n 9: '[0-9]',\n a: '[A-Za-z]',\n '*': '[A-Za-z0-9]'\n };\n androidChrome = DomHandler.isChrome() && DomHandler.isAndroid();\n var maskTokens = options.mask.split('');\n for (var i = 0; i < maskTokens.length; i++) {\n var c = maskTokens[i];\n if (c === '?') {\n len--;\n partialPosition = i;\n } else if (defs[c]) {\n tests.push(new RegExp(defs[c]));\n if (firstNonMaskPos === null) {\n firstNonMaskPos = tests.length - 1;\n }\n if (i < partialPosition) {\n lastRequiredNonMaskPos = tests.length - 1;\n }\n } else {\n tests.push(null);\n }\n }\n buffer = [];\n for (var _i = 0; _i < maskTokens.length; _i++) {\n var _c = maskTokens[_i];\n if (_c !== '?') {\n if (defs[_c]) {\n buffer.push(getPlaceholder(_i));\n } else {\n buffer.push(_c);\n }\n }\n }\n defaultBuffer = buffer.join('');\n };\n if (el && options.mask) {\n init();\n bindEvents();\n }\n return {\n init: init,\n bindEvents: bindEvents,\n unbindEvents: unbindEvents,\n updateModel: updateModel,\n getValue: getValue\n };\n}\n\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\n/**\n * Merges properties together taking an Array of props and merging into one single set of\n * properties. The options can contain a \"classNameMergeFunction\" which can be something\n * like Tailwind Merge for properly merging Tailwind classes.\n *\n * @param {object[]} props the array of object properties to merge\n * @param {*} options either empty or could contain a custom merge function like TailwindMerge\n * @returns the single properties value after merging\n */\nfunction mergeProps(props) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (!props) {\n return undefined;\n }\n var isFunction = function isFunction(obj) {\n return typeof obj === 'function';\n };\n var classNameMergeFunction = options.classNameMergeFunction;\n var hasMergeFunction = isFunction(classNameMergeFunction);\n return props.reduce(function (merged, ps) {\n if (!ps) {\n return merged;\n }\n var _loop = function _loop() {\n var value = ps[key];\n if (key === 'style') {\n merged.style = _objectSpread(_objectSpread({}, merged.style), ps.style);\n } else if (key === 'className') {\n var newClassName = '';\n if (hasMergeFunction) {\n newClassName = classNameMergeFunction(merged.className, ps.className);\n } else {\n newClassName = [merged.className, ps.className].join(' ').trim();\n }\n merged.className = newClassName || undefined;\n } else if (isFunction(value)) {\n var existingFn = merged[key];\n merged[key] = existingFn ? function () {\n existingFn.apply(void 0, arguments);\n value.apply(void 0, arguments);\n } : value;\n } else {\n merged[key] = value;\n }\n };\n for (var key in ps) {\n _loop();\n }\n return merged;\n }, {});\n}\n\nvar lastId = 0;\nfunction UniqueComponentId() {\n var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pr_id_';\n lastId++;\n return \"\".concat(prefix).concat(lastId);\n}\n\nfunction handler() {\n var zIndexes = [];\n var generateZIndex = function generateZIndex(key, autoZIndex) {\n var baseZIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 999;\n var lastZIndex = getLastZIndex(key, autoZIndex, baseZIndex);\n var newZIndex = lastZIndex.value + (lastZIndex.key === key ? 0 : baseZIndex) + 1;\n zIndexes.push({\n key: key,\n value: newZIndex\n });\n return newZIndex;\n };\n var revertZIndex = function revertZIndex(zIndex) {\n zIndexes = zIndexes.filter(function (obj) {\n return obj.value !== zIndex;\n });\n };\n var getCurrentZIndex = function getCurrentZIndex(key, autoZIndex) {\n return getLastZIndex(key, autoZIndex).value;\n };\n var getLastZIndex = function getLastZIndex(key, autoZIndex) {\n var baseZIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n return _toConsumableArray(zIndexes).reverse().find(function (obj) {\n return autoZIndex ? true : obj.key === key;\n }) || {\n key: key,\n value: baseZIndex\n };\n };\n var getZIndex = function getZIndex(el) {\n return el ? parseInt(el.style.zIndex, 10) || 0 : 0;\n };\n return {\n get: getZIndex,\n set: function set(key, el, autoZIndex, baseZIndex) {\n if (el) {\n el.style.zIndex = String(generateZIndex(key, autoZIndex, baseZIndex));\n }\n },\n clear: function clear(el) {\n if (el) {\n revertZIndex(ZIndexUtils.get(el));\n el.style.zIndex = '';\n }\n },\n getCurrent: function getCurrent(key, autoZIndex) {\n return getCurrentZIndex(key, autoZIndex);\n }\n };\n}\nvar ZIndexUtils = handler();\n\nexport { DomHandler, EventBus, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, classNames, mask, mergeProps };\n","'use client';\nimport { ObjectUtils } from 'primereact/utils';\nimport React, { useState } from 'react';\n\nvar FilterMatchMode = Object.freeze({\n STARTS_WITH: 'startsWith',\n CONTAINS: 'contains',\n NOT_CONTAINS: 'notContains',\n ENDS_WITH: 'endsWith',\n EQUALS: 'equals',\n NOT_EQUALS: 'notEquals',\n IN: 'in',\n LESS_THAN: 'lt',\n LESS_THAN_OR_EQUAL_TO: 'lte',\n GREATER_THAN: 'gt',\n GREATER_THAN_OR_EQUAL_TO: 'gte',\n BETWEEN: 'between',\n DATE_IS: 'dateIs',\n DATE_IS_NOT: 'dateIsNot',\n DATE_BEFORE: 'dateBefore',\n DATE_AFTER: 'dateAfter',\n CUSTOM: 'custom'\n});\n\nvar FilterOperator = Object.freeze({\n AND: 'and',\n OR: 'or'\n});\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\nfunction _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }\nfunction _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nvar FilterService = {\n filter: function filter(value, fields, filterValue, filterMatchMode, filterLocale) {\n var filteredItems = [];\n if (!value) {\n return filteredItems;\n }\n var _iterator = _createForOfIteratorHelper(value),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var item = _step.value;\n if (typeof item === 'string') {\n if (this.filters[filterMatchMode](item, filterValue, filterLocale)) {\n filteredItems.push(item);\n continue;\n }\n } else {\n var _iterator2 = _createForOfIteratorHelper(fields),\n _step2;\n try {\n for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n var field = _step2.value;\n var fieldValue = ObjectUtils.resolveFieldData(item, field);\n if (this.filters[filterMatchMode](fieldValue, filterValue, filterLocale)) {\n filteredItems.push(item);\n break;\n }\n }\n } catch (err) {\n _iterator2.e(err);\n } finally {\n _iterator2.f();\n }\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n return filteredItems;\n },\n filters: {\n startsWith: function startsWith(value, filter, filterLocale) {\n if (filter === undefined || filter === null || filter.trim() === '') {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n var filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);\n var stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);\n return stringValue.slice(0, filterValue.length) === filterValue;\n },\n contains: function contains(value, filter, filterLocale) {\n if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n var filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);\n var stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);\n return stringValue.indexOf(filterValue) !== -1;\n },\n notContains: function notContains(value, filter, filterLocale) {\n if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n var filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);\n var stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);\n return stringValue.indexOf(filterValue) === -1;\n },\n endsWith: function endsWith(value, filter, filterLocale) {\n if (filter === undefined || filter === null || filter.trim() === '') {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n var filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);\n var stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);\n return stringValue.indexOf(filterValue, stringValue.length - filterValue.length) !== -1;\n },\n equals: function equals(value, filter, filterLocale) {\n if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n if (value.getTime && filter.getTime) {\n return value.getTime() === filter.getTime();\n }\n return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) === ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);\n },\n notEquals: function notEquals(value, filter, filterLocale) {\n if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {\n return true;\n }\n if (value === undefined || value === null) {\n return true;\n }\n if (value.getTime && filter.getTime) {\n return value.getTime() !== filter.getTime();\n }\n return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) !== ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);\n },\n \"in\": function _in(value, filter) {\n if (filter === undefined || filter === null || filter.length === 0) {\n return true;\n }\n for (var i = 0; i < filter.length; i++) {\n if (ObjectUtils.equals(value, filter[i])) {\n return true;\n }\n }\n return false;\n },\n notIn: function notIn(value, filter) {\n if (filter === undefined || filter === null || filter.length === 0) {\n return true;\n }\n for (var i = 0; i < filter.length; i++) {\n if (ObjectUtils.equals(value, filter[i])) {\n return false;\n }\n }\n return true;\n },\n between: function between(value, filter) {\n if (filter == null || filter[0] == null || filter[1] == null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n if (value.getTime) {\n return filter[0].getTime() <= value.getTime() && value.getTime() <= filter[1].getTime();\n }\n return filter[0] <= value && value <= filter[1];\n },\n lt: function lt(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n if (value.getTime && filter.getTime) {\n return value.getTime() < filter.getTime();\n }\n return value < filter;\n },\n lte: function lte(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n if (value.getTime && filter.getTime) {\n return value.getTime() <= filter.getTime();\n }\n return value <= filter;\n },\n gt: function gt(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n if (value.getTime && filter.getTime) {\n return value.getTime() > filter.getTime();\n }\n return value > filter;\n },\n gte: function gte(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n if (value.getTime && filter.getTime) {\n return value.getTime() >= filter.getTime();\n }\n return value >= filter;\n },\n dateIs: function dateIs(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n return value.toDateString() === filter.toDateString();\n },\n dateIsNot: function dateIsNot(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n return value.toDateString() !== filter.toDateString();\n },\n dateBefore: function dateBefore(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n return value.getTime() < filter.getTime();\n },\n dateAfter: function dateAfter(value, filter) {\n if (filter === undefined || filter === null) {\n return true;\n }\n if (value === undefined || value === null) {\n return false;\n }\n return value.getTime() > filter.getTime();\n }\n },\n register: function register(rule, fn) {\n this.filters[rule] = fn;\n }\n};\n\nfunction _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\n\nfunction _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}\n\nfunction _toPropertyKey(arg) {\n var key = _toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}\n\nfunction _defineProperty(obj, key, value) {\n key = _toPropertyKey(key);\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 return obj;\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, _toPropertyKey(descriptor.key), descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\n/**\n * @deprecated please use PrimeReactContext\n */\nvar PrimeReact$1 = /*#__PURE__*/_createClass(function PrimeReact() {\n _classCallCheck(this, PrimeReact);\n});\n_defineProperty(PrimeReact$1, \"ripple\", false);\n_defineProperty(PrimeReact$1, \"inputStyle\", 'outlined');\n_defineProperty(PrimeReact$1, \"locale\", 'en');\n_defineProperty(PrimeReact$1, \"appendTo\", null);\n_defineProperty(PrimeReact$1, \"cssTransition\", true);\n_defineProperty(PrimeReact$1, \"autoZIndex\", true);\n_defineProperty(PrimeReact$1, \"hideOverlaysOnDocumentScrolling\", false);\n_defineProperty(PrimeReact$1, \"nonce\", null);\n_defineProperty(PrimeReact$1, \"nullSortOrder\", 1);\n_defineProperty(PrimeReact$1, \"zIndex\", {\n modal: 1100,\n overlay: 1000,\n menu: 1000,\n tooltip: 1100,\n toast: 1200\n});\n_defineProperty(PrimeReact$1, \"pt\", undefined);\n_defineProperty(PrimeReact$1, \"filterMatchModeOptions\", {\n text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],\n numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],\n date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]\n});\n_defineProperty(PrimeReact$1, \"changeTheme\", function (currentTheme, newTheme, linkElementId, callback) {\n var _linkElement$parentNo;\n var linkElement = document.getElementById(linkElementId);\n var cloneLinkElement = linkElement.cloneNode(true);\n var newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);\n cloneLinkElement.setAttribute('id', linkElementId + '-clone');\n cloneLinkElement.setAttribute('href', newThemeUrl);\n cloneLinkElement.addEventListener('load', function () {\n linkElement.remove();\n cloneLinkElement.setAttribute('id', linkElementId);\n if (callback) {\n callback();\n }\n });\n (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);\n});\n\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nvar locales = {\n en: {\n accept: 'Yes',\n addRule: 'Add Rule',\n am: 'AM',\n apply: 'Apply',\n cancel: 'Cancel',\n choose: 'Choose',\n chooseDate: 'Choose Date',\n chooseMonth: 'Choose Month',\n chooseYear: 'Choose Year',\n clear: 'Clear',\n completed: 'Completed',\n contains: 'Contains',\n custom: 'Custom',\n dateAfter: 'Date is after',\n dateBefore: 'Date is before',\n dateFormat: 'mm/dd/yy',\n dateIs: 'Date is',\n dateIsNot: 'Date is not',\n dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n emptyFilterMessage: 'No results found',\n emptyMessage: 'No available options',\n emptySearchMessage: 'No results found',\n emptySelectionMessage: 'No selected item',\n endsWith: 'Ends with',\n equals: 'Equals',\n fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],\n filter: 'Filter',\n firstDayOfWeek: 0,\n gt: 'Greater than',\n gte: 'Greater than or equal to',\n lt: 'Less than',\n lte: 'Less than or equal to',\n matchAll: 'Match All',\n matchAny: 'Match Any',\n medium: 'Medium',\n monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n nextDecade: 'Next Decade',\n nextHour: 'Next Hour',\n nextMinute: 'Next Minute',\n nextMonth: 'Next Month',\n nextSecond: 'Next Second',\n nextYear: 'Next Year',\n noFilter: 'No Filter',\n notContains: 'Not contains',\n notEquals: 'Not equals',\n now: 'Now',\n passwordPrompt: 'Enter a password',\n pending: 'Pending',\n pm: 'PM',\n prevDecade: 'Previous Decade',\n prevHour: 'Previous Hour',\n prevMinute: 'Previous Minute',\n prevMonth: 'Previous Month',\n prevSecond: 'Previous Second',\n prevYear: 'Previous Year',\n reject: 'No',\n removeRule: 'Remove Rule',\n searchMessage: '{0} results are available',\n selectionMessage: '{0} items selected',\n showMonthAfterYear: false,\n startsWith: 'Starts with',\n strong: 'Strong',\n today: 'Today',\n upload: 'Upload',\n weak: 'Weak',\n weekHeader: 'Wk',\n aria: {\n cancelEdit: 'Cancel Edit',\n close: 'Close',\n collapseRow: 'Row Collapsed',\n editRow: 'Edit Row',\n expandRow: 'Row Expanded',\n falseLabel: 'False',\n filterConstraint: 'Filter Constraint',\n filterOperator: 'Filter Operator',\n firstPageLabel: 'First Page',\n gridView: 'Grid View',\n hideFilterMenu: 'Hide Filter Menu',\n jumpToPageDropdownLabel: 'Jump to Page Dropdown',\n jumpToPageInputLabel: 'Jump to Page Input',\n lastPageLabel: 'Last Page',\n listView: 'List View',\n moveAllToSource: 'Move All to Source',\n moveAllToTarget: 'Move All to Target',\n moveBottom: 'Move Bottom',\n moveDown: 'Move Down',\n moveToSource: 'Move to Source',\n moveToTarget: 'Move to Target',\n moveTop: 'Move Top',\n moveUp: 'Move Up',\n navigation: 'Navigation',\n next: 'Next',\n nextPageLabel: 'Next Page',\n nullLabel: 'Not Selected',\n pageLabel: 'Page {page}',\n otpLabel: 'Please enter one time password character {0}',\n passwordHide: 'Hide Password',\n passwordShow: 'Show Password',\n previous: 'Previous',\n previousPageLabel: 'Previous Page',\n rotateLeft: 'Rotate Left',\n rotateRight: 'Rotate Right',\n rowsPerPageLabel: 'Rows per page',\n saveEdit: 'Save Edit',\n scrollTop: 'Scroll Top',\n selectAll: 'All items selected',\n selectRow: 'Row Selected',\n showFilterMenu: 'Show Filter Menu',\n slide: 'Slide',\n slideNumber: '{slideNumber}',\n star: '1 star',\n stars: '{star} stars',\n trueLabel: 'True',\n unselectAll: 'All items unselected',\n unselectRow: 'Row Unselected',\n zoomImage: 'Zoom Image',\n zoomIn: 'Zoom In',\n zoomOut: 'Zoom Out'\n }\n }\n};\nfunction locale(locale) {\n locale && (PrimeReact$1.locale = locale);\n return {\n locale: PrimeReact$1.locale,\n options: locales[PrimeReact$1.locale]\n };\n}\nfunction addLocale(locale, options) {\n if (locale.includes('__proto__') || locale.includes('prototype')) {\n throw new Error('Unsafe locale detected');\n }\n locales[locale] = _objectSpread(_objectSpread({}, locales.en), options);\n}\nfunction updateLocaleOption(key, value, locale) {\n if (key.includes('__proto__') || key.includes('prototype')) {\n throw new Error('Unsafe key detected');\n }\n localeOptions(locale)[key] = value;\n}\nfunction updateLocaleOptions(options, locale) {\n if (locale.includes('__proto__') || locale.includes('prototype')) {\n throw new Error('Unsafe locale detected');\n }\n var _locale = locale || PrimeReact$1.locale;\n locales[_locale] = _objectSpread(_objectSpread({}, locales[_locale]), options);\n}\nfunction localeOption(key, locale) {\n if (key.includes('__proto__') || key.includes('prototype')) {\n throw new Error('Unsafe key detected');\n }\n var _locale = locale || PrimeReact$1.locale;\n try {\n return localeOptions(_locale)[key];\n } catch (error) {\n throw new Error(\"The \".concat(key, \" option is not found in the current locale('\").concat(_locale, \"').\"));\n }\n}\n\n/**\n * Find an ARIA label in the locale by key. If options are passed it will replace all options:\n * ```ts\n * const ariaValue = \"Page {page}, User {user}, Role {role}\";\n * const options = { page: 2, user: \"John\", role: \"Admin\" };\n * const result = ariaLabel('yourLabel', { page: 2, user: \"John\", role: \"Admin\" })\n * console.log(result); // Output: Page 2, User John, Role Admin\n * ```\n * @param {string} ariaKey key of the ARIA label to look up in locale.\n * @param {any} options JSON options like { page: 2, user: \"John\", role: \"Admin\" }\n * @returns the ARIA label with replaced values\n */\nfunction ariaLabel(ariaKey, options) {\n if (ariaKey.includes('__proto__') || ariaKey.includes('prototype')) {\n throw new Error('Unsafe ariaKey detected');\n }\n var _locale = PrimeReact$1.locale;\n try {\n var _ariaLabel = localeOptions(_locale).aria[ariaKey];\n if (_ariaLabel) {\n for (var key in options) {\n if (options.hasOwnProperty(key)) {\n _ariaLabel = _ariaLabel.replace(\"{\".concat(key, \"}\"), options[key]);\n }\n }\n }\n return _ariaLabel;\n } catch (error) {\n throw new Error(\"The \".concat(ariaKey, \" option is not found in the current locale('\").concat(_locale, \"').\"));\n }\n}\nfunction localeOptions(locale) {\n var _locale = locale || PrimeReact$1.locale;\n if (_locale.includes('__proto__') || _locale.includes('prototype')) {\n throw new Error('Unsafe locale detected');\n }\n return locales[_locale];\n}\n\nvar MessageSeverity = Object.freeze({\n SUCCESS: 'success',\n INFO: 'info',\n WARN: 'warn',\n ERROR: 'error',\n SECONDARY: 'secondary',\n CONTRAST: 'contrast'\n});\n\nvar PrimeIcons = Object.freeze({\n ADDRESS_BOOK: 'pi pi-address-book',\n ALIGN_CENTER: 'pi pi-align-center',\n ALIGN_JUSTIFY: 'pi pi-align-justify',\n ALIGN_LEFT: 'pi pi-align-left',\n ALIGN_RIGHT: 'pi pi-align-right',\n AMAZON: 'pi pi-amazon',\n ANDROID: 'pi pi-android',\n ANGLE_DOUBLE_DOWN: 'pi pi-angle-double-down',\n ANGLE_DOUBLE_LEFT: 'pi pi-angle-double-left',\n ANGLE_DOUBLE_RIGHT: 'pi pi-angle-double-right',\n ANGLE_DOUBLE_UP: 'pi pi-angle-double-up',\n ANGLE_DOWN: 'pi pi-angle-down',\n ANGLE_LEFT: 'pi pi-angle-left',\n ANGLE_RIGHT: 'pi pi-angle-right',\n ANGLE_UP: 'pi pi-angle-up',\n APPLE: 'pi pi-apple',\n ARROW_CIRCLE_DOWN: 'pi pi-arrow-circle-down',\n ARROW_CIRCLE_LEFT: 'pi pi-arrow-circle-left',\n ARROW_CIRCLE_RIGHT: 'pi pi-arrow-circle-right',\n ARROW_CIRCLE_UP: 'pi pi-arrow-circle-up',\n ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: 'pi pi-arrow-down-left-and-arrow-up-right-to-center',\n ARROW_DOWN_LEFT: 'pi pi-arrow-down-left',\n ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',\n ARROW_DOWN: 'pi pi-arrow-down',\n ARROW_LEFT: 'pi pi-arrow-left',\n ARROW_RIGHT_ARROW_LEFT: 'pi pi-arrow-right-arrow-left',\n ARROW_RIGHT: 'pi pi-arrow-right',\n ARROW_UP_LEFT: 'pi pi-arrow-up-left',\n ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER: 'pi pi-arrow-up-right-and-arrow-down-left-from-center',\n ARROW_UP_RIGHT: 'pi pi-arrow-up-right',\n ARROW_UP: 'pi pi-arrow-up',\n ARROWS_ALT: 'pi pi-arrows-alt',\n ARROWS_H: 'pi pi-arrows-h',\n ARROWS_V: 'pi pi-arrows-v',\n ASTERISK: 'pi pi-asterisk',\n AT: 'pi pi-at',\n BACKWARD: 'pi pi-backward',\n BAN: 'pi pi-ban',\n BARCODE: 'pi pi-barcode',\n BARS: 'pi pi-bars',\n BELL_SLASH: 'pi pi-bell-slash',\n BELL: 'pi pi-bell',\n BITCOIN: 'pi pi-bitcoin',\n BOLT: 'pi pi-bolt',\n BOOK: 'pi pi-book',\n BOOKMARK_FILL: 'pi pi-bookmark-fill',\n BOOKMARK: 'pi pi-bookmark',\n BOX: 'pi pi-box',\n BRIEFCASE: 'pi pi-briefcase',\n BUILDING_COLUMNS: 'pi pi-building-columns',\n BUILDING: 'pi pi-building',\n BULLSEYE: 'pi pi-bullseye',\n CALCULATOR: 'pi pi-calculator',\n CALENDAR_CLOCK: 'pi pi-calendar-clock',\n CALENDAR_MINUS: 'pi pi-calendar-minus',\n CALENDAR_PLUS: 'pi pi-calendar-plus',\n CALENDAR_TIMES: 'pi pi-calendar-times',\n CALENDAR: 'pi pi-calendar',\n CAMERA: 'pi pi-camera',\n CAR: 'pi pi-car',\n CARET_DOWN: 'pi pi-caret-down',\n CARET_LEFT: 'pi pi-caret-left',\n CARET_RIGHT: 'pi pi-caret-right',\n CARET_UP: 'pi pi-caret-up',\n CART_ARROW_DOWN: 'pi pi-cart-arrow-down',\n CART_MINUS: 'pi pi-cart-minus',\n CART_PLUS: 'pi pi-cart-plus',\n CHART_BAR: 'pi pi-chart-bar',\n CHART_LINE: 'pi pi-chart-line',\n CHART_PIE: 'pi pi-chart-pie',\n CHART_SCATTER: 'pi pi-chart-scatter',\n CHECK_CIRCLE: 'pi pi-check-circle',\n CHECK_SQUARE: 'pi pi-check-square',\n CHECK: 'pi pi-check',\n CHEVRON_CIRCLE_DOWN: 'pi pi-chevron-circle-down',\n CHEVRON_CIRCLE_LEFT: 'pi pi-chevron-circle-left',\n CHEVRON_CIRCLE_RIGHT: 'pi pi-chevron-circle-right',\n CHEVRON_CIRCLE_UP: 'pi pi-chevron-circle-up',\n CHEVRON_DOWN: 'pi pi-chevron-down',\n CHEVRON_LEFT: 'pi pi-chevron-left',\n CHEVRON_RIGHT: 'pi pi-chevron-right',\n CHEVRON_UP: 'pi pi-chevron-up',\n CIRCLE_FILL: 'pi pi-circle-fill',\n CIRCLE_OFF: 'pi pi-circle-off',\n CIRCLE_ON: 'pi pi-circle-on',\n CIRCLE: 'pi pi-circle',\n CLIPBOARD: 'pi pi-clipboard',\n CLOCK: 'pi pi-clock',\n CLONE: 'pi pi-clone',\n CLOUD_DOWNLOAD: 'pi pi-cloud-download',\n CLOUD_UPLOAD: 'pi pi-cloud-upload',\n CLOUD: 'pi pi-cloud',\n CODE: 'pi pi-code',\n COG: 'pi pi-cog',\n COMMENT: 'pi pi-comment',\n COMMENTS: 'pi pi-comments',\n COMPASS: 'pi pi-compass',\n COPY: 'pi pi-copy',\n CREDIT_CARD: 'pi pi-credit-card',\n CROWN: 'pi pi-crown',\n DATABASE: 'pi pi-database',\n DELETE_LEFT: 'pi pi-delete-left',\n DESKTOP: 'pi pi-desktop',\n DIRECTIONS_ALT: 'pi pi-directions-alt',\n DIRECTIONS: 'pi pi-directions',\n DISCORD: 'pi pi-discord',\n DOLLAR: 'pi pi-dollar',\n DOWNLOAD: 'pi pi-download',\n EJECT: 'pi pi-eject',\n ELLIPSIS_H: 'pi pi-ellipsis-h',\n ELLIPSIS_V: 'pi pi-ellipsis-v',\n ENVELOPE: 'pi pi-envelope',\n EQUALS: 'pi pi-equals',\n ERASER: 'pi pi-eraser',\n ETHEREUM: 'pi pi-ethereum',\n EURO: 'pi pi-euro',\n EXCLAMATION_CIRCLE: 'pi pi-exclamation-circle',\n EXCLAMATION_TRIANGLE: 'pi pi-exclamation-triangle',\n EXPAND: 'pi pi-expand',\n EXTERNAL_LINK: 'pi pi-external-link',\n EYE_SLASH: 'pi pi-eye-slash',\n EYE: 'pi pi-eye',\n FACE_SMILE: 'pi pi-face-smile',\n FACEBOOK: 'pi pi-facebook',\n FAST_BACKWARD: 'pi pi-fast-backward',\n FAST_FORWARD: 'pi pi-fast-forward',\n FILE_ARROW_UP: 'pi pi-file-arrow-up',\n FILE_CHECK: 'pi pi-file-check',\n FILE_EDIT: 'pi pi-file-edit',\n FILE_EXCEL: 'pi pi-file-excel',\n FILE_EXPORT: 'pi pi-file-export',\n FILE_IMPORT: 'pi pi-file-import',\n FILE_O: 'pi pi-file-o',\n FILE_PDF: 'pi pi-file-pdf',\n FILE_PLUS: 'pi pi-file-plus',\n FILE_WORD: 'pi pi-file-word',\n FILE: 'pi pi-file',\n FILTER_FILL: 'pi pi-filter-fill',\n FILTER_SLASH: 'pi pi-filter-slash',\n FILTER: 'pi pi-filter',\n FLAG_FILL: 'pi pi-flag-fill',\n FLAG: 'pi pi-flag',\n FOLDER_OPEN: 'pi pi-folder-open',\n FOLDER_PLUS: 'pi pi-folder-plus',\n FOLDER: 'pi pi-folder',\n FORWARD: 'pi pi-forward',\n GAUGE: 'pi pi-gauge',\n GIFT: 'pi pi-gift',\n GITHUB: 'pi pi-github',\n GLOBE: 'pi pi-globe',\n GOOGLE: 'pi pi-google',\n GRADUATION_CAP: 'pi pi-graduation-cap',\n HAMMER: 'pi pi-hammer',\n HASHTAG: 'pi pi-hashtag',\n HEADPHONES: 'pi pi-headphones',\n HEART_FILL: 'pi pi-heart-fill',\n HEART: 'pi pi-heart',\n HISTORY: 'pi pi-history',\n HOME: 'pi pi-home',\n HOURGLASS: 'pi pi-hourglass',\n ID_CARD: 'pi pi-id-card',\n IMAGE: 'pi pi-image',\n IMAGES: 'pi pi-images',\n INBOX: 'pi pi-inbox',\n INDIAN_RUPEE: 'pi pi-indian-rupee',\n INFO_CIRCLE: 'pi pi-info-circle',\n INFO: 'pi pi-info',\n INSTAGRAM: 'pi pi-instagram',\n KEY: 'pi pi-key',\n LANGUAGE: 'pi pi-language',\n LIGHTBULB: 'pi pi-lightbulb',\n LINK: 'pi pi-link',\n LINKEDIN: 'pi pi-linkedin',\n LIST_CHECK: 'pi pi-list-check',\n LIST: 'pi pi-list',\n LOCK_OPEN: 'pi pi-lock-open',\n LOCK: 'pi pi-lock',\n MAP_MARKER: 'pi pi-map-marker',\n MAP: 'pi pi-map',\n MARS: 'pi pi-mars',\n MEGAPHONE: 'pi pi-megaphone',\n MICROCHIP_AI: 'pi pi-microchip-ai',\n MICROCHIP: 'pi pi-microchip',\n MICROPHONE: 'pi pi-microphone',\n MICROSOFT: 'pi pi-microsoft',\n MINUS_CIRCLE: 'pi pi-minus-circle',\n MINUS: 'pi pi-minus',\n MOBILE: 'pi pi-mobile',\n MONEY_BILL: 'pi pi-money-bill',\n MOON: 'pi pi-moon',\n OBJECTS_COLUMN: 'pi pi-objects-column',\n PALETTE: 'pi pi-palette',\n PAPERCLIP: 'pi pi-paperclip',\n PAUSE_CIRCLE: 'pi pi-pause-circle',\n PAUSE: 'pi pi-pause',\n PAYPAL: 'pi pi-paypal',\n PEN_TO_SQUARE: 'pi pi-pen-to-square',\n PENCIL: 'pi pi-pencil',\n PERCENTAGE: 'pi pi-percentage',\n PHONE: 'pi pi-phone',\n PINTEREST: 'pi pi-pinterest',\n PLAY_CIRCLE: 'pi pi-play-circle',\n PLAY: 'pi pi-play',\n PLUS_CIRCLE: 'pi pi-plus-circle',\n PLUS: 'pi pi-plus',\n POUND: 'pi pi-pound',\n POWER_OFF: 'pi pi-power-off',\n PRIME: 'pi pi-prime',\n PRINT: 'pi pi-print',\n QRCODE: 'pi pi-qrcode',\n QUESTION_CIRCLE: 'pi pi-question-circle',\n QUESTION: 'pi pi-question',\n RECEIPT: 'pi pi-receipt',\n REDDIT: 'pi pi-reddit',\n REFRESH: 'pi pi-refresh',\n REPLAY: 'pi pi-replay',\n REPLY: 'pi pi-reply',\n SAVE: 'pi pi-save',\n SEARCH_MINUS: 'pi pi-search-minus',\n SEARCH_PLUS: 'pi pi-search-plus',\n SEARCH: 'pi pi-search',\n SEND: 'pi pi-send',\n SERVER: 'pi pi-server',\n SHARE_ALT: 'pi pi-share-alt',\n SHIELD: 'pi pi-shield',\n SHOP: 'pi pi-shop',\n SHOPPING_BAG: 'pi pi-shopping-bag',\n SHOPPING_CART: 'pi pi-shopping-cart',\n SIGN_IN: 'pi pi-sign-in',\n SIGN_OUT: 'pi pi-sign-out',\n SITEMAP: 'pi pi-sitemap',\n SLACK: 'pi pi-slack',\n SLIDERS_H: 'pi pi-sliders-h',\n SLIDERS_V: 'pi pi-sliders-v',\n SORT_ALPHA_DOWN_ALT: 'pi pi-sort-alpha-down-alt',\n SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',\n SORT_ALPHA_UP_ALT: 'pi pi-sort-alpha-up-alt',\n SORT_ALPHA_UP: 'pi pi-sort-alpha-up',\n SORT_ALT_SLASH: 'pi pi-sort-alt-slash',\n SORT_ALT: 'pi pi-sort-alt',\n SORT_AMOUNT_DOWN_ALT: 'pi pi-sort-amount-down-alt',\n SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',\n SORT_AMOUNT_UP_ALT: 'pi pi-sort-amount-up-alt',\n SORT_AMOUNT_UP: 'pi pi-sort-amount-up',\n SORT_DOWN_FILL: 'pi pi-sort-down-fill',\n SORT_DOWN: 'pi pi-sort-down',\n SORT_NUMERIC_DOWN_ALT: 'pi pi-sort-numeric-down-alt',\n SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',\n SORT_NUMERIC_UP_ALT: 'pi pi-sort-numeric-up-alt',\n SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',\n SORT_UP_FILL: 'pi pi-sort-up-fill',\n SORT_UP: 'pi pi-sort-up',\n SORT: 'pi pi-sort',\n SPARKLES: 'pi pi-sparkles',\n SPINNER_DOTTED: 'pi pi-spinner-dotted',\n SPINNER: 'pi pi-spinner',\n STAR_FILL: 'pi pi-star-fill',\n STAR_HALF_FILL: 'pi pi-star-half-fill',\n STAR_HALF: 'pi pi-star-half',\n STAR: 'pi pi-star',\n STEP_BACKWARD_ALT: 'pi pi-step-backward-alt',\n STEP_BACKWARD: 'pi pi-step-backward',\n STEP_FORWARD_ALT: 'pi pi-step-forward-alt',\n STEP_FORWARD: 'pi pi-step-forward',\n STOP_CIRCLE: 'pi pi-stop-circle',\n STOP: 'pi pi-stop',\n STOPWATCH: 'pi pi-stopwatch',\n SUN: 'pi pi-sun',\n SYNC: 'pi pi-sync',\n TABLE: 'pi pi-table',\n TABLET: 'pi pi-tablet',\n TAG: 'pi pi-tag',\n TAGS: 'pi pi-tags',\n TELEGRAM: 'pi pi-telegram',\n TH_LARGE: 'pi pi-th-large',\n THUMBS_DOWN_FILL: 'pi pi-thumbs-down-fill',\n THUMBS_DOWN: 'pi pi-thumbs-down',\n THUMBS_UP_FILL: 'pi pi-thumbs-up-fill',\n THUMBS_UP: 'pi pi-thumbs-up',\n THUMBTACK: 'pi pi-thumbtack',\n TICKET: 'pi pi-ticket',\n TIKTOK: 'pi pi-tiktok',\n TIMES_CIRCLE: 'pi pi-times-circle',\n TIMES: 'pi pi-times',\n TRASH: 'pi pi-trash',\n TROPHY: 'pi pi-trophy',\n TRUCK: 'pi pi-truck',\n TURKISH_LIRA: 'pi pi-turkish-lira',\n TWITCH: 'pi pi-twitch',\n TWITTER: 'pi pi-twitter',\n UNDO: 'pi pi-undo',\n UNLOCK: 'pi pi-unlock',\n UPLOAD: 'pi pi-upload',\n USER_EDIT: 'pi pi-user-edit',\n USER_MINUS: 'pi pi-user-minus',\n USER_PLUS: 'pi pi-user-plus',\n USER: 'pi pi-user',\n USERS: 'pi pi-users',\n VENUS: 'pi pi-venus',\n VERIFIED: 'pi pi-verified',\n VIDEO: 'pi pi-video',\n VIMEO: 'pi pi-vimeo',\n VOLUME_DOWN: 'pi pi-volume-down',\n VOLUME_OFF: 'pi pi-volume-off',\n VOLUME_UP: 'pi pi-volume-up',\n WALLET: 'pi pi-wallet',\n WAREHOUSE: 'pi pi-warehouse',\n WAVE_PULSE: 'pi pi-wave-pulse',\n WHATSAPP: 'pi pi-whatsapp',\n WIFI: 'pi pi-wifi',\n WINDOW_MAXIMIZE: 'pi pi-window-maximize',\n WINDOW_MINIMIZE: 'pi pi-window-minimize',\n WRENCH: 'pi pi-wrench',\n YOUTUBE: 'pi pi-youtube'\n});\n\nvar SortOrder = Object.freeze({\n DESC: -1,\n UNSORTED: 0,\n ASC: 1\n});\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(r, l) {\n var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n if (null != t) {\n var e,\n n,\n i,\n u,\n a = [],\n f = !0,\n o = !1;\n try {\n if (i = (t = t.call(r)).next, 0 === l) {\n if (Object(t) !== t) return;\n f = !1;\n } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n } catch (r) {\n o = !0, n = r;\n } finally {\n try {\n if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n } finally {\n if (o) throw n;\n }\n }\n return a;\n }\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _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}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nvar PrimeReactContext = /*#__PURE__*/React.createContext();\nvar PrimeReactProvider = function PrimeReactProvider(props) {\n var propsValue = props.value || {};\n var _useState = useState(propsValue.ripple || false),\n _useState2 = _slicedToArray(_useState, 2),\n ripple = _useState2[0],\n setRipple = _useState2[1];\n var _useState3 = useState(propsValue.inputStyle || 'outlined'),\n _useState4 = _slicedToArray(_useState3, 2),\n inputStyle = _useState4[0],\n setInputStyle = _useState4[1];\n var _useState5 = useState(propsValue.locale || 'en'),\n _useState6 = _slicedToArray(_useState5, 2),\n locale = _useState6[0],\n setLocale = _useState6[1];\n var _useState7 = useState(propsValue.appendTo || null),\n _useState8 = _slicedToArray(_useState7, 2),\n appendTo = _useState8[0],\n setAppendTo = _useState8[1];\n var _useState9 = useState(propsValue.styleContainer || null),\n _useState10 = _slicedToArray(_useState9, 2),\n styleContainer = _useState10[0],\n setStyleContainer = _useState10[1];\n var _useState11 = useState(propsValue.cssTransition || true),\n _useState12 = _slicedToArray(_useState11, 2),\n cssTransition = _useState12[0],\n setCssTransition = _useState12[1];\n var _useState13 = useState(propsValue.autoZIndex || true),\n _useState14 = _slicedToArray(_useState13, 2),\n autoZIndex = _useState14[0],\n setAutoZIndex = _useState14[1];\n var _useState15 = useState(propsValue.hideOverlaysOnDocumentScrolling || false),\n _useState16 = _slicedToArray(_useState15, 2),\n hideOverlaysOnDocumentScrolling = _useState16[0],\n setHideOverlaysOnDocumentScrolling = _useState16[1];\n var _useState17 = useState(propsValue.nonce || null),\n _useState18 = _slicedToArray(_useState17, 2),\n nonce = _useState18[0],\n setNonce = _useState18[1];\n var _useState19 = useState(propsValue.nullSortOrder || 1),\n _useState20 = _slicedToArray(_useState19, 2),\n nullSortOrder = _useState20[0],\n setNullSortOrder = _useState20[1];\n var _useState21 = useState(propsValue.zIndex || {\n modal: 1100,\n overlay: 1000,\n menu: 1000,\n tooltip: 1100,\n toast: 1200\n }),\n _useState22 = _slicedToArray(_useState21, 2),\n zIndex = _useState22[0],\n setZIndex = _useState22[1];\n var _useState23 = useState(propsValue.ptOptions || {\n mergeSections: true,\n mergeProps: true\n }),\n _useState24 = _slicedToArray(_useState23, 2),\n ptOptions = _useState24[0],\n setPtOptions = _useState24[1];\n var _useState25 = useState(propsValue.pt || undefined),\n _useState26 = _slicedToArray(_useState25, 2),\n pt = _useState26[0],\n setPt = _useState26[1];\n var _useState27 = useState(propsValue.unstyled || false),\n _useState28 = _slicedToArray(_useState27, 2),\n unstyled = _useState28[0],\n setUnstyled = _useState28[1];\n var _useState29 = useState(propsValue.filterMatchModeOptions || {\n text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],\n numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],\n date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]\n }),\n _useState30 = _slicedToArray(_useState29, 2),\n filterMatchModeOptions = _useState30[0],\n setFilterMatchModeOptions = _useState30[1];\n var changeTheme = function changeTheme(currentTheme, newTheme, linkElementId, callback) {\n var _linkElement$parentNo;\n var linkElement = document.getElementById(linkElementId);\n var cloneLinkElement = linkElement.cloneNode(true);\n var newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);\n cloneLinkElement.setAttribute('id', linkElementId + '-clone');\n cloneLinkElement.setAttribute('href', newThemeUrl);\n cloneLinkElement.addEventListener('load', function () {\n linkElement.remove();\n cloneLinkElement.setAttribute('id', linkElementId);\n if (callback) {\n callback();\n }\n });\n (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);\n };\n\n /**\n * @deprecated\n */\n React.useEffect(function () {\n PrimeReact$1.ripple = ripple;\n }, [ripple]);\n\n /**\n * @deprecated\n */\n React.useEffect(function () {\n PrimeReact$1.inputStyle = inputStyle;\n }, [inputStyle]);\n\n /**\n * @deprecated\n */\n React.useEffect(function () {\n PrimeReact$1.locale = locale;\n }, [locale]);\n var value = {\n changeTheme: changeTheme,\n ripple: ripple,\n setRipple: setRipple,\n inputStyle: inputStyle,\n setInputStyle: setInputStyle,\n locale: locale,\n setLocale: setLocale,\n appendTo: appendTo,\n setAppendTo: setAppendTo,\n styleContainer: styleContainer,\n setStyleContainer: setStyleContainer,\n cssTransition: cssTransition,\n setCssTransition: setCssTransition,\n autoZIndex: autoZIndex,\n setAutoZIndex: setAutoZIndex,\n hideOverlaysOnDocumentScrolling: hideOverlaysOnDocumentScrolling,\n setHideOverlaysOnDocumentScrolling: setHideOverlaysOnDocumentScrolling,\n nonce: nonce,\n setNonce: setNonce,\n nullSortOrder: nullSortOrder,\n setNullSortOrder: setNullSortOrder,\n zIndex: zIndex,\n setZIndex: setZIndex,\n ptOptions: ptOptions,\n setPtOptions: setPtOptions,\n pt: pt,\n setPt: setPt,\n filterMatchModeOptions: filterMatchModeOptions,\n setFilterMatchModeOptions: setFilterMatchModeOptions,\n unstyled: unstyled,\n setUnstyled: setUnstyled\n };\n return /*#__PURE__*/React.createElement(PrimeReactContext.Provider, {\n value: value\n }, props.children);\n};\n\nvar PrimeReact = PrimeReact$1;\n\nexport { FilterMatchMode, FilterOperator, FilterService, MessageSeverity, PrimeIcons, PrimeReactContext, PrimeReactProvider, SortOrder, addLocale, ariaLabel, PrimeReact as default, locale, localeOption, localeOptions, updateLocaleOption, updateLocaleOptions };\n","////////////////////////////////////////////////////////////////////////////////\n//#region Types and Constants\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * Actions represent the type of change to a location value.\n */\nexport enum Action {\n /**\n * A POP indicates a change to an arbitrary index in the history stack, such\n * as a back or forward navigation. It does not describe the direction of the\n * navigation, only that the current index changed.\n *\n * Note: This is the default action for newly created history objects.\n */\n Pop = \"POP\",\n\n /**\n * A PUSH indicates a new entry being added to the history stack, such as when\n * a link is clicked and a new page loads. When this happens, all subsequent\n * entries in the stack are lost.\n */\n Push = \"PUSH\",\n\n /**\n * A REPLACE indicates the entry at the current index in the history stack\n * being replaced by a new one.\n */\n Replace = \"REPLACE\",\n}\n\n/**\n * The pathname, search, and hash values of a URL.\n */\nexport interface Path {\n /**\n * A URL pathname, beginning with a /.\n */\n pathname: string;\n\n /**\n * A URL search string, beginning with a ?.\n */\n search: string;\n\n /**\n * A URL fragment identifier, beginning with a #.\n */\n hash: string;\n}\n\n// TODO: (v7) Change the Location generic default from `any` to `unknown` and\n// remove Remix `useLocation` wrapper.\n\n/**\n * An entry in a history stack. A location contains information about the\n * URL path, as well as possibly some arbitrary state and a key.\n */\nexport interface Location extends Path {\n /**\n * A value of arbitrary data associated with this location.\n */\n state: State;\n\n /**\n * A unique string associated with this location. May be used to safely store\n * and retrieve data in some other storage API, like `localStorage`.\n *\n * Note: This value is always \"default\" on the initial location.\n */\n key: string;\n}\n\n/**\n * A change to the current location.\n */\nexport interface Update {\n /**\n * The action that triggered the change.\n */\n action: Action;\n\n /**\n * The new location.\n */\n location: Location;\n\n /**\n * The delta between this location and the former location in the history stack\n */\n delta: number | null;\n}\n\n/**\n * A function that receives notifications about location changes.\n */\nexport interface Listener {\n (update: Update): void;\n}\n\n/**\n * Describes a location that is the destination of some navigation, either via\n * `history.push` or `history.replace`. This may be either a URL or the pieces\n * of a URL path.\n */\nexport type To = string | Partial;\n\n/**\n * A history is an interface to the navigation stack. The history serves as the\n * source of truth for the current location, as well as provides a set of\n * methods that may be used to change it.\n *\n * It is similar to the DOM's `window.history` object, but with a smaller, more\n * focused API.\n */\nexport interface History {\n /**\n * The last action that modified the current location. This will always be\n * Action.Pop when a history instance is first created. This value is mutable.\n */\n readonly action: Action;\n\n /**\n * The current location. This value is mutable.\n */\n readonly location: Location;\n\n /**\n * Returns a valid href for the given `to` value that may be used as\n * the value of an attribute.\n *\n * @param to - The destination URL\n */\n createHref(to: To): string;\n\n /**\n * Returns a URL for the given `to` value\n *\n * @param to - The destination URL\n */\n createURL(to: To): URL;\n\n /**\n * Encode a location the same way window.history would do (no-op for memory\n * history) so we ensure our PUSH/REPLACE navigations for data routers\n * behave the same as POP\n *\n * @param to Unencoded path\n */\n encodeLocation(to: To): Path;\n\n /**\n * Pushes a new location onto the history stack, increasing its length by one.\n * If there were any entries in the stack after the current one, they are\n * lost.\n *\n * @param to - The new URL\n * @param state - Data to associate with the new location\n */\n push(to: To, state?: any): void;\n\n /**\n * Replaces the current location in the history stack with a new one. The\n * location that was replaced will no longer be available.\n *\n * @param to - The new URL\n * @param state - Data to associate with the new location\n */\n replace(to: To, state?: any): void;\n\n /**\n * Navigates `n` entries backward/forward in the history stack relative to the\n * current index. For example, a \"back\" navigation would use go(-1).\n *\n * @param delta - The delta in the stack index\n */\n go(delta: number): void;\n\n /**\n * Sets up a listener that will be called whenever the current location\n * changes.\n *\n * @param listener - A function that will be called when the location changes\n * @returns unlisten - A function that may be used to stop listening\n */\n listen(listener: Listener): () => void;\n}\n\ntype HistoryState = {\n usr: any;\n key?: string;\n idx: number;\n};\n\nconst PopStateEventType = \"popstate\";\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Memory History\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * A user-supplied object that describes a location. Used when providing\n * entries to `createMemoryHistory` via its `initialEntries` option.\n */\nexport type InitialEntry = string | Partial;\n\nexport type MemoryHistoryOptions = {\n initialEntries?: InitialEntry[];\n initialIndex?: number;\n v5Compat?: boolean;\n};\n\n/**\n * A memory history stores locations in memory. This is useful in stateful\n * environments where there is no web browser, such as node tests or React\n * Native.\n */\nexport interface MemoryHistory extends History {\n /**\n * The current index in the history stack.\n */\n readonly index: number;\n}\n\n/**\n * Memory history stores the current location in memory. It is designed for use\n * in stateful non-browser environments like tests and React Native.\n */\nexport function createMemoryHistory(\n options: MemoryHistoryOptions = {}\n): MemoryHistory {\n let { initialEntries = [\"/\"], initialIndex, v5Compat = false } = options;\n let entries: Location[]; // Declare so we can access from createMemoryLocation\n entries = initialEntries.map((entry, index) =>\n createMemoryLocation(\n entry,\n typeof entry === \"string\" ? null : entry.state,\n index === 0 ? \"default\" : undefined\n )\n );\n let index = clampIndex(\n initialIndex == null ? entries.length - 1 : initialIndex\n );\n let action = Action.Pop;\n let listener: Listener | null = null;\n\n function clampIndex(n: number): number {\n return Math.min(Math.max(n, 0), entries.length - 1);\n }\n function getCurrentLocation(): Location {\n return entries[index];\n }\n function createMemoryLocation(\n to: To,\n state: any = null,\n key?: string\n ): Location {\n let location = createLocation(\n entries ? getCurrentLocation().pathname : \"/\",\n to,\n state,\n key\n );\n warning(\n location.pathname.charAt(0) === \"/\",\n `relative pathnames are not supported in memory history: ${JSON.stringify(\n to\n )}`\n );\n return location;\n }\n\n function createHref(to: To) {\n return typeof to === \"string\" ? to : createPath(to);\n }\n\n let history: MemoryHistory = {\n get index() {\n return index;\n },\n get action() {\n return action;\n },\n get location() {\n return getCurrentLocation();\n },\n createHref,\n createURL(to) {\n return new URL(createHref(to), \"http://localhost\");\n },\n encodeLocation(to: To) {\n let path = typeof to === \"string\" ? parsePath(to) : to;\n return {\n pathname: path.pathname || \"\",\n search: path.search || \"\",\n hash: path.hash || \"\",\n };\n },\n push(to, state) {\n action = Action.Push;\n let nextLocation = createMemoryLocation(to, state);\n index += 1;\n entries.splice(index, entries.length, nextLocation);\n if (v5Compat && listener) {\n listener({ action, location: nextLocation, delta: 1 });\n }\n },\n replace(to, state) {\n action = Action.Replace;\n let nextLocation = createMemoryLocation(to, state);\n entries[index] = nextLocation;\n if (v5Compat && listener) {\n listener({ action, location: nextLocation, delta: 0 });\n }\n },\n go(delta) {\n action = Action.Pop;\n let nextIndex = clampIndex(index + delta);\n let nextLocation = entries[nextIndex];\n index = nextIndex;\n if (listener) {\n listener({ action, location: nextLocation, delta });\n }\n },\n listen(fn: Listener) {\n listener = fn;\n return () => {\n listener = null;\n };\n },\n };\n\n return history;\n}\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Browser History\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * A browser history stores the current location in regular URLs in a web\n * browser environment. This is the standard for most web apps and provides the\n * cleanest URLs the browser's address bar.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#browserhistory\n */\nexport interface BrowserHistory extends UrlHistory {}\n\nexport type BrowserHistoryOptions = UrlHistoryOptions;\n\n/**\n * Browser history stores the location in regular URLs. This is the standard for\n * most web apps, but it requires some configuration on the server to ensure you\n * serve the same app at multiple URLs.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory\n */\nexport function createBrowserHistory(\n options: BrowserHistoryOptions = {}\n): BrowserHistory {\n function createBrowserLocation(\n window: Window,\n globalHistory: Window[\"history\"]\n ) {\n let { pathname, search, hash } = window.location;\n return createLocation(\n \"\",\n { pathname, search, hash },\n // state defaults to `null` because `window.history.state` does\n (globalHistory.state && globalHistory.state.usr) || null,\n (globalHistory.state && globalHistory.state.key) || \"default\"\n );\n }\n\n function createBrowserHref(window: Window, to: To) {\n return typeof to === \"string\" ? to : createPath(to);\n }\n\n return getUrlBasedHistory(\n createBrowserLocation,\n createBrowserHref,\n null,\n options\n );\n}\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Hash History\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * A hash history stores the current location in the fragment identifier portion\n * of the URL in a web browser environment.\n *\n * This is ideal for apps that do not control the server for some reason\n * (because the fragment identifier is never sent to the server), including some\n * shared hosting environments that do not provide fine-grained controls over\n * which pages are served at which URLs.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#hashhistory\n */\nexport interface HashHistory extends UrlHistory {}\n\nexport type HashHistoryOptions = UrlHistoryOptions;\n\n/**\n * Hash history stores the location in window.location.hash. This makes it ideal\n * for situations where you don't want to send the location to the server for\n * some reason, either because you do cannot configure it or the URL space is\n * reserved for something else.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory\n */\nexport function createHashHistory(\n options: HashHistoryOptions = {}\n): HashHistory {\n function createHashLocation(\n window: Window,\n globalHistory: Window[\"history\"]\n ) {\n let {\n pathname = \"/\",\n search = \"\",\n hash = \"\",\n } = parsePath(window.location.hash.substr(1));\n\n // Hash URL should always have a leading / just like window.location.pathname\n // does, so if an app ends up at a route like /#something then we add a\n // leading slash so all of our path-matching behaves the same as if it would\n // in a browser router. This is particularly important when there exists a\n // root splat route () since that matches internally against\n // \"/*\" and we'd expect /#something to 404 in a hash router app.\n if (!pathname.startsWith(\"/\") && !pathname.startsWith(\".\")) {\n pathname = \"/\" + pathname;\n }\n\n return createLocation(\n \"\",\n { pathname, search, hash },\n // state defaults to `null` because `window.history.state` does\n (globalHistory.state && globalHistory.state.usr) || null,\n (globalHistory.state && globalHistory.state.key) || \"default\"\n );\n }\n\n function createHashHref(window: Window, to: To) {\n let base = window.document.querySelector(\"base\");\n let href = \"\";\n\n if (base && base.getAttribute(\"href\")) {\n let url = window.location.href;\n let hashIndex = url.indexOf(\"#\");\n href = hashIndex === -1 ? url : url.slice(0, hashIndex);\n }\n\n return href + \"#\" + (typeof to === \"string\" ? to : createPath(to));\n }\n\n function validateHashLocation(location: Location, to: To) {\n warning(\n location.pathname.charAt(0) === \"/\",\n `relative pathnames are not supported in hash history.push(${JSON.stringify(\n to\n )})`\n );\n }\n\n return getUrlBasedHistory(\n createHashLocation,\n createHashHref,\n validateHashLocation,\n options\n );\n}\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region UTILS\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * @private\n */\nexport function invariant(value: boolean, message?: string): asserts value;\nexport function invariant(\n value: T | null | undefined,\n message?: string\n): asserts value is T;\nexport function invariant(value: any, message?: string) {\n if (value === false || value === null || typeof value === \"undefined\") {\n throw new Error(message);\n }\n}\n\nexport function warning(cond: any, message: string) {\n if (!cond) {\n // eslint-disable-next-line no-console\n if (typeof console !== \"undefined\") console.warn(message);\n\n try {\n // Welcome to debugging history!\n //\n // This error is thrown as a convenience, so you can more easily\n // find the source for a warning that appears in the console by\n // enabling \"pause on exceptions\" in your JavaScript debugger.\n throw new Error(message);\n // eslint-disable-next-line no-empty\n } catch (e) {}\n }\n}\n\nfunction createKey() {\n return Math.random().toString(36).substr(2, 8);\n}\n\n/**\n * For browser-based histories, we combine the state and key into an object\n */\nfunction getHistoryState(location: Location, index: number): HistoryState {\n return {\n usr: location.state,\n key: location.key,\n idx: index,\n };\n}\n\n/**\n * Creates a Location object with a unique key from the given Path\n */\nexport function createLocation(\n current: string | Location,\n to: To,\n state: any = null,\n key?: string\n): Readonly {\n let location: Readonly = {\n pathname: typeof current === \"string\" ? current : current.pathname,\n search: \"\",\n hash: \"\",\n ...(typeof to === \"string\" ? parsePath(to) : to),\n state,\n // TODO: This could be cleaned up. push/replace should probably just take\n // full Locations now and avoid the need to run through this flow at all\n // But that's a pretty big refactor to the current test suite so going to\n // keep as is for the time being and just let any incoming keys take precedence\n key: (to && (to as Location).key) || key || createKey(),\n };\n return location;\n}\n\n/**\n * Creates a string URL path from the given pathname, search, and hash components.\n */\nexport function createPath({\n pathname = \"/\",\n search = \"\",\n hash = \"\",\n}: Partial) {\n if (search && search !== \"?\")\n pathname += search.charAt(0) === \"?\" ? search : \"?\" + search;\n if (hash && hash !== \"#\")\n pathname += hash.charAt(0) === \"#\" ? hash : \"#\" + hash;\n return pathname;\n}\n\n/**\n * Parses a string URL path into its separate pathname, search, and hash components.\n */\nexport function parsePath(path: string): Partial {\n let parsedPath: Partial = {};\n\n if (path) {\n let hashIndex = path.indexOf(\"#\");\n if (hashIndex >= 0) {\n parsedPath.hash = path.substr(hashIndex);\n path = path.substr(0, hashIndex);\n }\n\n let searchIndex = path.indexOf(\"?\");\n if (searchIndex >= 0) {\n parsedPath.search = path.substr(searchIndex);\n path = path.substr(0, searchIndex);\n }\n\n if (path) {\n parsedPath.pathname = path;\n }\n }\n\n return parsedPath;\n}\n\nexport interface UrlHistory extends History {}\n\nexport type UrlHistoryOptions = {\n window?: Window;\n v5Compat?: boolean;\n};\n\nfunction getUrlBasedHistory(\n getLocation: (window: Window, globalHistory: Window[\"history\"]) => Location,\n createHref: (window: Window, to: To) => string,\n validateLocation: ((location: Location, to: To) => void) | null,\n options: UrlHistoryOptions = {}\n): UrlHistory {\n let { window = document.defaultView!, v5Compat = false } = options;\n let globalHistory = window.history;\n let action = Action.Pop;\n let listener: Listener | null = null;\n\n let index = getIndex()!;\n // Index should only be null when we initialize. If not, it's because the\n // user called history.pushState or history.replaceState directly, in which\n // case we should log a warning as it will result in bugs.\n if (index == null) {\n index = 0;\n globalHistory.replaceState({ ...globalHistory.state, idx: index }, \"\");\n }\n\n function getIndex(): number {\n let state = globalHistory.state || { idx: null };\n return state.idx;\n }\n\n function handlePop() {\n action = Action.Pop;\n let nextIndex = getIndex();\n let delta = nextIndex == null ? null : nextIndex - index;\n index = nextIndex;\n if (listener) {\n listener({ action, location: history.location, delta });\n }\n }\n\n function push(to: To, state?: any) {\n action = Action.Push;\n let location = createLocation(history.location, to, state);\n if (validateLocation) validateLocation(location, to);\n\n index = getIndex() + 1;\n let historyState = getHistoryState(location, index);\n let url = history.createHref(location);\n\n // try...catch because iOS limits us to 100 pushState calls :/\n try {\n globalHistory.pushState(historyState, \"\", url);\n } catch (error) {\n // If the exception is because `state` can't be serialized, let that throw\n // outwards just like a replace call would so the dev knows the cause\n // https://html.spec.whatwg.org/multipage/nav-history-apis.html#shared-history-push/replace-state-steps\n // https://html.spec.whatwg.org/multipage/structured-data.html#structuredserializeinternal\n if (error instanceof DOMException && error.name === \"DataCloneError\") {\n throw error;\n }\n // They are going to lose state here, but there is no real\n // way to warn them about it since the page will refresh...\n window.location.assign(url);\n }\n\n if (v5Compat && listener) {\n listener({ action, location: history.location, delta: 1 });\n }\n }\n\n function replace(to: To, state?: any) {\n action = Action.Replace;\n let location = createLocation(history.location, to, state);\n if (validateLocation) validateLocation(location, to);\n\n index = getIndex();\n let historyState = getHistoryState(location, index);\n let url = history.createHref(location);\n globalHistory.replaceState(historyState, \"\", url);\n\n if (v5Compat && listener) {\n listener({ action, location: history.location, delta: 0 });\n }\n }\n\n function createURL(to: To): URL {\n // window.location.origin is \"null\" (the literal string value) in Firefox\n // under certain conditions, notably when serving from a local HTML file\n // See https://bugzilla.mozilla.org/show_bug.cgi?id=878297\n let base =\n window.location.origin !== \"null\"\n ? window.location.origin\n : window.location.href;\n\n let href = typeof to === \"string\" ? to : createPath(to);\n // Treating this as a full URL will strip any trailing spaces so we need to\n // pre-encode them since they might be part of a matching splat param from\n // an ancestor route\n href = href.replace(/ $/, \"%20\");\n invariant(\n base,\n `No window.location.(origin|href) available to create URL for href: ${href}`\n );\n return new URL(href, base);\n }\n\n let history: History = {\n get action() {\n return action;\n },\n get location() {\n return getLocation(window, globalHistory);\n },\n listen(fn: Listener) {\n if (listener) {\n throw new Error(\"A history only accepts one active listener\");\n }\n window.addEventListener(PopStateEventType, handlePop);\n listener = fn;\n\n return () => {\n window.removeEventListener(PopStateEventType, handlePop);\n listener = null;\n };\n },\n createHref(to) {\n return createHref(window, to);\n },\n createURL,\n encodeLocation(to) {\n // Encode a Location the same way window.location would\n let url = createURL(to);\n return {\n pathname: url.pathname,\n search: url.search,\n hash: url.hash,\n };\n },\n push,\n replace,\n go(n) {\n return globalHistory.go(n);\n },\n };\n\n return history;\n}\n\n//#endregion\n","import type { Location, Path, To } from \"./history\";\nimport { invariant, parsePath, warning } from \"./history\";\n\n/**\n * Map of routeId -> data returned from a loader/action/error\n */\nexport interface RouteData {\n [routeId: string]: any;\n}\n\nexport enum ResultType {\n data = \"data\",\n deferred = \"deferred\",\n redirect = \"redirect\",\n error = \"error\",\n}\n\n/**\n * Successful result from a loader or action\n */\nexport interface SuccessResult {\n type: ResultType.data;\n data: unknown;\n statusCode?: number;\n headers?: Headers;\n}\n\n/**\n * Successful defer() result from a loader or action\n */\nexport interface DeferredResult {\n type: ResultType.deferred;\n deferredData: DeferredData;\n statusCode?: number;\n headers?: Headers;\n}\n\n/**\n * Redirect result from a loader or action\n */\nexport interface RedirectResult {\n type: ResultType.redirect;\n // We keep the raw Response for redirects so we can return it verbatim\n response: Response;\n}\n\n/**\n * Unsuccessful result from a loader or action\n */\nexport interface ErrorResult {\n type: ResultType.error;\n error: unknown;\n statusCode?: number;\n headers?: Headers;\n}\n\n/**\n * Result from a loader or action - potentially successful or unsuccessful\n */\nexport type DataResult =\n | SuccessResult\n | DeferredResult\n | RedirectResult\n | ErrorResult;\n\n/**\n * Result from a loader or action called via dataStrategy\n */\nexport interface HandlerResult {\n type: \"data\" | \"error\";\n result: unknown; // data, Error, Response, DeferredData\n status?: number;\n}\n\ntype LowerCaseFormMethod = \"get\" | \"post\" | \"put\" | \"patch\" | \"delete\";\ntype UpperCaseFormMethod = Uppercase;\n\n/**\n * Users can specify either lowercase or uppercase form methods on `