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

package/components/Gapped/Gapped/Gapped.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Gapped.tsx"],"names":["React","PropTypes","CommonWrapper","rootNode","Gapped","render","setRootNode","props","vertical","renderVertical","renderHorizontal","getGapValue","propsGap","gap","undefined","subsequentItemStyle","paddingTop","children","Children","toArray","filter","filterChildren","map","child","index","style","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","propTypes","number","bool","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.props.vertical ? this.renderVertical() : this.renderHorizontal()}\n      </CommonWrapper>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (propsGap !== undefined && propsGap !== null) {\n      return propsGap;\n    }\n\n    return 8;\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign, wrap } = this.props;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"]}
+{"version":3,"sources":["Gapped.tsx"],"names":["React","PropTypes","isNonNullable","CommonWrapper","rootNode","createPropsGetter","GappedDataTids","vertical","horizontal","Gapped","getProps","defaultProps","render","setRootNode","props","renderVertical","renderHorizontal","getGapValue","propsGap","gap","subsequentItemStyle","paddingTop","children","Children","toArray","filter","filterChildren","map","child","index","style","undefined","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","propTypes","number","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap?: boolean;\n  children: React.ReactNode;\n}\n\nexport const GappedDataTids = {\n  vertical: 'Gapped__vertical',\n  horizontal: 'Gapped__horizontal',\n} as const;\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  private getProps = createPropsGetter(Gapped.defaultProps);\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n      </CommonWrapper>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (isNonNullable(propsGap)) {\n      return propsGap;\n    }\n\n    return 8;\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div data-tid={GappedDataTids.vertical}>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign } = this.props;\n    const wrap = this.getProps().wrap;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div data-tid={GappedDataTids.horizontal} style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"]}

package/components/Gapped/Gapped.d.ts

@@ -11,19 +11,24 @@ export interface GappedProps extends CommonProps {
      * Вертикальное выравнивание
      * @default "baseline"
      */
-    verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';
+    verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
     /**
      * Расположение элементов по вертикали
      * @default false
      */
-    vertical: boolean;
+    vertical?: boolean;
     /**
      * Перенос элементов на новую строку при горизонтальном расположении
      * @default false
      */
-    wrap: boolean;
+    wrap?: boolean;
     children: React.ReactNode;
 }
+export declare const GappedDataTids: {
+    readonly vertical: "Gapped__vertical";
+    readonly horizontal: "Gapped__horizontal";
+};
+declare type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;
 /**
  * Контейнер, расстояние между элементами в котором равно `gap`.
  */
@@ -44,14 +49,12 @@ export declare class Gapped extends React.Component<GappedProps> {
         verticalAlign: PropTypes.Requireable<string>;
     };
     private setRootNode;
-    static defaultProps: {
-        wrap: boolean;
-        vertical: boolean;
-        verticalAlign: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     render(): JSX.Element;
     private getGapValue;
     private renderVertical;
     private renderHorizontal;
     private filterChildren;
 }
+export {};

package/components/GlobalLoader/GlobalLoader/GlobalLoader.js

@@ -9,7 +9,11 @@ import debounce from 'lodash.debounce';
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { GlobalLoaderView } from "../GlobalLoaderView";
+export var GlobalLoaderDataTids = {
+  root: 'GlobalLoader'
+};
 var currentGlobalLoader;
 export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(GlobalLoader, _React$Component);
@@ -20,13 +24,14 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
     var _this;
 
     _this = _React$Component.call(this, props) || this;
+    _this.getProps = createPropsGetter(GlobalLoader.defaultProps);
     _this.startTask = debounce(function () {
       _this.setState({
         visible: true
       });
 
       _this.props.onStart == null ? void 0 : _this.props.onStart();
-    }, _this.props.delayBeforeShow);
+    }, _this.getProps().delayBeforeShow);
     _this.stopTask = debounce(function () {
       _this.setState({
         visible: false,
@@ -35,15 +40,19 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       });
 
       _this.props.onDone == null ? void 0 : _this.props.onDone();
-    }, _this.props.delayBeforeHide);
+    }, _this.getProps().delayBeforeHide);
 
     _this.setActive = function () {
+      var _this$getProps = _this.getProps(),
+          delayBeforeHide = _this$getProps.delayBeforeHide,
+          rejected = _this$getProps.rejected;
+
       _this.startTask.cancel();
 
       if (_this.state.successAnimationInProgress) {
         _this.successAnimationInProgressTimeout = setTimeout(function () {
           _this.setActive();
-        }, _this.props.delayBeforeHide);
+        }, delayBeforeHide);
       } else {
         _this.setState({
           visible: false,
@@ -53,7 +62,7 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
           started: true
         });
 
-        if (_this.props.rejected) {
+        if (rejected) {
           _this.setReject(true);
         } else {
           _this.stopTask.cancel();
@@ -75,7 +84,7 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
     };
 
     _this.setReject = function (reject) {
-      if (!_this.state.visible && (_this.state.started || _this.props.active)) {
+      if (!_this.state.visible && (_this.state.started || _this.getProps().active)) {
         _this.setState({
           visible: true
         });
@@ -118,7 +127,7 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       accept: false,
       dead: false,
       successAnimationInProgress: false,
-      expectedResponseTime: _this.props.expectedResponseTime
+      expectedResponseTime: _this.getProps().expectedResponseTime
     };
     _this.successAnimationInProgressTimeout = null;
     (_currentGlobalLoader = currentGlobalLoader) == null ? void 0 : _currentGlobalLoader.kill();
@@ -129,28 +138,37 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
   var _proto = GlobalLoader.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
-    if (this.props.active) {
+    var _this$getProps2 = this.getProps(),
+        active = _this$getProps2.active,
+        rejected = _this$getProps2.rejected;
+
+    if (active) {
       this.setActive();
     }
 
-    if (this.props.rejected) {
+    if (rejected) {
       this.setReject(true);
     }
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (this.props.expectedResponseTime !== prevProps.expectedResponseTime) {
+    var _this$getProps3 = this.getProps(),
+        expectedResponseTime = _this$getProps3.expectedResponseTime,
+        rejected = _this$getProps3.rejected,
+        active = _this$getProps3.active;
+
+    if (expectedResponseTime !== prevProps.expectedResponseTime) {
       this.setState({
-        expectedResponseTime: this.props.expectedResponseTime
+        expectedResponseTime: expectedResponseTime
       });
     }
 
-    if (this.props.rejected !== prevProps.rejected) {
-      this.setReject(!!this.props.rejected);
+    if (rejected !== prevProps.rejected) {
+      this.setReject(!!rejected);
     }
 
-    if (this.props.active !== prevProps.active) {
-      if (this.props.active) {
+    if (active !== prevProps.active) {
+      if (active) {
         this.setActive();
       } else {
         this.setDone();
@@ -173,14 +191,18 @@ export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/func
       status = 'accept';
     }
 
+    var _this$getProps4 = this.getProps(),
+        delayBeforeHide = _this$getProps4.delayBeforeHide,
+        disableAnimations = _this$getProps4.disableAnimations;
+
     return !this.state.dead && this.state.visible && /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement(GlobalLoaderView, {
       expectedResponseTime: this.state.expectedResponseTime,
-      delayBeforeHide: this.props.delayBeforeHide,
+      delayBeforeHide: delayBeforeHide,
       status: status,
-      "data-tid": "GlobalLoader",
-      disableAnimations: this.props.disableAnimations
+      "data-tid": GlobalLoaderDataTids.root,
+      disableAnimations: disableAnimations
     }));
   }
   /**

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

@@ -1 +1 @@
-{"version":3,"sources":["GlobalLoader.tsx"],"names":["React","debounce","isTestEnv","CommonWrapper","rootNode","GlobalLoaderView","currentGlobalLoader","GlobalLoader","props","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","setActive","cancel","state","successAnimationInProgressTimeout","setTimeout","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","clearTimeout","render","status","setRootNode","disableAnimations","updateExpectedResponseTime","Component","defaultProps","start"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps extends Partial<DefaultProps> {\n  /**\n   * Время(ms) до появления лоадера\n   */\n  delayBeforeShow?: number;\n  /**\n   * Время(ms) до исчезновения лоадера\n   */\n  delayBeforeHide?: number;\n  /**\n   * Ожидаемое время(ms) ответа сервера\n   */\n  expectedResponseTime: number;\n  /**\n   * Анимация лоадера в виде спиннера\n   */\n  rejected?: boolean;\n  /**\n   * Показывать лоадер\n   */\n  active?: boolean;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n  /**\n   * Коллбек, вызывающийся после появления лоадера\n   */\n  onStart?(): void;\n  /**\n   * Коллбек, вызывающийся после исчезновения лоадера\n   */\n  onDone?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n   * Или после установки пропа `rejected = true`\n   */\n  onReject?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n   * Или после установки пропа `rejected = false`\n   */\n  onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n  visible: boolean;\n  done: boolean;\n  rejected: boolean;\n  accept: boolean;\n  dead: boolean;\n  successAnimationInProgress: boolean;\n  expectedResponseTime: number;\n  started: boolean;\n}\ninterface DefaultProps {\n  expectedResponseTime: number;\n  delayBeforeShow: number;\n  delayBeforeHide: number;\n  rejected: boolean;\n  active: boolean;\n  disableAnimations: boolean;\n}\nexport type GlobalLoaderComponentProps = GlobalLoaderProps & DefaultProps;\n\nlet currentGlobalLoader: GlobalLoader;\n\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderComponentProps, GlobalLoaderState> {\n  private successAnimationInProgressTimeout: Nullable<NodeJS.Timeout>;\n  private setRootNode!: TSetRootNode;\n\n  private readonly startTask = debounce(() => {\n    this.setState({ visible: true });\n    this.props.onStart?.();\n  }, this.props.delayBeforeShow);\n\n  private readonly stopTask = debounce(() => {\n    this.setState({ visible: false, successAnimationInProgress: false, started: false });\n    this.props.onDone?.();\n  }, this.props.delayBeforeHide);\n\n  public static defaultProps: DefaultProps = {\n    expectedResponseTime: 1000,\n    delayBeforeShow: 1000,\n    delayBeforeHide: 1000,\n    rejected: false,\n    active: false,\n    disableAnimations: isTestEnv,\n  };\n\n  constructor(props: GlobalLoaderComponentProps) {\n    super(props);\n    this.state = {\n      started: false,\n      visible: false,\n      done: false,\n      rejected: false,\n      accept: false,\n      dead: false,\n      successAnimationInProgress: false,\n      expectedResponseTime: this.props.expectedResponseTime,\n    };\n    this.successAnimationInProgressTimeout = null;\n    currentGlobalLoader?.kill();\n    currentGlobalLoader = this;\n  }\n  componentDidMount() {\n    if (this.props.active) {\n      this.setActive();\n    }\n    if (this.props.rejected) {\n      this.setReject(true);\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n    if (this.props.expectedResponseTime !== prevProps.expectedResponseTime) {\n      this.setState({ expectedResponseTime: this.props.expectedResponseTime });\n    }\n    if (this.props.rejected !== prevProps.rejected) {\n      this.setReject(!!this.props.rejected);\n    }\n    if (this.props.active !== prevProps.active) {\n      if (this.props.active) {\n        this.setActive();\n      } else {\n        this.setDone();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);\n  }\n\n  public render() {\n    let status: GlobalLoaderViewProps['status'] = 'standard';\n    if (this.state.done) {\n      status = 'success';\n    } else if (this.state.rejected) {\n      status = 'error';\n    } else if (this.state.accept) {\n      status = 'accept';\n    }\n    return (\n      !this.state.dead &&\n      this.state.visible && (\n        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n          <GlobalLoaderView\n            expectedResponseTime={this.state.expectedResponseTime}\n            delayBeforeHide={this.props.delayBeforeHide}\n            status={status}\n            data-tid=\"GlobalLoader\"\n            disableAnimations={this.props.disableAnimations}\n          />\n        </CommonWrapper>\n      )\n    );\n  }\n\n  /**\n   * Запускает анимацию лоадера <br />\n   * Равносильно установке пропа `active = true`\n   *\n   * @public\n   */\n  public static start = (expectedResponseTime?: number) => {\n    currentGlobalLoader.setActive();\n    if (typeof expectedResponseTime === 'number') {\n      currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n    }\n  };\n\n  /**\n   * Показывает анимацию успешного завершения загрузки <br />\n   * Равносильно установке пропа `active = false`\n   *\n   * @public\n   */\n  public static done = () => {\n    currentGlobalLoader.setDone();\n  };\n\n  /**\n   * Переключает анимацию лоадера в состояние спиннера <br />\n   * Равносильно установке пропа `rejected = true`\n   *\n   * @public\n   */\n  public static reject = () => {\n    currentGlobalLoader.setReject(true);\n  };\n\n  /**\n   * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n   * Равносильно установке пропа `rejected = false`\n   *\n   * @public\n   */\n  public static accept = () => {\n    currentGlobalLoader.setReject(false);\n  };\n\n  public setActive = () => {\n    this.startTask.cancel();\n    if (this.state.successAnimationInProgress) {\n      this.successAnimationInProgressTimeout = setTimeout(() => {\n        this.setActive();\n      }, this.props.delayBeforeHide);\n    } else {\n      this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n      if (this.props.rejected) {\n        this.setReject(true);\n      } else {\n        this.stopTask.cancel();\n        this.startTask();\n      }\n    }\n  };\n\n  public setDone = () => {\n    this.setState({ done: true, successAnimationInProgress: true });\n    this.startTask.cancel();\n    this.stopTask();\n  };\n\n  public setReject = (reject: boolean) => {\n    if (!this.state.visible && (this.state.started || this.props.active)) {\n      this.setState({ visible: true });\n    }\n    this.startTask.cancel();\n    this.stopTask.cancel();\n    if (reject) {\n      this.props.onReject?.();\n    } else if (this.state.rejected) {\n      this.setState({ accept: true });\n      this.props.onAccept?.();\n    }\n    this.setState({ rejected: reject });\n  };\n\n  public updateExpectedResponseTime(expectedResponseTime: number) {\n    this.setState({ expectedResponseTime });\n  }\n\n  public kill = () => {\n    this.stopTask.cancel();\n    this.startTask.cancel();\n    this.setState({\n      dead: true,\n    });\n  };\n}\n"]}
+{"version":3,"sources":["GlobalLoader.tsx"],"names":["React","debounce","isTestEnv","CommonWrapper","rootNode","createPropsGetter","GlobalLoaderView","GlobalLoaderDataTids","root","currentGlobalLoader","GlobalLoader","props","getProps","defaultProps","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","setActive","rejected","cancel","state","successAnimationInProgressTimeout","setTimeout","done","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","clearTimeout","render","status","disableAnimations","setRootNode","updateExpectedResponseTime","Component","start"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n  /**\n   * Время(ms) до появления лоадера\n   */\n  delayBeforeShow?: number;\n  /**\n   * Время(ms) до исчезновения лоадера\n   */\n  delayBeforeHide?: number;\n  /**\n   * Ожидаемое время(ms) ответа сервера\n   */\n  expectedResponseTime?: number;\n  /**\n   * Анимация лоадера в виде спиннера\n   */\n  rejected?: boolean;\n  /**\n   * Показывать лоадер\n   */\n  active?: boolean;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n  /**\n   * Коллбек, вызывающийся после появления лоадера\n   */\n  onStart?(): void;\n  /**\n   * Коллбек, вызывающийся после исчезновения лоадера\n   */\n  onDone?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n   * Или после установки пропа `rejected = true`\n   */\n  onReject?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n   * Или после установки пропа `rejected = false`\n   */\n  onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n  visible: boolean;\n  done: boolean;\n  rejected: boolean;\n  accept: boolean;\n  dead: boolean;\n  successAnimationInProgress: boolean;\n  expectedResponseTime: number;\n  started: boolean;\n}\n\nexport const GlobalLoaderDataTids = {\n  root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    GlobalLoaderProps,\n    'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'\n  >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n  private successAnimationInProgressTimeout: Nullable<NodeJS.Timeout>;\n  private setRootNode!: TSetRootNode;\n  private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n  private readonly startTask = debounce(() => {\n    this.setState({ visible: true });\n    this.props.onStart?.();\n  }, this.getProps().delayBeforeShow);\n\n  private readonly stopTask = debounce(() => {\n    this.setState({ visible: false, successAnimationInProgress: false, started: false });\n    this.props.onDone?.();\n  }, this.getProps().delayBeforeHide);\n\n  public static defaultProps: DefaultProps = {\n    expectedResponseTime: 1000,\n    delayBeforeShow: 1000,\n    delayBeforeHide: 1000,\n    rejected: false,\n    active: false,\n    disableAnimations: isTestEnv,\n  };\n\n  constructor(props: GlobalLoaderProps) {\n    super(props);\n    this.state = {\n      started: false,\n      visible: false,\n      done: false,\n      rejected: false,\n      accept: false,\n      dead: false,\n      successAnimationInProgress: false,\n      expectedResponseTime: this.getProps().expectedResponseTime,\n    };\n    this.successAnimationInProgressTimeout = null;\n    currentGlobalLoader?.kill();\n    currentGlobalLoader = this;\n  }\n  componentDidMount() {\n    const { active, rejected } = this.getProps();\n    if (active) {\n      this.setActive();\n    }\n    if (rejected) {\n      this.setReject(true);\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n    const { expectedResponseTime, rejected, active } = this.getProps();\n    if (expectedResponseTime !== prevProps.expectedResponseTime) {\n      this.setState({ expectedResponseTime });\n    }\n    if (rejected !== prevProps.rejected) {\n      this.setReject(!!rejected);\n    }\n    if (active !== prevProps.active) {\n      if (active) {\n        this.setActive();\n      } else {\n        this.setDone();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);\n  }\n\n  public render() {\n    let status: GlobalLoaderViewProps['status'] = 'standard';\n    if (this.state.done) {\n      status = 'success';\n    } else if (this.state.rejected) {\n      status = 'error';\n    } else if (this.state.accept) {\n      status = 'accept';\n    }\n    const { delayBeforeHide, disableAnimations } = this.getProps();\n    return (\n      !this.state.dead &&\n      this.state.visible && (\n        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n          <GlobalLoaderView\n            expectedResponseTime={this.state.expectedResponseTime}\n            delayBeforeHide={delayBeforeHide}\n            status={status}\n            data-tid={GlobalLoaderDataTids.root}\n            disableAnimations={disableAnimations}\n          />\n        </CommonWrapper>\n      )\n    );\n  }\n\n  /**\n   * Запускает анимацию лоадера <br />\n   * Равносильно установке пропа `active = true`\n   *\n   * @public\n   */\n  public static start = (expectedResponseTime?: number) => {\n    currentGlobalLoader.setActive();\n    if (typeof expectedResponseTime === 'number') {\n      currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n    }\n  };\n\n  /**\n   * Показывает анимацию успешного завершения загрузки <br />\n   * Равносильно установке пропа `active = false`\n   *\n   * @public\n   */\n  public static done = () => {\n    currentGlobalLoader.setDone();\n  };\n\n  /**\n   * Переключает анимацию лоадера в состояние спиннера <br />\n   * Равносильно установке пропа `rejected = true`\n   *\n   * @public\n   */\n  public static reject = () => {\n    currentGlobalLoader.setReject(true);\n  };\n\n  /**\n   * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n   * Равносильно установке пропа `rejected = false`\n   *\n   * @public\n   */\n  public static accept = () => {\n    currentGlobalLoader.setReject(false);\n  };\n\n  public setActive = () => {\n    const { delayBeforeHide, rejected } = this.getProps();\n    this.startTask.cancel();\n    if (this.state.successAnimationInProgress) {\n      this.successAnimationInProgressTimeout = setTimeout(() => {\n        this.setActive();\n      }, delayBeforeHide);\n    } else {\n      this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n      if (rejected) {\n        this.setReject(true);\n      } else {\n        this.stopTask.cancel();\n        this.startTask();\n      }\n    }\n  };\n\n  public setDone = () => {\n    this.setState({ done: true, successAnimationInProgress: true });\n    this.startTask.cancel();\n    this.stopTask();\n  };\n\n  public setReject = (reject: boolean) => {\n    if (!this.state.visible && (this.state.started || this.getProps().active)) {\n      this.setState({ visible: true });\n    }\n    this.startTask.cancel();\n    this.stopTask.cancel();\n    if (reject) {\n      this.props.onReject?.();\n    } else if (this.state.rejected) {\n      this.setState({ accept: true });\n      this.props.onAccept?.();\n    }\n    this.setState({ rejected: reject });\n  };\n\n  public updateExpectedResponseTime(expectedResponseTime: number) {\n    this.setState({ expectedResponseTime });\n  }\n\n  public kill = () => {\n    this.stopTask.cancel();\n    this.startTask.cancel();\n    this.setState({\n      dead: true,\n    });\n  };\n}\n"]}

package/components/GlobalLoader/GlobalLoader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface GlobalLoaderProps extends Partial<DefaultProps> {
+export interface GlobalLoaderProps {
     /**
      * Время(ms) до появления лоадера
      */
@@ -11,7 +11,7 @@ export interface GlobalLoaderProps extends Partial<DefaultProps> {
     /**
      * Ожидаемое время(ms) ответа сервера
      */
-    expectedResponseTime: number;
+    expectedResponseTime?: number;
     /**
      * Анимация лоадера в виде спиннера
      */
@@ -23,7 +23,7 @@ export interface GlobalLoaderProps extends Partial<DefaultProps> {
     /**
      * Не показывать анимацию
      */
-    disableAnimations: boolean;
+    disableAnimations?: boolean;
     /**
      * Коллбек, вызывающийся после появления лоадера
      */
@@ -53,22 +53,18 @@ export interface GlobalLoaderState {
     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> {
+export declare const GlobalLoaderDataTids: {
+    readonly root: "GlobalLoader";
+};
+declare type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
+export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
     private successAnimationInProgressTimeout;
     private setRootNode;
+    private getProps;
     private readonly startTask;
     private readonly stopTask;
     static defaultProps: DefaultProps;
-    constructor(props: GlobalLoaderComponentProps);
+    constructor(props: GlobalLoaderProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
     componentWillUnmount(): void;

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

@@ -1 +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"]}
+{"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 interface 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.d.ts

@@ -6,8 +6,8 @@ export interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {
     status?: 'success' | 'error' | 'standard' | 'accept';
     disableAnimations: boolean;
 }
-export declare type GlobalLoaderViewRef = {
+export interface 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

@@ -1,13 +1,8 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 
-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";
+import { css, memoizeStyle, keyframes } 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);
@@ -25,66 +20,34 @@ export var styles = memoizeStyle({
     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__
-});
+var moveToRightAnimation = keyframes(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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"])));
+var spinnerAnimation = keyframes(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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"])));
+var linearProgressAnimation = keyframes(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
+var slowProgressAnimation = keyframes(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));
 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);
+    return css(_templateObject10 || (_templateObject10 = _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);
+    return css(_templateObject11 || (_templateObject11 = _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);
+    return css(_templateObject12 || (_templateObject12 = _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);
+    return css(_templateObject13 || (_templateObject13 = _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);
+    return css(_templateObject14 || (_templateObject14 = _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);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: ", "px;\n    "])), startWidth);
   }
 };

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

@@ -1 +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"]}
+{"version":3,"sources":["GlobalLoaderView.styles.ts"],"names":["css","memoizeStyle","keyframes","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":"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","sourcesContent":["import { css, memoizeStyle, keyframes } 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"]}