@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-b08da15166

package/components/GlobalLoader/GlobalLoader.d.ts

@@ -0,0 +1,110 @@
+import React from 'react';
+export interface GlobalLoaderProps extends Partial<DefaultProps> {
+    /**
+     * Время(ms) до появления лоадера
+     */
+    delayBeforeShow?: number;
+    /**
+     * Время(ms) до исчезновения лоадера
+     */
+    delayBeforeHide?: number;
+    /**
+     * Ожидаемое время(ms) ответа сервера
+     */
+    expectedResponseTime: number;
+    /**
+     * Анимация лоадера в виде спиннера
+     */
+    rejected?: boolean;
+    /**
+     * Показывать лоадер
+     */
+    active?: boolean;
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+    /**
+     * Коллбек, вызывающийся после появления лоадера
+     */
+    onStart?(): void;
+    /**
+     * Коллбек, вызывающийся после исчезновения лоадера
+     */
+    onDone?(): void;
+    /**
+     * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.
+     * Или после установки пропа `rejected = true`
+     */
+    onReject?(): void;
+    /**
+     * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.
+     * Или после установки пропа `rejected = false`
+     */
+    onAccept?(): void;
+}
+export interface GlobalLoaderState {
+    visible: boolean;
+    done: boolean;
+    rejected: boolean;
+    accept: boolean;
+    dead: boolean;
+    successAnimationInProgress: boolean;
+    expectedResponseTime: number;
+    started: boolean;
+}
+interface DefaultProps {
+    expectedResponseTime: number;
+    delayBeforeShow: number;
+    delayBeforeHide: number;
+    rejected: boolean;
+    active: boolean;
+    disableAnimations: boolean;
+}
+export declare type GlobalLoaderComponentProps = GlobalLoaderProps & DefaultProps;
+export declare class GlobalLoader extends React.Component<GlobalLoaderComponentProps, GlobalLoaderState> {
+    private successAnimationInProgressTimeout;
+    private setRootNode;
+    private readonly startTask;
+    private readonly stopTask;
+    static defaultProps: DefaultProps;
+    constructor(props: GlobalLoaderComponentProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
+    componentWillUnmount(): void;
+    render(): false | JSX.Element;
+    /**
+     * Запускает анимацию лоадера <br />
+     * Равносильно установке пропа `active = true`
+     *
+     * @public
+     */
+    static start: (expectedResponseTime?: number | undefined) => void;
+    /**
+     * Показывает анимацию успешного завершения загрузки <br />
+     * Равносильно установке пропа `active = false`
+     *
+     * @public
+     */
+    static done: () => void;
+    /**
+     * Переключает анимацию лоадера в состояние спиннера <br />
+     * Равносильно установке пропа `rejected = true`
+     *
+     * @public
+     */
+    static reject: () => void;
+    /**
+     * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />
+     * Равносильно установке пропа `rejected = false`
+     *
+     * @public
+     */
+    static accept: () => void;
+    setActive: () => void;
+    setDone: () => void;
+    setReject: (reject: boolean) => void;
+    updateExpectedResponseTime(expectedResponseTime: number): void;
+    kill: () => void;
+}
+export {};

package/components/GlobalLoader/GlobalLoader.md

@@ -0,0 +1,98 @@
+Индикатор обмена данными с сервером.
+
+Глобальный Лоадер может быть только один в приложении. Поэтому, каждый новый экземпляр компонента
+"убивает" предыдущий
+экземпляр, и начинает перехватывать статические методы.
+
+Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
+
+Все статические методы:
+```jsx harmony
+import { Button, Gapped } from '@skbkontur/react-ui';
+
+<Gapped>
+  <Button onClick={GlobalLoader.start} use="primary">start</Button>
+  <Button onClick={GlobalLoader.done} use="success">done</Button>
+  <Button onClick={GlobalLoader.reject} use="danger">reject</Button>
+  <Button onClick={GlobalLoader.accept} use="pay">accept</Button>
+</Gapped>
+```
+
+Монтирование и кастомизация:
+```jsx harmony
+import { Button, Toggle, Gapped, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { GlobalLoader } from './GlobalLoader';
+
+const myTheme = ThemeFactory.create({ globalLoaderColor: 'red' });
+
+const [manually, setManually] = React.useState(false);
+const [active, setActive] = React.useState(false);
+const [error, setError] = React.useState(false);
+
+const reset = () => {
+  if (manually) {
+    setManually(false);
+    setError(false);
+    setActive(false);
+  } else {
+    setManually(true);
+  }
+}
+
+<Gapped vertical>
+  <Toggle checked={manually} onValueChange={reset}>
+    Управление пропами
+  </Toggle>
+  <Toggle checked={active} onValueChange={setActive} disabled={!manually}>
+    <code>active</code>
+  </Toggle>
+  <Toggle checked={error} onValueChange={setError} disabled={!manually}>
+    <code>rejected</code>
+  </Toggle>
+
+  <ThemeContext.Provider value={myTheme}>
+    <GlobalLoader expectedResponseTime={2000} delayBeforeShow={1000} active={active} rejected={error}
+      onStart={() => console.log('start')}
+      onDone={() => console.log('done')}
+      onReject={() => console.log('reject')}
+      onAccept={() => console.log('accept')}
+    />
+  </ThemeContext.Provider>
+
+</Gapped>
+```
+
+
+Статические методы в модалке:
+```jsx harmony
+import { Button, Gapped, Modal } from '@skbkontur/react-ui';
+
+const [opened, setOpened] = React.useState(false);
+
+function renderModal() {
+  return (
+    <Modal onClose={close}>
+      <Modal.Header>Заголовок</Modal.Header>
+      <Modal.Body>
+        <Gapped>
+          <Button onClick={GlobalLoader.start} use="primary">start</Button>
+          <Button onClick={GlobalLoader.done} use="success">done</Button>
+        </Gapped>
+      </Modal.Body>
+    </Modal>
+  );
+}
+
+function open() {
+  setOpened(true);
+}
+
+function close() {
+  setOpened(false);
+}
+
+<div>
+  {opened && renderModal()}
+  <Button onClick={open}>Открыть</Button>
+</div>;
+```

package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js

@@ -0,0 +1,73 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["expectedResponseTime", "delayBeforeHide", "status", "disableAnimations"];
+import React, { useContext, useRef } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ZIndex } from "../../../internal/ZIndex";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { animations, styles } from "../GlobalLoaderView.styles";
+import { useGlobalLoaderPosition, useGlobalLoaderWidth } from "../useParams";
+export var GlobalLoaderView = function GlobalLoaderView(_ref) {
+  var expectedResponseTime = _ref.expectedResponseTime,
+      delayBeforeHide = _ref.delayBeforeHide,
+      status = _ref.status,
+      disableAnimations = _ref.disableAnimations,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var ref = useRef(null);
+  var theme = useContext(ThemeContext);
+
+  var _useGlobalLoaderWidth = useGlobalLoaderWidth(status, ref),
+      width = _useGlobalLoaderWidth.width,
+      startWidth = _useGlobalLoaderWidth.startWidth,
+      fullWidth = _useGlobalLoaderWidth.fullWidth;
+
+  var _useGlobalLoaderPosit = useGlobalLoaderPosition(ref),
+      left = _useGlobalLoaderPosit.left;
+
+  var getAnimationClass = function getAnimationClass(status) {
+    if (!disableAnimations) {
+      switch (status) {
+        case 'success':
+          return animations.successAnimation(delayBeforeHide, width, left);
+
+        case 'accept':
+          if (startWidth < fullWidth * 0.8) {
+            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);
+          }
+
+          return animations.slowAcceptAnimation(theme, startWidth, width, left);
+
+        case 'error':
+          return animations.errorAnimation(theme);
+
+        case 'standard':
+          return animations.standardAnimation(theme, expectedResponseTime);
+      }
+    }
+
+    if (disableAnimations) {
+      switch (status) {
+        case 'success':
+          return styles.successWithoutAnimation();
+
+        case 'accept':
+          return animations.acceptWithoutAnimation(startWidth);
+
+        case 'error':
+          return styles.errorWithoutAnimation();
+
+        case 'standard':
+          return styles.standardWithoutAnimation();
+      }
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(CommonWrapper, rest, /*#__PURE__*/React.createElement(ZIndex, {
+    priority: "GlobalLoader",
+    className: styles.outer(theme)
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: cx(styles.inner(theme), getAnimationClass(status))
+  })));
+};

package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GlobalLoaderView.tsx"],"names":["React","useContext","useRef","cx","ZIndex","ThemeContext","CommonWrapper","animations","styles","useGlobalLoaderPosition","useGlobalLoaderWidth","GlobalLoaderView","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","ref","theme","width","startWidth","fullWidth","left","getAnimationClass","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","outer","inner"],"mappings":"+LAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,MAA5B,QAA0C,OAA1C;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,UAAT,EAAqBC,MAArB,QAAmC,2BAAnC;AACA,SAASC,uBAAT,EAAkCC,oBAAlC,QAA8D,aAA9D;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;;;;;;AAMH,KAL3BC,oBAK2B,QAL3BA,oBAK2B,CAJ3BC,eAI2B,QAJ3BA,eAI2B,CAH3BC,MAG2B,QAH3BA,MAG2B,CAF3BC,iBAE2B,QAF3BA,iBAE2B,CADxBC,IACwB;AAC3B,MAAMC,GAAG,GAAGf,MAAM,CAAiC,IAAjC,CAAlB;AACA,MAAMgB,KAAK,GAAGjB,UAAU,CAACI,YAAD,CAAxB;AACA,8BAAyCK,oBAAoB,CAACI,MAAD,EAASG,GAAT,CAA7D,CAAQE,KAAR,yBAAQA,KAAR,CAAeC,UAAf,yBAAeA,UAAf,CAA2BC,SAA3B,yBAA2BA,SAA3B;AACA,8BAAiBZ,uBAAuB,CAACQ,GAAD,CAAxC,CAAQK,IAAR,yBAAQA,IAAR;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACT,MAAD,EAA6C;AACrE,QAAI,CAACC,iBAAL,EAAwB;AACtB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAOP,UAAU,CAACiB,gBAAX,CAA4BX,eAA5B,EAA6CM,KAA7C,EAAoDG,IAApD,CAAP;AACF,aAAK,QAAL;AACE,cAAIF,UAAU,GAAGC,SAAS,GAAG,GAA7B,EAAkC;AAChC,mBAAOd,UAAU,CAACkB,eAAX,CAA2BP,KAA3B,EAAkCE,UAAlC,EAA8CR,oBAA9C,EAAoEO,KAApE,EAA2EG,IAA3E,CAAP;AACD;AACD,iBAAOf,UAAU,CAACmB,mBAAX,CAA+BR,KAA/B,EAAsCE,UAAtC,EAAkDD,KAAlD,EAAyDG,IAAzD,CAAP;AACF,aAAK,OAAL;AACE,iBAAOf,UAAU,CAACoB,cAAX,CAA0BT,KAA1B,CAAP;AACF,aAAK,UAAL;AACE,iBAAOX,UAAU,CAACqB,iBAAX,CAA6BV,KAA7B,EAAoCN,oBAApC,CAAP,CAXJ;;AAaD;;AAED,QAAIG,iBAAJ,EAAuB;AACrB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAON,MAAM,CAACqB,uBAAP,EAAP;AACF,aAAK,QAAL;AACE,iBAAOtB,UAAU,CAACuB,sBAAX,CAAkCV,UAAlC,CAAP;AACF,aAAK,OAAL;AACE,iBAAOZ,MAAM,CAACuB,qBAAP,EAAP;AACF,aAAK,UAAL;AACE,iBAAOvB,MAAM,CAACwB,wBAAP,EAAP,CARJ;;AAUD;AACF,GA7BD;;AA+BA;AACE,wBAAC,aAAD,EAAmBhB,IAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAC,cAAjB,EAAgC,SAAS,EAAER,MAAM,CAACyB,KAAP,CAAaf,KAAb,CAA3C;AACE,iCAAK,GAAG,EAAED,GAAV,EAAe,SAAS,EAAEd,EAAE,CAACK,MAAM,CAAC0B,KAAP,CAAahB,KAAb,CAAD,EAAsBK,iBAAiB,CAACT,MAAD,CAAvC,CAA5B,GADF,CADF,CADF;;;;AAOD,CAlDM","sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  expectedResponseTime: number;\n  delayBeforeHide: number;\n  status?: 'success' | 'error' | 'standard' | 'accept';\n  disableAnimations: boolean;\n}\n\nexport type GlobalLoaderViewRef = {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element']>;\n};\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  ...rest\n}: GlobalLoaderViewProps) => {\n  const ref = useRef<GlobalLoaderViewRef['element']>(null);\n  const theme = useContext(ThemeContext);\n  const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n  const { left } = useGlobalLoaderPosition(ref);\n\n  const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n    if (!disableAnimations) {\n      switch (status) {\n        case 'success':\n          return animations.successAnimation(delayBeforeHide, width, left);\n        case 'accept':\n          if (startWidth < fullWidth * 0.8) {\n            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n          }\n          return animations.slowAcceptAnimation(theme, startWidth, width, left);\n        case 'error':\n          return animations.errorAnimation(theme);\n        case 'standard':\n          return animations.standardAnimation(theme, expectedResponseTime);\n      }\n    }\n\n    if (disableAnimations) {\n      switch (status) {\n        case 'success':\n          return styles.successWithoutAnimation();\n        case 'accept':\n          return animations.acceptWithoutAnimation(startWidth);\n        case 'error':\n          return styles.errorWithoutAnimation();\n        case 'standard':\n          return styles.standardWithoutAnimation();\n      }\n    }\n  };\n\n  return (\n    <CommonWrapper {...rest}>\n      <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n        <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n      </ZIndex>\n    </CommonWrapper>\n  );\n};\n"]}

package/components/GlobalLoader/GlobalLoaderView/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/GlobalLoader/GlobalLoaderView.js",
+  "module": "GlobalLoaderView",
+  "types": "../GlobalLoaderView.d.ts",
+  "sideEffects": false
+}

package/components/GlobalLoader/GlobalLoaderView.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {
+    expectedResponseTime: number;
+    delayBeforeHide: number;
+    status?: 'success' | 'error' | 'standard' | 'accept';
+    disableAnimations: boolean;
+}
+export declare type GlobalLoaderViewRef = {
+    element: HTMLDivElement;
+    refObject: React.RefObject<GlobalLoaderViewRef['element']>;
+};
+export declare const GlobalLoaderView: ({ expectedResponseTime, delayBeforeHide, status, disableAnimations, ...rest }: GlobalLoaderViewProps) => JSX.Element;

package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js

@@ -0,0 +1,90 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+
+import { keyframes } from '@emotion/css';
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  outer: function outer(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      background-color: ", ";\n      position: ", ";\n      left: ", ";\n      top: ", ";\n      right: ", ";\n      bottom: ", ";\n      overflow: hidden;\n    "])), t.globalLoaderWidth, t.globalLoaderHeight, t.globalLoaderBackgroundColor, t.globalLoaderPosition, t.globalLoaderLeft, t.globalLoaderTop, t.globalLoaderRight, t.globalLoaderBottom);
+  },
+  inner: function inner(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      width: 0;\n      height: ", ";\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    "])), t.globalLoaderColor, t.globalLoaderHeight);
+  },
+  standardWithoutAnimation: function standardWithoutAnimation() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 90%;\n    "])));
+  },
+  successWithoutAnimation: function successWithoutAnimation() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 100%;\n    "])));
+  },
+  errorWithoutAnimation: function errorWithoutAnimation() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      left: 40%;\n      width: 20%;\n    "])));
+  }
+});
+var moveToRightAnimation = /*#__PURE__*/keyframes(process.env.NODE_ENV === "production" ? {
+  name: "gv24gj",
+  styles: "0%{left:0;width:100%;}50%{left:50%;width:50%;}100%{left:99%;width:1%;}"
+} : {
+  name: "14gehkt-moveToRightAnimation",
+  styles: "0%{left:0;width:100%;}50%{left:50%;width:50%;}100%{left:99%;width:1%;};label:moveToRightAnimation;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEc0MiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var spinnerAnimation = /*#__PURE__*/keyframes(process.env.NODE_ENV === "production" ? {
+  name: "1rg5tev",
+  styles: "0%{transform:translateX(50%) scaleX(.005);animation-timing-function:cubic-bezier(.895,.03,.685,.22);}50%{transform:translateX(0) scaleX(.35);animation-timing-function:cubic-bezier(.165,.84,.44,1);}100%{transform:translateX(-50%) scaleX(.005);}"
+} : {
+  name: "1f44ryp-spinnerAnimation",
+  styles: "0%{transform:translateX(50%) scaleX(.005);animation-timing-function:cubic-bezier(.895,.03,.685,.22);}50%{transform:translateX(0) scaleX(.35);animation-timing-function:cubic-bezier(.165,.84,.44,1);}100%{transform:translateX(-50%) scaleX(.005);};label:spinnerAnimation;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEa0MiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var linearProgressAnimation = /*#__PURE__*/keyframes(process.env.NODE_ENV === "production" ? {
+  name: "s13vfq",
+  styles: "from{width:0;}to{width:80%;}"
+} : {
+  name: "1roay6h-linearProgressAnimation",
+  styles: "from{width:0;}to{width:80%;};label:linearProgressAnimation;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFeUMiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var slowProgressAnimation = /*#__PURE__*/keyframes(process.env.NODE_ENV === "production" ? {
+  name: "l2pg9n",
+  styles: "from{width:80%;}to{width:90%;}"
+} : {
+  name: "3yo50u-slowProgressAnimation",
+  styles: "from{width:80%;}to{width:90%;};label:slowProgressAnimation;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGdUMiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var animations = {
+  successAnimation: function successAnimation(delayBeforeHide, width, left) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])), delayBeforeHide, width, left);
+  },
+  errorAnimation: function errorAnimation(t) {
+    var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
+    var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 100%;\n      animation: ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])), moveToRightAnimation, transitionDuration, spinnerAnimationDuration, spinnerAnimation, transitionDuration);
+  },
+  standardAnimation: function standardAnimation(t, expectedTime) {
+    var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: 90%;\n      animation: ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])), linearProgressAnimation, expectedTime, slowProgressAnimationTime, slowProgressAnimation, expectedTime);
+  },
+  acceptAnimation: function acceptAnimation(t, startWidth, expectedTime, width, left) {
+    var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
+    var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: 90%;\n      animation: transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    "])), transitionTime, expectedTime, transitionTime, slowProgressAnimationTime, slowProgressAnimation, expectedTime + transitionTime, width, left, startWidth, startWidth);
+  },
+  slowAcceptAnimation: function slowAcceptAnimation(t, startWidth, width, left) {
+    var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
+    var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      width: 90%;\n      animation: transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    "])), transitionTime, slowProgressAnimationTime, transitionTime, width, left, startWidth, startWidth);
+  },
+  acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: ", "px;\n    "])), startWidth);
+  }
+};

package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GlobalLoaderView.styles.ts"],"names":["keyframes","css","memoizeStyle","styles","outer","t","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"mappings":"ikBAAA,SAASA,SAAT,QAA0B,cAA1B;;AAEA,SAASC,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,KADiC,iBAC3BC,CAD2B,EACjB;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,iBADb;AAEYD,IAAAA,CAAC,CAACE,kBAFd;AAGsBF,IAAAA,CAAC,CAACG,2BAHxB;AAIcH,IAAAA,CAAC,CAACI,oBAJhB;AAKUJ,IAAAA,CAAC,CAACK,gBALZ;AAMSL,IAAAA,CAAC,CAACM,eANX;AAOWN,IAAAA,CAAC,CAACO,iBAPb;AAQYP,IAAAA,CAAC,CAACQ,kBARd;;;AAWD,GAbgC;AAcjCC,EAAAA,KAdiC,iBAc3BT,CAd2B,EAcjB;AACd,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACU,iBADxB;;AAGYV,IAAAA,CAAC,CAACE,kBAHd;;;;;AAQD,GAvBgC;AAwBjCS,EAAAA,wBAxBiC,sCAwBN;AACzB,WAAOf,GAAP;;;;AAID,GA7BgC;AA8BjCgB,EAAAA,uBA9BiC,qCA8BP;AACxB,WAAOhB,GAAP;;;;AAID,GAnCgC;AAoCjCiB,EAAAA,qBApCiC,mCAoCT;AACtB,WAAOjB,GAAP;;;;AAID,GAzCgC,EAAD,CAA3B;;;AA4CP,IAAMkB,oBAAoB,gBAAGnB,SAAH,22OAA1B;;;;;;;;;;;;;;AAcA,IAAMoB,gBAAgB,gBAAGpB,SAAH,8rPAAtB;;;;;;;;;;;;;AAaA,IAAMqB,uBAAuB,gBAAGrB,SAAH,6xOAA7B;;;;AAIA,IAAMsB,qBAAqB,gBAAGtB,SAAH,4xOAA3B;;;;;AAKA,OAAO,IAAMuB,UAAU,GAAG;AACxBC,EAAAA,gBADwB,4BACPC,eADO,EACkBC,KADlB,EACiCC,IADjC,EAC+C;AACrE,WAAO1B,GAAP;;AAEwBwB,IAAAA,eAFxB;;;AAKeC,IAAAA,KALf;AAMcC,IAAAA,IANd;;;;;;;;;;;;;;;;;;;AAyBD,GA3BuB;AA4BxBC,EAAAA,cA5BwB,0BA4BTvB,CA5BS,EA4BC;AACvB,QAAMwB,kBAAkB,GAAGC,QAAQ,CAACzB,CAAC,CAAC0B,uCAAH,CAAnC;AACA,QAAMC,wBAAwB,GAAGF,QAAQ,CAACzB,CAAC,CAAC4B,oCAAH,CAAzC;;AAEA,WAAOhC,GAAP;;;AAGekB,IAAAA,oBAHf,EAGuCU,kBAHvC;AAIMG,IAAAA,wBAJN,EAIoCZ,gBAJpC,EAIwDS,kBAJxD;;AAMD,GAtCuB;AAuCxBK,EAAAA,iBAvCwB,6BAuCN7B,CAvCM,EAuCI8B,YAvCJ,EAuC0B;AAChD,QAAMC,yBAAyB,GAAGN,QAAQ,CAACzB,CAAC,CAACgC,iCAAH,CAA1C;AACA,WAAOpC,GAAP;;AAEeoB,IAAAA,uBAFf,EAE0Cc,YAF1C;AAGMC,IAAAA,yBAHN,EAGqCd,qBAHrC,EAG8Da,YAH9D;;AAKD,GA9CuB;AA+CxBG,EAAAA,eA/CwB,2BA+CRjC,CA/CQ,EA+CEkC,UA/CF,EA+CsBJ,YA/CtB,EA+C4CT,KA/C5C,EA+C2DC,IA/C3D,EA+CyE;AAC/F,QAAMa,cAAc,GAAGV,QAAQ,CAACzB,CAAC,CAACoC,yCAAH,CAA/B;AACA,QAAML,yBAAyB,GAAGN,QAAQ,CAACzB,CAAC,CAACgC,iCAAH,CAA1C;AACA,WAAOpC,GAAP;;AAEmCuC,IAAAA,cAFnC;AAGML,IAAAA,YAHN,EAGwCK,cAHxC;AAIMJ,IAAAA,yBAJN,EAIqCd,qBAJrC,EAI8Da,YAAY,GAAGK,cAJ7E;;;AAOed,IAAAA,KAPf;AAQcC,IAAAA,IARd;;;AAWeY,IAAAA,UAXf;;;;;;AAiBeA,IAAAA,UAjBf;;;;;;;AAwBD,GA1EuB;AA2ExBG,EAAAA,mBA3EwB,+BA2EJrC,CA3EI,EA2EMkC,UA3EN,EA2E0Bb,KA3E1B,EA2EyCC,IA3EzC,EA2EuD;AAC7E,QAAMa,cAAc,GAAGV,QAAQ,CAACzB,CAAC,CAACoC,yCAAH,CAA/B;AACA,QAAML,yBAAyB,GAAGN,QAAQ,CAACzB,CAAC,CAACgC,iCAAH,CAA1C;AACA,WAAOpC,GAAP;;AAEmCuC,IAAAA,cAFnC;AAGMJ,IAAAA,yBAHN,EAGqDI,cAHrD;;;AAMed,IAAAA,KANf;AAOcC,IAAAA,IAPd;;;AAUeY,IAAAA,UAVf;;;;;;AAgBeA,IAAAA,UAhBf;;;;;;;AAuBD,GArGuB;AAsGxBI,EAAAA,sBAtGwB,kCAsGDJ,UAtGC,EAsGmB;AACzC,WAAOtC,GAAP;AACWsC,IAAAA,UADX;;AAGD,GA1GuB,EAAnB","sourcesContent":["import { keyframes } from '@emotion/css';\n\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation: ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"]}

package/components/GlobalLoader/GlobalLoaderView.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/GlobalLoader/GlobalLoaderView.styles.js",
+  "module": "GlobalLoaderView.styles",
+  "types": "../GlobalLoaderView.styles.d.ts",
+  "sideEffects": false
+}

package/components/GlobalLoader/GlobalLoaderView.styles.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    outer(t: Theme): string;
+    inner(t: Theme): string;
+    standardWithoutAnimation(): string;
+    successWithoutAnimation(): string;
+    errorWithoutAnimation(): string;
+};
+export declare const animations: {
+    successAnimation(delayBeforeHide: number, width: number, left: number): string;
+    errorAnimation(t: Theme): string;
+    standardAnimation(t: Theme, expectedTime: number): string;
+    acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number): string;
+    slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number): string;
+    acceptWithoutAnimation(startWidth: number): string;
+};

package/components/GlobalLoader/index/index.js

@@ -0,0 +1 @@
+export * from "../GlobalLoader";

package/components/GlobalLoader/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from './GlobalLoader';\n"]}

package/components/GlobalLoader/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/GlobalLoader/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/GlobalLoader/index.d.ts

@@ -0,0 +1 @@
+export * from './GlobalLoader';

package/components/GlobalLoader/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/GlobalLoader/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/GlobalLoader/useParams/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/GlobalLoader/useParams.js",
+  "module": "useParams",
+  "types": "../useParams.d.ts",
+  "sideEffects": false
+}

package/components/GlobalLoader/useParams/useParams.js

@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react';
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+/**
+ * Вычисляет положение `GlobalLoader`
+ *
+ * @param ref - ref `GlobalLoader`
+ * @returns - возвращает положение полоски `GlobalLoader`
+ */
+
+export var useGlobalLoaderPosition = function useGlobalLoaderPosition(ref) {
+  var _getDOMRect = getDOMRect(ref),
+      left = _getDOMRect.left;
+
+  return {
+    left: left
+  };
+};
+/**
+ * Вычисляет ширину `GlobalLoader`
+ *
+ * @param status - статус `GlobalLoader`
+ * @param ref - ref `GlobalLoader`
+ * @returns - возвращает ширину полоски `GlobalLoader`
+ */
+
+export var useGlobalLoaderWidth = function useGlobalLoaderWidth(status, ref) {
+  var _ref$current, _ref$current$parentEl;
+
+  var _getDOMRect2 = getDOMRect(ref),
+      width = _getDOMRect2.width;
+
+  var _useState = useState(0),
+      startWidth = _useState[0],
+      setStartWidth = _useState[1];
+
+  var fullWidth = ((_ref$current = ref.current) == null ? void 0 : (_ref$current$parentEl = _ref$current.parentElement) == null ? void 0 : _ref$current$parentEl.offsetWidth) || 0;
+  useEffect(function () {
+    if (status === 'error') {
+      setStartWidth(width);
+    } else if (status === 'accept') {
+      setStartWidth(startWidth);
+    } else {
+      setStartWidth(0);
+    }
+  }, [status]);
+  return {
+    width: width,
+    startWidth: startWidth,
+    fullWidth: fullWidth
+  };
+};

package/components/GlobalLoader/useParams/useParams.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useParams.ts"],"names":["useEffect","useState","getDOMRect","useGlobalLoaderPosition","ref","left","useGlobalLoaderWidth","status","width","startWidth","setStartWidth","fullWidth","current","parentElement","offsetWidth"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;;AAEA,SAASC,UAAT,QAA2B,0BAA3B;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,GAAD,EAA2C;AAChF,oBAAiBF,UAAU,CAACE,GAAD,CAA3B,CAAQC,IAAR,eAAQA,IAAR;AACA,SAAO,EAAEA,IAAI,EAAJA,IAAF,EAAP;AACD,CAHM;;AAKP;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB;AAClCC,MADkC;AAElCH,GAFkC;AAG/B;AACH,qBAAkBF,UAAU,CAACE,GAAD,CAA5B,CAAQI,KAAR,gBAAQA,KAAR;AACA,kBAAoCP,QAAQ,CAAC,CAAD,CAA5C,CAAOQ,UAAP,gBAAmBC,aAAnB;AACA,MAAMC,SAAS,GAAG,iBAAAP,GAAG,CAACQ,OAAJ,2DAAaC,aAAb,2CAA4BC,WAA5B,KAA2C,CAA7D;AACAd,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIO,MAAM,KAAK,OAAf,EAAwB;AACtBG,MAAAA,aAAa,CAACF,KAAD,CAAb;AACD,KAFD,MAEO,IAAID,MAAM,KAAK,QAAf,EAAyB;AAC9BG,MAAAA,aAAa,CAACD,UAAD,CAAb;AACD,KAFM,MAEA;AACLC,MAAAA,aAAa,CAAC,CAAD,CAAb;AACD;AACF,GARQ,EAQN,CAACH,MAAD,CARM,CAAT;;AAUA,SAAO,EAAEC,KAAK,EAALA,KAAF,EAASC,UAAU,EAAVA,UAAT,EAAqBE,SAAS,EAATA,SAArB,EAAP;AACD,CAlBM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';\n\n/**\n * Вычисляет положение `GlobalLoader`\n *\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает положение полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderPosition = (ref: GlobalLoaderViewRef['refObject']) => {\n  const { left } = getDOMRect(ref);\n  return { left };\n};\n\n/**\n * Вычисляет ширину `GlobalLoader`\n *\n * @param status - статус `GlobalLoader`\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает ширину полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderWidth = (\n  status: GlobalLoaderViewProps['status'],\n  ref: GlobalLoaderViewRef['refObject'],\n) => {\n  const { width } = getDOMRect(ref);\n  const [startWidth, setStartWidth] = useState(0);\n  const fullWidth = ref.current?.parentElement?.offsetWidth || 0;\n  useEffect(() => {\n    if (status === 'error') {\n      setStartWidth(width);\n    } else if (status === 'accept') {\n      setStartWidth(startWidth);\n    } else {\n      setStartWidth(0);\n    }\n  }, [status]);\n\n  return { width, startWidth, fullWidth };\n};\n"]}

package/components/GlobalLoader/useParams.d.ts

@@ -0,0 +1,22 @@
+import { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';
+/**
+ * Вычисляет положение `GlobalLoader`
+ *
+ * @param ref - ref `GlobalLoader`
+ * @returns - возвращает положение полоски `GlobalLoader`
+ */
+export declare const useGlobalLoaderPosition: (ref: GlobalLoaderViewRef['refObject']) => {
+    left: number;
+};
+/**
+ * Вычисляет ширину `GlobalLoader`
+ *
+ * @param status - статус `GlobalLoader`
+ * @param ref - ref `GlobalLoader`
+ * @returns - возвращает ширину полоски `GlobalLoader`
+ */
+export declare const useGlobalLoaderWidth: (status: GlobalLoaderViewProps['status'], ref: GlobalLoaderViewRef['refObject']) => {
+    width: number;
+    startWidth: number;
+    fullWidth: number;
+};