@dr.pogodin/react-utils 1.31.1 → 1.31.2

package/build/production/shared/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_lodash","require","_react","_reactDom","_interopRequireDefault","_propTypes","_reactThemes","_jsxRuntime","baseTheme","S","validThemeKeys","BaseModal","cancelOnScrolling","children","containerStyle","dontDisableScrolling","onCancel","theme","containerRef","useRef","overlayRef","portal","setPortal","useState","useEffect","p","document","createElement","body","appendChild","removeChild","window","addEventListener","removeEventListener","classList","add","scrollingDisabledByModal","remove","focusLast","useMemo","jsx","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","ReactDom","createPortal","jsxs","Fragment","className","overlay","onClick","onKeyDown","e","key","ref","node","role","container","onWheel","event","stopPropagation","style","exports","ThemedModal","themed","propTypes","PT","bool","shape","func","themeType","isRequired","defaultProps","undefined","noop","_default","default"],"sources":["../../../../../src/shared/components/Modal/index.tsx"],"sourcesContent":["/* global document */\n\nimport { noop } from 'lodash';\n\nimport {\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport ReactDom from 'react-dom';\nimport PT from 'prop-types';\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport S from './styles.scss';\n\nconst validThemeKeys = ['container', 'overlay'] as const;\n\ntype PropsT = {\n  cancelOnScrolling?: boolean;\n  children?: ReactNode;\n  containerStyle?: React.CSSProperties;\n  dontDisableScrolling?: boolean;\n  onCancel?: () => void;\n  theme: Theme<typeof validThemeKeys>;\n};\n\n/**\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties. Beside props documented below,\n *  [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties) are supported as well.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n */\nconst BaseModal: React.FunctionComponent<PropsT> = ({\n  cancelOnScrolling,\n  children,\n  containerStyle,\n  dontDisableScrolling,\n  onCancel,\n  theme,\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n  const [portal, setPortal] = useState<HTMLDivElement>();\n\n  useEffect(() => {\n    const p = document.createElement('div');\n    document.body.appendChild(p);\n    setPortal(p);\n    return () => {\n      document.body.removeChild(p);\n    };\n  }, []);\n\n  // Sets up modal cancellation of scrolling, if opted-in.\n  useEffect(() => {\n    if (cancelOnScrolling && onCancel) {\n      window.addEventListener('scroll', onCancel);\n    }\n    return () => {\n      if (cancelOnScrolling && onCancel) {\n        window.removeEventListener('scroll', onCancel);\n      }\n    };\n  }, [cancelOnScrolling, onCancel]);\n\n  // Disables window scrolling, if it is not opted-out.\n  useEffect(() => {\n    if (!dontDisableScrolling) {\n      document.body.classList.add(S.scrollingDisabledByModal);\n    }\n    return () => {\n      if (!dontDisableScrolling) {\n        document.body.classList.remove(S.scrollingDisabledByModal);\n      }\n    };\n  }, [dontDisableScrolling]);\n\n  const focusLast = useMemo(() => (\n    <div\n      onFocus={() => {\n        const elems = containerRef.current?.querySelectorAll('*') as NodeListOf<HTMLElement>;\n        for (let i = elems.length - 1; i >= 0; --i) {\n          elems[i].focus();\n          if (document.activeElement === elems[i]) return;\n        }\n        overlayRef.current?.focus();\n      }}\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      tabIndex={0}\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n    />\n  ), []);\n\n  return portal ? ReactDom.createPortal(\n    (\n      <>\n        {focusLast}\n        <div\n          aria-label=\"Cancel\"\n          className={theme.overlay}\n          onClick={() => onCancel && onCancel()}\n          onKeyDown={(e) => {\n            if (e.key === 'Escape' && onCancel) onCancel();\n          }}\n          ref={(node) => {\n            if (node && node !== overlayRef.current) {\n              overlayRef.current = node;\n              node.focus();\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        />\n        <div\n          aria-modal=\"true\"\n          className={theme.container}\n          onWheel={(event) => event.stopPropagation()}\n          ref={containerRef}\n          role=\"dialog\"\n          style={containerStyle}\n        >\n          {children}\n        </div>\n        <div\n          onFocus={() => {\n            overlayRef.current?.focus();\n          }}\n          /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n          tabIndex={0}\n          /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n        />\n        {focusLast}\n      </>\n    ),\n    portal,\n  ) : null;\n};\n\nconst ThemedModal = themed(\n  BaseModal,\n  'Modal',\n  validThemeKeys,\n  baseTheme,\n);\n\nBaseModal.propTypes = {\n  cancelOnScrolling: PT.bool,\n  children: PT.node,\n  containerStyle: PT.shape({}),\n  dontDisableScrolling: PT.bool,\n  onCancel: PT.func,\n  theme: ThemedModal.themeType.isRequired,\n};\n\nBaseModal.defaultProps = {\n  cancelOnScrolling: false,\n  children: null,\n  containerStyle: undefined,\n  dontDisableScrolling: false,\n  onCancel: noop,\n};\n\nexport default ThemedModal;\n\n/* Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_lodash","require","_react","_reactDom","_interopRequireDefault","_propTypes","_reactThemes","_jsxRuntime","baseTheme","S","validThemeKeys","BaseModal","cancelOnScrolling","children","containerStyle","dontDisableScrolling","onCancel","theme","containerRef","useRef","overlayRef","portal","setPortal","useState","useEffect","p","document","createElement","body","appendChild","removeChild","window","addEventListener","removeEventListener","classList","add","scrollingDisabledByModal","remove","focusLast","useMemo","jsx","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","ReactDom","createPortal","jsxs","Fragment","className","overlay","onClick","onKeyDown","e","key","ref","node","role","container","onWheel","event","stopPropagation","style","exports","ThemedModal","themed","propTypes","PT","bool","shape","func","themeType","isRequired","defaultProps","undefined","noop","_default","default"],"sources":["../../../../../src/shared/components/Modal/index.tsx"],"sourcesContent":["/* global document */\n\nimport { noop } from 'lodash';\n\nimport {\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport ReactDom from 'react-dom';\nimport PT from 'prop-types';\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport S from './styles.scss';\n\nconst validThemeKeys = ['container', 'overlay'] as const;\n\ntype PropsT = {\n  cancelOnScrolling?: boolean;\n  children?: ReactNode;\n  containerStyle?: React.CSSProperties;\n  dontDisableScrolling?: boolean;\n  onCancel?: () => void;\n  theme: Theme<typeof validThemeKeys>;\n};\n\n/**\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties. Beside props documented below,\n *  [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties) are supported as well.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n */\nconst BaseModal: React.FunctionComponent<PropsT> = ({\n  cancelOnScrolling,\n  children,\n  containerStyle,\n  dontDisableScrolling,\n  onCancel,\n  theme,\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n  const [portal, setPortal] = useState<HTMLDivElement>();\n\n  useEffect(() => {\n    const p = document.createElement('div');\n    document.body.appendChild(p);\n    setPortal(p);\n    return () => {\n      document.body.removeChild(p);\n    };\n  }, []);\n\n  // Sets up modal cancellation of scrolling, if opted-in.\n  useEffect(() => {\n    if (cancelOnScrolling && onCancel) {\n      window.addEventListener('scroll', onCancel);\n      window.addEventListener('wheel', onCancel);\n    }\n    return () => {\n      if (cancelOnScrolling && onCancel) {\n        window.removeEventListener('scroll', onCancel);\n        window.removeEventListener('wheel', onCancel);\n      }\n    };\n  }, [cancelOnScrolling, onCancel]);\n\n  // Disables window scrolling, if it is not opted-out.\n  useEffect(() => {\n    if (!dontDisableScrolling) {\n      document.body.classList.add(S.scrollingDisabledByModal);\n    }\n    return () => {\n      if (!dontDisableScrolling) {\n        document.body.classList.remove(S.scrollingDisabledByModal);\n      }\n    };\n  }, [dontDisableScrolling]);\n\n  const focusLast = useMemo(() => (\n    <div\n      onFocus={() => {\n        const elems = containerRef.current?.querySelectorAll('*') as NodeListOf<HTMLElement>;\n        for (let i = elems.length - 1; i >= 0; --i) {\n          elems[i].focus();\n          if (document.activeElement === elems[i]) return;\n        }\n        overlayRef.current?.focus();\n      }}\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      tabIndex={0}\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n    />\n  ), []);\n\n  return portal ? ReactDom.createPortal(\n    (\n      <>\n        {focusLast}\n        <div\n          aria-label=\"Cancel\"\n          className={theme.overlay}\n          onClick={() => onCancel && onCancel()}\n          onKeyDown={(e) => {\n            if (e.key === 'Escape' && onCancel) onCancel();\n          }}\n          ref={(node) => {\n            if (node && node !== overlayRef.current) {\n              overlayRef.current = node;\n              node.focus();\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        />\n        <div\n          aria-modal=\"true\"\n          className={theme.container}\n          onWheel={(event) => event.stopPropagation()}\n          ref={containerRef}\n          role=\"dialog\"\n          style={containerStyle}\n        >\n          {children}\n        </div>\n        <div\n          onFocus={() => {\n            overlayRef.current?.focus();\n          }}\n          /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n          tabIndex={0}\n          /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n        />\n        {focusLast}\n      </>\n    ),\n    portal,\n  ) : null;\n};\n\nconst ThemedModal = themed(\n  BaseModal,\n  'Modal',\n  validThemeKeys,\n  baseTheme,\n);\n\nBaseModal.propTypes = {\n  cancelOnScrolling: PT.bool,\n  children: PT.node,\n  containerStyle: PT.shape({}),\n  dontDisableScrolling: PT.bool,\n  onCancel: PT.func,\n  theme: ThemedModal.themeType.isRequired,\n};\n\nBaseModal.defaultProps = {\n  cancelOnScrolling: false,\n  children: null,\n  containerStyle: undefined,\n  dontDisableScrolling: false,\n  onCancel: noop,\n};\n\nexport default ThemedModal;\n\n/* Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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","ignoreList":[]}

package/build/production/shared/components/selectors/CustomDropdown/Options/index.js

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _Modal=require("../../../Modal");var _common=require("../../common");var _jsxRuntime=require("react/jsx-runtime");const S={"overlay":"jKsMKG"};const Options=({anchorRect,containerClass,filter,onCancel,onChange,optionClass,options})=>{const optionNodes=[];for(let i=0;i<options.length;++i){const option=options[i];if(!filter||filter(option)){const[iValue,iName]=(0,_common.optionValueName)(option);optionNodes.push(/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:optionClass,onClick:()=>onChange(iValue),onKeyDown:e=>{if(e.key==="Enter"){onChange(iValue)}},role:"button",tabIndex:0,children:iName},iValue))}}return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.BaseModal// Closes the dropdown (cancels the selection) on any page scrolling attempt.
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.areEqual=areEqual;exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _react=require("react");var _Modal=require("../../../Modal");var _common=require("../../common");var _jsxRuntime=require("react/jsx-runtime");const S={"overlay":"jKsMKG"};function areEqual(a,b){return a?.left===b?.left&&a?.top===b?.top&&a?.width===b?.width}const Options=/*#__PURE__*/(0,_react.forwardRef)(({containerClass,containerStyle,filter,onCancel,onChange,optionClass,options},ref)=>{const opsRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,()=>({measure:()=>opsRef.current?.getBoundingClientRect()}),[]);const optionNodes=[];for(let i=0;i<options.length;++i){const option=options[i];if(!filter||filter(option)){const[iValue,iName]=(0,_common.optionValueName)(option);optionNodes.push(/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:optionClass,onClick:()=>onChange(iValue),onKeyDown:e=>{if(e.key==="Enter"){onChange(iValue)}},role:"button",tabIndex:0,children:iName},iValue))}}return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.BaseModal// Closes the dropdown (cancels the selection) on any page scrolling attempt.
 // This is the same native <select> elements do on scrolling, and at least for
 // now we have no reason to deal with complications needed to support open
 // dropdowns during the scrolling (that would need to re-position it in
 // response to the position changes of the root dropdown element).
-,{cancelOnScrolling:true,containerStyle:{left:anchorRect.left,top:anchorRect.bottom,width:anchorRect.width},dontDisableScrolling:true,onCancel:onCancel,theme:{ad:"",hoc:"",container:containerClass,context:"",overlay:S.overlay},children:optionNodes})};Options.propTypes={anchorRect:_propTypes.default.shape({bottom:_propTypes.default.number.isRequired,left:_propTypes.default.number.isRequired,width:_propTypes.default.number.isRequired}).isRequired,containerClass:_propTypes.default.string.isRequired,filter:_propTypes.default.func,onCancel:_propTypes.default.func.isRequired,onChange:_propTypes.default.func.isRequired,optionClass:_propTypes.default.string.isRequired,options:_common.optionsValidator.isRequired};Options.defaultProps={filter:undefined};var _default=exports.default=Options;
+,{cancelOnScrolling:true,containerStyle:containerStyle,dontDisableScrolling:true,onCancel:onCancel,theme:{ad:"",hoc:"",container:containerClass,context:"",overlay:S.overlay},children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:opsRef,children:optionNodes})})});Options.propTypes={containerClass:_propTypes.default.string.isRequired,containerStyle:_propTypes.default.shape({left:_propTypes.default.number.isRequired,top:_propTypes.default.number.isRequired,width:_propTypes.default.number.isRequired}),filter:_propTypes.default.func,onCancel:_propTypes.default.func.isRequired,onChange:_propTypes.default.func.isRequired,optionClass:_propTypes.default.string.isRequired,options:_common.optionsValidator.isRequired};Options.defaultProps={containerStyle:undefined,filter:undefined};var _default=exports.default=Options;
 //# sourceMappingURL=index.js.map

package/build/production/shared/components/selectors/CustomDropdown/Options/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_Modal","_common","_jsxRuntime","S","Options","anchorRect","containerClass","filter","onCancel","onChange","optionClass","options","optionNodes","i","length","option","iValue","iName","optionValueName","push","jsx","className","onClick","onKeyDown","e","key","role","tabIndex","children","BaseModal","cancelOnScrolling","containerStyle","left","top","bottom","width","dontDisableScrolling","theme","ad","hoc","container","context","overlay","propTypes","PT","shape","number","isRequired","string","func","optionsValidator","defaultProps","undefined","_default","exports","default"],"sources":["../../../../../../../src/shared/components/selectors/CustomDropdown/Options/index.tsx"],"sourcesContent":["import PT from 'prop-types';\n\nimport { BaseModal } from 'components/Modal';\n\nimport S from './style.scss';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  optionsValidator,\n  optionValueName,\n} from '../../common';\n\ntype PropsT = {\n  anchorRect: {\n    bottom: number;\n    left: number;\n    width: number;\n  };\n  containerClass: string;\n  filter?: (item: OptionT<React.ReactNode> | string) => boolean;\n  optionClass: string;\n  options: OptionsT<React.ReactNode>;\n  onCancel: () => void;\n  onChange: (value: string) => void;\n};\n\nconst Options: React.FunctionComponent<PropsT> = ({\n  anchorRect,\n  containerClass,\n  filter,\n  onCancel,\n  onChange,\n  optionClass,\n  options,\n}) => {\n  const optionNodes: React.ReactNode[] = [];\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\n          onClick={() => onChange(iValue)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              onChange(iValue);\n            }\n          }}\n          key={iValue}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {iName}\n        </div>,\n      );\n    }\n  }\n\n  return (\n    <BaseModal\n      // Closes the dropdown (cancels the selection) on any page scrolling attempt.\n      // This is the same native <select> elements do on scrolling, and at least for\n      // now we have no reason to deal with complications needed to support open\n      // dropdowns during the scrolling (that would need to re-position it in\n      // response to the position changes of the root dropdown element).\n      cancelOnScrolling\n      containerStyle={{\n        left: anchorRect.left,\n        top: anchorRect.bottom,\n        width: anchorRect.width,\n      }}\n      dontDisableScrolling\n      onCancel={onCancel}\n      theme={{\n        ad: '',\n        hoc: '',\n        container: containerClass,\n        context: '',\n        overlay: S.overlay,\n      }}\n    >\n      {optionNodes}\n    </BaseModal>\n  );\n};\n\nOptions.propTypes = {\n  anchorRect: PT.shape({\n    bottom: PT.number.isRequired,\n    left: PT.number.isRequired,\n    width: PT.number.isRequired,\n  }).isRequired,\n  containerClass: PT.string.isRequired,\n  filter: PT.func,\n  onCancel: PT.func.isRequired,\n  onChange: PT.func.isRequired,\n  optionClass: PT.string.isRequired,\n  options: optionsValidator.isRequired,\n};\n\nOptions.defaultProps = {\n  filter: undefined,\n};\n\nexport default Options;\n"],"mappings":"gLAAA,IAAAA,UAAA,CAAAC,sBAAA,CAAAC,OAAA,gBAEA,IAAAC,MAAA,CAAAD,OAAA,mBAIA,IAAAE,OAAA,CAAAF,OAAA,iBAKsB,IAAAG,WAAA,CAAAH,OAAA,4BAAAI,CAAA,sBAgBtB,KAAM,CAAAC,OAAwC,CAAGA,CAAC,CAChDC,UAAU,CACVC,cAAc,CACdC,MAAM,CACNC,QAAQ,CACRC,QAAQ,CACRC,WAAW,CACXC,OACF,CAAC,GAAK,CACJ,KAAM,CAAAC,WAA8B,CAAG,EAAE,CACzC,IAAK,GAAI,CAAAC,CAAC,CAAG,CAAC,CAAEA,CAAC,CAAGF,OAAO,CAACG,MAAM,CAAE,EAAED,CAAC,CAAE,CACvC,KAAM,CAAAE,MAAM,CAAGJ,OAAO,CAACE,CAAC,CAAC,CACzB,GAAI,CAACN,MAAM,EAAIA,MAAM,CAACQ,MAAM,CAAC,CAAE,CAC7B,KAAM,CAACC,MAAM,CAAEC,KAAK,CAAC,CAAG,GAAAC,uBAAe,EAACH,MAAM,CAAC,CAC/CH,WAAW,CAACO,IAAI,cACd,GAAAjB,WAAA,CAAAkB,GAAA,SACEC,SAAS,CAAEX,WAAY,CACvBY,OAAO,CAAEA,CAAA,GAAMb,QAAQ,CAACO,MAAM,CAAE,CAChCO,SAAS,CAAGC,CAAC,EAAK,CAChB,GAAIA,CAAC,CAACC,GAAG,GAAK,OAAO,CAAE,CACrBhB,QAAQ,CAACO,MAAM,CACjB,CACF,CAAE,CAEFU,IAAI,CAAC,QAAQ,CACbC,QAAQ,CAAE,CAAE,CAAAC,QAAA,CAEXX,KAAK,EAJDD,MAKF,CACP,CACF,CACF,CAEA,mBACE,GAAAd,WAAA,CAAAkB,GAAA,EAACpB,MAAA,CAAA6B,SACC;AACA;AACA;AACA;AACA;AAAA,EACAC,iBAAiB,MACjBC,cAAc,CAAE,CACdC,IAAI,CAAE3B,UAAU,CAAC2B,IAAI,CACrBC,GAAG,CAAE5B,UAAU,CAAC6B,MAAM,CACtBC,KAAK,CAAE9B,UAAU,CAAC8B,KACpB,CAAE,CACFC,oBAAoB,MACpB5B,QAAQ,CAAEA,QAAS,CACnB6B,KAAK,CAAE,CACLC,EAAE,CAAE,EAAE,CACNC,GAAG,CAAE,EAAE,CACPC,SAAS,CAAElC,cAAc,CACzBmC,OAAO,CAAE,EAAE,CACXC,OAAO,CAAEvC,CAAC,CAACuC,OACb,CAAE,CAAAd,QAAA,CAEDhB,WAAW,CACH,CAEf,CAAC,CAEDR,OAAO,CAACuC,SAAS,CAAG,CAClBtC,UAAU,CAAEuC,kBAAE,CAACC,KAAK,CAAC,CACnBX,MAAM,CAAEU,kBAAE,CAACE,MAAM,CAACC,UAAU,CAC5Bf,IAAI,CAAEY,kBAAE,CAACE,MAAM,CAACC,UAAU,CAC1BZ,KAAK,CAAES,kBAAE,CAACE,MAAM,CAACC,UACnB,CAAC,CAAC,CAACA,UAAU,CACbzC,cAAc,CAAEsC,kBAAE,CAACI,MAAM,CAACD,UAAU,CACpCxC,MAAM,CAAEqC,kBAAE,CAACK,IAAI,CACfzC,QAAQ,CAAEoC,kBAAE,CAACK,IAAI,CAACF,UAAU,CAC5BtC,QAAQ,CAAEmC,kBAAE,CAACK,IAAI,CAACF,UAAU,CAC5BrC,WAAW,CAAEkC,kBAAE,CAACI,MAAM,CAACD,UAAU,CACjCpC,OAAO,CAAEuC,wBAAgB,CAACH,UAC5B,CAAC,CAED3C,OAAO,CAAC+C,YAAY,CAAG,CACrB5C,MAAM,CAAE6C,SACV,CAAC,CAAC,IAAAC,QAAA,CAAAC,OAAA,CAAAC,OAAA,CAEanD,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_Modal","_common","_jsxRuntime","S","areEqual","a","b","left","top","width","Options","forwardRef","containerClass","containerStyle","filter","onCancel","onChange","optionClass","options","ref","opsRef","useRef","useImperativeHandle","measure","current","getBoundingClientRect","optionNodes","i","length","option","iValue","iName","optionValueName","push","jsx","className","onClick","onKeyDown","e","key","role","tabIndex","children","BaseModal","cancelOnScrolling","dontDisableScrolling","theme","ad","hoc","container","context","overlay","propTypes","PT","string","isRequired","shape","number","func","optionsValidator","defaultProps","undefined","_default","exports","default"],"sources":["../../../../../../../src/shared/components/selectors/CustomDropdown/Options/index.tsx"],"sourcesContent":["import PT from 'prop-types';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { BaseModal } from 'components/Modal';\n\nimport S from './style.scss';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  optionsValidator,\n  optionValueName,\n} from '../../common';\n\nexport type ContainerPosT = {\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport function areEqual(a?: ContainerPosT, b?: ContainerPosT): boolean {\n  return a?.left === b?.left && a?.top === b?.top && a?.width === b?.width;\n}\n\nexport type RefT = {\n  measure: () => DOMRect | undefined;\n};\n\ntype PropsT = {\n  containerClass: string;\n  containerStyle?: ContainerPosT;\n  filter?: (item: OptionT<React.ReactNode> | string) => boolean;\n  optionClass: string;\n  options: OptionsT<React.ReactNode>;\n  onCancel: () => void;\n  onChange: (value: string) => void;\n};\n\nconst Options = forwardRef<RefT, PropsT>(({\n  containerClass,\n  containerStyle,\n  filter,\n  onCancel,\n  onChange,\n  optionClass,\n  options,\n}, ref) => {\n  const opsRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    measure: () => opsRef.current?.getBoundingClientRect(),\n  }), []);\n\n  const optionNodes: React.ReactNode[] = [];\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\n          onClick={() => onChange(iValue)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              onChange(iValue);\n            }\n          }}\n          key={iValue}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {iName}\n        </div>,\n      );\n    }\n  }\n\n  return (\n    <BaseModal\n      // Closes the dropdown (cancels the selection) on any page scrolling attempt.\n      // This is the same native <select> elements do on scrolling, and at least for\n      // now we have no reason to deal with complications needed to support open\n      // dropdowns during the scrolling (that would need to re-position it in\n      // response to the position changes of the root dropdown element).\n      cancelOnScrolling\n      containerStyle={containerStyle}\n      dontDisableScrolling\n      onCancel={onCancel}\n      theme={{\n        ad: '',\n        hoc: '',\n        container: containerClass,\n        context: '',\n        overlay: S.overlay,\n      }}\n    >\n      <div ref={opsRef}>{optionNodes}</div>\n    </BaseModal>\n  );\n});\n\nOptions.propTypes = {\n  containerClass: PT.string.isRequired,\n\n  containerStyle: PT.shape({\n    left: PT.number.isRequired,\n    top: PT.number.isRequired,\n    width: PT.number.isRequired,\n  }),\n\n  filter: PT.func,\n  onCancel: PT.func.isRequired,\n  onChange: PT.func.isRequired,\n  optionClass: PT.string.isRequired,\n  options: optionsValidator.isRequired,\n};\n\nOptions.defaultProps = {\n  containerStyle: undefined,\n  filter: undefined,\n};\n\nexport default Options;\n"],"mappings":"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","ignoreList":[]}

package/build/production/shared/components/selectors/CustomDropdown/index.js

@@ -1,4 +1,8 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _react=require("react");var _reactThemes=_interopRequireDefault(require("@dr.pogodin/react-themes"));var _Options=_interopRequireDefault(require("./Options"));var _common=require("../common");var _jsxRuntime=require("react/jsx-runtime");const defaultTheme={"context":"_9Tod5r","ad":"R58zIg","hoc":"O-Tp1i","container":"oQKv0Y","label":"YUPUNs","dropdown":"pNEyAA","option":"LD2Kzy","select":"LP5azC","arrow":"-wscve","active":"k2UDsV"};const BaseCustomDropdown=({filter,label,onChange,options,theme,value})=>{if(!options)throw Error("Internal error");const dropdownRef=(0,_react.useRef)(null);// If "null" the dropdown is closed, otherwise it is displayed
-// at the specified coordinates.
-const[anchor,setAnchor]=(0,_react.useState)(null);const openList=()=>{setAnchor(dropdownRef.current.getBoundingClientRect())};let selected=/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:"\u200C"});for(let i=0;i<options.length;++i){const option=options[i];if(!filter||filter(option)){const[iValue,iName]=(0,_common.optionValueName)(option);if(iValue===value){selected=iName;break}}}let containerClassName=theme.container;if(anchor)containerClassName+=` ${theme.active}`;return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:containerClassName,children:[label===undefined?null:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.label,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:theme.dropdown,onClick:openList,onKeyDown:e=>{if(e.key==="Enter")openList()},ref:dropdownRef,role:"listbox",tabIndex:0,children:[selected,/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.arrow})]}),anchor?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Options.default,{anchorRect:anchor,containerClass:theme.select||"",onCancel:()=>setAnchor(null),onChange:newValue=>{setAnchor(null);if(onChange)onChange(newValue)},optionClass:theme.option||"",options:options}):null]})};const ThemedCustomDropdown=(0,_reactThemes.default)(BaseCustomDropdown,"CustomDropdown",_common.validThemeKeys,defaultTheme);BaseCustomDropdown.propTypes={filter:_propTypes.default.func,label:_propTypes.default.node,onChange:_propTypes.default.func,options:_propTypes.default.arrayOf(_common.optionValidator.isRequired),theme:ThemedCustomDropdown.themeType.isRequired,value:_propTypes.default.string};BaseCustomDropdown.defaultProps={filter:undefined,label:undefined,onChange:undefined,options:[],value:undefined};var _default=exports.default=ThemedCustomDropdown;
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _react=require("react");var _reactThemes=_interopRequireDefault(require("@dr.pogodin/react-themes"));var _Options=_interopRequireWildcard(require("./Options"));var _common=require("../common");var _jsxRuntime=require("react/jsx-runtime");function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e){return e?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}const defaultTheme={"context":"_9Tod5r","ad":"R58zIg","hoc":"O-Tp1i","container":"oQKv0Y","label":"YUPUNs","dropdown":"pNEyAA","option":"LD2Kzy","select":"LP5azC","arrow":"-wscve","active":"k2UDsV","upward":"HWRvu4"};const BaseCustomDropdown=({filter,label,onChange,options,theme,value})=>{if(!options)throw Error("Internal error");const[active,setActive]=(0,_react.useState)(false);const dropdownRef=(0,_react.useRef)(null);const opsRef=(0,_react.useRef)(null);const[opsPos,setOpsPos]=(0,_react.useState)();const[upward,setUpward]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{if(!active)return undefined;let id;const cb=()=>{const anchor=dropdownRef.current?.getBoundingClientRect();const opsRect=opsRef.current?.measure();if(anchor&&opsRect){const fitsDown=anchor.bottom+opsRect.height<(window.visualViewport?.height??0);const fitsUp=anchor.top-opsRect.height>0;const up=!fitsDown&&fitsUp;setUpward(up);const pos=up?{top:anchor.top-opsRect.height-1,left:anchor.left,width:anchor.width}:{left:anchor.left,top:anchor.bottom,width:anchor.width};setOpsPos(now=>(0,_Options.areEqual)(now,pos)?now:pos)}id=requestAnimationFrame(cb)};requestAnimationFrame(cb);return()=>{cancelAnimationFrame(id)}},[active]);const openList=()=>{const view=window.visualViewport;const rect=dropdownRef.current.getBoundingClientRect();setActive(true);// NOTE: This first opens the dropdown off-screen, where it is measured
+// by an effect declared above, and then positioned below, or above
+// the original dropdown element, depending where it fits best
+// (if we first open it downward, it would flick if we immediately
+// move it above, at least with the current position update via local
+// react state, and not imperatively).
+setOpsPos({left:view?.width||0,top:view?.height||0,width:rect.width})};let selected=/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:"\u200C"});for(let i=0;i<options.length;++i){const option=options[i];if(!filter||filter(option)){const[iValue,iName]=(0,_common.optionValueName)(option);if(iValue===value){selected=iName;break}}}let containerClassName=theme.container;if(active)containerClassName+=` ${theme.active}`;let opsContainerClass=theme.select||"";if(upward){containerClassName+=` ${theme.upward}`;opsContainerClass+=` ${theme.upward}`}return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:containerClassName,children:[label===undefined?null:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.label,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:theme.dropdown,onClick:openList,onKeyDown:e=>{if(e.key==="Enter")openList()},ref:dropdownRef,role:"listbox",tabIndex:0,children:[selected,/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.arrow})]}),active?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Options.default,{containerClass:opsContainerClass,containerStyle:opsPos,onCancel:()=>{setActive(false)},onChange:newValue=>{setActive(false);if(onChange)onChange(newValue)},optionClass:theme.option||"",options:options,ref:opsRef}):null]})};const ThemedCustomDropdown=(0,_reactThemes.default)(BaseCustomDropdown,"CustomDropdown",_common.validThemeKeys,defaultTheme);BaseCustomDropdown.propTypes={filter:_propTypes.default.func,label:_propTypes.default.node,onChange:_propTypes.default.func,options:_propTypes.default.arrayOf(_common.optionValidator.isRequired),theme:ThemedCustomDropdown.themeType.isRequired,value:_propTypes.default.string};BaseCustomDropdown.defaultProps={filter:undefined,label:undefined,onChange:undefined,options:[],value:undefined};var _default=exports.default=ThemedCustomDropdown;
 //# sourceMappingURL=index.js.map

package/build/production/shared/components/selectors/CustomDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_reactThemes","_Options","_common","_jsxRuntime","defaultTheme","BaseCustomDropdown","filter","label","onChange","options","theme","value","Error","dropdownRef","useRef","anchor","setAnchor","useState","openList","current","getBoundingClientRect","selected","jsx","Fragment","children","i","length","option","iValue","iName","optionValueName","containerClassName","container","active","jsxs","className","undefined","dropdown","onClick","onKeyDown","e","key","ref","role","tabIndex","arrow","default","anchorRect","containerClass","select","onCancel","newValue","optionClass","ThemedCustomDropdown","themed","validThemeKeys","propTypes","PT","func","node","arrayOf","optionValidator","isRequired","themeType","string","defaultProps","_default","exports"],"sources":["../../../../../../src/shared/components/selectors/CustomDropdown/index.tsx"],"sourcesContent":["import PT from 'prop-types';\nimport { useRef, useState } from 'react';\n\nimport themed from '@dr.pogodin/react-themes';\n\nimport Options from './Options';\n\nimport defaultTheme from './theme.scss';\n\nimport {\n  type PropsT,\n  optionValidator,\n  optionValueName,\n  validThemeKeys,\n} from '../common';\n\nconst BaseCustomDropdown: React.FunctionComponent<\nPropsT<React.ReactNode, (value: string) => void>\n> = ({\n  filter,\n  label,\n  onChange,\n  options,\n  theme,\n  value,\n}) => {\n  if (!options) throw Error('Internal error');\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  // If \"null\" the dropdown is closed, otherwise it is displayed\n  // at the specified coordinates.\n  const [anchor, setAnchor] = useState<DOMRect | null>(null);\n\n  const openList = () => {\n    setAnchor(dropdownRef.current!.getBoundingClientRect());\n  };\n\n  let selected: React.ReactNode = <>&zwnj;</>;\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      if (iValue === value) {\n        selected = iName;\n        break;\n      }\n    }\n  }\n\n  let containerClassName = theme.container;\n  if (anchor) containerClassName += ` ${theme.active}`;\n\n  return (\n    <div className={containerClassName}>\n      {label === undefined ? null : (\n        <div className={theme.label}>{label}</div>\n      )}\n      <div\n        className={theme.dropdown}\n        onClick={openList}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') openList();\n        }}\n        ref={dropdownRef}\n        role=\"listbox\"\n        tabIndex={0}\n      >\n        {selected}\n        <div className={theme.arrow} />\n      </div>\n      {\n        anchor ? (\n          <Options\n            anchorRect={anchor}\n            containerClass={theme.select || ''}\n            onCancel={() => setAnchor(null)}\n            onChange={(newValue) => {\n              setAnchor(null);\n              if (onChange) onChange(newValue);\n            }}\n            optionClass={theme.option || ''}\n            options={options}\n          />\n        ) : null\n      }\n    </div>\n  );\n};\n\nconst ThemedCustomDropdown = themed(\n  BaseCustomDropdown,\n  'CustomDropdown',\n  validThemeKeys,\n  defaultTheme,\n);\n\nBaseCustomDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.node,\n  onChange: PT.func,\n  options: PT.arrayOf(optionValidator.isRequired),\n  theme: ThemedCustomDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nBaseCustomDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: undefined,\n};\n\nexport default ThemedCustomDropdown;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_reactThemes","_Options","_interopRequireWildcard","_common","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultTheme","BaseCustomDropdown","filter","label","onChange","options","theme","value","Error","active","setActive","useState","dropdownRef","useRef","opsRef","opsPos","setOpsPos","upward","setUpward","useEffect","undefined","id","cb","anchor","current","getBoundingClientRect","opsRect","measure","fitsDown","bottom","height","window","visualViewport","fitsUp","top","up","pos","left","width","now","areEqual","requestAnimationFrame","cancelAnimationFrame","openList","view","rect","selected","jsx","Fragment","children","length","option","iValue","iName","optionValueName","containerClassName","container","opsContainerClass","select","jsxs","className","dropdown","onClick","onKeyDown","key","ref","role","tabIndex","arrow","containerClass","containerStyle","onCancel","newValue","optionClass","ThemedCustomDropdown","themed","validThemeKeys","propTypes","PT","func","node","arrayOf","optionValidator","isRequired","themeType","string","defaultProps","_default","exports"],"sources":["../../../../../../src/shared/components/selectors/CustomDropdown/index.tsx"],"sourcesContent":["import PT from 'prop-types';\nimport { useEffect, useRef, useState } from 'react';\n\nimport themed from '@dr.pogodin/react-themes';\n\nimport Options, { type ContainerPosT, type RefT, areEqual } from './Options';\n\nimport defaultTheme from './theme.scss';\n\nimport {\n  type PropsT,\n  optionValidator,\n  optionValueName,\n  validThemeKeys,\n} from '../common';\n\nconst BaseCustomDropdown: React.FunctionComponent<\nPropsT<React.ReactNode, (value: string) => void>\n> = ({\n  filter,\n  label,\n  onChange,\n  options,\n  theme,\n  value,\n}) => {\n  if (!options) throw Error('Internal error');\n\n  const [active, setActive] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const opsRef = useRef<RefT>(null);\n\n  const [opsPos, setOpsPos] = useState<ContainerPosT>();\n  const [upward, setUpward] = useState(false);\n\n  useEffect(() => {\n    if (!active) return undefined;\n\n    let id: number;\n    const cb = () => {\n      const anchor = dropdownRef.current?.getBoundingClientRect();\n      const opsRect = opsRef.current?.measure();\n      if (anchor && opsRect) {\n        const fitsDown = anchor.bottom + opsRect.height\n          < (window.visualViewport?.height ?? 0);\n        const fitsUp = anchor.top - opsRect.height > 0;\n\n        const up = !fitsDown && fitsUp;\n        setUpward(up);\n\n        const pos = up ? {\n          top: anchor.top - opsRect.height - 1,\n          left: anchor.left,\n          width: anchor.width,\n        } : {\n          left: anchor.left,\n          top: anchor.bottom,\n          width: anchor.width,\n        };\n\n        setOpsPos((now) => (areEqual(now, pos) ? now : pos));\n      }\n      id = requestAnimationFrame(cb);\n    };\n    requestAnimationFrame(cb);\n\n    return () => {\n      cancelAnimationFrame(id);\n    };\n  }, [active]);\n\n  const openList = () => {\n    const view = window.visualViewport;\n    const rect = dropdownRef.current!.getBoundingClientRect();\n    setActive(true);\n\n    // NOTE: This first opens the dropdown off-screen, where it is measured\n    // by an effect declared above, and then positioned below, or above\n    // the original dropdown element, depending where it fits best\n    // (if we first open it downward, it would flick if we immediately\n    // move it above, at least with the current position update via local\n    // react state, and not imperatively).\n    setOpsPos({\n      left: view?.width || 0,\n      top: view?.height || 0,\n      width: rect.width,\n    });\n  };\n\n  let selected: React.ReactNode = <>&zwnj;</>;\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      if (iValue === value) {\n        selected = iName;\n        break;\n      }\n    }\n  }\n\n  let containerClassName = theme.container;\n  if (active) containerClassName += ` ${theme.active}`;\n\n  let opsContainerClass = theme.select || '';\n  if (upward) {\n    containerClassName += ` ${theme.upward}`;\n    opsContainerClass += ` ${theme.upward}`;\n  }\n\n  return (\n    <div className={containerClassName}>\n      {label === undefined ? null : (\n        <div className={theme.label}>{label}</div>\n      )}\n      <div\n        className={theme.dropdown}\n        onClick={openList}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') openList();\n        }}\n        ref={dropdownRef}\n        role=\"listbox\"\n        tabIndex={0}\n      >\n        {selected}\n        <div className={theme.arrow} />\n      </div>\n      {\n        active ? (\n          <Options\n            containerClass={opsContainerClass}\n            containerStyle={opsPos}\n            onCancel={() => {\n              setActive(false);\n            }}\n            onChange={(newValue) => {\n              setActive(false);\n              if (onChange) onChange(newValue);\n            }}\n            optionClass={theme.option || ''}\n            options={options}\n            ref={opsRef}\n          />\n        ) : null\n      }\n    </div>\n  );\n};\n\nconst ThemedCustomDropdown = themed(\n  BaseCustomDropdown,\n  'CustomDropdown',\n  validThemeKeys,\n  defaultTheme,\n);\n\nBaseCustomDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.node,\n  onChange: PT.func,\n  options: PT.arrayOf(optionValidator.isRequired),\n  theme: ThemedCustomDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nBaseCustomDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: undefined,\n};\n\nexport default ThemedCustomDropdown;\n"],"mappings":"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","ignoreList":[]}

package/build/production/shared/components/selectors/common.js

@@ -1,3 +1,5 @@
 "use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.optionValidator=void 0;exports.optionValueName=optionValueName;exports.validThemeKeys=exports.optionsValidator=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));// The stuff common between different dropdown implementations.
-const validThemeKeys=exports.validThemeKeys=["active","arrow","container","dropdown","hiddenOption","label","option","select"];const optionValidator=exports.optionValidator=_propTypes.default.oneOfType([_propTypes.default.shape({name:_propTypes.default.string,value:_propTypes.default.string.isRequired}).isRequired,_propTypes.default.string.isRequired]);const optionsValidator=exports.optionsValidator=_propTypes.default.arrayOf(optionValidator.isRequired);/** Returns option value and name as a tuple. */function optionValueName(option){return typeof option==="string"?[option,option]:[option.value,option.name??option.value]}
+const validThemeKeys=exports.validThemeKeys=["active","arrow","container","dropdown","hiddenOption","label","option","select",// TODO: This is only valid for <CustomDropdown>, thus we need to re-factor it
+// into a separate theme spec for that component.
+"upward"];const optionValidator=exports.optionValidator=_propTypes.default.oneOfType([_propTypes.default.shape({name:_propTypes.default.string,value:_propTypes.default.string.isRequired}).isRequired,_propTypes.default.string.isRequired]);const optionsValidator=exports.optionsValidator=_propTypes.default.arrayOf(optionValidator.isRequired);/** Returns option value and name as a tuple. */function optionValueName(option){return typeof option==="string"?[option,option]:[option.value,option.name??option.value]}
 //# sourceMappingURL=common.js.map

package/build/production/shared/components/selectors/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","names":["_propTypes","_interopRequireDefault","require","validThemeKeys","exports","optionValidator","PT","oneOfType","shape","name","string","value","isRequired","optionsValidator","arrayOf","optionValueName","option"],"sources":["../../../../../src/shared/components/selectors/common.ts"],"sourcesContent":["// The stuff common between different dropdown implementations.\n\nimport PT from 'prop-types';\n\nimport type { Theme } from '@dr.pogodin/react-themes';\n\nexport const validThemeKeys = [\n  'active',\n  'arrow',\n  'container',\n  'dropdown',\n  'hiddenOption',\n  'label',\n  'option',\n  'select',\n] as const;\n\nexport type OptionT<NameT> = {\n  name?: NameT | null;\n  value: string;\n};\n\nexport type OptionsT<NameT> = Array<OptionT<NameT> | string>;\n\nexport type PropsT<\n  NameT,\n  OnChangeT = React.ChangeEventHandler<HTMLSelectElement>,\n> = {\n  filter?: (item: OptionT<NameT> | string) => boolean;\n  label?: React.ReactNode;\n  onChange?: OnChangeT;\n  options?: OptionsT<NameT>;\n  theme: Theme<typeof validThemeKeys>;\n  value?: string;\n};\n\nexport const optionValidator = PT.oneOfType([\n  PT.shape({\n    name: PT.string,\n    value: PT.string.isRequired,\n  }).isRequired,\n  PT.string.isRequired,\n]);\n\nexport const optionsValidator = PT.arrayOf(optionValidator.isRequired);\n\n/** Returns option value and name as a tuple. */\nexport function optionValueName<NameT>(\n  option: OptionT<NameT> | string,\n): [string, NameT | string] {\n  return typeof option === 'string'\n    ? [option, option]\n    : [option.value, option.name ?? option.value];\n}\n"],"mappings":"uRAEA,IAAAA,UAAA,CAAAC,sBAAA,CAAAC,OAAA,gBAFA;AAMO,KAAM,CAAAC,cAAc,CAAAC,OAAA,CAAAD,cAAA,CAAG,CAC5B,QAAQ,CACR,OAAO,CACP,WAAW,CACX,UAAU,CACV,cAAc,CACd,OAAO,CACP,QAAQ,CACR,QAAQ,CACA,CAqBH,KAAM,CAAAE,eAAe,CAAAD,OAAA,CAAAC,eAAA,CAAGC,kBAAE,CAACC,SAAS,CAAC,CAC1CD,kBAAE,CAACE,KAAK,CAAC,CACPC,IAAI,CAAEH,kBAAE,CAACI,MAAM,CACfC,KAAK,CAAEL,kBAAE,CAACI,MAAM,CAACE,UACnB,CAAC,CAAC,CAACA,UAAU,CACbN,kBAAE,CAACI,MAAM,CAACE,UAAU,CACrB,CAAC,CAEK,KAAM,CAAAC,gBAAgB,CAAAT,OAAA,CAAAS,gBAAA,CAAGP,kBAAE,CAACQ,OAAO,CAACT,eAAe,CAACO,UAAU,CAAC,CAEtE,gDACO,QAAS,CAAAG,eAAeA,CAC7BC,MAA+B,CACL,CAC1B,MAAO,OAAO,CAAAA,MAAM,GAAK,QAAQ,CAC7B,CAACA,MAAM,CAAEA,MAAM,CAAC,CAChB,CAACA,MAAM,CAACL,KAAK,CAAEK,MAAM,CAACP,IAAI,EAAIO,MAAM,CAACL,KAAK,CAChD","ignoreList":[]}
+{"version":3,"file":"common.js","names":["_propTypes","_interopRequireDefault","require","validThemeKeys","exports","optionValidator","PT","oneOfType","shape","name","string","value","isRequired","optionsValidator","arrayOf","optionValueName","option"],"sources":["../../../../../src/shared/components/selectors/common.ts"],"sourcesContent":["// The stuff common between different dropdown implementations.\n\nimport PT from 'prop-types';\n\nimport type { Theme } from '@dr.pogodin/react-themes';\n\nexport const validThemeKeys = [\n  'active',\n  'arrow',\n  'container',\n  'dropdown',\n  'hiddenOption',\n  'label',\n  'option',\n  'select',\n\n  // TODO: This is only valid for <CustomDropdown>, thus we need to re-factor it\n  // into a separate theme spec for that component.\n  'upward',\n] as const;\n\nexport type OptionT<NameT> = {\n  name?: NameT | null;\n  value: string;\n};\n\nexport type OptionsT<NameT> = Array<OptionT<NameT> | string>;\n\nexport type PropsT<\n  NameT,\n  OnChangeT = React.ChangeEventHandler<HTMLSelectElement>,\n> = {\n  filter?: (item: OptionT<NameT> | string) => boolean;\n  label?: React.ReactNode;\n  onChange?: OnChangeT;\n  options?: OptionsT<NameT>;\n  theme: Theme<typeof validThemeKeys>;\n  value?: string;\n};\n\nexport const optionValidator = PT.oneOfType([\n  PT.shape({\n    name: PT.string,\n    value: PT.string.isRequired,\n  }).isRequired,\n  PT.string.isRequired,\n]);\n\nexport const optionsValidator = PT.arrayOf(optionValidator.isRequired);\n\n/** Returns option value and name as a tuple. */\nexport function optionValueName<NameT>(\n  option: OptionT<NameT> | string,\n): [string, NameT | string] {\n  return typeof option === 'string'\n    ? [option, option]\n    : [option.value, option.name ?? option.value];\n}\n"],"mappings":"uRAEA,IAAAA,UAAA,CAAAC,sBAAA,CAAAC,OAAA,gBAFA;AAMO,KAAM,CAAAC,cAAc,CAAAC,OAAA,CAAAD,cAAA,CAAG,CAC5B,QAAQ,CACR,OAAO,CACP,WAAW,CACX,UAAU,CACV,cAAc,CACd,OAAO,CACP,QAAQ,CACR,QAAQ,CAER;AACA;AACA,QAAQ,CACA,CAqBH,KAAM,CAAAE,eAAe,CAAAD,OAAA,CAAAC,eAAA,CAAGC,kBAAE,CAACC,SAAS,CAAC,CAC1CD,kBAAE,CAACE,KAAK,CAAC,CACPC,IAAI,CAAEH,kBAAE,CAACI,MAAM,CACfC,KAAK,CAAEL,kBAAE,CAACI,MAAM,CAACE,UACnB,CAAC,CAAC,CAACA,UAAU,CACbN,kBAAE,CAACI,MAAM,CAACE,UAAU,CACrB,CAAC,CAEK,KAAM,CAAAC,gBAAgB,CAAAT,OAAA,CAAAS,gBAAA,CAAGP,kBAAE,CAACQ,OAAO,CAACT,eAAe,CAACO,UAAU,CAAC,CAEtE,gDACO,QAAS,CAAAG,eAAeA,CAC7BC,MAA+B,CACL,CAC1B,MAAO,OAAO,CAAAA,MAAM,GAAK,QAAQ,CAC7B,CAACA,MAAM,CAAEA,MAAM,CAAC,CAChB,CAACA,MAAM,CAACL,KAAK,CAAEK,MAAM,CAACP,IAAI,EAAIO,MAAM,CAACL,KAAK,CAChD","ignoreList":[]}

package/build/production/style.css

@@ -1,2 +1,2 @@
-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{text-rendering:auto}*{box-sizing:border-box}.Ah-Nsc.Wki41G.ye2BZo,.Szmbbz.ye2BZo,.ye2BZo{background:#eee;height:100%;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:998}.Ah-Nsc.Wki41G.ye2BZo:focus,.Szmbbz.ye2BZo:focus,.ye2BZo:focus{outline:none}.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{background:#fff;border-radius:.3em;box-shadow:0 0 14px 1px rgba(38,38,40,.15);left:50%;max-height:95vh;max-width:1024px;overflow:hidden;padding:.6em 1.2em;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:999}@media(max-width:1280px){.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{max-width:95vw}}._5fRFtF{overflow:hidden}.jKsMKG{inset:0;opacity:.2;position:fixed;z-index:1000}.R58zIg.O-Tp1i.oQKv0Y,._9Tod5r.oQKv0Y,.oQKv0Y{align-items:center;display:inline-flex;margin:.1em;position:relative}.R58zIg.O-Tp1i.YUPUNs,.YUPUNs,._9Tod5r.YUPUNs{margin:0 .6em 0 1.2em}.R58zIg.O-Tp1i.pNEyAA,._9Tod5r.pNEyAA,.pNEyAA{border:1px solid gray;border-radius:.3em;cursor:pointer;min-width:200px;outline:none;padding:.3em 3em .3em .6em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.R58zIg.O-Tp1i.pNEyAA:focus,._9Tod5r.pNEyAA:focus,.pNEyAA:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.LD2Kzy,.R58zIg.O-Tp1i.LD2Kzy,._9Tod5r.LD2Kzy{cursor:pointer;outline:none;padding:0 .6em}.LD2Kzy:focus,.LD2Kzy:hover,.R58zIg.O-Tp1i.LD2Kzy:focus,.R58zIg.O-Tp1i.LD2Kzy:hover,._9Tod5r.LD2Kzy:focus,._9Tod5r.LD2Kzy:hover{background:#4169e1;color:#fff}.LP5azC,.R58zIg.O-Tp1i.LP5azC,._9Tod5r.LP5azC{background:#fff;border:1px solid gray;border-radius:0 0 .3em .3em;border-top:none;box-shadow:0 6px 12px 3px #d3d3d3;left:10px;position:fixed;top:20px;z-index:1001}.-wscve,.R58zIg.O-Tp1i.-wscve,._9Tod5r.-wscve{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border-left:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;position:absolute;right:0;top:0}.-wscve:after,.R58zIg.O-Tp1i.-wscve:after,._9Tod5r.-wscve:after{content:"▼"}.R58zIg.O-Tp1i.k2UDsV .-wscve,._9Tod5r.k2UDsV .-wscve,.k2UDsV .-wscve{border-radius:0 .3em 0 0}.R58zIg.O-Tp1i.k2UDsV .pNEyAA,._9Tod5r.k2UDsV .pNEyAA,.k2UDsV .pNEyAA{border-color:blue;border-radius:.3em .3em 0 0}.ADu59e.FTP2bb.kI9A9U,.kI9A9U,.xHyZo4.kI9A9U{position:relative}.ADu59e.FTP2bb.DubGkT,.DubGkT,.xHyZo4.DubGkT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;pointer-events:none;position:absolute;right:0;top:0}.ADu59e.FTP2bb.DubGkT:after,.DubGkT:after,.xHyZo4.DubGkT:after{content:"▼"}.ADu59e.FTP2bb.WtSZPd,.WtSZPd,.xHyZo4.WtSZPd{align-items:center;display:inline-flex;margin:.1em;position:relative}.ayMn7O+.ADu59e.FTP2bb.DubGkT,.ayMn7O+.DubGkT,.ayMn7O+.xHyZo4.DubGkT,:active+.ADu59e.FTP2bb.DubGkT,:active+.DubGkT,:active+.xHyZo4.DubGkT{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-bottom-right-radius:0}:focus+.ADu59e.FTP2bb.DubGkT,:focus+.DubGkT,:focus+.xHyZo4.DubGkT{border-color:blue blue blue gray}.ADu59e.FTP2bb.K7JYKw,.K7JYKw,.xHyZo4.K7JYKw{margin:0 .6em 0 1.5em}.ADu59e.FTP2bb.clAKFJ,.clAKFJ,.xHyZo4.clAKFJ{display:none}.ADu59e.FTP2bb.N0Fc14,.N0Fc14,.xHyZo4.N0Fc14{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;outline:none;padding:.3em 3.3em calc(.3em + 1px) 1.2em}.ADu59e.FTP2bb.N0Fc14:active,.N0Fc14:active,.xHyZo4.N0Fc14:active{background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.ADu59e.FTP2bb.N0Fc14:focus,.N0Fc14:focus,.xHyZo4.N0Fc14:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.AWNvRj,.HNliRC._2Ue-db.AWNvRj,.VMHfnP.AWNvRj{align-items:center;display:flex;gap:.6em}.HNliRC._2Ue-db.fUfIAd,.VMHfnP.fUfIAd,.fUfIAd{border:1px solid transparent;border-radius:.3em;cursor:pointer;outline:none;padding:0 .9em}.HNliRC._2Ue-db.fUfIAd:focus,.VMHfnP.fUfIAd:focus,.fUfIAd:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.HNliRC._2Ue-db.Wco-qk,.VMHfnP.Wco-qk,.Wco-qk{background:#fff;border:1px solid gray;cursor:default}.HNliRC._2Ue-db.HR5LN5,.HR5LN5,.VMHfnP.HR5LN5{align-items:center;background:#f5f5f5;border:1px solid gray;border-radius:.3em;display:flex;gap:.3em;padding:.3em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zH52sA[disabled]{cursor:not-allowed}.E1FNQT,.KM0v4f.E1FNQT,._3jm1-Q._0plpDL.E1FNQT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:.1em;padding:.3em 1.2em;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.E1FNQT:visited,.KM0v4f.E1FNQT:visited,._3jm1-Q._0plpDL.E1FNQT:visited{color:inherit}.E1FNQT.MAe9O6,.E1FNQT:active,.KM0v4f.E1FNQT.MAe9O6,.KM0v4f.E1FNQT:active,._3jm1-Q._0plpDL.E1FNQT.MAe9O6,._3jm1-Q._0plpDL.E1FNQT:active{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-color:gray;box-shadow:inset 0 1px 3px 0 #d3d3d3}.E1FNQT:focus,.KM0v4f.E1FNQT:focus,._3jm1-Q._0plpDL.E1FNQT:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6;outline:none}.Br9IWV,.KM0v4f.Br9IWV,._3jm1-Q._0plpDL.Br9IWV{cursor:not-allowed;opacity:.33}.Br9IWV.MAe9O6,.Br9IWV:active,.KM0v4f.Br9IWV.MAe9O6,.KM0v4f.Br9IWV:active,._3jm1-Q._0plpDL.Br9IWV.MAe9O6,._3jm1-Q._0plpDL.Br9IWV:active{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);box-shadow:none}.A-f8qJ,.dNQcC6.A-f8qJ,.earXxa.qAPfQ6.A-f8qJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;cursor:pointer;font:inherit;height:1.5em;margin:0;outline:none;width:1.5em}.A-f8qJ:checked:after,.dNQcC6.A-f8qJ:checked:after,.earXxa.qAPfQ6.A-f8qJ:checked:after{background:#000;border-radius:.3em;content:"";display:block;height:1em;margin:.2em;width:1em}.A-f8qJ:focus,.dNQcC6.A-f8qJ:focus,.earXxa.qAPfQ6.A-f8qJ:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.Kr0g3M,.dNQcC6.Kr0g3M,.earXxa.qAPfQ6.Kr0g3M{align-items:center;display:inline-flex;margin:.1em}._3dML-O,.dNQcC6._3dML-O,.earXxa.qAPfQ6._3dML-O{margin:0 .6em 0 1.5em}.Cxx397,.X5WszA.Cxx397,._8s7GCr.TVlBYc.Cxx397{align-items:center;display:inline-flex;margin:.1em}.M07d4s,.X5WszA.M07d4s,._8s7GCr.TVlBYc.M07d4s{border:1px solid gray;border-radius:.3em;cursor:text;font:inherit;outline:none;padding:.3em .3em calc(.3em + 1px)}.M07d4s:focus,.X5WszA.M07d4s:focus,._8s7GCr.TVlBYc.M07d4s:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.X5WszA.gfbdq-,._8s7GCr.TVlBYc.gfbdq-,.gfbdq-{margin:0 .6em 0 1.5em}.T3cuHB,.m3-mdC.J15Z4H.T3cuHB,.m4mL-M.T3cuHB{display:flex;min-height:100vh;overflow:hidden;width:100%}.m3-mdC.J15Z4H.pPlQO2,.m4mL-M.pPlQO2,.pPlQO2{overflow:hidden;padding:1.2em;width:1024px}.lqNh4h,.m3-mdC.J15Z4H.lqNh4h,.m4mL-M.lqNh4h{flex:1;overflow:hidden}.XIxe9o.YOyORH._7zdld4,._7zdld4,.uIObt7._7zdld4{display:inline-block}.XIxe9o.YOyORH.dBrB4g,.dBrB4g,.uIObt7.dBrB4g{animation:TJe-6j .4s ease-in infinite alternate;background:#000;border-radius:.3em;display:inline-block;height:.6em;margin:0 .1em;position:relative;width:.6em}@keyframes TJe-6j{0%{top:-.3em}to{top:.3em}}.XIxe9o.YOyORH.dBrB4g:first-child,.dBrB4g:first-child,.uIObt7.dBrB4g:first-child{animation-delay:-.2s}.XIxe9o.YOyORH.dBrB4g:last-child,.dBrB4g:last-child,.uIObt7.dBrB4g:last-child{animation-delay:.2s}@keyframes L4ubm-{0%{opacity:0}to{opacity:1}}.GdZucr.M9gywF,.M9gywF,._4xT7zE.zd-vnH.M9gywF{border:.6em solid gray;height:0;pointer-events:none;position:absolute;width:0}.GdZucr.f9gY8K,._4xT7zE.zd-vnH.f9gY8K,.f9gY8K{animation:L4ubm- .6s;background:gray;border-radius:.3em;color:#fff;display:inline-block;left:0;padding:0 .3em;position:absolute;top:0}.GdZucr._4qDBRM,._4qDBRM,._4xT7zE.zd-vnH._4qDBRM{display:inline-block}* .sXHM81,.r3ABzd.YKcPnR .sXHM81,.veKyYi .sXHM81{aspect-ratio:16/9;background:#f5f5f5;position:relative}* .SlV2zw,.r3ABzd.YKcPnR .SlV2zw,.veKyYi .SlV2zw{height:100%;position:absolute;width:100%}* .jTxmOX,._5a9XX1._7sH52O .jTxmOX,.dzIcLh .jTxmOX{position:absolute;text-align:center;top:40%;transform:translateY(50%);width:100%}.KVPc7g.dzMVIB,.dzMVIB,.z2GQ0Z._8R1Qdj.dzMVIB{margin:.1em;position:relative}.KVPc7g.zd-OFg,.z2GQ0Z._8R1Qdj.zd-OFg,.zd-OFg{background:#fff;border:1px solid gray;border-radius:.3em;box-sizing:border-box;font:inherit;height:0;outline:none;overflow:hidden;padding:.3em .3em calc(.3em + 1px);resize:none}.KVPc7g.zd-OFg:focus,.z2GQ0Z._8R1Qdj.zd-OFg:focus,.zd-OFg:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.KVPc7g.zd-OFg::-moz-placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::-moz-placeholder,.zd-OFg::-moz-placeholder{color:gray}.KVPc7g.zd-OFg::placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::placeholder,.zd-OFg::placeholder{color:gray}.KVPc7g.zd-OFg:disabled,.z2GQ0Z._8R1Qdj.zd-OFg:disabled,.zd-OFg:disabled{border-color:hsla(0,0%,50%,.34);color:hsla(0,0%,50%,.34);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.GiHBXI,.KVPc7g.GiHBXI,.z2GQ0Z._8R1Qdj.GiHBXI{position:absolute;z-index:-1}
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{text-rendering:auto}*{box-sizing:border-box}.Ah-Nsc.Wki41G.ye2BZo,.Szmbbz.ye2BZo,.ye2BZo{background:#eee;height:100%;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:998}.Ah-Nsc.Wki41G.ye2BZo:focus,.Szmbbz.ye2BZo:focus,.ye2BZo:focus{outline:none}.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{background:#fff;border-radius:.3em;box-shadow:0 0 14px 1px rgba(38,38,40,.15);left:50%;max-height:95vh;max-width:1024px;overflow:hidden;padding:.6em 1.2em;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:999}@media(max-width:1280px){.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{max-width:95vw}}._5fRFtF{overflow:hidden}.jKsMKG{inset:0;opacity:.2;position:fixed;z-index:1000}.R58zIg.O-Tp1i.oQKv0Y,._9Tod5r.oQKv0Y,.oQKv0Y{align-items:center;display:inline-flex;margin:.1em;position:relative}.R58zIg.O-Tp1i.YUPUNs,.YUPUNs,._9Tod5r.YUPUNs{margin:0 .6em 0 1.2em}.R58zIg.O-Tp1i.pNEyAA,._9Tod5r.pNEyAA,.pNEyAA{border:1px solid gray;border-radius:.3em;cursor:pointer;min-width:200px;outline:none;padding:.3em 3em .3em .6em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.R58zIg.O-Tp1i.pNEyAA:focus,._9Tod5r.pNEyAA:focus,.pNEyAA:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.LD2Kzy,.R58zIg.O-Tp1i.LD2Kzy,._9Tod5r.LD2Kzy{cursor:pointer;outline:none;padding:0 .6em}.LD2Kzy:focus,.LD2Kzy:hover,.R58zIg.O-Tp1i.LD2Kzy:focus,.R58zIg.O-Tp1i.LD2Kzy:hover,._9Tod5r.LD2Kzy:focus,._9Tod5r.LD2Kzy:hover{background:#4169e1;color:#fff}.LP5azC,.R58zIg.O-Tp1i.LP5azC,._9Tod5r.LP5azC{background:#fff;border:1px solid gray;border-radius:0 0 .3em .3em;border-top:none;box-shadow:0 6px 12px 3px #d3d3d3;position:fixed;z-index:1001}.-wscve,.R58zIg.O-Tp1i.-wscve,._9Tod5r.-wscve{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border-left:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;position:absolute;right:0;top:0}.-wscve:after,.R58zIg.O-Tp1i.-wscve:after,._9Tod5r.-wscve:after{content:"▼"}.R58zIg.O-Tp1i.k2UDsV .-wscve,._9Tod5r.k2UDsV .-wscve,.k2UDsV .-wscve{border-radius:0 .3em 0 0}.R58zIg.O-Tp1i.k2UDsV .pNEyAA,._9Tod5r.k2UDsV .pNEyAA,.k2UDsV .pNEyAA{border-color:blue;border-radius:.3em .3em 0 0}.HWRvu4.k2UDsV .-wscve,.R58zIg.O-Tp1i.HWRvu4.k2UDsV .-wscve,._9Tod5r.HWRvu4.k2UDsV .-wscve{border-radius:0 0 .3em}.HWRvu4.k2UDsV .pNEyAA,.R58zIg.O-Tp1i.HWRvu4.k2UDsV .pNEyAA,._9Tod5r.HWRvu4.k2UDsV .pNEyAA{border-radius:0 0 .3em .3em}.HWRvu4.LP5azC,.R58zIg.O-Tp1i.HWRvu4.LP5azC,._9Tod5r.HWRvu4.LP5azC{border-bottom:none;border-radius:.3em .3em 0 0;border-top:1px solid gray;box-shadow:none}.ADu59e.FTP2bb.kI9A9U,.kI9A9U,.xHyZo4.kI9A9U{position:relative}.ADu59e.FTP2bb.DubGkT,.DubGkT,.xHyZo4.DubGkT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;pointer-events:none;position:absolute;right:0;top:0}.ADu59e.FTP2bb.DubGkT:after,.DubGkT:after,.xHyZo4.DubGkT:after{content:"▼"}.ADu59e.FTP2bb.WtSZPd,.WtSZPd,.xHyZo4.WtSZPd{align-items:center;display:inline-flex;margin:.1em;position:relative}.ayMn7O+.ADu59e.FTP2bb.DubGkT,.ayMn7O+.DubGkT,.ayMn7O+.xHyZo4.DubGkT,:active+.ADu59e.FTP2bb.DubGkT,:active+.DubGkT,:active+.xHyZo4.DubGkT{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-bottom-right-radius:0}:focus+.ADu59e.FTP2bb.DubGkT,:focus+.DubGkT,:focus+.xHyZo4.DubGkT{border-color:blue blue blue gray}.ADu59e.FTP2bb.K7JYKw,.K7JYKw,.xHyZo4.K7JYKw{margin:0 .6em 0 1.5em}.ADu59e.FTP2bb.clAKFJ,.clAKFJ,.xHyZo4.clAKFJ{display:none}.ADu59e.FTP2bb.N0Fc14,.N0Fc14,.xHyZo4.N0Fc14{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;outline:none;padding:.3em 3.3em calc(.3em + 1px) 1.2em}.ADu59e.FTP2bb.N0Fc14:active,.N0Fc14:active,.xHyZo4.N0Fc14:active{background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.ADu59e.FTP2bb.N0Fc14:focus,.N0Fc14:focus,.xHyZo4.N0Fc14:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.AWNvRj,.HNliRC._2Ue-db.AWNvRj,.VMHfnP.AWNvRj{align-items:center;display:flex;gap:.6em}.HNliRC._2Ue-db.fUfIAd,.VMHfnP.fUfIAd,.fUfIAd{border:1px solid transparent;border-radius:.3em;cursor:pointer;outline:none;padding:0 .9em}.HNliRC._2Ue-db.fUfIAd:focus,.VMHfnP.fUfIAd:focus,.fUfIAd:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.HNliRC._2Ue-db.Wco-qk,.VMHfnP.Wco-qk,.Wco-qk{background:#fff;border:1px solid gray;cursor:default}.HNliRC._2Ue-db.HR5LN5,.HR5LN5,.VMHfnP.HR5LN5{align-items:center;background:#f5f5f5;border:1px solid gray;border-radius:.3em;display:flex;gap:.3em;padding:.3em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zH52sA[disabled]{cursor:not-allowed}.E1FNQT,.KM0v4f.E1FNQT,._3jm1-Q._0plpDL.E1FNQT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:.1em;padding:.3em 1.2em;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.E1FNQT:visited,.KM0v4f.E1FNQT:visited,._3jm1-Q._0plpDL.E1FNQT:visited{color:inherit}.E1FNQT.MAe9O6,.E1FNQT:active,.KM0v4f.E1FNQT.MAe9O6,.KM0v4f.E1FNQT:active,._3jm1-Q._0plpDL.E1FNQT.MAe9O6,._3jm1-Q._0plpDL.E1FNQT:active{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-color:gray;box-shadow:inset 0 1px 3px 0 #d3d3d3}.E1FNQT:focus,.KM0v4f.E1FNQT:focus,._3jm1-Q._0plpDL.E1FNQT:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6;outline:none}.Br9IWV,.KM0v4f.Br9IWV,._3jm1-Q._0plpDL.Br9IWV{cursor:not-allowed;opacity:.33}.Br9IWV.MAe9O6,.Br9IWV:active,.KM0v4f.Br9IWV.MAe9O6,.KM0v4f.Br9IWV:active,._3jm1-Q._0plpDL.Br9IWV.MAe9O6,._3jm1-Q._0plpDL.Br9IWV:active{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);box-shadow:none}.A-f8qJ,.dNQcC6.A-f8qJ,.earXxa.qAPfQ6.A-f8qJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;cursor:pointer;font:inherit;height:1.5em;margin:0;outline:none;width:1.5em}.A-f8qJ:checked:after,.dNQcC6.A-f8qJ:checked:after,.earXxa.qAPfQ6.A-f8qJ:checked:after{background:#000;border-radius:.3em;content:"";display:block;height:1em;margin:.2em;width:1em}.A-f8qJ:focus,.dNQcC6.A-f8qJ:focus,.earXxa.qAPfQ6.A-f8qJ:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.Kr0g3M,.dNQcC6.Kr0g3M,.earXxa.qAPfQ6.Kr0g3M{align-items:center;display:inline-flex;margin:.1em}._3dML-O,.dNQcC6._3dML-O,.earXxa.qAPfQ6._3dML-O{margin:0 .6em 0 1.5em}.Cxx397,.X5WszA.Cxx397,._8s7GCr.TVlBYc.Cxx397{align-items:center;display:inline-flex;margin:.1em}.M07d4s,.X5WszA.M07d4s,._8s7GCr.TVlBYc.M07d4s{border:1px solid gray;border-radius:.3em;cursor:text;font:inherit;outline:none;padding:.3em .3em calc(.3em + 1px)}.M07d4s:focus,.X5WszA.M07d4s:focus,._8s7GCr.TVlBYc.M07d4s:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.X5WszA.gfbdq-,._8s7GCr.TVlBYc.gfbdq-,.gfbdq-{margin:0 .6em 0 1.5em}.T3cuHB,.m3-mdC.J15Z4H.T3cuHB,.m4mL-M.T3cuHB{display:flex;min-height:100vh;overflow:hidden;width:100%}.m3-mdC.J15Z4H.pPlQO2,.m4mL-M.pPlQO2,.pPlQO2{overflow:hidden;padding:1.2em;width:1024px}.lqNh4h,.m3-mdC.J15Z4H.lqNh4h,.m4mL-M.lqNh4h{flex:1;overflow:hidden}.XIxe9o.YOyORH._7zdld4,._7zdld4,.uIObt7._7zdld4{display:inline-block}.XIxe9o.YOyORH.dBrB4g,.dBrB4g,.uIObt7.dBrB4g{animation:TJe-6j .4s ease-in infinite alternate;background:#000;border-radius:.3em;display:inline-block;height:.6em;margin:0 .1em;position:relative;width:.6em}@keyframes TJe-6j{0%{top:-.3em}to{top:.3em}}.XIxe9o.YOyORH.dBrB4g:first-child,.dBrB4g:first-child,.uIObt7.dBrB4g:first-child{animation-delay:-.2s}.XIxe9o.YOyORH.dBrB4g:last-child,.dBrB4g:last-child,.uIObt7.dBrB4g:last-child{animation-delay:.2s}@keyframes L4ubm-{0%{opacity:0}to{opacity:1}}.GdZucr.M9gywF,.M9gywF,._4xT7zE.zd-vnH.M9gywF{border:.6em solid gray;height:0;pointer-events:none;position:absolute;width:0}.GdZucr.f9gY8K,._4xT7zE.zd-vnH.f9gY8K,.f9gY8K{animation:L4ubm- .6s;background:gray;border-radius:.3em;color:#fff;display:inline-block;left:0;padding:0 .3em;position:absolute;top:0}.GdZucr._4qDBRM,._4qDBRM,._4xT7zE.zd-vnH._4qDBRM{display:inline-block}* .sXHM81,.r3ABzd.YKcPnR .sXHM81,.veKyYi .sXHM81{aspect-ratio:16/9;background:#f5f5f5;position:relative}* .SlV2zw,.r3ABzd.YKcPnR .SlV2zw,.veKyYi .SlV2zw{height:100%;position:absolute;width:100%}* .jTxmOX,._5a9XX1._7sH52O .jTxmOX,.dzIcLh .jTxmOX{position:absolute;text-align:center;top:40%;transform:translateY(50%);width:100%}.KVPc7g.dzMVIB,.dzMVIB,.z2GQ0Z._8R1Qdj.dzMVIB{margin:.1em;position:relative}.KVPc7g.zd-OFg,.z2GQ0Z._8R1Qdj.zd-OFg,.zd-OFg{background:#fff;border:1px solid gray;border-radius:.3em;box-sizing:border-box;font:inherit;height:0;outline:none;overflow:hidden;padding:.3em .3em calc(.3em + 1px);resize:none}.KVPc7g.zd-OFg:focus,.z2GQ0Z._8R1Qdj.zd-OFg:focus,.zd-OFg:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.KVPc7g.zd-OFg::-moz-placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::-moz-placeholder,.zd-OFg::-moz-placeholder{color:gray}.KVPc7g.zd-OFg::placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::placeholder,.zd-OFg::placeholder{color:gray}.KVPc7g.zd-OFg:disabled,.z2GQ0Z._8R1Qdj.zd-OFg:disabled,.zd-OFg:disabled{border-color:hsla(0,0%,50%,.34);color:hsla(0,0%,50%,.34);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.GiHBXI,.KVPc7g.GiHBXI,.z2GQ0Z._8R1Qdj.GiHBXI{position:absolute;z-index:-1}
 /*# sourceMappingURL=style.css.map*/

package/build/production/style.css.map

@@ -1 +1 @@
-{"version":3,"file":"style.css","mappings":"AAUA,2ZASE,SACA,aACA,eAJA,SACA,UAIA,wBAIF,8EAEE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBC9CF,KACE,oBAGF,EACE,sBCJA,6CACE,gBACA,YACA,OACA,WACA,eACA,MACA,WACA,YAEA,4EAGF,6CACE,gBAEA,mBADA,2CASA,SAPA,gBACA,gBCPQ,CDQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YCeF,yBD5BA,6CAgBI,gBElCN,SACE,gBCDF,QACE,QACA,WACA,eACA,aCJF,8CAOE,kBACE,oBACA,YACA,kBACA,+CAKF,qBACE,+CAGF,qBACE,mBACA,eACA,gBACA,aACA,2BACA,kBACA,gEACA,iEAEA,iBACE,+BACA,+CAIJ,cACE,aACA,eACA,CAIE,gIAGF,kBACE,WACA,+CAIJ,eACE,CAEA,qBACA,CAFA,2BACA,gBACA,kCACA,CAEA,SACA,CAHA,cACA,SACA,CACA,YACA,+CAGF,4DACE,2BACA,4BACA,SACA,kBACA,kBACA,QACA,MACA,iEAEA,WACE,uEAKF,wBACE,uEAGF,iBACE,4BACA,CCtFN,6CAKE,iBACE,8CAGF,4DACE,sBACA,4BACA,SACA,kBACA,oBACA,kBACA,QACA,MACA,gEAEA,WACE,8CAIJ,kBACE,oBACA,YACA,kBACA,2IAGF,8DAEE,6BACA,mEAIA,gCACA,8CAGF,qBACE,8CAIF,0DAEA,uBACE,CADF,oBACE,CADF,eACE,gBACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,aACA,0CACA,mEAEA,eACE,4BACA,6BACA,gEAGF,iBACE,+BACA,CCnEJ,8CACE,mBACA,aACA,SAGF,8CACE,6BACA,mBACA,eACA,aACA,eAEA,gEACE,kBACA,+BAIJ,8CAEE,gBADA,sBAEA,eAGF,8CACE,mBACA,mBACA,sBACA,mBACA,aACA,SACA,aACA,gECpCJ,kBACE,mBCMA,+CACE,6DACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,YACA,mBACA,kBACA,qBACA,gEAEA,uEACE,cAGF,wIAEE,+DAEA,kBADA,oCACA,CAGF,iEAEE,kBADA,+BAEA,aAKJ,+CACE,mBACA,YAKA,wIAEE,6DACA,gBC/CJ,6CACE,6DACA,gBACA,sBACA,mBACA,eACA,aACA,aAEA,SADA,aAEA,YAGE,uFACE,gBACA,mBACA,WACA,cACA,WACA,YACA,UAIJ,+DACE,kBACA,+BAIJ,6CACE,mBACA,oBACA,YAGF,gDACE,sBCrCF,8CACE,mBACA,oBACA,YAGF,8CACE,sBACA,mBACA,YACA,aACA,aACA,mCAEA,gEACE,kBACA,+BAIJ,8CACE,sBCZF,6CACE,aACA,iBACA,gBACA,WAGF,6CACE,gBACA,cACA,YVNQ,CUSV,6CACE,OACA,gBCxBF,gDACE,qBAGF,6CAME,gDACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAZA,kBACE,aACA,aAYF,sGACA,kGCvBJ,kBACE,aACA,cAMA,8CACE,uBAIA,QAAO,CAHP,oBACA,kBACA,OACA,CAOF,8CASE,qBARA,gBACA,mBACA,WACA,qBAIA,OAHA,eACA,kBACA,KAEA,CAGF,iDACE,qBC9BF,iDACE,kBACA,mBACA,kBAGF,iDACE,YACA,kBACA,WCTF,mDACE,kBACA,kBACA,QACA,0BACA,WCFF,8CACE,YACA,kBAGF,8CACE,gBACA,sBACA,mBACA,sBACA,aACA,SACA,aACA,gBACA,mCACA,YAEA,gEACE,kBACA,+BAGF,oGACE,WADF,qFACE,WAGF,yEACE,gCAEA,yBADA,mBAEA,gEAIJ,8CACE,kBACA","sources":["webpack://@dr.pogodin/react-utils/./src/styles/_global/reset.css","webpack://@dr.pogodin/react-utils/./src/styles/global.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/styles/_mixins/media.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/styles.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/Options/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/NativeDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/Switch/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/style.scss"],"sourcesContent":["/* Eric Meyer's \"Reset CSS\" 2.0 */\n\n/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\n/* Having all selectors at individual lines is unreadable in the case of this\n * style reset sheet. */\n/* stylelint-disable selector-list-comma-newline-after */\na, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,\nbody, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,\nem, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,\nheader, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark,  menu,\nnav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,\nstrike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,\ntt, u, ul, var, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote::before, blockquote::after, q::before, q::after {\n  content: \"\";\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n","/* Global styles. */\n\n@import \"_global/reset\";\n\nbody {\n  text-rendering: auto;\n}\n\n* {\n  box-sizing: border-box;\n}\n","@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.overlay {\n    background: #eee;\n    height: 100%;\n    left: 0;\n    opacity: 0.8;\n    position: fixed;\n    top: 0;\n    width: 100%;\n    z-index: 998;\n\n    &:focus { outline: none; }\n  }\n\n  &.container {\n    background: #fff;\n    box-shadow: 0 0 14px 1px rgba(38 38 40 / 15%);\n    border-radius: 0.3em;\n    max-height: 95vh;\n    max-width: $screen-md;\n    overflow: hidden;\n    padding: 0.6em 1.2em;\n    width: 480px;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 999;\n\n    @include xs-to-lg {\n      max-width: 95vw;\n    }\n  }\n}\n","/**\n * Mixins for different layout sizes: xs, sm, md, lg.\n * Breaking points are defined in _variables.scss\n * The range mixins A-to-B all means \"for the sizes from A to B, both\n * inclusive\", in particular it means that mixin A-to-lg is equivalent to\n * all sizes from A (inclusive) and larger.\n *\n * NOTE: For convenience, these mixins are sorted not alphabetically, but,\n * first, by increase of the first size; second, by increase of the second size.\n */\n\n/* Break points. */\n\n$screen-xs: 320px !default;\n$screen-sm: 495px !default;\n$screen-mm: 768px !default;\n$screen-md: 1024px !default;\n$screen-lg: 1280px !default;\n\n/* XS */\n\n@mixin xs {\n  @media (max-width: #{$screen-xs}) {\n    @content;\n  }\n}\n\n@mixin xs-to-sm {\n  @media (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-mm {\n  @media (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-md {\n  @media (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin xs-to-lg {\n  @media (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n/* SM */\n\n@mixin sm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-mm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-md {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin sm-to-lg {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin sm-to-xl {\n  @media (min-width: #{$screen-xs + 1px}) {\n    @content;\n  }\n}\n\n/* MM */\n\n@mixin mm {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin mm-to-md {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin mm-to-lg {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin mm-to-xl {\n  @media (min-width: #{$screen-sm + 1px}) {\n    @content;\n  }\n}\n\n/* MD */\n\n@mixin md {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin md-to-lg {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin md-to-xl {\n  @media (min-width: #{$screen-mm + 1px}) {\n    @content;\n  }\n}\n\n/* LG */\n\n@mixin lg {\n  @media (min-width: #{$screen-md + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin lg-to-xl {\n  @media (min-width: #{$screen-md + 1px}) {\n    @content;\n  }\n}\n\n/* XL */\n\n@mixin xl {\n  @media (min-width: #{$screen-lg + 1px}) {\n    @content;\n  }\n}\n",".scrollingDisabledByModal {\n  overflow: hidden;\n}\n",".overlay {\n  inset: 0;\n  opacity: 0.2;\n  position: fixed;\n  z-index: 1000;\n}\n","*,\n.context,\n.ad.hoc {\n  // The outermost dropdown container, holding together the label (if any),\n  // and the select element with arrow. Note, that the dropdown option list,\n  // when opened, exists completely outside the dropdown DOM hierarchy, and\n  // is aligned into the correct position by JS.\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  // Styling of default label next to the dropdown (has no effect on custom\n  // non-string label node, if provided).\n  &.label {\n    margin: 0 0.6em 0 1.2em;\n  }\n\n  &.dropdown {\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: pointer;\n    min-width: 200px;\n    outline: none;\n    padding: 0.3em 3.0em 0.3em 0.6em;\n    position: relative;\n    user-select: none;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.option {\n    cursor: pointer;\n    outline: none ;\n    padding: 0 0.6em;\n\n    &:focus {\n      background: royalblue;\n      color: white;\n    }\n\n    &:hover {\n      background: royalblue;\n      color: white;\n    }\n  }\n\n  &.select {\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0 0 0.3em 0.3em;\n    border-top: none;\n    box-shadow: 0 6px 12px 3px lightgray;\n    position: fixed;\n    top: 20px;\n    left: 10px;\n    z-index: 1001;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border-left: 1px solid gray;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.active {\n    .arrow {\n      border-radius: 0 0.3em 0 0;\n    }\n\n    .dropdown {\n      border-color: blue;\n      border-radius: 0.3em 0.3em 0 0;\n    }\n  }\n}\n","@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.dropdown {\n    position: relative;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: 1px solid gray;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  .active + &.arrow,\n  :active + &.arrow {\n    background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n    border-bottom-right-radius: 0;\n  }\n\n  :focus + &.arrow {\n    border-color: blue;\n    border-left-color: gray;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n\n  &.option { /* Empty style */ }\n  &.hiddenOption { display: none; }\n\n  &.select {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    font: inherit;\n    outline: none;\n    padding: 0.3em 3.3em calc(0.3em + 1px) 1.2em;\n\n    &:active {\n      background: white;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: flex;\n    gap: 0.6em;\n  }\n\n  &.option {\n    border: 1px solid transparent;\n    border-radius: 0.3em;\n    cursor: pointer;\n    outline: none;\n    padding: 0 0.9em;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.selected {\n    border: 1px solid gray;\n    background: white;\n    cursor: default;\n  }\n\n  &.switch {\n    align-items: center;\n    background: whitesmoke;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    display: flex;\n    gap: 0.3em;\n    padding: 0.3em;\n    user-select: none;\n  }\n}\n",".link[disabled] {\n  cursor: not-allowed;\n}\n","/**\n * The default button theme.\n */\n\n*,\n.context,\n.ad.hoc {\n  &.button {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: solid 1px gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    font: inherit;\n    margin: 0.1em;\n    padding: 0.3em 1.2em;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n\n    &:visited {\n      color: inherit;\n    }\n\n    &.active,\n    &:active {\n      background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n      box-shadow: inset 0 1px 3px 0 lightgray;\n      border-color: gray;\n    }\n\n    &:focus {\n      box-shadow: 0 0 3px 1px lightblue;\n      border-color: blue;\n      outline: none;\n    }\n  }\n\n  /* Additional styling of disabled buttons. */\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.33;\n\n    // Note: this \"cancels out\" the active state styling of an active button,\n    // which is defined above, thus ensuring a click on disabled button does\n    // not alter its appearance (does not result in visual press).\n    &.active,\n    &:active {\n      background-image: linear-gradient(to top, lightgray, white 50%, white);\n      box-shadow: none;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.checkbox {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: pointer;\n    font: inherit;\n    height: 1.5em;\n    outline: none;\n    margin: 0;\n    width: 1.5em;\n\n    &:checked {\n      &::after {\n        background: black;\n        border-radius: 0.3em;\n        content: \"\";\n        display: block;\n        height: 1em;\n        margin: 0.2em;\n        width: 1em;\n      }\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n  }\n\n  &.input {\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: text;\n    font: inherit;\n    outline: none;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n}\n","/**\n * Base theme: symmetric 3-columns layout, with the center column occupying all\n * screen up to mid screen size. For larger screen sizes the main column is\n * limited by the mid screen size, and the free space is filled with side\n * columns on left and right.\n */\n\n@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: flex;\n    min-height: 100vh;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.mainPanel {\n    overflow: hidden;\n    padding: 1.2em;\n    width: $screen-md;\n  }\n\n  &.sidePanel {\n    flex: 1;\n    overflow: hidden;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    display: inline-block;\n  }\n\n  &.circle {\n    @keyframes bouncing {\n      from { top: -0.3em; }\n      to { top: 0.3em; }\n    }\n\n    animation: bouncing 0.4s ease-in infinite alternate;\n    background: black;\n    border-radius: 0.3em;\n    display: inline-block;\n    height: 0.6em;\n    margin: 0 0.1em;\n    position: relative;\n    width: 0.6em;\n\n    &:first-child { animation-delay: -0.2s; }\n    &:last-child { animation-delay: 0.2s; }\n  }\n}\n","@keyframes appearance {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n*,\n.ad.hoc,\n.context {\n  &.arrow {\n    border: 0.6em solid grey;\n    pointer-events: none;\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n\n  /*\n  &.content { }\n  */\n\n  &.container {\n    background: grey;\n    border-radius: 0.3em;\n    color: white;\n    display: inline-block;\n    padding: 0 0.3em;\n    position: absolute;\n    top: 0;\n    left: 0;\n    animation: appearance 0.6s;\n  }\n\n  &.wrapper {\n    display: inline-block;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    aspect-ratio: 16 / 9;\n    background: whitesmoke;\n    position: relative;\n  }\n\n  .video {\n    height: 100%;\n    position: absolute;\n    width: 100%;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    position: absolute;\n    text-align: center;\n    top: 40%;\n    transform: translateY(50%);\n    width: 100%;\n  }\n}\n","@use \"sass:color\";\n@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    margin: 0.1em;\n    position: relative;\n  }\n\n  &.textarea {\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    box-sizing: border-box;\n    font: inherit;\n    height: 0;\n    outline: none;\n    overflow: hidden;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n    resize: none;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &::placeholder {\n      color: gray;\n    }\n\n    &:disabled {\n      border-color: color.adjust($color: gray, $alpha: -0.66);\n      cursor: not-allowed;\n      color: color.adjust($color: gray, $alpha: -0.66);\n      user-select: none;\n    }\n  }\n\n  &.hidden {\n    position: absolute;\n    z-index: -1;\n  }\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"style.css","mappings":"AAUA,2ZASE,SACA,aACA,eAJA,SACA,UAIA,wBAIF,8EAEE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBC9CF,KACE,oBAGF,EACE,sBCJA,6CACE,gBACA,YACA,OACA,WACA,eACA,MACA,WACA,YAEA,4EAGF,6CACE,gBAEA,mBADA,2CASA,SAPA,gBACA,gBCPQ,CDQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YCeF,yBD5BA,6CAgBI,gBElCN,SACE,gBCDF,QACE,QACA,WACA,eACA,aCJF,8CASE,kBACE,oBACA,YACA,kBACA,+CAKF,qBACE,+CAGF,qBAtBO,mBAwBL,eACA,gBACA,aACA,2BACA,kBACA,gEACA,iEAEA,iBACE,+BACA,+CAIJ,cACE,aACA,eACA,CAIE,gIAGF,kBACE,WACA,+CAIJ,eACE,CAEA,qBACA,CA1DK,2BAyDL,gBACA,kCACA,eACA,aACA,+CAGF,4DACE,2BAjEK,4BAmEL,SACA,kBACA,kBACA,QACA,MACA,iEAEA,WACE,uEAKF,wBACE,uEAGF,iBACE,4BACA,4FASA,sBACE,4FAGF,2BACE,oEAKJ,kBACE,CA1GG,2BA4GH,CAFA,yBA1GG,CA4GH,eAMA,CClHN,6CAKE,iBACE,8CAGF,4DACE,sBACA,4BACA,SACA,kBACA,oBACA,kBACA,QACA,MACA,gEAEA,WACE,8CAIJ,kBACE,oBACA,YACA,kBACA,2IAGF,8DAEE,6BACA,mEAIA,gCACA,8CAGF,qBACE,8CAIF,0DAEA,uBACE,CADF,oBACE,CADF,eACE,gBACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,aACA,0CACA,mEAEA,eACE,4BACA,6BACA,gEAGF,iBACE,+BACA,CCnEJ,8CACE,mBACA,aACA,SAGF,8CACE,6BACA,mBACA,eACA,aACA,eAEA,gEACE,kBACA,+BAIJ,8CAEE,gBADA,sBAEA,eAGF,8CACE,mBACA,mBACA,sBACA,mBACA,aACA,SACA,aACA,gECpCJ,kBACE,mBCMA,+CACE,6DACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,YACA,mBACA,kBACA,qBACA,gEAEA,uEACE,cAGF,wIAEE,+DAEA,kBADA,oCACA,CAGF,iEAEE,kBADA,+BAEA,aAKJ,+CACE,mBACA,YAKA,wIAEE,6DACA,gBC/CJ,6CACE,6DACA,gBACA,sBACA,mBACA,eACA,aACA,aAEA,SADA,aAEA,YAGE,uFACE,gBACA,mBACA,WACA,cACA,WACA,YACA,UAIJ,+DACE,kBACA,+BAIJ,6CACE,mBACA,oBACA,YAGF,gDACE,sBCrCF,8CACE,mBACA,oBACA,YAGF,8CACE,sBACA,mBACA,YACA,aACA,aACA,mCAEA,gEACE,kBACA,+BAIJ,8CACE,sBCZF,6CACE,aACA,iBACA,gBACA,WAGF,6CACE,gBACA,cACA,YVNQ,CUSV,6CACE,OACA,gBCxBF,gDACE,qBAGF,6CAME,gDACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAZA,kBACE,aACA,aAYF,sGACA,kGCvBJ,kBACE,aACA,cAMA,8CACE,uBAIA,QAAO,CAHP,oBACA,kBACA,OACA,CAOF,8CASE,qBARA,gBACA,mBACA,WACA,qBAIA,OAHA,eACA,kBACA,KAEA,CAGF,iDACE,qBC9BF,iDACE,kBACA,mBACA,kBAGF,iDACE,YACA,kBACA,WCTF,mDACE,kBACA,kBACA,QACA,0BACA,WCFF,8CACE,YACA,kBAGF,8CACE,gBACA,sBACA,mBACA,sBACA,aACA,SACA,aACA,gBACA,mCACA,YAEA,gEACE,kBACA,+BAGF,oGACE,WADF,qFACE,WAGF,yEACE,gCAEA,yBADA,mBAEA,gEAIJ,8CACE,kBACA","sources":["webpack://@dr.pogodin/react-utils/./src/styles/_global/reset.css","webpack://@dr.pogodin/react-utils/./src/styles/global.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/styles/_mixins/media.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/styles.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/Options/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/NativeDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/Switch/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/style.scss"],"sourcesContent":["/* Eric Meyer's \"Reset CSS\" 2.0 */\n\n/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\n/* Having all selectors at individual lines is unreadable in the case of this\n * style reset sheet. */\n/* stylelint-disable selector-list-comma-newline-after */\na, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,\nbody, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,\nem, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,\nheader, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark,  menu,\nnav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,\nstrike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,\ntt, u, ul, var, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote::before, blockquote::after, q::before, q::after {\n  content: \"\";\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n","/* Global styles. */\n\n@import \"_global/reset\";\n\nbody {\n  text-rendering: auto;\n}\n\n* {\n  box-sizing: border-box;\n}\n","@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.overlay {\n    background: #eee;\n    height: 100%;\n    left: 0;\n    opacity: 0.8;\n    position: fixed;\n    top: 0;\n    width: 100%;\n    z-index: 998;\n\n    &:focus { outline: none; }\n  }\n\n  &.container {\n    background: #fff;\n    box-shadow: 0 0 14px 1px rgba(38 38 40 / 15%);\n    border-radius: 0.3em;\n    max-height: 95vh;\n    max-width: $screen-md;\n    overflow: hidden;\n    padding: 0.6em 1.2em;\n    width: 480px;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 999;\n\n    @include xs-to-lg {\n      max-width: 95vw;\n    }\n  }\n}\n","/**\n * Mixins for different layout sizes: xs, sm, md, lg.\n * Breaking points are defined in _variables.scss\n * The range mixins A-to-B all means \"for the sizes from A to B, both\n * inclusive\", in particular it means that mixin A-to-lg is equivalent to\n * all sizes from A (inclusive) and larger.\n *\n * NOTE: For convenience, these mixins are sorted not alphabetically, but,\n * first, by increase of the first size; second, by increase of the second size.\n */\n\n/* Break points. */\n\n$screen-xs: 320px !default;\n$screen-sm: 495px !default;\n$screen-mm: 768px !default;\n$screen-md: 1024px !default;\n$screen-lg: 1280px !default;\n\n/* XS */\n\n@mixin xs {\n  @media (max-width: #{$screen-xs}) {\n    @content;\n  }\n}\n\n@mixin xs-to-sm {\n  @media (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-mm {\n  @media (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-md {\n  @media (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin xs-to-lg {\n  @media (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n/* SM */\n\n@mixin sm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-mm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-md {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin sm-to-lg {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin sm-to-xl {\n  @media (min-width: #{$screen-xs + 1px}) {\n    @content;\n  }\n}\n\n/* MM */\n\n@mixin mm {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin mm-to-md {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin mm-to-lg {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin mm-to-xl {\n  @media (min-width: #{$screen-sm + 1px}) {\n    @content;\n  }\n}\n\n/* MD */\n\n@mixin md {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin md-to-lg {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin md-to-xl {\n  @media (min-width: #{$screen-mm + 1px}) {\n    @content;\n  }\n}\n\n/* LG */\n\n@mixin lg {\n  @media (min-width: #{$screen-md + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin lg-to-xl {\n  @media (min-width: #{$screen-md + 1px}) {\n    @content;\n  }\n}\n\n/* XL */\n\n@mixin xl {\n  @media (min-width: #{$screen-lg + 1px}) {\n    @content;\n  }\n}\n",".scrollingDisabledByModal {\n  overflow: hidden;\n}\n",".overlay {\n  inset: 0;\n  opacity: 0.2;\n  position: fixed;\n  z-index: 1000;\n}\n","$border: 1px solid gray;\n\n*,\n.context,\n.ad.hoc {\n  // The outermost dropdown container, holding together the label (if any),\n  // and the select element with arrow. Note, that the dropdown option list,\n  // when opened, exists completely outside the dropdown DOM hierarchy, and\n  // is aligned into the correct position by JS.\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  // Styling of default label next to the dropdown (has no effect on custom\n  // non-string label node, if provided).\n  &.label {\n    margin: 0 0.6em 0 1.2em;\n  }\n\n  &.dropdown {\n    border: $border;\n    border-radius: 0.3em;\n    cursor: pointer;\n    min-width: 200px;\n    outline: none;\n    padding: 0.3em 3.0em 0.3em 0.6em;\n    position: relative;\n    user-select: none;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.option {\n    cursor: pointer;\n    outline: none ;\n    padding: 0 0.6em;\n\n    &:focus {\n      background: royalblue;\n      color: white;\n    }\n\n    &:hover {\n      background: royalblue;\n      color: white;\n    }\n  }\n\n  &.select {\n    background: white;\n    border: $border;\n    border-radius: 0 0 0.3em 0.3em;\n    border-top: none;\n    box-shadow: 0 6px 12px 3px lightgray;\n    position: fixed;\n    z-index: 1001;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border-left: $border;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.active {\n    .arrow {\n      border-radius: 0 0.3em 0 0;\n    }\n\n    .dropdown {\n      border-color: blue;\n      border-radius: 0.3em 0.3em 0 0;\n    }\n  }\n\n  &.upward {\n    &.active {\n      // NOTE: Here StyleLint complains about order & specifity of selectors in\n      // the compiled CSS, but it should have no effect on the actual styling.\n      // stylelint-disable no-descending-specificity\n      .arrow {\n        border-radius: 0 0 0.3em;\n      }\n\n      .dropdown {\n        border-radius: 0 0 0.3em 0.3em;\n      }\n      // stylelint-enable no-descending-specificity\n    }\n\n    &.select {\n      border-bottom: none;\n      border-top: $border;\n      border-radius: 0.3em 0.3em 0 0;\n\n      // NOTE: Here a normal (downward) shadow would weirdly cast over\n      // the dropdown element, and other ways to cast the shadow result in\n      // \"upward\" shadow, which is also weird. Thus, better no shadow at all\n      // for the upward-opened dropdown.\n      box-shadow: none;\n    }\n  }\n}\n","@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.dropdown {\n    position: relative;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: 1px solid gray;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  .active + &.arrow,\n  :active + &.arrow {\n    background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n    border-bottom-right-radius: 0;\n  }\n\n  :focus + &.arrow {\n    border-color: blue;\n    border-left-color: gray;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n\n  &.option { /* Empty style */ }\n  &.hiddenOption { display: none; }\n\n  &.select {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    font: inherit;\n    outline: none;\n    padding: 0.3em 3.3em calc(0.3em + 1px) 1.2em;\n\n    &:active {\n      background: white;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: flex;\n    gap: 0.6em;\n  }\n\n  &.option {\n    border: 1px solid transparent;\n    border-radius: 0.3em;\n    cursor: pointer;\n    outline: none;\n    padding: 0 0.9em;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.selected {\n    border: 1px solid gray;\n    background: white;\n    cursor: default;\n  }\n\n  &.switch {\n    align-items: center;\n    background: whitesmoke;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    display: flex;\n    gap: 0.3em;\n    padding: 0.3em;\n    user-select: none;\n  }\n}\n",".link[disabled] {\n  cursor: not-allowed;\n}\n","/**\n * The default button theme.\n */\n\n*,\n.context,\n.ad.hoc {\n  &.button {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: solid 1px gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    font: inherit;\n    margin: 0.1em;\n    padding: 0.3em 1.2em;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n\n    &:visited {\n      color: inherit;\n    }\n\n    &.active,\n    &:active {\n      background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n      box-shadow: inset 0 1px 3px 0 lightgray;\n      border-color: gray;\n    }\n\n    &:focus {\n      box-shadow: 0 0 3px 1px lightblue;\n      border-color: blue;\n      outline: none;\n    }\n  }\n\n  /* Additional styling of disabled buttons. */\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.33;\n\n    // Note: this \"cancels out\" the active state styling of an active button,\n    // which is defined above, thus ensuring a click on disabled button does\n    // not alter its appearance (does not result in visual press).\n    &.active,\n    &:active {\n      background-image: linear-gradient(to top, lightgray, white 50%, white);\n      box-shadow: none;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.checkbox {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: pointer;\n    font: inherit;\n    height: 1.5em;\n    outline: none;\n    margin: 0;\n    width: 1.5em;\n\n    &:checked {\n      &::after {\n        background: black;\n        border-radius: 0.3em;\n        content: \"\";\n        display: block;\n        height: 1em;\n        margin: 0.2em;\n        width: 1em;\n      }\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n  }\n\n  &.input {\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: text;\n    font: inherit;\n    outline: none;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n}\n","/**\n * Base theme: symmetric 3-columns layout, with the center column occupying all\n * screen up to mid screen size. For larger screen sizes the main column is\n * limited by the mid screen size, and the free space is filled with side\n * columns on left and right.\n */\n\n@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: flex;\n    min-height: 100vh;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.mainPanel {\n    overflow: hidden;\n    padding: 1.2em;\n    width: $screen-md;\n  }\n\n  &.sidePanel {\n    flex: 1;\n    overflow: hidden;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    display: inline-block;\n  }\n\n  &.circle {\n    @keyframes bouncing {\n      from { top: -0.3em; }\n      to { top: 0.3em; }\n    }\n\n    animation: bouncing 0.4s ease-in infinite alternate;\n    background: black;\n    border-radius: 0.3em;\n    display: inline-block;\n    height: 0.6em;\n    margin: 0 0.1em;\n    position: relative;\n    width: 0.6em;\n\n    &:first-child { animation-delay: -0.2s; }\n    &:last-child { animation-delay: 0.2s; }\n  }\n}\n","@keyframes appearance {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n*,\n.ad.hoc,\n.context {\n  &.arrow {\n    border: 0.6em solid grey;\n    pointer-events: none;\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n\n  /*\n  &.content { }\n  */\n\n  &.container {\n    background: grey;\n    border-radius: 0.3em;\n    color: white;\n    display: inline-block;\n    padding: 0 0.3em;\n    position: absolute;\n    top: 0;\n    left: 0;\n    animation: appearance 0.6s;\n  }\n\n  &.wrapper {\n    display: inline-block;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    aspect-ratio: 16 / 9;\n    background: whitesmoke;\n    position: relative;\n  }\n\n  .video {\n    height: 100%;\n    position: absolute;\n    width: 100%;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    position: absolute;\n    text-align: center;\n    top: 40%;\n    transform: translateY(50%);\n    width: 100%;\n  }\n}\n","@use \"sass:color\";\n@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    margin: 0.1em;\n    position: relative;\n  }\n\n  &.textarea {\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    box-sizing: border-box;\n    font: inherit;\n    height: 0;\n    outline: none;\n    overflow: hidden;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n    resize: none;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &::placeholder {\n      color: gray;\n    }\n\n    &:disabled {\n      border-color: color.adjust($color: gray, $alpha: -0.66);\n      cursor: not-allowed;\n      color: color.adjust($color: gray, $alpha: -0.66);\n      user-select: none;\n    }\n  }\n\n  &.hidden {\n    position: absolute;\n    z-index: -1;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/build/production/web.bundle.js

@@ -1,3 +1,3 @@
 /*! For license information please see web.bundle.js.LICENSE.txt */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@dr.pogodin/js-utils"),require("@dr.pogodin/react-global-state"),require("@dr.pogodin/react-themes"),require("axios"),require("dayjs"),require("lodash"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("prop-types"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-helmet"),require("react-router-dom")):"function"==typeof define&&define.amd?define(["@dr.pogodin/js-utils","@dr.pogodin/react-global-state","@dr.pogodin/react-themes","axios","dayjs","lodash","node-forge/lib/aes","node-forge/lib/forge","prop-types","qs","react","react-dom","react-dom/client","react-helmet","react-router-dom"],t):"object"==typeof exports?exports["@dr.pogodin/react-utils"]=t(require("@dr.pogodin/js-utils"),require("@dr.pogodin/react-global-state"),require("@dr.pogodin/react-themes"),require("axios"),require("dayjs"),require("lodash"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("prop-types"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-helmet"),require("react-router-dom")):e["@dr.pogodin/react-utils"]=t(e["@dr.pogodin/js-utils"],e["@dr.pogodin/react-global-state"],e["@dr.pogodin/react-themes"],e.axios,e.dayjs,e.lodash,e["node-forge/lib/aes"],e["node-forge/lib/forge"],e["prop-types"],e.qs,e.react,e["react-dom"],e["react-dom/client"],e["react-helmet"],e["react-router-dom"])}("undefined"!=typeof self?self:this,(function(__WEBPACK_EXTERNAL_MODULE__864__,__WEBPACK_EXTERNAL_MODULE__126__,__WEBPACK_EXTERNAL_MODULE__859__,__WEBPACK_EXTERNAL_MODULE__742__,__WEBPACK_EXTERNAL_MODULE__185__,__WEBPACK_EXTERNAL_MODULE__773__,__WEBPACK_EXTERNAL_MODULE__958__,__WEBPACK_EXTERNAL_MODULE__814__,__WEBPACK_EXTERNAL_MODULE__949__,__WEBPACK_EXTERNAL_MODULE__360__,__WEBPACK_EXTERNAL_MODULE__155__,__WEBPACK_EXTERNAL_MODULE__514__,__WEBPACK_EXTERNAL_MODULE__236__,__WEBPACK_EXTERNAL_MODULE__883__,__WEBPACK_EXTERNAL_MODULE__442__){return function(){"use strict";var __webpack_modules__={227:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{A:function(){return getInj}});var node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(814),node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0__),node_forge_lib_aes__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(958),node_forge_lib_aes__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(node_forge_lib_aes__WEBPACK_IMPORTED_MODULE_1__),_shared_utils_isomorphy_buildInfo__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(445);let inj={};const metaElement="undefined"!=typeof document?document.querySelector('meta[itemprop="drpruinj"]'):null;if(metaElement){metaElement.remove();let data=node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().util.decode64(metaElement.content);const{key:key}=(0,_shared_utils_isomorphy_buildInfo__WEBPACK_IMPORTED_MODULE_2__.F)(),d=node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().cipher.createDecipher("AES-CBC",key);d.start({iv:data.slice(0,key.length)}),d.update(node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().util.createBuffer(data.slice(key.length))),d.finish(),data=node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().util.decodeUtf8(d.output.data),inj=eval(`(${data})`)}else inj={};function getInj(){return inj}},662:function(e,t,n){n.d(t,{A:function(){return c}}),n(155);var r=n(126),o=n(236),i=n(442),a=n(227),l=n(848);function c(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=document.getElementById("react-view");if(!n)throw Error("Failed to find container for React app");const c=(0,l.jsx)(r.GlobalStateProvider,{initialState:(0,a.A)().ISTATE||t.initialState,children:(0,l.jsx)(i.BrowserRouter,{future:{v7_relativeSplatPath:!0},children:(0,l.jsx)(e,{})})});t.dontHydrate?(0,o.createRoot)(n).render(c):(0,o.hydrateRoot)(n,c)}},445:function(e,t,n){let r;function o(){if(void 0===r)throw Error('"Build Info" has not been initialized yet');return r}n.d(t,{F:function(){return o}}),"undefined"!=typeof BUILD_INFO&&(r=BUILD_INFO)},965:function(e,t,n){n.d(t,{B:function(){return r},p:function(){return o}});const r="object"!=typeof process||!process.versions||!process.versions.node||!!n.g.REACT_UTILS_FORCE_CLIENT_SIDE,o=!r},333:function(e,t,n){n.r(t),n.d(t,{IS_CLIENT_SIDE:function(){return o.B},IS_SERVER_SIDE:function(){return o.p},buildTimestamp:function(){return l},getBuildInfo:function(){return r.F},isDevBuild:function(){return i},isProdBuild:function(){return a}});var r=n(445),o=n(965);function i(){return!1}function a(){return!0}function l(){return(0,r.F)().timestamp}},969:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{requireWeak:function(){return requireWeak},resolveWeak:function(){return resolveWeak}});var _isomorphy__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(333);function requireWeak(modulePath,basePath){if(_isomorphy__WEBPACK_IMPORTED_MODULE_0__.IS_CLIENT_SIDE)return null;try{const{resolve:resolve}=eval("require")("path"),path=basePath?resolve(basePath,modulePath):modulePath,{default:def,...named}=eval("require")(path);return def?(Object.entries(named).forEach((e=>{let[t,n]=e;if(def[t])throw Error("Conflict between default and named exports");def[t]=n})),def):named}catch{return null}}function resolveWeak(e){return e}},427:function(e,t){t.parse=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");for(var n={},r=(t||{}).decode||o,i=0;i<e.length;){var l=e.indexOf("=",i);if(-1===l)break;var c=e.indexOf(";",i);if(-1===c)c=e.length;else if(c<l){i=e.lastIndexOf(";",l-1)+1;continue}var s=e.slice(i,l).trim();if(void 0===n[s]){var _=e.slice(l+1,c).trim();34===_.charCodeAt(0)&&(_=_.slice(1,-1)),n[s]=a(_,r)}i=c+1}return n},t.serialize=function(e,t,o){var a=o||{},l=a.encode||i;if("function"!=typeof l)throw new TypeError("option encode is invalid");if(!r.test(e))throw new TypeError("argument name is invalid");var c=l(t);if(c&&!r.test(c))throw new TypeError("argument val is invalid");var s=e+"="+c;if(null!=a.maxAge){var _=a.maxAge-0;if(isNaN(_)||!isFinite(_))throw new TypeError("option maxAge is invalid");s+="; Max-Age="+Math.floor(_)}if(a.domain){if(!r.test(a.domain))throw new TypeError("option domain is invalid");s+="; Domain="+a.domain}if(a.path){if(!r.test(a.path))throw new TypeError("option path is invalid");s+="; Path="+a.path}if(a.expires){var u=a.expires;if(!function(e){return"[object Date]"===n.call(e)||e instanceof Date}(u)||isNaN(u.valueOf()))throw new TypeError("option expires is invalid");s+="; Expires="+u.toUTCString()}if(a.httpOnly&&(s+="; HttpOnly"),a.secure&&(s+="; Secure"),a.partitioned&&(s+="; Partitioned"),a.priority)switch("string"==typeof a.priority?a.priority.toLowerCase():a.priority){case"low":s+="; Priority=Low";break;case"medium":s+="; Priority=Medium";break;case"high":s+="; Priority=High";break;default:throw new TypeError("option priority is invalid")}if(a.sameSite)switch("string"==typeof a.sameSite?a.sameSite.toLowerCase():a.sameSite){case!0:s+="; SameSite=Strict";break;case"lax":s+="; SameSite=Lax";break;case"strict":s+="; SameSite=Strict";break;case"none":s+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}return s};var n=Object.prototype.toString,r=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function o(e){return-1!==e.indexOf("%")?decodeURIComponent(e):e}function i(e){return encodeURIComponent(e)}function a(e,t){try{return t(e)}catch(t){return e}}},20:function(e,t,n){var r=n(155),o=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,_=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(_=t.ref),t)a.call(t,r)&&!c.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:_,props:i,_owner:l.current}}t.Fragment=i,t.jsx=s,t.jsxs=s},848:function(e,t,n){e.exports=n(20)},864:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__864__},126:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__126__},859:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__859__},742:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__742__},185:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__185__},773:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__773__},958:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__958__},814:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__814__},949:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__949__},360:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__360__},155:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__155__},514:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__514__},236:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__236__},883:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__883__},442:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__442__}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var n=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](n,n.exports,__webpack_require__),n.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};return function(){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Barrier:function(){return u.Barrier},BaseModal:function(){return j},Button:function(){return ae},Checkbox:function(){return se},CustomDropdown:function(){return z},Dropdown:function(){return V},Emitter:function(){return u.Emitter},GlobalStateProvider:function(){return d.GlobalStateProvider},Input:function(){return de},JU:function(){return R},Link:function(){return re},MetaTags:function(){return ve},Modal:function(){return B},NavLink:function(){return we},PT:function(){return m},PageLayout:function(){return he},Semaphore:function(){return u.Semaphore},Switch:function(){return J},TextArea:function(){return Ke},ThemeProvider:function(){return e.ThemeProvider},Throbber:function(){return xe},WithTooltip:function(){return Ne},YouTubeVideo:function(){return Ie},api:function(){return A()},client:function(){return Ye},config:function(){return i},getGlobalState:function(){return d.getGlobalState},getSsrContext:function(){return p},isomorphy:function(){return a},newAsyncDataEnvelope:function(){return d.newAsyncDataEnvelope},server:function(){return Xe},splitComponent:function(){return P},themed:function(){return k},time:function(){return h},useAsyncCollection:function(){return d.useAsyncCollection},useAsyncData:function(){return d.useAsyncData},useGlobalState:function(){return d.useGlobalState},webpack:function(){return r},withGlobalStateType:function(){return d.withGlobalStateType},withRetries:function(){return u.withRetries}});var e=__webpack_require__(859),t=__webpack_require__.n(e),n=__webpack_require__(965),r=__webpack_require__(969);const o=(n.B?__webpack_require__(227).A().CONFIG:(0,r.requireWeak)("config"))||{};if(n.B&&"undefined"!=typeof document){const e=__webpack_require__(427);o.CSRF=e.parse(document.cookie).csrfToken}var i=o,a=__webpack_require__(333),l=__webpack_require__(427),c=__webpack_require__(185),s=__webpack_require__.n(c),_=__webpack_require__(155),u=__webpack_require__(864),d=__webpack_require__(126);const{getSsrContext:p}=(0,d.withGlobalStateType)(),f={DAY_MS:u.DAY_MS,HOUR_MS:u.HOUR_MS,MIN_MS:u.MIN_MS,SEC_MS:u.SEC_MS,YEAR_MS:u.YEAR_MS,now:Date.now,timer:u.timer,useCurrent:function(){let{autorefresh:e=!1,globalStatePath:t="currentTime",precision:n=5*u.SEC_MS}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[r,o]=(0,d.useGlobalState)(t,Date.now);return(0,_.useEffect)((()=>{let t;const r=()=>{o((e=>{const t=Date.now();return Math.abs(t-e)>n?t:e})),e&&(t=setTimeout(r,n))};return r(),()=>{t&&clearTimeout(t)}}),[e,n,o]),r},useTimezoneOffset:function(){let{cookieName:e="timezoneOffset",globalStatePath:t="timezoneOffset"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const n=p(!1),[r,o]=(0,d.useGlobalState)(t,(()=>{var t;const r=e&&(null==n||null===(t=n.req)||void 0===t||null===(t=t.cookies)||void 0===t?void 0:t[e]);return r?parseInt(r,10):0}));return(0,_.useEffect)((()=>{const t=(new Date).getTimezoneOffset();o(t),e&&(document.cookie=l.serialize(e,t.toString(),{path:"/"}))}),[e,o]),r}};var h=Object.assign(s(),f),m=__webpack_require__(949),b=__webpack_require__.n(m),E=__webpack_require__(848);let v;a.IS_CLIENT_SIDE&&(v=__webpack_require__(227).A().CHUNK_GROUPS||{});const w={};function g(){return(0,a.getBuildInfo)().publicPath}function y(e,t,n){let r;const o=`${g()}/${e}`,i=`${document.location.origin}${o}`;if(!t.has(i)){let e=document.querySelector(`link[href="${o}"]`);e||(e=document.createElement("link"),e.setAttribute("rel","stylesheet"),e.setAttribute("href",o),document.head.appendChild(e)),r=new u.Barrier,e.addEventListener("load",(()=>r.resolve())),e.addEventListener("error",(()=>r.resolve()))}if(n){const e=w[o]||0;w[o]=1+e}return r}function x(e,t){if(!t[e])throw Error(`Unknown chunk name "${e}"`)}function C(e,t,n){const r=[],o=t[e],i=function(){const e=new Set,{styleSheets:t}=document;for(let n=0;n<t.length;++n){const{href:r}=t[n];r&&e.add(r)}return e}();for(let e=0;e<o.length;++e){const t=o[e];if(t.endsWith(".css")){const e=y(t,i,n);e&&r.push(e)}}return r.length?Promise.allSettled(r).then():Promise.resolve()}const T=new Set;function P(e){let{chunkName:t,getComponent:n,placeholder:r}=e;if(a.IS_CLIENT_SIDE&&x(t,v),T.has(t))throw Error(`Repeated splitComponent() call for the chunk "${t}"`);T.add(t);const o=(0,_.lazy)((async()=>{const e=await n(),r="default"in e?e.default:e;a.IS_CLIENT_SIDE&&await C(t,v,!1);const o=(0,_.forwardRef)(((e,n)=>{let{children:o,...i}=e;if(a.IS_SERVER_SIDE){const{chunkGroups:e,chunks:n}=p();x(t,e),n.includes(t)||n.push(t)}return(0,_.useInsertionEffect)((()=>(C(t,v,!0),()=>function(e,t){const n=t[e];for(let e=0;e<n.length;++e){const t=n[e];if(t.endsWith(".css")){const e=`${g()}/${t}`;--w[e]<=0&&document.head.querySelector(`link[href="${e}"]`).remove()}}}(t,v))),[]),(0,E.jsx)(r,{ref:n,...i,children:o})}));return{default:o}})),i=e=>{let{children:t,...n}=e;return(0,E.jsx)(_.Suspense,{fallback:r,children:(0,E.jsx)(o,{...n,children:t})})};return i.propTypes={children:b().node},i.defaultProps={children:void 0},i}const k=t();let S;k.COMPOSE=e.COMPOSE,k.PRIORITY=e.PRIORITY;try{S=process.env.NODE_CONFIG_ENV}catch{}const R="production"!==(S||"production")?r.requireWeak("./jest","/"):null;var O=__webpack_require__(742),A=__webpack_require__.n(O),q=__webpack_require__(773),N=__webpack_require__(514),L=__webpack_require__.n(N),D="_5fRFtF";const j=e=>{let{cancelOnScrolling:t,children:n,containerStyle:r,dontDisableScrolling:o,onCancel:i,theme:a}=e;const l=(0,_.useRef)(null),c=(0,_.useRef)(null),[s,u]=(0,_.useState)();(0,_.useEffect)((()=>{const e=document.createElement("div");return document.body.appendChild(e),u(e),()=>{document.body.removeChild(e)}}),[]),(0,_.useEffect)((()=>(t&&i&&window.addEventListener("scroll",i),()=>{t&&i&&window.removeEventListener("scroll",i)})),[t,i]),(0,_.useEffect)((()=>(o||document.body.classList.add(D),()=>{o||document.body.classList.remove(D)})),[o]);const d=(0,_.useMemo)((()=>(0,E.jsx)("div",{onFocus:()=>{var e,t;const n=null===(e=l.current)||void 0===e?void 0:e.querySelectorAll("*");for(let e=n.length-1;e>=0;--e)if(n[e].focus(),document.activeElement===n[e])return;null===(t=c.current)||void 0===t||t.focus()},tabIndex:0})),[]);return s?L().createPortal((0,E.jsxs)(E.Fragment,{children:[d,(0,E.jsx)("div",{"aria-label":"Cancel",className:a.overlay,onClick:()=>i&&i(),onKeyDown:e=>{"Escape"===e.key&&i&&i()},ref:e=>{e&&e!==c.current&&(c.current=e,e.focus())},role:"button",tabIndex:0}),(0,E.jsx)("div",{"aria-modal":"true",className:a.container,onWheel:e=>e.stopPropagation(),ref:l,role:"dialog",style:r,children:n}),(0,E.jsx)("div",{onFocus:()=>{var e;null===(e=c.current)||void 0===e||e.focus()},tabIndex:0}),d]}),s):null},M=t()(j,"Modal",["container","overlay"],{overlay:"ye2BZo",context:"Szmbbz",ad:"Ah-Nsc",hoc:"Wki41G",container:"gyZ4rc"});j.propTypes={cancelOnScrolling:b().bool,children:b().node,containerStyle:b().shape({}),dontDisableScrolling:b().bool,onCancel:b().func,theme:M.themeType.isRequired},j.defaultProps={cancelOnScrolling:!1,children:null,containerStyle:void 0,dontDisableScrolling:!1,onCancel:q.noop};var B=M;const I=["active","arrow","container","dropdown","hiddenOption","label","option","select"],U=b().oneOfType([b().shape({name:b().string,value:b().string.isRequired}).isRequired,b().string.isRequired]),W=b().arrayOf(U.isRequired);function K(e){var t;return"string"==typeof e?[e,e]:[e.value,null!==(t=e.name)&&void 0!==t?t:e.value]}const X=e=>{let{anchorRect:t,containerClass:n,filter:r,onCancel:o,onChange:i,optionClass:a,options:l}=e;const c=[];for(let e=0;e<l.length;++e){const t=l[e];if(!r||r(t)){const[e,n]=K(t);c.push((0,E.jsx)("div",{className:a,onClick:()=>i(e),onKeyDown:t=>{"Enter"===t.key&&i(e)},role:"button",tabIndex:0,children:n},e))}}return(0,E.jsx)(j,{cancelOnScrolling:!0,containerStyle:{left:t.left,top:t.bottom,width:t.width},dontDisableScrolling:!0,onCancel:o,theme:{ad:"",hoc:"",container:n,context:"",overlay:"jKsMKG"},children:c})};X.propTypes={anchorRect:b().shape({bottom:b().number.isRequired,left:b().number.isRequired,width:b().number.isRequired}).isRequired,containerClass:b().string.isRequired,filter:b().func,onCancel:b().func.isRequired,onChange:b().func.isRequired,optionClass:b().string.isRequired,options:W.isRequired},X.defaultProps={filter:void 0};var Y=X;const F=e=>{let{filter:t,label:n,onChange:r,options:o,theme:i,value:a}=e;if(!o)throw Error("Internal error");const l=(0,_.useRef)(null),[c,s]=(0,_.useState)(null),u=()=>{s(l.current.getBoundingClientRect())};let d=(0,E.jsx)(E.Fragment,{children:"‌"});for(let e=0;e<o.length;++e){const n=o[e];if(!t||t(n)){const[e,t]=K(n);if(e===a){d=t;break}}}let p=i.container;return c&&(p+=` ${i.active}`),(0,E.jsxs)("div",{className:p,children:[void 0===n?null:(0,E.jsx)("div",{className:i.label,children:n}),(0,E.jsxs)("div",{className:i.dropdown,onClick:u,onKeyDown:e=>{"Enter"===e.key&&u()},ref:l,role:"listbox",tabIndex:0,children:[d,(0,E.jsx)("div",{className:i.arrow})]}),c?(0,E.jsx)(Y,{anchorRect:c,containerClass:i.select||"",onCancel:()=>s(null),onChange:e=>{s(null),r&&r(e)},optionClass:i.option||"",options:o}):null]})},$=t()(F,"CustomDropdown",I,{container:"oQKv0Y",context:"_9Tod5r",ad:"R58zIg",hoc:"O-Tp1i",label:"YUPUNs",dropdown:"pNEyAA",option:"LD2Kzy",select:"LP5azC",arrow:"-wscve",active:"k2UDsV"});F.propTypes={filter:b().func,label:b().node,onChange:b().func,options:b().arrayOf(U.isRequired),theme:$.themeType.isRequired,value:b().string},F.defaultProps={filter:void 0,label:void 0,onChange:void 0,options:[],value:void 0};var z=$;const H=e=>{let{filter:t,label:n,onChange:r,options:o,theme:i,value:a}=e;if(!o)throw Error("Internal error");let l=!1;const c=[];for(let e=0;e<o.length;++e){const n=o[e];if(!t||t(n)){const[e,t]=K(n);l||(l=e===a),c.push((0,E.jsx)("option",{className:i.option,value:e,children:t},e))}}const s=l?null:(0,E.jsx)("option",{disabled:!0,className:i.hiddenOption,value:a,children:a},"__reactUtilsHiddenOption");return(0,E.jsxs)("div",{className:i.container,children:[void 0===n?null:(0,E.jsx)("div",{className:i.label,children:n}),(0,E.jsxs)("div",{className:i.dropdown,children:[(0,E.jsxs)("select",{className:i.select,onChange:r,value:a,children:[s,c]}),(0,E.jsx)("div",{className:i.arrow})]})]})},G=t()(H,"Dropdown",I,{dropdown:"kI9A9U",context:"xHyZo4",ad:"ADu59e",hoc:"FTP2bb",arrow:"DubGkT",container:"WtSZPd",active:"ayMn7O",label:"K7JYKw",hiddenOption:"clAKFJ",select:"N0Fc14"});H.propTypes={filter:b().func,label:b().node,onChange:b().func,options:W,theme:G.themeType.isRequired,value:b().string},H.defaultProps={filter:void 0,label:void 0,onChange:void 0,options:[],value:""};var V=G;const Q=e=>{let{label:t,onChange:n,options:r,theme:o,value:i}=e;if(!r||!o.option)throw Error("Internal error");const a=[];for(let e=0;e<(null==r?void 0:r.length);++e){const[t,l]=K(r[e]);let c,s=o.option;t===i?s+=` ${o.selected}`:n&&(c=()=>n(t)),a.push(c?(0,E.jsx)("div",{className:s,onClick:c,onKeyDown:e=>{c&&"Enter"===e.key&&c()},role:"button",tabIndex:0,children:l},t):(0,E.jsx)("div",{className:s,children:l},t))}return(0,E.jsxs)("div",{className:o.container,children:[t?(0,E.jsx)("div",{className:o.label,children:t}):null,(0,E.jsx)("div",{className:o.switch,children:a})]})},Z=t()(Q,"Switch",["container","label","option","selected","switch"],{container:"AWNvRj",context:"VMHfnP",ad:"HNliRC",hoc:"_2Ue-db",option:"fUfIAd",selected:"Wco-qk",switch:"HR5LN5"});Q.propTypes={label:b().node,onChange:b().func,options:W,theme:Z.themeType.isRequired,value:b().string},Q.defaultProps={label:void 0,onChange:void 0,options:[],value:void 0};var J=Z,ee=__webpack_require__(442);const te=e=>{let{children:t,className:n,disabled:r,enforceA:o,keepScrollPosition:i,onClick:a,onMouseDown:l,openNewTab:c,replace:s,routerLinkType:_,to:u,...d}=e;if(r||o||c||null!=u&&u.match(/^(#|(https?|mailto):)/))return(0,E.jsx)("a",{className:(n?n+" ":"")+"zH52sA",href:u,onClick:r?e=>e.preventDefault():a,onMouseDown:r?e=>e.preventDefault():l,rel:"noopener noreferrer",target:c?"_blank":"",children:t});const p=_;return(0,E.jsx)(p,{className:n,onMouseDown:l,replace:s,to:u,onClick:e=>{a&&a(e),i||window.scroll(0,0)},...d,children:t})};te.defaultProps={children:null,className:"",disabled:!1,enforceA:!1,keepScrollPosition:!1,onClick:void 0,onMouseDown:void 0,openNewTab:!1,replace:!1,to:""},te.propTypes={children:b().node,className:b().string,disabled:b().bool,enforceA:b().bool,keepScrollPosition:b().bool,onClick:b().func,onMouseDown:b().func,openNewTab:b().bool,replace:b().bool,routerLinkType:b().elementType.isRequired,to:b().oneOfType([b().object,b().string])};var ne=te,re=e=>(0,E.jsx)(ne,{...e,routerLinkType:ee.Link});const oe=e=>{let{active:t,children:n,disabled:r,enforceA:o,onClick:i,onMouseDown:a,openNewTab:l,replace:c,theme:s,to:_}=e,u=s.button;return t&&s.active&&(u+=` ${s.active}`),r?(s.disabled&&(u+=` ${s.disabled}`),(0,E.jsx)("div",{className:u,children:n})):_?(0,E.jsx)(re,{className:u,enforceA:o,onClick:i,onMouseDown:a,openNewTab:l,replace:c,to:_,children:n}):(0,E.jsx)("div",{className:u,onClick:i,onKeyDown:i&&(e=>{"Enter"===e.key&&i(e)}),onMouseDown:a,role:"button",tabIndex:0,children:n})},ie=t()(oe,"Button",["active","button","disabled"],{button:"E1FNQT",context:"KM0v4f",ad:"_3jm1-Q",hoc:"_0plpDL",active:"MAe9O6",disabled:"Br9IWV"});oe.defaultProps={active:!1,children:void 0,disabled:!1,enforceA:!1,onClick:void 0,onMouseDown:void 0,openNewTab:!1,replace:!1,to:void 0},oe.propTypes={active:b().bool,children:b().node,disabled:b().bool,enforceA:b().bool,onClick:b().func,onMouseDown:b().func,openNewTab:b().bool,replace:b().bool,theme:ie.themeType.isRequired,to:b().oneOfType([b().object,b().string])};var ae=ie;const le=e=>{let{checked:t,label:n,onChange:r,theme:o}=e;return(0,E.jsxs)("div",{className:o.container,children:[void 0===n?null:(0,E.jsx)("div",{className:o.label,children:n}),(0,E.jsx)("input",{checked:t,className:o.checkbox,onChange:r,type:"checkbox"})]})},ce=t()(le,"Checkbox",["checkbox","container","label"],{checkbox:"A-f8qJ",context:"dNQcC6",ad:"earXxa",hoc:"qAPfQ6",container:"Kr0g3M",label:"_3dML-O"});le.propTypes={checked:b().bool,label:b().node,onChange:b().func,theme:ce.themeType.isRequired},le.defaultProps={checked:void 0,label:void 0,onChange:void 0};var se=ce;const _e=(0,_.forwardRef)(((e,t)=>{let{label:n,theme:r,...o}=e;return(0,E.jsxs)("span",{className:r.container,children:[void 0===n?null:(0,E.jsx)("div",{className:r.label,children:n}),(0,E.jsx)("input",{className:r.input,ref:t,...o})]})})),ue=t()(_e,"Input",["container","input","label"],{container:"Cxx397",context:"X5WszA",ad:"_8s7GCr",hoc:"TVlBYc",input:"M07d4s",label:"gfbdq-"});_e.propTypes={label:b().node,theme:ue.themeType.isRequired},_e.defaultProps={label:void 0};var de=ue;const pe=e=>{let{children:t,leftSidePanelContent:n,rightSidePanelContent:r,theme:o}=e;return(0,E.jsxs)("div",{className:o.container,children:[(0,E.jsx)("div",{className:[o.sidePanel,o.leftSidePanel].join(" "),children:n}),(0,E.jsx)("div",{className:o.mainPanel,children:t}),(0,E.jsx)("div",{className:[o.sidePanel,o.rightSidePanel].join(" "),children:r})]})},fe=t()(pe,"PageLayout",["container","leftSidePanel","mainPanel","rightSidePanel","sidePanel"],{container:"T3cuHB",context:"m4mL-M",ad:"m3-mdC",hoc:"J15Z4H",mainPanel:"pPlQO2",sidePanel:"lqNh4h"});pe.propTypes={children:b().node,leftSidePanelContent:b().node,rightSidePanelContent:b().node,theme:fe.themeType.isRequired},pe.defaultProps={children:null,leftSidePanelContent:null,rightSidePanelContent:null};var he=fe,me=__webpack_require__(883);const be=(0,_.createContext)({description:"",title:""}),Ee=e=>{let{children:t,description:n,image:r,siteName:o,socialDescription:i,socialTitle:a,title:l,url:c}=e;const s=a||l,u=i||n,d=(0,_.useMemo)((()=>({description:n,image:r,siteName:o,socialDescription:i,socialTitle:a,title:l,url:c})),[n,r,o,i,a,l,c]);return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(me.Helmet,{children:[(0,E.jsx)("title",{children:l}),(0,E.jsx)("meta",{name:"description",content:n}),(0,E.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,E.jsx)("meta",{name:"twitter:title",content:s}),(0,E.jsx)("meta",{name:"twitter:description",content:u}),r?(0,E.jsx)("meta",{name:"twitter:image",content:r}):null,o?(0,E.jsx)("meta",{name:"twitter:site",content:`@${o}`}):null,(0,E.jsx)("meta",{name:"og:title",content:s}),r?(0,E.jsx)("meta",{name:"og:image",content:r}):null,r?(0,E.jsx)("meta",{name:"og:image:alt",content:s}):null,(0,E.jsx)("meta",{name:"og:description",content:u}),o?(0,E.jsx)("meta",{name:"og:sitename",content:o}):null,c?(0,E.jsx)("meta",{name:"og:url",content:c}):null]}),t?(0,E.jsx)(be.Provider,{value:d,children:t}):null]})};Ee.Context=be,Ee.defaultProps={children:null,image:"",siteName:"",socialDescription:"",socialTitle:"",url:""},Ee.propTypes={children:b().node,description:b().string.isRequired,image:b().string,siteName:b().string,socialDescription:b().string,socialTitle:b().string,title:b().string.isRequired,url:b().string};var ve=Ee,we=e=>(0,E.jsx)(ne,{...e,routerLinkType:ee.NavLink});const ge=e=>{let{theme:t}=e;return(0,E.jsxs)("span",{className:t.container,children:[(0,E.jsx)("span",{className:t.circle}),(0,E.jsx)("span",{className:t.circle}),(0,E.jsx)("span",{className:t.circle})]})},ye=t()(ge,"Throbber",["bouncing","circle","container"],{container:"_7zdld4",context:"uIObt7",ad:"XIxe9o",hoc:"YOyORH",circle:"dBrB4g",bouncing:"TJe-6j"});ge.propTypes={theme:ye.themeType.isRequired};var xe=ye;let Ce=function(e){return e.ABOVE_CURSOR="ABOVE_CURSOR",e.ABOVE_ELEMENT="ABOVE_ELEMENT",e.BELOW_CURSOR="BELOW_CURSOR",e.BELOW_ELEMENT="BELOW_ELEMENT",e}({});const Te=["border-bottom-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";"),Pe=["border-top-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";");function ke(e,t,n,r,o){const i=function(e){return{arrow:e.arrow.getBoundingClientRect(),container:e.container.getBoundingClientRect()}}(o),a=function(){const{scrollX:e,scrollY:t}=window,{documentElement:{clientHeight:n,clientWidth:r}}=document;return{left:e,right:e+r,top:t,bottom:t+n}}(),l=function(e,t,n){const{arrow:r,container:o}=n;return{arrowX:.5*(o.width-r.width),arrowY:o.height,containerX:e-o.width/2,containerY:t-o.height-r.height/1.5,baseArrowStyle:Te}}(e,t,i);if(l.containerX<a.left+6)l.containerX=a.left+6,l.arrowX=Math.max(6,e-l.containerX-i.arrow.width/2);else{const t=a.right-6-i.container.width;l.containerX>t&&(l.containerX=t,l.arrowX=Math.min(i.container.width-6,e-l.containerX-i.arrow.width/2))}l.containerY<a.top+6&&(l.containerY+=i.container.height+2*i.arrow.height,l.arrowY-=i.container.height+i.arrow.height,l.baseArrowStyle=Pe);const c=`left:${l.containerX}px;top:${l.containerY}px`;o.container.setAttribute("style",c);const s=`${l.baseArrowStyle};left:${l.arrowX}px;top:${l.arrowY}px`;o.arrow.setAttribute("style",s)}const Se=(0,_.forwardRef)(((e,t)=>{let{children:n,theme:r}=e;const{current:o}=(0,_.useRef)({lastElement:void 0,lastPageX:0,lastPageY:0,lastPlacement:void 0}),[i,a]=(0,_.useState)(null),l=(e,t,n,r)=>{o.lastElement=r,o.lastPageX=e,o.lastPageY=t,o.lastPlacement=n,i&&ke(e,t,0,0,i)};return(0,_.useImperativeHandle)(t,(()=>({pointTo:l}))),(0,_.useEffect)((()=>{const e=function(e){const t=document.createElement("div");e.arrow&&t.setAttribute("class",e.arrow);const n=document.createElement("div");e.content&&n.setAttribute("class",e.content);const r=document.createElement("div");return e.container&&r.setAttribute("class",e.container),r.appendChild(t),r.appendChild(n),document.body.appendChild(r),{container:r,arrow:t,content:n}}(r);return a(e),()=>{document.body.removeChild(e.container),a(null)}}),[r]),(0,_.useEffect)((()=>{i&&ke(o.lastPageX,o.lastPageY,o.lastPlacement,o.lastElement,i)}),[i,o.lastPageX,o.lastPageY,o.lastPlacement,o.lastElement]),i?(0,N.createPortal)(n,i.content):null}));Se.propTypes={children:b().node,theme:b().shape({}).isRequired},Se.defaultProps={children:null};var Re=Se;const Oe=e=>{let{children:t,placement:n,tip:r,theme:o}=e;const{current:i}=(0,_.useRef)({lastCursorX:0,lastCursorY:0,triggeredByTouch:!1,timerId:void 0}),a=(0,_.useRef)(),l=(0,_.useRef)(null),[c,s]=(0,_.useState)(!1);return(0,_.useEffect)((()=>{if(c&&null!==r){a.current&&a.current.pointTo(i.lastCursorX+window.scrollX,i.lastCursorY+window.scrollY,n,l.current);const e=()=>s(!1);return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}}),[i.lastCursorX,i.lastCursorY,n,c,r]),(0,E.jsxs)("div",{className:o.wrapper,onMouseLeave:()=>s(!1),onMouseMove:e=>((e,t)=>{if(c){const r=l.current.getBoundingClientRect();e<r.left||e>r.right||t<r.top||t>r.bottom?s(!1):a.current&&a.current.pointTo(e+window.scrollX,t+window.scrollY,n,l.current)}else i.lastCursorX=e,i.lastCursorY=t,i.triggeredByTouch?i.timerId||(i.timerId=setTimeout((()=>{i.triggeredByTouch=!1,i.timerId=void 0,s(!0)}),300)):s(!0)})(e.clientX,e.clientY),onClick:()=>{i.timerId&&(clearTimeout(i.timerId),i.timerId=void 0,i.triggeredByTouch=!1)},onTouchStart:()=>{i.triggeredByTouch=!0},ref:l,role:"presentation",children:[c&&null!==r?(0,E.jsx)(Re,{ref:a,theme:o,children:r}):null,t]})},Ae=t()(Oe,"WithTooltip",["appearance","arrow","container","content","wrapper"],{arrow:"M9gywF",ad:"_4xT7zE",hoc:"zd-vnH",context:"GdZucr",container:"f9gY8K",appearance:"L4ubm-",wrapper:"_4qDBRM"}),qe=Ae;qe.PLACEMENTS=Ce,Oe.propTypes={children:b().node,placement:b().oneOf(Object.values(Ce)),theme:Ae.themeType.isRequired,tip:b().node},Oe.defaultProps={children:null,placement:Ce.ABOVE_CURSOR,tip:null};var Ne=qe,Le=__webpack_require__(360),De=__webpack_require__.n(Le),je={container:"jTxmOX",context:"dzIcLh",ad:"_5a9XX1",hoc:"_7sH52O"};const Me=e=>{var t;let{autoplay:n,src:r,theme:o,title:i}=e;const a=r.split("?");let l=a[0];const c=a[1],s=c?De().parse(c):{},_=s.v||(null===(t=l.match(/\/([a-zA-Z0-9-_]*)$/))||void 0===t?void 0:t[1]);return l=`https://www.youtube.com/embed/${_}`,delete s.v,s.autoplay=n?"1":"0",l+=`?${De().stringify(s)}`,(0,E.jsxs)("div",{className:o.container,children:[(0,E.jsx)(xe,{theme:je}),(0,E.jsx)("iframe",{allow:"autoplay",allowFullScreen:!0,className:o.video,src:l,title:i})]})},Be=t()(Me,"YouTubeVideo",["container","video"],{container:"sXHM81",context:"veKyYi",ad:"r3ABzd",hoc:"YKcPnR",video:"SlV2zw"});Me.propTypes={autoplay:b().bool,src:b().string.isRequired,theme:Be.themeType.isRequired,title:b().string},Me.defaultProps={autoplay:!1,title:""};var Ie=Be;const Ue=e=>{let{disabled:t,onChange:n,onKeyDown:r,placeholder:o,theme:i,value:a}=e;const l=(0,_.useRef)(null),[c,s]=(0,_.useState)(),[u,d]=(0,_.useState)(a||"");return void 0!==a&&u!==a&&d(a),(0,_.useEffect)((()=>{const e=l.current;if(!e)return;const t=new ResizeObserver((()=>{s(e.scrollHeight)}));return t.observe(e),()=>{t.disconnect()}}),[]),(0,_.useEffect)((()=>{const e=l.current;e&&s(e.scrollHeight)}),[u]),(0,E.jsxs)("div",{className:i.container,children:[(0,E.jsx)("textarea",{readOnly:!0,ref:l,className:`${i.textarea} ${i.hidden}`,value:u}),(0,E.jsx)("textarea",{disabled:t,onChange:void 0===a?e=>{d(e.target.value)}:n,onKeyDown:r,placeholder:o,style:{height:c},className:i.textarea,value:u})]})},We=t()(Ue,"TextArea",["container","hidden","textarea"],{container:"dzMVIB",context:"KVPc7g",ad:"z2GQ0Z",hoc:"_8R1Qdj",textarea:"zd-OFg",hidden:"GiHBXI"});Ue.propTypes={disabled:b().bool,onChange:b().func,onKeyDown:b().func,placeholder:b().string,theme:We.themeType.isRequired,value:b().string},Ue.defaultProps={disabled:!1,onChange:void 0,onKeyDown:void 0,placeholder:"",value:void 0};var Ke=We;const Xe=r.requireWeak("./server","/"),Ye=Xe?void 0:__webpack_require__(662).A}(),__webpack_exports__}()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@dr.pogodin/js-utils"),require("@dr.pogodin/react-global-state"),require("@dr.pogodin/react-themes"),require("axios"),require("dayjs"),require("lodash"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("prop-types"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-helmet"),require("react-router-dom")):"function"==typeof define&&define.amd?define(["@dr.pogodin/js-utils","@dr.pogodin/react-global-state","@dr.pogodin/react-themes","axios","dayjs","lodash","node-forge/lib/aes","node-forge/lib/forge","prop-types","qs","react","react-dom","react-dom/client","react-helmet","react-router-dom"],t):"object"==typeof exports?exports["@dr.pogodin/react-utils"]=t(require("@dr.pogodin/js-utils"),require("@dr.pogodin/react-global-state"),require("@dr.pogodin/react-themes"),require("axios"),require("dayjs"),require("lodash"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("prop-types"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-helmet"),require("react-router-dom")):e["@dr.pogodin/react-utils"]=t(e["@dr.pogodin/js-utils"],e["@dr.pogodin/react-global-state"],e["@dr.pogodin/react-themes"],e.axios,e.dayjs,e.lodash,e["node-forge/lib/aes"],e["node-forge/lib/forge"],e["prop-types"],e.qs,e.react,e["react-dom"],e["react-dom/client"],e["react-helmet"],e["react-router-dom"])}("undefined"!=typeof self?self:this,(function(__WEBPACK_EXTERNAL_MODULE__864__,__WEBPACK_EXTERNAL_MODULE__126__,__WEBPACK_EXTERNAL_MODULE__859__,__WEBPACK_EXTERNAL_MODULE__742__,__WEBPACK_EXTERNAL_MODULE__185__,__WEBPACK_EXTERNAL_MODULE__773__,__WEBPACK_EXTERNAL_MODULE__958__,__WEBPACK_EXTERNAL_MODULE__814__,__WEBPACK_EXTERNAL_MODULE__949__,__WEBPACK_EXTERNAL_MODULE__360__,__WEBPACK_EXTERNAL_MODULE__155__,__WEBPACK_EXTERNAL_MODULE__514__,__WEBPACK_EXTERNAL_MODULE__236__,__WEBPACK_EXTERNAL_MODULE__883__,__WEBPACK_EXTERNAL_MODULE__442__){return function(){"use strict";var __webpack_modules__={227:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{A:function(){return getInj}});var node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(814),node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0__),node_forge_lib_aes__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(958),node_forge_lib_aes__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(node_forge_lib_aes__WEBPACK_IMPORTED_MODULE_1__),_shared_utils_isomorphy_buildInfo__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(445);let inj={};const metaElement="undefined"!=typeof document?document.querySelector('meta[itemprop="drpruinj"]'):null;if(metaElement){metaElement.remove();let data=node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().util.decode64(metaElement.content);const{key:key}=(0,_shared_utils_isomorphy_buildInfo__WEBPACK_IMPORTED_MODULE_2__.F)(),d=node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().cipher.createDecipher("AES-CBC",key);d.start({iv:data.slice(0,key.length)}),d.update(node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().util.createBuffer(data.slice(key.length))),d.finish(),data=node_forge_lib_forge__WEBPACK_IMPORTED_MODULE_0___default().util.decodeUtf8(d.output.data),inj=eval(`(${data})`)}else inj={};function getInj(){return inj}},662:function(e,t,n){n.d(t,{A:function(){return c}}),n(155);var r=n(126),o=n(236),i=n(442),a=n(227),l=n(848);function c(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=document.getElementById("react-view");if(!n)throw Error("Failed to find container for React app");const c=(0,l.jsx)(r.GlobalStateProvider,{initialState:(0,a.A)().ISTATE||t.initialState,children:(0,l.jsx)(i.BrowserRouter,{future:{v7_relativeSplatPath:!0},children:(0,l.jsx)(e,{})})});t.dontHydrate?(0,o.createRoot)(n).render(c):(0,o.hydrateRoot)(n,c)}},445:function(e,t,n){let r;function o(){if(void 0===r)throw Error('"Build Info" has not been initialized yet');return r}n.d(t,{F:function(){return o}}),"undefined"!=typeof BUILD_INFO&&(r=BUILD_INFO)},965:function(e,t,n){n.d(t,{B:function(){return r},p:function(){return o}});const r="object"!=typeof process||!process.versions||!process.versions.node||!!n.g.REACT_UTILS_FORCE_CLIENT_SIDE,o=!r},333:function(e,t,n){n.r(t),n.d(t,{IS_CLIENT_SIDE:function(){return o.B},IS_SERVER_SIDE:function(){return o.p},buildTimestamp:function(){return l},getBuildInfo:function(){return r.F},isDevBuild:function(){return i},isProdBuild:function(){return a}});var r=n(445),o=n(965);function i(){return!1}function a(){return!0}function l(){return(0,r.F)().timestamp}},969:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{requireWeak:function(){return requireWeak},resolveWeak:function(){return resolveWeak}});var _isomorphy__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(333);function requireWeak(modulePath,basePath){if(_isomorphy__WEBPACK_IMPORTED_MODULE_0__.IS_CLIENT_SIDE)return null;try{const{resolve:resolve}=eval("require")("path"),path=basePath?resolve(basePath,modulePath):modulePath,{default:def,...named}=eval("require")(path);return def?(Object.entries(named).forEach((e=>{let[t,n]=e;if(def[t])throw Error("Conflict between default and named exports");def[t]=n})),def):named}catch{return null}}function resolveWeak(e){return e}},427:function(e,t){t.parse=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");for(var n={},r=(t||{}).decode||o,i=0;i<e.length;){var l=e.indexOf("=",i);if(-1===l)break;var c=e.indexOf(";",i);if(-1===c)c=e.length;else if(c<l){i=e.lastIndexOf(";",l-1)+1;continue}var s=e.slice(i,l).trim();if(void 0===n[s]){var u=e.slice(l+1,c).trim();34===u.charCodeAt(0)&&(u=u.slice(1,-1)),n[s]=a(u,r)}i=c+1}return n},t.serialize=function(e,t,o){var a=o||{},l=a.encode||i;if("function"!=typeof l)throw new TypeError("option encode is invalid");if(!r.test(e))throw new TypeError("argument name is invalid");var c=l(t);if(c&&!r.test(c))throw new TypeError("argument val is invalid");var s=e+"="+c;if(null!=a.maxAge){var u=a.maxAge-0;if(isNaN(u)||!isFinite(u))throw new TypeError("option maxAge is invalid");s+="; Max-Age="+Math.floor(u)}if(a.domain){if(!r.test(a.domain))throw new TypeError("option domain is invalid");s+="; Domain="+a.domain}if(a.path){if(!r.test(a.path))throw new TypeError("option path is invalid");s+="; Path="+a.path}if(a.expires){var _=a.expires;if(!function(e){return"[object Date]"===n.call(e)||e instanceof Date}(_)||isNaN(_.valueOf()))throw new TypeError("option expires is invalid");s+="; Expires="+_.toUTCString()}if(a.httpOnly&&(s+="; HttpOnly"),a.secure&&(s+="; Secure"),a.partitioned&&(s+="; Partitioned"),a.priority)switch("string"==typeof a.priority?a.priority.toLowerCase():a.priority){case"low":s+="; Priority=Low";break;case"medium":s+="; Priority=Medium";break;case"high":s+="; Priority=High";break;default:throw new TypeError("option priority is invalid")}if(a.sameSite)switch("string"==typeof a.sameSite?a.sameSite.toLowerCase():a.sameSite){case!0:s+="; SameSite=Strict";break;case"lax":s+="; SameSite=Lax";break;case"strict":s+="; SameSite=Strict";break;case"none":s+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}return s};var n=Object.prototype.toString,r=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function o(e){return-1!==e.indexOf("%")?decodeURIComponent(e):e}function i(e){return encodeURIComponent(e)}function a(e,t){try{return t(e)}catch(t){return e}}},20:function(e,t,n){var r=n(155),o=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,u=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,r)&&!c.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=s,t.jsxs=s},848:function(e,t,n){e.exports=n(20)},864:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__864__},126:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__126__},859:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__859__},742:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__742__},185:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__185__},773:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__773__},958:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__958__},814:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__814__},949:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__949__},360:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__360__},155:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__155__},514:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__514__},236:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__236__},883:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__883__},442:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__442__}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var n=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](n,n.exports,__webpack_require__),n.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};return function(){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Barrier:function(){return _.Barrier},BaseModal:function(){return j},Button:function(){return ae},Checkbox:function(){return se},CustomDropdown:function(){return z},Dropdown:function(){return V},Emitter:function(){return _.Emitter},GlobalStateProvider:function(){return d.GlobalStateProvider},Input:function(){return de},JU:function(){return R},Link:function(){return re},MetaTags:function(){return ve},Modal:function(){return B},NavLink:function(){return we},PT:function(){return m},PageLayout:function(){return he},Semaphore:function(){return _.Semaphore},Switch:function(){return J},TextArea:function(){return Ke},ThemeProvider:function(){return e.ThemeProvider},Throbber:function(){return xe},WithTooltip:function(){return Ne},YouTubeVideo:function(){return Ie},api:function(){return O()},client:function(){return Ye},config:function(){return i},getGlobalState:function(){return d.getGlobalState},getSsrContext:function(){return p},isomorphy:function(){return a},newAsyncDataEnvelope:function(){return d.newAsyncDataEnvelope},server:function(){return Xe},splitComponent:function(){return P},themed:function(){return k},time:function(){return h},useAsyncCollection:function(){return d.useAsyncCollection},useAsyncData:function(){return d.useAsyncData},useGlobalState:function(){return d.useGlobalState},webpack:function(){return r},withGlobalStateType:function(){return d.withGlobalStateType},withRetries:function(){return _.withRetries}});var e=__webpack_require__(859),t=__webpack_require__.n(e),n=__webpack_require__(965),r=__webpack_require__(969);const o=(n.B?__webpack_require__(227).A().CONFIG:(0,r.requireWeak)("config"))||{};if(n.B&&"undefined"!=typeof document){const e=__webpack_require__(427);o.CSRF=e.parse(document.cookie).csrfToken}var i=o,a=__webpack_require__(333),l=__webpack_require__(427),c=__webpack_require__(185),s=__webpack_require__.n(c),u=__webpack_require__(155),_=__webpack_require__(864),d=__webpack_require__(126);const{getSsrContext:p}=(0,d.withGlobalStateType)(),f={DAY_MS:_.DAY_MS,HOUR_MS:_.HOUR_MS,MIN_MS:_.MIN_MS,SEC_MS:_.SEC_MS,YEAR_MS:_.YEAR_MS,now:Date.now,timer:_.timer,useCurrent:function(){let{autorefresh:e=!1,globalStatePath:t="currentTime",precision:n=5*_.SEC_MS}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[r,o]=(0,d.useGlobalState)(t,Date.now);return(0,u.useEffect)((()=>{let t;const r=()=>{o((e=>{const t=Date.now();return Math.abs(t-e)>n?t:e})),e&&(t=setTimeout(r,n))};return r(),()=>{t&&clearTimeout(t)}}),[e,n,o]),r},useTimezoneOffset:function(){let{cookieName:e="timezoneOffset",globalStatePath:t="timezoneOffset"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const n=p(!1),[r,o]=(0,d.useGlobalState)(t,(()=>{var t;const r=e&&(null==n||null===(t=n.req)||void 0===t||null===(t=t.cookies)||void 0===t?void 0:t[e]);return r?parseInt(r,10):0}));return(0,u.useEffect)((()=>{const t=(new Date).getTimezoneOffset();o(t),e&&(document.cookie=l.serialize(e,t.toString(),{path:"/"}))}),[e,o]),r}};var h=Object.assign(s(),f),m=__webpack_require__(949),b=__webpack_require__.n(m),E=__webpack_require__(848);let v;a.IS_CLIENT_SIDE&&(v=__webpack_require__(227).A().CHUNK_GROUPS||{});const w={};function g(){return(0,a.getBuildInfo)().publicPath}function y(e,t,n){let r;const o=`${g()}/${e}`,i=`${document.location.origin}${o}`;if(!t.has(i)){let e=document.querySelector(`link[href="${o}"]`);e||(e=document.createElement("link"),e.setAttribute("rel","stylesheet"),e.setAttribute("href",o),document.head.appendChild(e)),r=new _.Barrier,e.addEventListener("load",(()=>r.resolve())),e.addEventListener("error",(()=>r.resolve()))}if(n){const e=w[o]||0;w[o]=1+e}return r}function x(e,t){if(!t[e])throw Error(`Unknown chunk name "${e}"`)}function C(e,t,n){const r=[],o=t[e],i=function(){const e=new Set,{styleSheets:t}=document;for(let n=0;n<t.length;++n){const{href:r}=t[n];r&&e.add(r)}return e}();for(let e=0;e<o.length;++e){const t=o[e];if(t.endsWith(".css")){const e=y(t,i,n);e&&r.push(e)}}return r.length?Promise.allSettled(r).then():Promise.resolve()}const T=new Set;function P(e){let{chunkName:t,getComponent:n,placeholder:r}=e;if(a.IS_CLIENT_SIDE&&x(t,v),T.has(t))throw Error(`Repeated splitComponent() call for the chunk "${t}"`);T.add(t);const o=(0,u.lazy)((async()=>{const e=await n(),r="default"in e?e.default:e;a.IS_CLIENT_SIDE&&await C(t,v,!1);const o=(0,u.forwardRef)(((e,n)=>{let{children:o,...i}=e;if(a.IS_SERVER_SIDE){const{chunkGroups:e,chunks:n}=p();x(t,e),n.includes(t)||n.push(t)}return(0,u.useInsertionEffect)((()=>(C(t,v,!0),()=>function(e,t){const n=t[e];for(let e=0;e<n.length;++e){const t=n[e];if(t.endsWith(".css")){const e=`${g()}/${t}`;--w[e]<=0&&document.head.querySelector(`link[href="${e}"]`).remove()}}}(t,v))),[]),(0,E.jsx)(r,{ref:n,...i,children:o})}));return{default:o}})),i=e=>{let{children:t,...n}=e;return(0,E.jsx)(u.Suspense,{fallback:r,children:(0,E.jsx)(o,{...n,children:t})})};return i.propTypes={children:b().node},i.defaultProps={children:void 0},i}const k=t();let S;k.COMPOSE=e.COMPOSE,k.PRIORITY=e.PRIORITY;try{S=process.env.NODE_CONFIG_ENV}catch{}const R="production"!==(S||"production")?r.requireWeak("./jest","/"):null;var A=__webpack_require__(742),O=__webpack_require__.n(A),q=__webpack_require__(773),N=__webpack_require__(514),L=__webpack_require__.n(N),D="_5fRFtF";const j=e=>{let{cancelOnScrolling:t,children:n,containerStyle:r,dontDisableScrolling:o,onCancel:i,theme:a}=e;const l=(0,u.useRef)(null),c=(0,u.useRef)(null),[s,_]=(0,u.useState)();(0,u.useEffect)((()=>{const e=document.createElement("div");return document.body.appendChild(e),_(e),()=>{document.body.removeChild(e)}}),[]),(0,u.useEffect)((()=>(t&&i&&(window.addEventListener("scroll",i),window.addEventListener("wheel",i)),()=>{t&&i&&(window.removeEventListener("scroll",i),window.removeEventListener("wheel",i))})),[t,i]),(0,u.useEffect)((()=>(o||document.body.classList.add(D),()=>{o||document.body.classList.remove(D)})),[o]);const d=(0,u.useMemo)((()=>(0,E.jsx)("div",{onFocus:()=>{var e,t;const n=null===(e=l.current)||void 0===e?void 0:e.querySelectorAll("*");for(let e=n.length-1;e>=0;--e)if(n[e].focus(),document.activeElement===n[e])return;null===(t=c.current)||void 0===t||t.focus()},tabIndex:0})),[]);return s?L().createPortal((0,E.jsxs)(E.Fragment,{children:[d,(0,E.jsx)("div",{"aria-label":"Cancel",className:a.overlay,onClick:()=>i&&i(),onKeyDown:e=>{"Escape"===e.key&&i&&i()},ref:e=>{e&&e!==c.current&&(c.current=e,e.focus())},role:"button",tabIndex:0}),(0,E.jsx)("div",{"aria-modal":"true",className:a.container,onWheel:e=>e.stopPropagation(),ref:l,role:"dialog",style:r,children:n}),(0,E.jsx)("div",{onFocus:()=>{var e;null===(e=c.current)||void 0===e||e.focus()},tabIndex:0}),d]}),s):null},M=t()(j,"Modal",["container","overlay"],{overlay:"ye2BZo",context:"Szmbbz",ad:"Ah-Nsc",hoc:"Wki41G",container:"gyZ4rc"});j.propTypes={cancelOnScrolling:b().bool,children:b().node,containerStyle:b().shape({}),dontDisableScrolling:b().bool,onCancel:b().func,theme:M.themeType.isRequired},j.defaultProps={cancelOnScrolling:!1,children:null,containerStyle:void 0,dontDisableScrolling:!1,onCancel:q.noop};var B=M;const I=["active","arrow","container","dropdown","hiddenOption","label","option","select","upward"],U=b().oneOfType([b().shape({name:b().string,value:b().string.isRequired}).isRequired,b().string.isRequired]),W=b().arrayOf(U.isRequired);function K(e){var t;return"string"==typeof e?[e,e]:[e.value,null!==(t=e.name)&&void 0!==t?t:e.value]}const X=(0,u.forwardRef)(((e,t)=>{let{containerClass:n,containerStyle:r,filter:o,onCancel:i,onChange:a,optionClass:l,options:c}=e;const s=(0,u.useRef)(null);(0,u.useImperativeHandle)(t,(()=>({measure:()=>{var e;return null===(e=s.current)||void 0===e?void 0:e.getBoundingClientRect()}})),[]);const _=[];for(let e=0;e<c.length;++e){const t=c[e];if(!o||o(t)){const[e,n]=K(t);_.push((0,E.jsx)("div",{className:l,onClick:()=>a(e),onKeyDown:t=>{"Enter"===t.key&&a(e)},role:"button",tabIndex:0,children:n},e))}}return(0,E.jsx)(j,{cancelOnScrolling:!0,containerStyle:r,dontDisableScrolling:!0,onCancel:i,theme:{ad:"",hoc:"",container:n,context:"",overlay:"jKsMKG"},children:(0,E.jsx)("div",{ref:s,children:_})})}));X.propTypes={containerClass:b().string.isRequired,containerStyle:b().shape({left:b().number.isRequired,top:b().number.isRequired,width:b().number.isRequired}),filter:b().func,onCancel:b().func.isRequired,onChange:b().func.isRequired,optionClass:b().string.isRequired,options:W.isRequired},X.defaultProps={containerStyle:void 0,filter:void 0};var Y=X;const F=e=>{let{filter:t,label:n,onChange:r,options:o,theme:i,value:a}=e;if(!o)throw Error("Internal error");const[l,c]=(0,u.useState)(!1),s=(0,u.useRef)(null),_=(0,u.useRef)(null),[d,p]=(0,u.useState)(),[f,h]=(0,u.useState)(!1);(0,u.useEffect)((()=>{if(!l)return;let e;const t=()=>{var n,r;const o=null===(n=s.current)||void 0===n?void 0:n.getBoundingClientRect(),i=null===(r=_.current)||void 0===r?void 0:r.measure();if(o&&i){var a,l;const e=o.bottom+i.height<(null!==(a=null===(l=window.visualViewport)||void 0===l?void 0:l.height)&&void 0!==a?a:0),t=o.top-i.height>0,n=!e&&t;h(n);const r=n?{top:o.top-i.height-1,left:o.left,width:o.width}:{left:o.left,top:o.bottom,width:o.width};p((e=>{return n=r,(null==(t=e)?void 0:t.left)===(null==n?void 0:n.left)&&(null==t?void 0:t.top)===(null==n?void 0:n.top)&&(null==t?void 0:t.width)===(null==n?void 0:n.width)?e:r;var t,n}))}e=requestAnimationFrame(t)};return requestAnimationFrame(t),()=>{cancelAnimationFrame(e)}}),[l]);const m=()=>{const e=window.visualViewport,t=s.current.getBoundingClientRect();c(!0),p({left:(null==e?void 0:e.width)||0,top:(null==e?void 0:e.height)||0,width:t.width})};let b=(0,E.jsx)(E.Fragment,{children:"‌"});for(let e=0;e<o.length;++e){const n=o[e];if(!t||t(n)){const[e,t]=K(n);if(e===a){b=t;break}}}let v=i.container;l&&(v+=` ${i.active}`);let w=i.select||"";return f&&(v+=` ${i.upward}`,w+=` ${i.upward}`),(0,E.jsxs)("div",{className:v,children:[void 0===n?null:(0,E.jsx)("div",{className:i.label,children:n}),(0,E.jsxs)("div",{className:i.dropdown,onClick:m,onKeyDown:e=>{"Enter"===e.key&&m()},ref:s,role:"listbox",tabIndex:0,children:[b,(0,E.jsx)("div",{className:i.arrow})]}),l?(0,E.jsx)(Y,{containerClass:w,containerStyle:d,onCancel:()=>{c(!1)},onChange:e=>{c(!1),r&&r(e)},optionClass:i.option||"",options:o,ref:_}):null]})},$=t()(F,"CustomDropdown",I,{container:"oQKv0Y",context:"_9Tod5r",ad:"R58zIg",hoc:"O-Tp1i",label:"YUPUNs",dropdown:"pNEyAA",option:"LD2Kzy",select:"LP5azC",arrow:"-wscve",active:"k2UDsV",upward:"HWRvu4"});F.propTypes={filter:b().func,label:b().node,onChange:b().func,options:b().arrayOf(U.isRequired),theme:$.themeType.isRequired,value:b().string},F.defaultProps={filter:void 0,label:void 0,onChange:void 0,options:[],value:void 0};var z=$;const H=e=>{let{filter:t,label:n,onChange:r,options:o,theme:i,value:a}=e;if(!o)throw Error("Internal error");let l=!1;const c=[];for(let e=0;e<o.length;++e){const n=o[e];if(!t||t(n)){const[e,t]=K(n);l||(l=e===a),c.push((0,E.jsx)("option",{className:i.option,value:e,children:t},e))}}const s=l?null:(0,E.jsx)("option",{disabled:!0,className:i.hiddenOption,value:a,children:a},"__reactUtilsHiddenOption");return(0,E.jsxs)("div",{className:i.container,children:[void 0===n?null:(0,E.jsx)("div",{className:i.label,children:n}),(0,E.jsxs)("div",{className:i.dropdown,children:[(0,E.jsxs)("select",{className:i.select,onChange:r,value:a,children:[s,c]}),(0,E.jsx)("div",{className:i.arrow})]})]})},G=t()(H,"Dropdown",I,{dropdown:"kI9A9U",context:"xHyZo4",ad:"ADu59e",hoc:"FTP2bb",arrow:"DubGkT",container:"WtSZPd",active:"ayMn7O",label:"K7JYKw",hiddenOption:"clAKFJ",select:"N0Fc14"});H.propTypes={filter:b().func,label:b().node,onChange:b().func,options:W,theme:G.themeType.isRequired,value:b().string},H.defaultProps={filter:void 0,label:void 0,onChange:void 0,options:[],value:""};var V=G;const Q=e=>{let{label:t,onChange:n,options:r,theme:o,value:i}=e;if(!r||!o.option)throw Error("Internal error");const a=[];for(let e=0;e<(null==r?void 0:r.length);++e){const[t,l]=K(r[e]);let c,s=o.option;t===i?s+=` ${o.selected}`:n&&(c=()=>n(t)),a.push(c?(0,E.jsx)("div",{className:s,onClick:c,onKeyDown:e=>{c&&"Enter"===e.key&&c()},role:"button",tabIndex:0,children:l},t):(0,E.jsx)("div",{className:s,children:l},t))}return(0,E.jsxs)("div",{className:o.container,children:[t?(0,E.jsx)("div",{className:o.label,children:t}):null,(0,E.jsx)("div",{className:o.switch,children:a})]})},Z=t()(Q,"Switch",["container","label","option","selected","switch"],{container:"AWNvRj",context:"VMHfnP",ad:"HNliRC",hoc:"_2Ue-db",option:"fUfIAd",selected:"Wco-qk",switch:"HR5LN5"});Q.propTypes={label:b().node,onChange:b().func,options:W,theme:Z.themeType.isRequired,value:b().string},Q.defaultProps={label:void 0,onChange:void 0,options:[],value:void 0};var J=Z,ee=__webpack_require__(442);const te=e=>{let{children:t,className:n,disabled:r,enforceA:o,keepScrollPosition:i,onClick:a,onMouseDown:l,openNewTab:c,replace:s,routerLinkType:u,to:_,...d}=e;if(r||o||c||null!=_&&_.match(/^(#|(https?|mailto):)/))return(0,E.jsx)("a",{className:(n?n+" ":"")+"zH52sA",href:_,onClick:r?e=>e.preventDefault():a,onMouseDown:r?e=>e.preventDefault():l,rel:"noopener noreferrer",target:c?"_blank":"",children:t});const p=u;return(0,E.jsx)(p,{className:n,onMouseDown:l,replace:s,to:_,onClick:e=>{a&&a(e),i||window.scroll(0,0)},...d,children:t})};te.defaultProps={children:null,className:"",disabled:!1,enforceA:!1,keepScrollPosition:!1,onClick:void 0,onMouseDown:void 0,openNewTab:!1,replace:!1,to:""},te.propTypes={children:b().node,className:b().string,disabled:b().bool,enforceA:b().bool,keepScrollPosition:b().bool,onClick:b().func,onMouseDown:b().func,openNewTab:b().bool,replace:b().bool,routerLinkType:b().elementType.isRequired,to:b().oneOfType([b().object,b().string])};var ne=te,re=e=>(0,E.jsx)(ne,{...e,routerLinkType:ee.Link});const oe=e=>{let{active:t,children:n,disabled:r,enforceA:o,onClick:i,onMouseDown:a,openNewTab:l,replace:c,theme:s,to:u}=e,_=s.button;return t&&s.active&&(_+=` ${s.active}`),r?(s.disabled&&(_+=` ${s.disabled}`),(0,E.jsx)("div",{className:_,children:n})):u?(0,E.jsx)(re,{className:_,enforceA:o,onClick:i,onMouseDown:a,openNewTab:l,replace:c,to:u,children:n}):(0,E.jsx)("div",{className:_,onClick:i,onKeyDown:i&&(e=>{"Enter"===e.key&&i(e)}),onMouseDown:a,role:"button",tabIndex:0,children:n})},ie=t()(oe,"Button",["active","button","disabled"],{button:"E1FNQT",context:"KM0v4f",ad:"_3jm1-Q",hoc:"_0plpDL",active:"MAe9O6",disabled:"Br9IWV"});oe.defaultProps={active:!1,children:void 0,disabled:!1,enforceA:!1,onClick:void 0,onMouseDown:void 0,openNewTab:!1,replace:!1,to:void 0},oe.propTypes={active:b().bool,children:b().node,disabled:b().bool,enforceA:b().bool,onClick:b().func,onMouseDown:b().func,openNewTab:b().bool,replace:b().bool,theme:ie.themeType.isRequired,to:b().oneOfType([b().object,b().string])};var ae=ie;const le=e=>{let{checked:t,label:n,onChange:r,theme:o}=e;return(0,E.jsxs)("div",{className:o.container,children:[void 0===n?null:(0,E.jsx)("div",{className:o.label,children:n}),(0,E.jsx)("input",{checked:t,className:o.checkbox,onChange:r,type:"checkbox"})]})},ce=t()(le,"Checkbox",["checkbox","container","label"],{checkbox:"A-f8qJ",context:"dNQcC6",ad:"earXxa",hoc:"qAPfQ6",container:"Kr0g3M",label:"_3dML-O"});le.propTypes={checked:b().bool,label:b().node,onChange:b().func,theme:ce.themeType.isRequired},le.defaultProps={checked:void 0,label:void 0,onChange:void 0};var se=ce;const ue=(0,u.forwardRef)(((e,t)=>{let{label:n,theme:r,...o}=e;return(0,E.jsxs)("span",{className:r.container,children:[void 0===n?null:(0,E.jsx)("div",{className:r.label,children:n}),(0,E.jsx)("input",{className:r.input,ref:t,...o})]})})),_e=t()(ue,"Input",["container","input","label"],{container:"Cxx397",context:"X5WszA",ad:"_8s7GCr",hoc:"TVlBYc",input:"M07d4s",label:"gfbdq-"});ue.propTypes={label:b().node,theme:_e.themeType.isRequired},ue.defaultProps={label:void 0};var de=_e;const pe=e=>{let{children:t,leftSidePanelContent:n,rightSidePanelContent:r,theme:o}=e;return(0,E.jsxs)("div",{className:o.container,children:[(0,E.jsx)("div",{className:[o.sidePanel,o.leftSidePanel].join(" "),children:n}),(0,E.jsx)("div",{className:o.mainPanel,children:t}),(0,E.jsx)("div",{className:[o.sidePanel,o.rightSidePanel].join(" "),children:r})]})},fe=t()(pe,"PageLayout",["container","leftSidePanel","mainPanel","rightSidePanel","sidePanel"],{container:"T3cuHB",context:"m4mL-M",ad:"m3-mdC",hoc:"J15Z4H",mainPanel:"pPlQO2",sidePanel:"lqNh4h"});pe.propTypes={children:b().node,leftSidePanelContent:b().node,rightSidePanelContent:b().node,theme:fe.themeType.isRequired},pe.defaultProps={children:null,leftSidePanelContent:null,rightSidePanelContent:null};var he=fe,me=__webpack_require__(883);const be=(0,u.createContext)({description:"",title:""}),Ee=e=>{let{children:t,description:n,image:r,siteName:o,socialDescription:i,socialTitle:a,title:l,url:c}=e;const s=a||l,_=i||n,d=(0,u.useMemo)((()=>({description:n,image:r,siteName:o,socialDescription:i,socialTitle:a,title:l,url:c})),[n,r,o,i,a,l,c]);return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(me.Helmet,{children:[(0,E.jsx)("title",{children:l}),(0,E.jsx)("meta",{name:"description",content:n}),(0,E.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,E.jsx)("meta",{name:"twitter:title",content:s}),(0,E.jsx)("meta",{name:"twitter:description",content:_}),r?(0,E.jsx)("meta",{name:"twitter:image",content:r}):null,o?(0,E.jsx)("meta",{name:"twitter:site",content:`@${o}`}):null,(0,E.jsx)("meta",{name:"og:title",content:s}),r?(0,E.jsx)("meta",{name:"og:image",content:r}):null,r?(0,E.jsx)("meta",{name:"og:image:alt",content:s}):null,(0,E.jsx)("meta",{name:"og:description",content:_}),o?(0,E.jsx)("meta",{name:"og:sitename",content:o}):null,c?(0,E.jsx)("meta",{name:"og:url",content:c}):null]}),t?(0,E.jsx)(be.Provider,{value:d,children:t}):null]})};Ee.Context=be,Ee.defaultProps={children:null,image:"",siteName:"",socialDescription:"",socialTitle:"",url:""},Ee.propTypes={children:b().node,description:b().string.isRequired,image:b().string,siteName:b().string,socialDescription:b().string,socialTitle:b().string,title:b().string.isRequired,url:b().string};var ve=Ee,we=e=>(0,E.jsx)(ne,{...e,routerLinkType:ee.NavLink});const ge=e=>{let{theme:t}=e;return(0,E.jsxs)("span",{className:t.container,children:[(0,E.jsx)("span",{className:t.circle}),(0,E.jsx)("span",{className:t.circle}),(0,E.jsx)("span",{className:t.circle})]})},ye=t()(ge,"Throbber",["bouncing","circle","container"],{container:"_7zdld4",context:"uIObt7",ad:"XIxe9o",hoc:"YOyORH",circle:"dBrB4g",bouncing:"TJe-6j"});ge.propTypes={theme:ye.themeType.isRequired};var xe=ye;let Ce=function(e){return e.ABOVE_CURSOR="ABOVE_CURSOR",e.ABOVE_ELEMENT="ABOVE_ELEMENT",e.BELOW_CURSOR="BELOW_CURSOR",e.BELOW_ELEMENT="BELOW_ELEMENT",e}({});const Te=["border-bottom-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";"),Pe=["border-top-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";");function ke(e,t,n,r,o){const i=function(e){return{arrow:e.arrow.getBoundingClientRect(),container:e.container.getBoundingClientRect()}}(o),a=function(){const{scrollX:e,scrollY:t}=window,{documentElement:{clientHeight:n,clientWidth:r}}=document;return{left:e,right:e+r,top:t,bottom:t+n}}(),l=function(e,t,n){const{arrow:r,container:o}=n;return{arrowX:.5*(o.width-r.width),arrowY:o.height,containerX:e-o.width/2,containerY:t-o.height-r.height/1.5,baseArrowStyle:Te}}(e,t,i);if(l.containerX<a.left+6)l.containerX=a.left+6,l.arrowX=Math.max(6,e-l.containerX-i.arrow.width/2);else{const t=a.right-6-i.container.width;l.containerX>t&&(l.containerX=t,l.arrowX=Math.min(i.container.width-6,e-l.containerX-i.arrow.width/2))}l.containerY<a.top+6&&(l.containerY+=i.container.height+2*i.arrow.height,l.arrowY-=i.container.height+i.arrow.height,l.baseArrowStyle=Pe);const c=`left:${l.containerX}px;top:${l.containerY}px`;o.container.setAttribute("style",c);const s=`${l.baseArrowStyle};left:${l.arrowX}px;top:${l.arrowY}px`;o.arrow.setAttribute("style",s)}const Se=(0,u.forwardRef)(((e,t)=>{let{children:n,theme:r}=e;const{current:o}=(0,u.useRef)({lastElement:void 0,lastPageX:0,lastPageY:0,lastPlacement:void 0}),[i,a]=(0,u.useState)(null),l=(e,t,n,r)=>{o.lastElement=r,o.lastPageX=e,o.lastPageY=t,o.lastPlacement=n,i&&ke(e,t,0,0,i)};return(0,u.useImperativeHandle)(t,(()=>({pointTo:l}))),(0,u.useEffect)((()=>{const e=function(e){const t=document.createElement("div");e.arrow&&t.setAttribute("class",e.arrow);const n=document.createElement("div");e.content&&n.setAttribute("class",e.content);const r=document.createElement("div");return e.container&&r.setAttribute("class",e.container),r.appendChild(t),r.appendChild(n),document.body.appendChild(r),{container:r,arrow:t,content:n}}(r);return a(e),()=>{document.body.removeChild(e.container),a(null)}}),[r]),(0,u.useEffect)((()=>{i&&ke(o.lastPageX,o.lastPageY,o.lastPlacement,o.lastElement,i)}),[i,o.lastPageX,o.lastPageY,o.lastPlacement,o.lastElement]),i?(0,N.createPortal)(n,i.content):null}));Se.propTypes={children:b().node,theme:b().shape({}).isRequired},Se.defaultProps={children:null};var Re=Se;const Ae=e=>{let{children:t,placement:n,tip:r,theme:o}=e;const{current:i}=(0,u.useRef)({lastCursorX:0,lastCursorY:0,triggeredByTouch:!1,timerId:void 0}),a=(0,u.useRef)(),l=(0,u.useRef)(null),[c,s]=(0,u.useState)(!1);return(0,u.useEffect)((()=>{if(c&&null!==r){a.current&&a.current.pointTo(i.lastCursorX+window.scrollX,i.lastCursorY+window.scrollY,n,l.current);const e=()=>s(!1);return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}}),[i.lastCursorX,i.lastCursorY,n,c,r]),(0,E.jsxs)("div",{className:o.wrapper,onMouseLeave:()=>s(!1),onMouseMove:e=>((e,t)=>{if(c){const r=l.current.getBoundingClientRect();e<r.left||e>r.right||t<r.top||t>r.bottom?s(!1):a.current&&a.current.pointTo(e+window.scrollX,t+window.scrollY,n,l.current)}else i.lastCursorX=e,i.lastCursorY=t,i.triggeredByTouch?i.timerId||(i.timerId=setTimeout((()=>{i.triggeredByTouch=!1,i.timerId=void 0,s(!0)}),300)):s(!0)})(e.clientX,e.clientY),onClick:()=>{i.timerId&&(clearTimeout(i.timerId),i.timerId=void 0,i.triggeredByTouch=!1)},onTouchStart:()=>{i.triggeredByTouch=!0},ref:l,role:"presentation",children:[c&&null!==r?(0,E.jsx)(Re,{ref:a,theme:o,children:r}):null,t]})},Oe=t()(Ae,"WithTooltip",["appearance","arrow","container","content","wrapper"],{arrow:"M9gywF",ad:"_4xT7zE",hoc:"zd-vnH",context:"GdZucr",container:"f9gY8K",appearance:"L4ubm-",wrapper:"_4qDBRM"}),qe=Oe;qe.PLACEMENTS=Ce,Ae.propTypes={children:b().node,placement:b().oneOf(Object.values(Ce)),theme:Oe.themeType.isRequired,tip:b().node},Ae.defaultProps={children:null,placement:Ce.ABOVE_CURSOR,tip:null};var Ne=qe,Le=__webpack_require__(360),De=__webpack_require__.n(Le),je={container:"jTxmOX",context:"dzIcLh",ad:"_5a9XX1",hoc:"_7sH52O"};const Me=e=>{var t;let{autoplay:n,src:r,theme:o,title:i}=e;const a=r.split("?");let l=a[0];const c=a[1],s=c?De().parse(c):{},u=s.v||(null===(t=l.match(/\/([a-zA-Z0-9-_]*)$/))||void 0===t?void 0:t[1]);return l=`https://www.youtube.com/embed/${u}`,delete s.v,s.autoplay=n?"1":"0",l+=`?${De().stringify(s)}`,(0,E.jsxs)("div",{className:o.container,children:[(0,E.jsx)(xe,{theme:je}),(0,E.jsx)("iframe",{allow:"autoplay",allowFullScreen:!0,className:o.video,src:l,title:i})]})},Be=t()(Me,"YouTubeVideo",["container","video"],{container:"sXHM81",context:"veKyYi",ad:"r3ABzd",hoc:"YKcPnR",video:"SlV2zw"});Me.propTypes={autoplay:b().bool,src:b().string.isRequired,theme:Be.themeType.isRequired,title:b().string},Me.defaultProps={autoplay:!1,title:""};var Ie=Be;const Ue=e=>{let{disabled:t,onChange:n,onKeyDown:r,placeholder:o,theme:i,value:a}=e;const l=(0,u.useRef)(null),[c,s]=(0,u.useState)(),[_,d]=(0,u.useState)(a||"");return void 0!==a&&_!==a&&d(a),(0,u.useEffect)((()=>{const e=l.current;if(!e)return;const t=new ResizeObserver((()=>{s(e.scrollHeight)}));return t.observe(e),()=>{t.disconnect()}}),[]),(0,u.useEffect)((()=>{const e=l.current;e&&s(e.scrollHeight)}),[_]),(0,E.jsxs)("div",{className:i.container,children:[(0,E.jsx)("textarea",{readOnly:!0,ref:l,className:`${i.textarea} ${i.hidden}`,value:_}),(0,E.jsx)("textarea",{disabled:t,onChange:void 0===a?e=>{d(e.target.value)}:n,onKeyDown:r,placeholder:o,style:{height:c},className:i.textarea,value:_})]})},We=t()(Ue,"TextArea",["container","hidden","textarea"],{container:"dzMVIB",context:"KVPc7g",ad:"z2GQ0Z",hoc:"_8R1Qdj",textarea:"zd-OFg",hidden:"GiHBXI"});Ue.propTypes={disabled:b().bool,onChange:b().func,onKeyDown:b().func,placeholder:b().string,theme:We.themeType.isRequired,value:b().string},Ue.defaultProps={disabled:!1,onChange:void 0,onKeyDown:void 0,placeholder:"",value:void 0};var Ke=We;const Xe=r.requireWeak("./server","/"),Ye=Xe?void 0:__webpack_require__(662).A}(),__webpack_exports__}()}));
 //# sourceMappingURL=web.bundle.js.map