@dr.pogodin/react-utils 1.43.22 → 1.43.24

package/build/development/shared/components/TextArea/index.js

@@ -13,15 +13,18 @@ const defaultTheme = {
   "ad": "-dr-pogodin-react-utils___src-shared-components-TextArea-style___ad___z2GQ0Z",
   "hoc": "-dr-pogodin-react-utils___src-shared-components-TextArea-style___hoc___8R1Qdj",
   "container": "-dr-pogodin-react-utils___src-shared-components-TextArea-style___container___dzMVIB",
+  "label": "-dr-pogodin-react-utils___src-shared-components-TextArea-style___label___Vw9EKL",
   "textarea": "-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg",
   "hidden": "-dr-pogodin-react-utils___src-shared-components-TextArea-style___hidden___GiHBXI"
 };
 const TextArea = ({
   disabled,
+  label,
   onBlur,
   onChange,
   onKeyDown,
   placeholder,
+  testId,
   theme,
   value
 }) => {
@@ -44,14 +47,23 @@ const TextArea = ({
     };
   }, []);
 
-  // This resizes the text area when its content is modified.
-  (0, _react.useEffect)(() => {
+  // Resizes the text area when its content is modified.
+  //
+  // NOTE: useLayoutEffect() instead of useEffect() makes difference here,
+  // as it helps to avoid visible "content/height" jumps (i.e. with just
+  // useEffect() it becomes visible how the content is modified first,
+  // and then input height is incremented, if necessary).
+  // See: https://github.com/birdofpreyru/react-utils/issues/313
+  (0, _react.useLayoutEffect)(() => {
     const el = hiddenAreaRef.current;
     if (el) setHeight(el.scrollHeight);
   }, [localValue]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: theme.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+    children: [label === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: theme.label,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
       className: `${theme.textarea} ${theme.hidden}`
 
       // This text area is hidden underneath the primary one below,
@@ -59,10 +71,22 @@ const TextArea = ({
       // of the primary textarea's height.
       ,
       readOnly: true,
-      ref: hiddenAreaRef,
-      value: localValue
+      ref: hiddenAreaRef
+
+      // The "-1" value of "tabIndex" removes this hidden text area from
+      // the tab-focus-chain.
+      ,
+      tabIndex: -1
+
+      // NOTE: With empty string value ("") the scrolling height of this text
+      // area is zero, thus collapsing <TextArea> height below the single line
+      // input height. To avoid it we fallback to whitespace (" ") character
+      // here.
+      ,
+      value: localValue || ' '
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
       className: theme.textarea,
+      "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
       disabled: disabled,
       onBlur: onBlur
 

package/build/development/shared/components/TextArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","onBlur","onChange","onKeyDown","placeholder","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","jsxs","className","container","children","jsx","textarea","hidden","readOnly","ref","e","target","style","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  type FunctionComponent,\n  type KeyboardEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT =\n  | 'container'\n  | 'hidden'\n  | 'textarea';\n\ntype Props = {\n  disabled?: boolean;\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n  placeholder?: string;\n  theme: Theme<ThemeKeyT>;\n  value?: string;\n};\n\nconst TextArea: FunctionComponent<Props> = ({\n  disabled,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  theme,\n  value,\n}) => {\n  const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [height, setHeight] = useState<number | undefined>();\n\n  const [localValue, setLocalValue] = useState(value ?? '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // This resizes the text area when its content is modified.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n\n  return (\n    <div className={theme.container}>\n      <textarea\n        className={`${theme.textarea} ${theme.hidden}`}\n\n        // This text area is hidden underneath the primary one below,\n        // and it is used for text measurements, to implement auto-scaling\n        // of the primary textarea's height.\n        readOnly\n        ref={hiddenAreaRef}\n        value={localValue}\n      />\n      <textarea\n        className={theme.textarea}\n        disabled={disabled}\n        onBlur={onBlur}\n\n        // When value is \"undefined\" the text area is not-managed, and we should\n        // manage it internally for the measurement / resizing functionality\n        // to work.\n        onChange={\n          value === undefined\n            ? (e) => {\n              setLocalValue(e.target.value);\n            } : onChange\n        }\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        style={{ height }}\n        value={localValue}\n      />\n    </div>\n  );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAmB9D,MAAMC,QAAkC,GAAGA,CAAC;EAC1CC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAsB,IAAI,CAAC;EACvD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAqB,CAAC;EAE1D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAACL,KAAK,IAAI,EAAE,CAAC;EACzD,IAAIA,KAAK,KAAKQ,SAAS,IAAIF,UAAU,KAAKN,KAAK,EAAEO,aAAa,CAACP,KAAK,CAAC;;EAErE;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAI,CAACD,EAAE,EAAE,OAAOF,SAAS;IAEzB,MAAMI,EAAE,GAAGA,CAAA,KAAM;MACfR,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;IAC5B,CAAC;IACD,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAACH,EAAE,CAAC;IACvCE,QAAQ,CAACE,OAAO,CAACN,EAAE,CAAC;IAEpB,OAAO,MAAM;MACXI,QAAQ,CAACG,UAAU,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAR,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAID,EAAE,EAAEN,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;EACpC,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,oBACE,IAAAf,WAAA,CAAA2B,IAAA;IAAKC,SAAS,EAAEpB,KAAK,CAACqB,SAAU;IAAAC,QAAA,gBAC9B,IAAA9B,WAAA,CAAA+B,GAAA;MACEH,SAAS,EAAE,GAAGpB,KAAK,CAACwB,QAAQ,IAAIxB,KAAK,CAACyB,MAAM;;MAE5C;MACA;MACA;MAAA;MACAC,QAAQ;MACRC,GAAG,EAAEzB,aAAc;MACnBD,KAAK,EAAEM;IAAW,CACnB,CAAC,eACF,IAAAf,WAAA,CAAA+B,GAAA;MACEH,SAAS,EAAEpB,KAAK,CAACwB,QAAS;MAC1B7B,QAAQ,EAAEA,QAAS;MACnBC,MAAM,EAAEA;;MAER;MACA;MACA;MAAA;MACAC,QAAQ,EACNI,KAAK,KAAKQ,SAAS,GACdmB,CAAC,IAAK;QACPpB,aAAa,CAACoB,CAAC,CAACC,MAAM,CAAC5B,KAAK,CAAC;MAC/B,CAAC,GAAGJ,QACP;MACDC,SAAS,EAAEA,SAAU;MACrBC,WAAW,EAAEA,WAAY;MACzB+B,KAAK,EAAE;QAAE1B;MAAO,CAAE;MAClBH,KAAK,EAAEM;IAAW,CACnB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAACxC,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","label","onBlur","onChange","onKeyDown","placeholder","testId","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","useLayoutEffect","jsxs","className","container","children","jsx","textarea","hidden","readOnly","ref","tabIndex","process","env","NODE_ENV","e","target","style","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  type FunctionComponent,\n  type KeyboardEventHandler,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT =\n  | 'container'\n  | 'hidden'\n  | 'label'\n  | 'textarea';\n\ntype Props = {\n  disabled?: boolean;\n  label?: string;\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n  placeholder?: string;\n  testId?: string;\n  theme: Theme<ThemeKeyT>;\n  value?: string;\n};\n\nconst TextArea: FunctionComponent<Props> = ({\n  disabled,\n  label,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  testId,\n  theme,\n  value,\n}) => {\n  const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [height, setHeight] = useState<number | undefined>();\n\n  const [localValue, setLocalValue] = useState(value ?? '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // Resizes the text area when its content is modified.\n  //\n  // NOTE: useLayoutEffect() instead of useEffect() makes difference here,\n  // as it helps to avoid visible \"content/height\" jumps (i.e. with just\n  // useEffect() it becomes visible how the content is modified first,\n  // and then input height is incremented, if necessary).\n  // See: https://github.com/birdofpreyru/react-utils/issues/313\n  useLayoutEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n\n  return (\n    <div className={theme.container}>\n      {label === undefined ? null : <div className={theme.label}>{label}</div>}\n      <textarea\n        className={`${theme.textarea} ${theme.hidden}`}\n\n        // This text area is hidden underneath the primary one below,\n        // and it is used for text measurements, to implement auto-scaling\n        // of the primary textarea's height.\n        readOnly\n        ref={hiddenAreaRef}\n\n        // The \"-1\" value of \"tabIndex\" removes this hidden text area from\n        // the tab-focus-chain.\n        tabIndex={-1}\n\n        // NOTE: With empty string value (\"\") the scrolling height of this text\n        // area is zero, thus collapsing <TextArea> height below the single line\n        // input height. To avoid it we fallback to whitespace (\" \") character\n        // here.\n        value={localValue || ' '}\n      />\n      <textarea\n        className={theme.textarea}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        disabled={disabled}\n        onBlur={onBlur}\n\n        // When value is \"undefined\" the text area is not-managed, and we should\n        // manage it internally for the measurement / resizing functionality\n        // to work.\n        onChange={\n          value === undefined\n            ? (e) => {\n              setLocalValue(e.target.value);\n            } : onChange\n        }\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        style={{ height }}\n        value={localValue}\n      />\n    </div>\n  );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAsB9D,MAAMC,QAAkC,GAAGA,CAAC;EAC1CC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAsB,IAAI,CAAC;EACvD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAqB,CAAC;EAE1D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAACL,KAAK,IAAI,EAAE,CAAC;EACzD,IAAIA,KAAK,KAAKQ,SAAS,IAAIF,UAAU,KAAKN,KAAK,EAAEO,aAAa,CAACP,KAAK,CAAC;;EAErE;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAI,CAACD,EAAE,EAAE,OAAOF,SAAS;IAEzB,MAAMI,EAAE,GAAGA,CAAA,KAAM;MACfR,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;IAC5B,CAAC;IACD,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAACH,EAAE,CAAC;IACvCE,QAAQ,CAACE,OAAO,CAACN,EAAE,CAAC;IAEpB,OAAO,MAAM;MACXI,QAAQ,CAACG,UAAU,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAAC,sBAAe,EAAC,MAAM;IACpB,MAAMR,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAID,EAAE,EAAEN,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;EACpC,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,oBACE,IAAAjB,WAAA,CAAA8B,IAAA;IAAKC,SAAS,EAAErB,KAAK,CAACsB,SAAU;IAAAC,QAAA,GAC7B7B,KAAK,KAAKe,SAAS,GAAG,IAAI,gBAAG,IAAAnB,WAAA,CAAAkC,GAAA;MAAKH,SAAS,EAAErB,KAAK,CAACN,KAAM;MAAA6B,QAAA,EAAE7B;IAAK,CAAM,CAAC,eACxE,IAAAJ,WAAA,CAAAkC,GAAA;MACEH,SAAS,EAAE,GAAGrB,KAAK,CAACyB,QAAQ,IAAIzB,KAAK,CAAC0B,MAAM;;MAE5C;MACA;MACA;MAAA;MACAC,QAAQ;MACRC,GAAG,EAAE1B;;MAEL;MACA;MAAA;MACA2B,QAAQ,EAAE,CAAC;;MAEX;MACA;MACA;MACA;MAAA;MACA5B,KAAK,EAAEM,UAAU,IAAI;IAAI,CAC1B,CAAC,eACF,IAAAjB,WAAA,CAAAkC,GAAA;MACEH,SAAS,EAAErB,KAAK,CAACyB,QAAS;MAC1B,eAAaK,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGvB,SAAS,GAAGV,MAAO;MACxEN,QAAQ,EAAEA,QAAS;MACnBE,MAAM,EAAEA;;MAER;MACA;MACA;MAAA;MACAC,QAAQ,EACNK,KAAK,KAAKQ,SAAS,GACdwB,CAAC,IAAK;QACPzB,aAAa,CAACyB,CAAC,CAACC,MAAM,CAACjC,KAAK,CAAC;MAC/B,CAAC,GAAGL,QACP;MACDC,SAAS,EAAEA,SAAU;MACrBC,WAAW,EAAEA,WAAY;MACzBqC,KAAK,EAAE;QAAE/B;MAAO,CAAE;MAClBH,KAAK,EAAEM;IAAW,CACnB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAAC,IAAA6B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAAC/C,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}

package/build/development/style.css

@@ -781,6 +781,11 @@ body {
   margin: 0.1em;
   position: relative;
 }
+*.-dr-pogodin-react-utils___src-shared-components-TextArea-style___label___Vw9EKL,
+.-dr-pogodin-react-utils___src-shared-components-TextArea-style___context___KVPc7g.-dr-pogodin-react-utils___src-shared-components-TextArea-style___label___Vw9EKL,
+.-dr-pogodin-react-utils___src-shared-components-TextArea-style___ad___z2GQ0Z.-dr-pogodin-react-utils___src-shared-components-TextArea-style___hoc___8R1Qdj.-dr-pogodin-react-utils___src-shared-components-TextArea-style___label___Vw9EKL {
+  margin: 0 0.3em;
+}
 *.-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg,
 .-dr-pogodin-react-utils___src-shared-components-TextArea-style___context___KVPc7g.-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg,
 .-dr-pogodin-react-utils___src-shared-components-TextArea-style___ad___z2GQ0Z.-dr-pogodin-react-utils___src-shared-components-TextArea-style___hoc___8R1Qdj.-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg {
@@ -794,6 +799,7 @@ body {
   overflow: hidden;
   padding: 0.3em 0.3em calc(0.3em + 1px);
   resize: none;
+  width: 100%;
 }
 *.-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg:focus,
 .-dr-pogodin-react-utils___src-shared-components-TextArea-style___context___KVPc7g.-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg:focus,
@@ -822,6 +828,6 @@ body {
 *.-dr-pogodin-react-utils___src-shared-components-TextArea-style___hidden___GiHBXI,
 .-dr-pogodin-react-utils___src-shared-components-TextArea-style___context___KVPc7g.-dr-pogodin-react-utils___src-shared-components-TextArea-style___hidden___GiHBXI,
 .-dr-pogodin-react-utils___src-shared-components-TextArea-style___ad___z2GQ0Z.-dr-pogodin-react-utils___src-shared-components-TextArea-style___hoc___8R1Qdj.-dr-pogodin-react-utils___src-shared-components-TextArea-style___hidden___GiHBXI {
+  opacity: 0;
   position: absolute;
-  z-index: -1;
 }

package/build/development/web.bundle.js

@@ -226,7 +226,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _dr
   \**************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/TextArea/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\nconst TextArea = ({\n  disabled,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  theme,\n  value\n}) => {\n  const hiddenAreaRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  const [height, setHeight] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();\n  const [localValue, setLocalValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value !== null && value !== void 0 ? value : '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // This resizes the text area when its content is modified.\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"textarea\", {\n      className: `${theme.textarea} ${theme.hidden}`\n\n      // This text area is hidden underneath the primary one below,\n      // and it is used for text measurements, to implement auto-scaling\n      // of the primary textarea's height.\n      ,\n      readOnly: true,\n      ref: hiddenAreaRef,\n      value: localValue\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"textarea\", {\n      className: theme.textarea,\n      disabled: disabled,\n      onBlur: onBlur\n\n      // When value is \"undefined\" the text area is not-managed, and we should\n      // manage it internally for the measurement / resizing functionality\n      // to work.\n      ,\n      onChange: value === undefined ? e => {\n        setLocalValue(e.target.value);\n      } : onChange,\n      onKeyDown: onKeyDown,\n      placeholder: placeholder,\n      style: {\n        height\n      },\n      value: localValue\n    })]\n  });\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default()(TextArea, 'TextArea', _style_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"]));\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/index.tsx?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/TextArea/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\nconst TextArea = ({\n  disabled,\n  label,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  testId,\n  theme,\n  value\n}) => {\n  const hiddenAreaRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  const [height, setHeight] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();\n  const [localValue, setLocalValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value !== null && value !== void 0 ? value : '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // Resizes the text area when its content is modified.\n  //\n  // NOTE: useLayoutEffect() instead of useEffect() makes difference here,\n  // as it helps to avoid visible \"content/height\" jumps (i.e. with just\n  // useEffect() it becomes visible how the content is modified first,\n  // and then input height is incremented, if necessary).\n  // See: https://github.com/birdofpreyru/react-utils/issues/313\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [label === undefined ? null : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: theme.label,\n      children: label\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"textarea\", {\n      className: `${theme.textarea} ${theme.hidden}`\n\n      // This text area is hidden underneath the primary one below,\n      // and it is used for text measurements, to implement auto-scaling\n      // of the primary textarea's height.\n      ,\n      readOnly: true,\n      ref: hiddenAreaRef\n\n      // The \"-1\" value of \"tabIndex\" removes this hidden text area from\n      // the tab-focus-chain.\n      ,\n      tabIndex: -1\n\n      // NOTE: With empty string value (\"\") the scrolling height of this text\n      // area is zero, thus collapsing <TextArea> height below the single line\n      // input height. To avoid it we fallback to whitespace (\" \") character\n      // here.\n      ,\n      value: localValue || ' '\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"textarea\", {\n      className: theme.textarea,\n      \"data-testid\":  false ? 0 : testId,\n      disabled: disabled,\n      onBlur: onBlur\n\n      // When value is \"undefined\" the text area is not-managed, and we should\n      // manage it internally for the measurement / resizing functionality\n      // to work.\n      ,\n      onChange: value === undefined ? e => {\n        setLocalValue(e.target.value);\n      } : onChange,\n      onKeyDown: onKeyDown,\n      placeholder: placeholder,\n      style: {\n        height\n      },\n      value: localValue\n    })]\n  });\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default()(TextArea, 'TextArea', _style_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"]));\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/index.tsx?\n}");
 
 /***/ }),
 
@@ -236,7 +236,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var rea
   \***************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___container___dzMVIB\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___context___KVPc7g\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___ad___z2GQ0Z\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___hoc___8R1Qdj\",\"textarea\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg\",\"hidden\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___hidden___GiHBXI\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/style.scss?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___container___dzMVIB\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___context___KVPc7g\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___ad___z2GQ0Z\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___hoc___8R1Qdj\",\"label\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___label___Vw9EKL\",\"textarea\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___textarea___zd-OFg\",\"hidden\":\"-dr-pogodin-react-utils___src-shared-components-TextArea-style___hidden___GiHBXI\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/style.scss?\n}");
 
 /***/ }),
 

package/build/production/shared/components/TextArea/index.js

@@ -1,9 +1,21 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=require("react");var _reactThemes=_interopRequireDefault(require("@dr.pogodin/react-themes"));var _jsxRuntime=require("react/jsx-runtime");const defaultTheme={"context":"KVPc7g","ad":"z2GQ0Z","hoc":"_8R1Qdj","container":"dzMVIB","textarea":"zd-OFg","hidden":"GiHBXI"};const TextArea=({disabled,onBlur,onChange,onKeyDown,placeholder,theme,value})=>{const hiddenAreaRef=(0,_react.useRef)(null);const[height,setHeight]=(0,_react.useState)();const[localValue,setLocalValue]=(0,_react.useState)(value??"");if(value!==undefined&&localValue!==value)setLocalValue(value);// This resizes text area's height when its width is changed for any reason.
-(0,_react.useEffect)(()=>{const el=hiddenAreaRef.current;if(!el)return undefined;const cb=()=>{setHeight(el.scrollHeight)};const observer=new ResizeObserver(cb);observer.observe(el);return()=>{observer.disconnect()}},[]);// This resizes the text area when its content is modified.
-(0,_react.useEffect)(()=>{const el=hiddenAreaRef.current;if(el)setHeight(el.scrollHeight)},[localValue]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:theme.container,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("textarea",{className:`${theme.textarea} ${theme.hidden}`// This text area is hidden underneath the primary one below,
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=require("react");var _reactThemes=_interopRequireDefault(require("@dr.pogodin/react-themes"));var _jsxRuntime=require("react/jsx-runtime");const defaultTheme={"context":"KVPc7g","ad":"z2GQ0Z","hoc":"_8R1Qdj","container":"dzMVIB","label":"Vw9EKL","textarea":"zd-OFg","hidden":"GiHBXI"};const TextArea=({disabled,label,onBlur,onChange,onKeyDown,placeholder,testId,theme,value})=>{const hiddenAreaRef=(0,_react.useRef)(null);const[height,setHeight]=(0,_react.useState)();const[localValue,setLocalValue]=(0,_react.useState)(value??"");if(value!==undefined&&localValue!==value)setLocalValue(value);// This resizes text area's height when its width is changed for any reason.
+(0,_react.useEffect)(()=>{const el=hiddenAreaRef.current;if(!el)return undefined;const cb=()=>{setHeight(el.scrollHeight)};const observer=new ResizeObserver(cb);observer.observe(el);return()=>{observer.disconnect()}},[]);// Resizes the text area when its content is modified.
+//
+// NOTE: useLayoutEffect() instead of useEffect() makes difference here,
+// as it helps to avoid visible "content/height" jumps (i.e. with just
+// useEffect() it becomes visible how the content is modified first,
+// and then input height is incremented, if necessary).
+// See: https://github.com/birdofpreyru/react-utils/issues/313
+(0,_react.useLayoutEffect)(()=>{const el=hiddenAreaRef.current;if(el)setHeight(el.scrollHeight)},[localValue]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:theme.container,children:[label===undefined?null:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.label,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)("textarea",{className:`${theme.textarea} ${theme.hidden}`// This text area is hidden underneath the primary one below,
 // and it is used for text measurements, to implement auto-scaling
 // of the primary textarea's height.
-,readOnly:true,ref:hiddenAreaRef,value:localValue}),/*#__PURE__*/(0,_jsxRuntime.jsx)("textarea",{className:theme.textarea,disabled:disabled,onBlur:onBlur// When value is "undefined" the text area is not-managed, and we should
+,readOnly:true,ref:hiddenAreaRef// The "-1" value of "tabIndex" removes this hidden text area from
+// the tab-focus-chain.
+,tabIndex:-1// NOTE: With empty string value ("") the scrolling height of this text
+// area is zero, thus collapsing <TextArea> height below the single line
+// input height. To avoid it we fallback to whitespace (" ") character
+// here.
+,value:localValue||" "}),/*#__PURE__*/(0,_jsxRuntime.jsx)("textarea",{className:theme.textarea,"data-testid":process.env.NODE_ENV==="production"?undefined:testId,disabled:disabled,onBlur:onBlur// When value is "undefined" the text area is not-managed, and we should
 // manage it internally for the measurement / resizing functionality
 // to work.
 ,onChange:value===undefined?e=>{setLocalValue(e.target.value)}:onChange,onKeyDown:onKeyDown,placeholder:placeholder,style:{height},value:localValue})]})};var _default=exports.default=(0,_reactThemes.default)(TextArea,"TextArea",defaultTheme);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","onBlur","onChange","onKeyDown","placeholder","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","jsxs","className","container","children","jsx","textarea","hidden","readOnly","ref","e","target","style","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  type FunctionComponent,\n  type KeyboardEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT =\n  | 'container'\n  | 'hidden'\n  | 'textarea';\n\ntype Props = {\n  disabled?: boolean;\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n  placeholder?: string;\n  theme: Theme<ThemeKeyT>;\n  value?: string;\n};\n\nconst TextArea: FunctionComponent<Props> = ({\n  disabled,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  theme,\n  value,\n}) => {\n  const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [height, setHeight] = useState<number | undefined>();\n\n  const [localValue, setLocalValue] = useState(value ?? '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // This resizes the text area when its content is modified.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n\n  return (\n    <div className={theme.container}>\n      <textarea\n        className={`${theme.textarea} ${theme.hidden}`}\n\n        // This text area is hidden underneath the primary one below,\n        // and it is used for text measurements, to implement auto-scaling\n        // of the primary textarea's height.\n        readOnly\n        ref={hiddenAreaRef}\n        value={localValue}\n      />\n      <textarea\n        className={theme.textarea}\n        disabled={disabled}\n        onBlur={onBlur}\n\n        // When value is \"undefined\" the text area is not-managed, and we should\n        // manage it internally for the measurement / resizing functionality\n        // to work.\n        onChange={\n          value === undefined\n            ? (e) => {\n              setLocalValue(e.target.value);\n            } : onChange\n        }\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        style={{ height }}\n        value={localValue}\n      />\n    </div>\n  );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":"gLAAA,IAAAA,MAAA,CAAAC,OAAA,UAUA,IAAAC,YAAA,CAAAC,sBAAA,CAAAF,OAAA,8BAA8D,IAAAG,WAAA,CAAAH,OAAA,4BAAAI,YAAA,+GAmB9D,KAAM,CAAAC,QAAkC,CAAGA,CAAC,CAC1CC,QAAQ,CACRC,MAAM,CACNC,QAAQ,CACRC,SAAS,CACTC,WAAW,CACXC,KAAK,CACLC,KACF,CAAC,GAAK,CACJ,KAAM,CAAAC,aAAa,CAAG,GAAAC,aAAM,EAAsB,IAAI,CAAC,CACvD,KAAM,CAACC,MAAM,CAAEC,SAAS,CAAC,CAAG,GAAAC,eAAQ,EAAqB,CAAC,CAE1D,KAAM,CAACC,UAAU,CAAEC,aAAa,CAAC,CAAG,GAAAF,eAAQ,EAACL,KAAK,EAAI,EAAE,CAAC,CACzD,GAAIA,KAAK,GAAKQ,SAAS,EAAIF,UAAU,GAAKN,KAAK,CAAEO,aAAa,CAACP,KAAK,CAAC,CAErE;AACA,GAAAS,gBAAS,EAAC,IAAM,CACd,KAAM,CAAAC,EAAE,CAAGT,aAAa,CAACU,OAAO,CAChC,GAAI,CAACD,EAAE,CAAE,MAAO,CAAAF,SAAS,CAEzB,KAAM,CAAAI,EAAE,CAAGA,CAAA,GAAM,CACfR,SAAS,CAACM,EAAE,CAACG,YAAY,CAC3B,CAAC,CACD,KAAM,CAAAC,QAAQ,CAAG,GAAI,CAAAC,cAAc,CAACH,EAAE,CAAC,CACvCE,QAAQ,CAACE,OAAO,CAACN,EAAE,CAAC,CAEpB,MAAO,IAAM,CACXI,QAAQ,CAACG,UAAU,CAAC,CACtB,CACF,CAAC,CAAE,EAAE,CAAC,CAEN;AACA,GAAAR,gBAAS,EAAC,IAAM,CACd,KAAM,CAAAC,EAAE,CAAGT,aAAa,CAACU,OAAO,CAChC,GAAID,EAAE,CAAEN,SAAS,CAACM,EAAE,CAACG,YAAY,CACnC,CAAC,CAAE,CAACP,UAAU,CAAC,CAAC,CAEhB,mBACE,GAAAf,WAAA,CAAA2B,IAAA,SAAKC,SAAS,CAAEpB,KAAK,CAACqB,SAAU,CAAAC,QAAA,eAC9B,GAAA9B,WAAA,CAAA+B,GAAA,cACEH,SAAS,CAAE,GAAGpB,KAAK,CAACwB,QAAQ,IAAIxB,KAAK,CAACyB,MAAM,EAE5C;AACA;AACA;AAAA,CACAC,QAAQ,MACRC,GAAG,CAAEzB,aAAc,CACnBD,KAAK,CAAEM,UAAW,CACnB,CAAC,cACF,GAAAf,WAAA,CAAA+B,GAAA,cACEH,SAAS,CAAEpB,KAAK,CAACwB,QAAS,CAC1B7B,QAAQ,CAAEA,QAAS,CACnBC,MAAM,CAAEA,MAER;AACA;AACA;AAAA,CACAC,QAAQ,CACNI,KAAK,GAAKQ,SAAS,CACdmB,CAAC,EAAK,CACPpB,aAAa,CAACoB,CAAC,CAACC,MAAM,CAAC5B,KAAK,CAC9B,CAAC,CAAGJ,QACP,CACDC,SAAS,CAAEA,SAAU,CACrBC,WAAW,CAAEA,WAAY,CACzB+B,KAAK,CAAE,CAAE1B,MAAO,CAAE,CAClBH,KAAK,CAAEM,UAAW,CACnB,CAAC,EACC,CAET,CAAC,CAAC,IAAAwB,QAAA,CAAAC,OAAA,CAAAC,OAAA,CAEa,GAAAC,oBAAM,EAACxC,QAAQ,CAAE,UAAU,CAAED,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","label","onBlur","onChange","onKeyDown","placeholder","testId","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","useLayoutEffect","jsxs","className","container","children","jsx","textarea","hidden","readOnly","ref","tabIndex","process","env","NODE_ENV","e","target","style","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  type FunctionComponent,\n  type KeyboardEventHandler,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT =\n  | 'container'\n  | 'hidden'\n  | 'label'\n  | 'textarea';\n\ntype Props = {\n  disabled?: boolean;\n  label?: string;\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n  placeholder?: string;\n  testId?: string;\n  theme: Theme<ThemeKeyT>;\n  value?: string;\n};\n\nconst TextArea: FunctionComponent<Props> = ({\n  disabled,\n  label,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  testId,\n  theme,\n  value,\n}) => {\n  const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [height, setHeight] = useState<number | undefined>();\n\n  const [localValue, setLocalValue] = useState(value ?? '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // Resizes the text area when its content is modified.\n  //\n  // NOTE: useLayoutEffect() instead of useEffect() makes difference here,\n  // as it helps to avoid visible \"content/height\" jumps (i.e. with just\n  // useEffect() it becomes visible how the content is modified first,\n  // and then input height is incremented, if necessary).\n  // See: https://github.com/birdofpreyru/react-utils/issues/313\n  useLayoutEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n\n  return (\n    <div className={theme.container}>\n      {label === undefined ? null : <div className={theme.label}>{label}</div>}\n      <textarea\n        className={`${theme.textarea} ${theme.hidden}`}\n\n        // This text area is hidden underneath the primary one below,\n        // and it is used for text measurements, to implement auto-scaling\n        // of the primary textarea's height.\n        readOnly\n        ref={hiddenAreaRef}\n\n        // The \"-1\" value of \"tabIndex\" removes this hidden text area from\n        // the tab-focus-chain.\n        tabIndex={-1}\n\n        // NOTE: With empty string value (\"\") the scrolling height of this text\n        // area is zero, thus collapsing <TextArea> height below the single line\n        // input height. To avoid it we fallback to whitespace (\" \") character\n        // here.\n        value={localValue || ' '}\n      />\n      <textarea\n        className={theme.textarea}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        disabled={disabled}\n        onBlur={onBlur}\n\n        // When value is \"undefined\" the text area is not-managed, and we should\n        // manage it internally for the measurement / resizing functionality\n        // to work.\n        onChange={\n          value === undefined\n            ? (e) => {\n              setLocalValue(e.target.value);\n            } : onChange\n        }\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        style={{ height }}\n        value={localValue}\n      />\n    </div>\n  );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":"gLAAA,IAAAA,MAAA,CAAAC,OAAA,UAWA,IAAAC,YAAA,CAAAC,sBAAA,CAAAF,OAAA,8BAA8D,IAAAG,WAAA,CAAAH,OAAA,4BAAAI,YAAA,gIAsB9D,KAAM,CAAAC,QAAkC,CAAGA,CAAC,CAC1CC,QAAQ,CACRC,KAAK,CACLC,MAAM,CACNC,QAAQ,CACRC,SAAS,CACTC,WAAW,CACXC,MAAM,CACNC,KAAK,CACLC,KACF,CAAC,GAAK,CACJ,KAAM,CAAAC,aAAa,CAAG,GAAAC,aAAM,EAAsB,IAAI,CAAC,CACvD,KAAM,CAACC,MAAM,CAAEC,SAAS,CAAC,CAAG,GAAAC,eAAQ,EAAqB,CAAC,CAE1D,KAAM,CAACC,UAAU,CAAEC,aAAa,CAAC,CAAG,GAAAF,eAAQ,EAACL,KAAK,EAAI,EAAE,CAAC,CACzD,GAAIA,KAAK,GAAKQ,SAAS,EAAIF,UAAU,GAAKN,KAAK,CAAEO,aAAa,CAACP,KAAK,CAAC,CAErE;AACA,GAAAS,gBAAS,EAAC,IAAM,CACd,KAAM,CAAAC,EAAE,CAAGT,aAAa,CAACU,OAAO,CAChC,GAAI,CAACD,EAAE,CAAE,MAAO,CAAAF,SAAS,CAEzB,KAAM,CAAAI,EAAE,CAAGA,CAAA,GAAM,CACfR,SAAS,CAACM,EAAE,CAACG,YAAY,CAC3B,CAAC,CACD,KAAM,CAAAC,QAAQ,CAAG,GAAI,CAAAC,cAAc,CAACH,EAAE,CAAC,CACvCE,QAAQ,CAACE,OAAO,CAACN,EAAE,CAAC,CAEpB,MAAO,IAAM,CACXI,QAAQ,CAACG,UAAU,CAAC,CACtB,CACF,CAAC,CAAE,EAAE,CAAC,CAEN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAAC,sBAAe,EAAC,IAAM,CACpB,KAAM,CAAAR,EAAE,CAAGT,aAAa,CAACU,OAAO,CAChC,GAAID,EAAE,CAAEN,SAAS,CAACM,EAAE,CAACG,YAAY,CACnC,CAAC,CAAE,CAACP,UAAU,CAAC,CAAC,CAEhB,mBACE,GAAAjB,WAAA,CAAA8B,IAAA,SAAKC,SAAS,CAAErB,KAAK,CAACsB,SAAU,CAAAC,QAAA,EAC7B7B,KAAK,GAAKe,SAAS,CAAG,IAAI,cAAG,GAAAnB,WAAA,CAAAkC,GAAA,SAAKH,SAAS,CAAErB,KAAK,CAACN,KAAM,CAAA6B,QAAA,CAAE7B,KAAK,CAAM,CAAC,cACxE,GAAAJ,WAAA,CAAAkC,GAAA,cACEH,SAAS,CAAE,GAAGrB,KAAK,CAACyB,QAAQ,IAAIzB,KAAK,CAAC0B,MAAM,EAE5C;AACA;AACA;AAAA,CACAC,QAAQ,MACRC,GAAG,CAAE1B,aAEL;AACA;AAAA,CACA2B,QAAQ,CAAE,CAAC,CAEX;AACA;AACA;AACA;AAAA,CACA5B,KAAK,CAAEM,UAAU,EAAI,GAAI,CAC1B,CAAC,cACF,GAAAjB,WAAA,CAAAkC,GAAA,cACEH,SAAS,CAAErB,KAAK,CAACyB,QAAS,CAC1B,cAAaK,OAAO,CAACC,GAAG,CAACC,QAAQ,GAAK,YAAY,CAAGvB,SAAS,CAAGV,MAAO,CACxEN,QAAQ,CAAEA,QAAS,CACnBE,MAAM,CAAEA,MAER;AACA;AACA;AAAA,CACAC,QAAQ,CACNK,KAAK,GAAKQ,SAAS,CACdwB,CAAC,EAAK,CACPzB,aAAa,CAACyB,CAAC,CAACC,MAAM,CAACjC,KAAK,CAC9B,CAAC,CAAGL,QACP,CACDC,SAAS,CAAEA,SAAU,CACrBC,WAAW,CAAEA,WAAY,CACzBqC,KAAK,CAAE,CAAE/B,MAAO,CAAE,CAClBH,KAAK,CAAEM,UAAW,CACnB,CAAC,EACC,CAET,CAAC,CAAC,IAAA6B,QAAA,CAAAC,OAAA,CAAAC,OAAA,CAEa,GAAAC,oBAAM,EAAC/C,QAAQ,CAAE,UAAU,CAAED,YAAY,CAAC","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;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{display:flex;flex:1;min-width:5.5em;overflow:hidden;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._27pZ6W,._27pZ6W,.xHyZo4._27pZ6W{color:#000}.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;flex:1;font:inherit;max-width:100%;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}.ADu59e.FTP2bb.N0Fc14.wL4umU,.N0Fc14.wL4umU,.xHyZo4.N0Fc14.wL4umU{color:gray}.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}.CZYtcC,.HNliRC._2Ue-db.CZYtcC,.VMHfnP.CZYtcC{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}.A-f8qJ.N9bCb8:after,.dNQcC6.A-f8qJ.N9bCb8:after,.earXxa.qAPfQ6.A-f8qJ.N9bCb8:after{background:#000;border-radius:.2em;content:"";display:block;height:.2em;margin:.6em .2em;width:1em}.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}.EzQra1,.dNQcC6.EzQra1,.earXxa.qAPfQ6.EzQra1{opacity:.33}.EzQra1 .A-f8qJ,.dNQcC6.EzQra1 .A-f8qJ,.earXxa.qAPfQ6.EzQra1 .A-f8qJ{cursor:not-allowed!important}.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}@keyframes TJe-6j{0%{top:-.3em}to{top:.3em}}.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}.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{display:flex;flex:1;min-width:5.5em;overflow:hidden;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._27pZ6W,._27pZ6W,.xHyZo4._27pZ6W{color:#000}.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;flex:1;font:inherit;max-width:100%;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}.ADu59e.FTP2bb.N0Fc14.wL4umU,.N0Fc14.wL4umU,.xHyZo4.N0Fc14.wL4umU{color:gray}.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}.CZYtcC,.HNliRC._2Ue-db.CZYtcC,.VMHfnP.CZYtcC{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}.A-f8qJ.N9bCb8:after,.dNQcC6.A-f8qJ.N9bCb8:after,.earXxa.qAPfQ6.A-f8qJ.N9bCb8:after{background:#000;border-radius:.2em;content:"";display:block;height:.2em;margin:.6em .2em;width:1em}.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}.EzQra1,.dNQcC6.EzQra1,.earXxa.qAPfQ6.EzQra1{opacity:.33}.EzQra1 .A-f8qJ,.dNQcC6.EzQra1 .A-f8qJ,.earXxa.qAPfQ6.EzQra1 .A-f8qJ{cursor:not-allowed!important}.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}@keyframes TJe-6j{0%{top:-.3em}to{top:.3em}}.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}.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.Vw9EKL,.Vw9EKL,.z2GQ0Z._8R1Qdj.Vw9EKL{margin:0 .3em}.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;width:100%}.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{opacity:0;position:absolute}
 /*# 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,WCR0B,CDU1B,4EAGF,6CACE,gBAEA,mBADA,2CASA,SAPA,gBACA,gBEPQ,CFQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YEeF,yBF5BA,6CAgBI,gBGlCN,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,6CAGE,YACE,OACA,gBACA,gBACA,kBACA,8CAGF,4DACE,sBACA,4BACA,SACA,kBACA,oBACA,kBACA,QACA,MACA,gEAEA,WACE,8CAIJ,kBACE,oBACA,YACA,kBACA,2IAGF,8DAEE,6BACA,mEAIA,gCACA,8CAGF,qBACE,iDAGF,wDACA,0DAEA,uBACE,CADF,oBACE,CADF,eACE,gBACA,sBACA,mBACA,cACA,eACA,qBACA,OACA,aACA,eACA,aACA,0CACA,mEAEA,eACE,4BACA,6BACA,gEAGF,iBACE,+BACA,mEAGF,WC1EF,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,+BAIA,oFACE,gBACA,mBACA,WACA,cACA,YACA,iBACA,UAKN,6CACE,mBACA,oBACA,YAGF,gDACE,sBAGF,6CACE,YAEA,qEACE,6BCxDJ,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,gBC3BJ,kBACE,aACA,aAMA,gDACE,qBAGF,6CACE,gDACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAEA,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,WCHF,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.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@use \"_global/reset\";\n\nbody {\n  text-rendering: auto;\n}\n\n* {\n  box-sizing: border-box;\n}\n","@use \"styles/mixins\" as *;\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: $zIndexOfDefaultModalOverlay;\n\n    &:focus { outline: none; }\n  }\n\n  &.container {\n    background: #fff;\n    box-shadow: 0 0 14px 1px rgb(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: $zIndexOfDefaultModalOverlay + 1;\n\n    @include xs-to-lg {\n      max-width: 95vw;\n    }\n  }\n}\n","/* Collection of standard mixins, being used all around. */\n@forward \"_mixins/fonts\";\n@forward \"_mixins/media\";\n@forward \"_mixins/typography\";\n\n$zIndexOfDefaultModalOverlay: 998;\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","*,\n.context,\n.ad.hoc {\n  &.dropdown {\n    display: flex;\n    flex: 1;\n    min-width: 5.5em;\n    overflow: hidden;\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 { color: black; }\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    flex: 1;\n    font: inherit;\n    max-width: 100%;\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    &.invalid { color: gray; }\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  &.options {\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    &.indeterminate {\n      &::after {\n        background: black;\n        border-radius: 0.2em;\n        content: \"\";\n        display: block;\n        height: 0.2em;\n        margin: 0.6em 0.2em;\n        width: 1em;\n      }\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  &.disabled {\n    opacity: 0.33;\n\n    .checkbox {\n      cursor: not-allowed !important;\n    }\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@use \"styles/mixins\" as *;\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","@keyframes bouncing {\n  from { top: -0.3em; }\n  to { top: 0.3em; }\n}\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: inline-block;\n  }\n\n  &.circle {\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\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,WCR0B,CDU1B,4EAGF,6CACE,gBAEA,mBADA,2CASA,SAPA,gBACA,gBEPQ,CFQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YEeF,yBF5BA,6CAgBI,gBGlCN,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,6CAGE,YACE,OACA,gBACA,gBACA,kBACA,8CAGF,4DACE,sBACA,4BACA,SACA,kBACA,oBACA,kBACA,QACA,MACA,gEAEA,WACE,8CAIJ,kBACE,oBACA,YACA,kBACA,2IAGF,8DAEE,6BACA,mEAIA,gCACA,8CAGF,qBACE,iDAGF,wDACA,0DAEA,uBACE,CADF,oBACE,CADF,eACE,gBACA,sBACA,mBACA,cACA,eACA,qBACA,OACA,aACA,eACA,aACA,0CACA,mEAEA,eACE,4BACA,6BACA,gEAGF,iBACE,+BACA,mEAGF,WC1EF,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,+BAIA,oFACE,gBACA,mBACA,WACA,cACA,YACA,iBACA,UAKN,6CACE,mBACA,oBACA,YAGF,gDACE,sBAGF,6CACE,YAEA,qEACE,6BCxDJ,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,gBC3BJ,kBACE,aACA,aAMA,gDACE,qBAGF,6CACE,gDACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAEA,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,WCHF,8CACE,YACA,kBAGF,8CACE,cAGF,8CACE,gBACA,sBACA,mBACA,sBACA,aACA,SACA,aACA,gBACA,mCACA,YACA,WAEA,gEACE,kBACA,+BAGF,oGACE,WADF,qFACE,WAGF,yEACE,gCAEA,yBADA,mBAEA,gEAIJ,8CAGE,UACA","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.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@use \"_global/reset\";\n\nbody {\n  text-rendering: auto;\n}\n\n* {\n  box-sizing: border-box;\n}\n","@use \"styles/mixins\" as *;\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: $zIndexOfDefaultModalOverlay;\n\n    &:focus { outline: none; }\n  }\n\n  &.container {\n    background: #fff;\n    box-shadow: 0 0 14px 1px rgb(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: $zIndexOfDefaultModalOverlay + 1;\n\n    @include xs-to-lg {\n      max-width: 95vw;\n    }\n  }\n}\n","/* Collection of standard mixins, being used all around. */\n@forward \"_mixins/fonts\";\n@forward \"_mixins/media\";\n@forward \"_mixins/typography\";\n\n$zIndexOfDefaultModalOverlay: 998;\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","*,\n.context,\n.ad.hoc {\n  &.dropdown {\n    display: flex;\n    flex: 1;\n    min-width: 5.5em;\n    overflow: hidden;\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 { color: black; }\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    flex: 1;\n    font: inherit;\n    max-width: 100%;\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    &.invalid { color: gray; }\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  &.options {\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    &.indeterminate {\n      &::after {\n        background: black;\n        border-radius: 0.2em;\n        content: \"\";\n        display: block;\n        height: 0.2em;\n        margin: 0.6em 0.2em;\n        width: 1em;\n      }\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  &.disabled {\n    opacity: 0.33;\n\n    .checkbox {\n      cursor: not-allowed !important;\n    }\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@use \"styles/mixins\" as *;\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","@keyframes bouncing {\n  from { top: -0.3em; }\n  to { top: 0.3em; }\n}\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: inline-block;\n  }\n\n  &.circle {\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\n*,\n.context,\n.ad.hoc {\n  &.container {\n    margin: 0.1em;\n    position: relative;\n  }\n\n  &.label {\n    margin: 0 0.3em;\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    width: 100%;\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    // NOTE: We hide it this way, as setting \"display: none\" will interfere\n    // with measurements, making the hidden input height zero.\n    opacity: 0;\n    position: absolute;\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-helmet"),require("@dr.pogodin/react-themes"),require("cookie"),require("dayjs"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-router")):"function"==typeof define&&define.amd?define(["@dr.pogodin/js-utils","@dr.pogodin/react-global-state","@dr.pogodin/react-helmet","@dr.pogodin/react-themes","cookie","dayjs","node-forge/lib/aes","node-forge/lib/forge","qs","react","react-dom","react-dom/client","react-router"],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-helmet"),require("@dr.pogodin/react-themes"),require("cookie"),require("dayjs"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-router")):e["@dr.pogodin/react-utils"]=t(e["@dr.pogodin/js-utils"],e["@dr.pogodin/react-global-state"],e["@dr.pogodin/react-helmet"],e["@dr.pogodin/react-themes"],e.cookie,e.dayjs,e["node-forge/lib/aes"],e["node-forge/lib/forge"],e.qs,e.react,e["react-dom"],e["react-dom/client"],e["react-router"])}("undefined"!=typeof self?self:this,(function(__WEBPACK_EXTERNAL_MODULE__864__,__WEBPACK_EXTERNAL_MODULE__126__,__WEBPACK_EXTERNAL_MODULE__264__,__WEBPACK_EXTERNAL_MODULE__859__,__WEBPACK_EXTERNAL_MODULE__462__,__WEBPACK_EXTERNAL_MODULE__185__,__WEBPACK_EXTERNAL_MODULE__958__,__WEBPACK_EXTERNAL_MODULE__814__,__WEBPACK_EXTERNAL_MODULE__360__,__WEBPACK_EXTERNAL_MODULE__155__,__WEBPACK_EXTERNAL_MODULE__514__,__WEBPACK_EXTERNAL_MODULE__236__,__WEBPACK_EXTERNAL_MODULE__707__){return function(){"use strict";var __webpack_modules__={48:function(e,t,r){var n;r.d(t,{B:function(){return o},p:function(){return a}});const o="object"!=typeof process||!(null!==(n=process.versions)&&void 0!==n&&n.node)||!!r.g.REACT_UTILS_FORCE_CLIENT_SIDE,a=!o},126:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__126__},148: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__(724);function requireWeak(modulePath,basePath){if(_isomorphy__WEBPACK_IMPORTED_MODULE_0__.IS_CLIENT_SIDE)return null;try{const req=eval("require"),{resolve:resolve}=req("path"),path=basePath?resolve(basePath,modulePath):modulePath,module=req(path);if(!("default"in module)||!module.default)return module;const{default:def,...named}=module,res=def;return Object.entries(named).forEach((([e,t])=>{const r=res[e];if(r)res[e]=t;else if(r!==t)throw Error("Conflict between default and named exports")})),res}catch{return null}}function resolveWeak(e){return e}},155:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__155__},185:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__185__},208:function(e,t){var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function o(e,t,n){var o=null;if(void 0!==n&&(o=""+n),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in n={},t)"key"!==a&&(n[a]=t[a]);else n=t;return t=n.ref,{$$typeof:r,type:e,key:o,ref:void 0!==t?t:null,props:n}}t.Fragment=n,t.jsx=o,t.jsxs=o},236:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__236__},264:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__264__},360:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__360__},462:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__462__},514:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__514__},540:function(e,t,r){let n;function o(){if(void 0===n)throw Error('"Build Info" has not been initialized yet');return n}r.d(t,{F:function(){return o}}),"undefined"!=typeof BUILD_INFO&&(n=BUILD_INFO)},668: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__(540);let inj={};const metaElement="undefined"==typeof document?null:document.querySelector('meta[itemprop="drpruinj"]');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"undefined"!=typeof window&&window.REACT_UTILS_INJECTION?(inj=window.REACT_UTILS_INJECTION,delete window.REACT_UTILS_INJECTION):inj={};function getInj(){return inj}},707:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__707__},724:function(e,t,r){r.r(t),r.d(t,{IS_CLIENT_SIDE:function(){return o.B},IS_SERVER_SIDE:function(){return o.p},buildTimestamp:function(){return _},getBuildInfo:function(){return n.F},isDevBuild:function(){return a},isProdBuild:function(){return i}});var n=r(540),o=r(48);function a(){return!1}function i(){return!0}function _(){return(0,n.F)().timestamp}},814:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__814__},859:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__859__},864:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__864__},922:function(e,t,r){e.exports=r(208)},958:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__958__},969:function(e,t,r){r.d(t,{A:function(){return l}});var n=r(236),o=r(264),a=r(707),i=r(126),_=r(668),s=r(922);function l(e,t={}){var r;const l=document.getElementById("react-view");if(!l)throw Error("Failed to find container for React app");const c=(0,s.jsx)(i.GlobalStateProvider,{initialState:null!==(r=(0,_.A)().ISTATE)&&void 0!==r?r:t.initialState,children:(0,s.jsx)(a.BrowserRouter,{children:(0,s.jsx)(o.HelmetProvider,{children:(0,s.jsx)(e,{})})})});t.dontHydrate?(0,n.createRoot)(l).render(c):(0,n.hydrateRoot)(l,c)}}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.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 r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__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__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Barrier:function(){return js_utils_.Barrier},BaseButton:function(){return BaseButton},BaseModal:function(){return BaseModal},Button:function(){return Button},Checkbox:function(){return components_Checkbox},CustomDropdown:function(){return CustomDropdown},Dropdown:function(){return NativeDropdown},Emitter:function(){return js_utils_.Emitter},GlobalStateProvider:function(){return react_global_state_.GlobalStateProvider},Input:function(){return components_Input},Link:function(){return components_Link},MetaTags:function(){return react_helmet_.MetaTags},Modal:function(){return Modal},NavLink:function(){return components_NavLink},PageLayout:function(){return components_PageLayout},Semaphore:function(){return js_utils_.Semaphore},Switch:function(){return Switch},TextArea:function(){return components_TextArea},ThemeProvider:function(){return react_themes_.ThemeProvider},Throbber:function(){return components_Throbber},WithTooltip:function(){return WithTooltip},YouTubeVideo:function(){return components_YouTubeVideo},client:function(){return client},config:function(){return utils_config},getGlobalState:function(){return react_global_state_.getGlobalState},getSsrContext:function(){return getSsrContext},isomorphy:function(){return isomorphy},newAsyncDataEnvelope:function(){return react_global_state_.newAsyncDataEnvelope},server:function(){return server},splitComponent:function(){return splitComponent},themed:function(){return themed},time:function(){return utils_time},useAsyncCollection:function(){return react_global_state_.useAsyncCollection},useAsyncData:function(){return react_global_state_.useAsyncData},useGlobalState:function(){return react_global_state_.useGlobalState},webpack:function(){return webpack},withGlobalStateType:function(){return react_global_state_.withGlobalStateType},withRetries:function(){return js_utils_.withRetries}});var global={},react_themes_=__webpack_require__(859),react_themes_default=__webpack_require__.n(react_themes_),environment_check=__webpack_require__(48),webpack=__webpack_require__(148),_ref;const config=null!==(_ref=environment_check.B?__webpack_require__(668).A().CONFIG:(0,webpack.requireWeak)("config"))&&void 0!==_ref?_ref:{};if(environment_check.B&&"undefined"!=typeof document){const e=__webpack_require__(462);config.CSRF=e.parse(document.cookie).csrfToken}var utils_config=config,isomorphy=__webpack_require__(724),external_cookie_=__webpack_require__(462),external_react_=__webpack_require__(155),external_dayjs_=__webpack_require__(185),external_dayjs_default=__webpack_require__.n(external_dayjs_),js_utils_=__webpack_require__(864),react_global_state_=__webpack_require__(126);const{getSsrContext:getSsrContext}=(0,react_global_state_.withGlobalStateType)();function useCurrent({autorefresh:e=!1,globalStatePath:t="currentTime",precision:r=5*js_utils_.SEC_MS}={}){const[n,o]=(0,react_global_state_.useGlobalState)(t,Date.now);return(0,external_react_.useEffect)((()=>{let t;const n=()=>{o((e=>{const t=Date.now();return Math.abs(t-e)>r?t:e})),e&&(t=setTimeout(n,r))};return n(),()=>{t&&clearTimeout(t)}}),[e,r,o]),n}function useTimezoneOffset({cookieName:e="timezoneOffset",globalStatePath:t="timezoneOffset"}={}){const r=getSsrContext(!1),[n,o]=(0,react_global_state_.useGlobalState)(t,(()=>{const t=e&&(null==r?void 0:r.req.cookies[e]);return t?parseInt(t):0}));return(0,external_react_.useEffect)((()=>{const t=(new Date).getTimezoneOffset();o(t),e&&(document.cookie=(0,external_cookie_.serialize)(e,t.toString(),{path:"/"}))}),[e,o]),n}const time={DAY_MS:js_utils_.DAY_MS,HOUR_MS:js_utils_.HOUR_MS,MIN_MS:js_utils_.MIN_MS,SEC_MS:js_utils_.SEC_MS,YEAR_MS:js_utils_.YEAR_MS,now:Date.now,timer:js_utils_.timer,useCurrent:useCurrent,useTimezoneOffset:useTimezoneOffset};var utils_time=Object.assign(external_dayjs_default(),time),jsx_runtime=__webpack_require__(922);let clientChunkGroups;var _require$default$CHUN;isomorphy.IS_CLIENT_SIDE&&(clientChunkGroups=null!==(_require$default$CHUN=__webpack_require__(668).A().CHUNK_GROUPS)&&void 0!==_require$default$CHUN?_require$default$CHUN:{});const refCounts={};function getPublicPath(){return(0,isomorphy.getBuildInfo)().publicPath}function bookStyleSheet(e,t,r){let n;const o=`${getPublicPath()}/${e}`,a=`${document.location.origin}${o}`;if(!t.has(a)){let e=document.querySelector(`link[href="${o}"]`);e||(e=document.createElement("link"),e.setAttribute("rel","stylesheet"),e.setAttribute("href",o),document.head.appendChild(e)),n=new js_utils_.Barrier,e.addEventListener("load",(()=>{if(!n)throw Error("Internal error");n.resolve()})),e.addEventListener("error",(()=>{if(!n)throw Error("Internal error");n.resolve()}))}if(r){var i;const e=null!==(i=refCounts[o])&&void 0!==i?i:0;refCounts[o]=1+e}return n}function getLoadedStyleSheets(){const e=new Set,{styleSheets:t}=document;for(const{href:r}of t)r&&e.add(r);return e}function assertChunkName(e,t){if(!t[e])throw Error(`Unknown chunk name "${e}"`)}async function bookStyleSheets(e,t,r){const n=[],o=t[e];if(!o)return Promise.resolve();const a=getLoadedStyleSheets();for(const e of o)if(e.endsWith(".css")){const t=bookStyleSheet(e,a,r);t&&n.push(t)}return n.length?Promise.allSettled(n).then():Promise.resolve()}function freeStyleSheets(e,t){const r=t[e];if(r)for(const e of r)if(e.endsWith(".css")){const t=`${getPublicPath()}/${e}`,r=refCounts[t];r&&(r<=1?(document.head.querySelector(`link[href="${t}"]`).remove(),delete refCounts[t]):refCounts[t]=r-1)}}const usedChunkNames=new Set;function splitComponent({chunkName:e,getComponent:t,placeholder:r}){if(isomorphy.IS_CLIENT_SIDE&&assertChunkName(e,clientChunkGroups),usedChunkNames.has(e))throw Error(`Repeated splitComponent() call for the chunk "${e}"`);usedChunkNames.add(e);const n=(0,external_react_.lazy)((async()=>{const r=await t(),n="default"in r?r.default:r;return isomorphy.IS_CLIENT_SIDE&&await bookStyleSheets(e,clientChunkGroups,!1),{default:({children:t,ref:r,...o})=>{if(isomorphy.IS_SERVER_SIDE){const{chunkGroups:t,chunks:r}=getSsrContext();assertChunkName(e,t),r.includes(e)||r.push(e)}return(0,external_react_.useInsertionEffect)((()=>(bookStyleSheets(e,clientChunkGroups,!0),()=>{freeStyleSheets(e,clientChunkGroups)})),[]),(0,jsx_runtime.jsx)(n,{...o,ref:r,children:t})}}}));return({children:e,...t})=>(0,jsx_runtime.jsx)(external_react_.Suspense,{fallback:r,children:(0,jsx_runtime.jsx)(n,{...t,children:e})})}const themed=react_themes_default();themed.COMPOSE=react_themes_.COMPOSE,themed.PRIORITY=react_themes_.PRIORITY;var react_helmet_=__webpack_require__(264);function isValue(e){const t=typeof e;return"number"===t||"string"===t}function optionValueName(e){var t;return isValue(e)?[e,e]:[e.value,null!==(t=e.name)&&void 0!==t?t:e.value]}var external_react_dom_=__webpack_require__(514),external_react_dom_default=__webpack_require__.n(external_react_dom_),base_theme={overlay:"ye2BZo",context:"Szmbbz",ad:"Ah-Nsc",hoc:"Wki41G",container:"gyZ4rc"},styles={scrollingDisabledByModal:"_5fRFtF"};const BaseModal=({cancelOnScrolling:e,children:t,containerStyle:r,dontDisableScrolling:n,onCancel:o,overlayStyle:a,style:i,testId:_,testIdForOverlay:s,theme:l})=>{const c=(0,external_react_.useRef)(null),u=(0,external_react_.useRef)(null),[d,m]=(0,external_react_.useState)();(0,external_react_.useEffect)((()=>{const e=document.createElement("div");return document.body.appendChild(e),m(e),()=>{document.body.removeChild(e)}}),[]),(0,external_react_.useEffect)((()=>(e&&o&&(window.addEventListener("scroll",o),window.addEventListener("wheel",o)),()=>{e&&o&&(window.removeEventListener("scroll",o),window.removeEventListener("wheel",o))})),[e,o]),(0,external_react_.useEffect)((()=>(n||document.body.classList.add(styles.scrollingDisabledByModal),()=>{n||document.body.classList.remove(styles.scrollingDisabledByModal)})),[n]);const p=(0,external_react_.useMemo)((()=>(0,jsx_runtime.jsx)("div",{onFocus:()=>{var e;const t=c.current.querySelectorAll("*");for(let e=t.length-1;e>=0;--e)if(t[e].focus(),document.activeElement===t[e])return;null===(e=u.current)||void 0===e||e.focus()},tabIndex:0})),[]);return d?external_react_dom_default().createPortal((0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[p,(0,jsx_runtime.jsx)("div",{"aria-label":"Cancel",className:l.overlay,"data-testid":void 0,onClick:e=>{o&&(o(),e.stopPropagation())},onKeyDown:e=>{"Escape"===e.key&&o&&(o(),e.stopPropagation())},ref:e=>{e&&e!==u.current&&(u.current=e,e.focus())},role:"button",style:a,tabIndex:0}),(0,jsx_runtime.jsx)("div",{"aria-modal":"true",className:l.container,"data-testid":void 0,onClick:e=>{e.stopPropagation()},onWheel:e=>{e.stopPropagation()},ref:c,role:"dialog",style:null!=i?i:r,children:t}),(0,jsx_runtime.jsx)("div",{onFocus:()=>{var e;null===(e=u.current)||void 0===e||e.focus()},tabIndex:0}),p]}),d):null};var Modal=react_themes_default()(BaseModal,"Modal",base_theme),style={overlay:"jKsMKG"};function areEqual(e,t){return(null==e?void 0:e.left)===(null==t?void 0:t.left)&&(null==e?void 0:e.top)===(null==t?void 0:t.top)&&(null==e?void 0:e.width)===(null==t?void 0:t.width)}const Options=({containerClass:e,containerStyle:t,filter:r,onCancel:n,onChange:o,optionClass:a,options:i,ref:_})=>{const s=(0,external_react_.useRef)(null);(0,external_react_.useImperativeHandle)(_,(()=>({measure:()=>{var e;const t=null===(e=s.current)||void 0===e?void 0:e.parentElement;if(!t)return;const r=s.current.getBoundingClientRect(),n=window.getComputedStyle(t),o=parseFloat(n.marginBottom),a=parseFloat(n.marginTop);return r.height+=o+a,r}})),[]);const l=[];for(const e of i)if(!r||r(e)){const[t,r]=optionValueName(e);l.push((0,jsx_runtime.jsx)("div",{className:a,onClick:e=>{o(t),e.stopPropagation()},onKeyDown:e=>{"Enter"===e.key&&(o(t),e.stopPropagation())},role:"button",tabIndex:0,children:r},t))}return(0,jsx_runtime.jsx)(BaseModal,{cancelOnScrolling:!0,dontDisableScrolling:!0,onCancel:n,style:t,theme:{ad:"",container:e,context:"",hoc:"",overlay:style.overlay},children:(0,jsx_runtime.jsx)("div",{ref:s,children:l})})};var CustomDropdown_Options=Options,theme={container:"oQKv0Y",context:"_9Tod5r",ad:"R58zIg",hoc:"O-Tp1i",label:"YUPUNs",dropdown:"pNEyAA",option:"LD2Kzy",select:"LP5azC",arrow:"-wscve",active:"k2UDsV",upward:"HWRvu4"};const BaseCustomDropdown=({filter:e,label:t,onChange:r,options:n,theme:o,value:a})=>{var i,_;const[s,l]=(0,external_react_.useState)(!1),c=(0,external_react_.useRef)(null),u=(0,external_react_.useRef)(null),[d,m]=(0,external_react_.useState)(),[p,f]=(0,external_react_.useState)(!1);(0,external_react_.useEffect)((()=>{if(!s)return;let e;const t=()=>{var r,n;const o=null===(r=c.current)||void 0===r?void 0:r.getBoundingClientRect(),a=null===(n=u.current)||void 0===n?void 0:n.measure();if(o&&a){var i,_;const e=o.bottom+a.height<(null!==(i=null===(_=window.visualViewport)||void 0===_?void 0:_.height)&&void 0!==i?i:0),t=o.top-a.height>0,r=!e&&t;f(r);const n=r?{left:o.left,top:o.top-a.height-1,width:o.width}:{left:o.left,top:o.bottom,width:o.width};m((e=>areEqual(e,n)?e:n))}e=requestAnimationFrame(t)};return requestAnimationFrame(t),()=>{cancelAnimationFrame(e)}}),[s]);const h=e=>{var t,r;const n=window.visualViewport,o=c.current.getBoundingClientRect();l(!0),m({left:null!==(t=null==n?void 0:n.width)&&void 0!==t?t:0,top:null!==(r=null==n?void 0:n.height)&&void 0!==r?r:0,width:o.width}),e.stopPropagation()};let b=(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"‌"});for(const t of n)if(!e||e(t)){const[e,r]=optionValueName(t);if(e===a){b=r;break}}let E=o.container;s&&(E+=` ${o.active}`);let x=null!==(i=o.select)&&void 0!==i?i:"";return p&&(E+=` ${o.upward}`,x+=` ${o.upward}`),(0,jsx_runtime.jsxs)("div",{className:E,children:[void 0===t?null:(0,jsx_runtime.jsx)("div",{className:o.label,children:t}),(0,jsx_runtime.jsxs)("div",{className:o.dropdown,onClick:h,onKeyDown:e=>{"Enter"===e.key&&h(e)},ref:c,role:"listbox",tabIndex:0,children:[b,(0,jsx_runtime.jsx)("div",{className:o.arrow})]}),s?(0,jsx_runtime.jsx)(CustomDropdown_Options,{containerClass:x,containerStyle:d,onCancel:()=>{l(!1)},onChange:e=>{l(!1),r&&r(e)},optionClass:null!==(_=o.option)&&void 0!==_?_:"",options:n,ref:u}):null]})};var CustomDropdown=react_themes_default()(BaseCustomDropdown,"CustomDropdown",theme),NativeDropdown_theme={dropdown:"kI9A9U",context:"xHyZo4",ad:"ADu59e",hoc:"FTP2bb",arrow:"DubGkT",container:"WtSZPd",active:"ayMn7O",label:"K7JYKw",option:"_27pZ6W",hiddenOption:"clAKFJ",select:"N0Fc14",invalid:"wL4umU"};const Dropdown=({filter:e,label:t,onChange:r,options:n,testId:o,theme:a,value:i})=>{let _=!1;const s=[];for(const t of n)if(!e||e(t)){const[e,r]=optionValueName(t);_||(_=e===i),s.push((0,jsx_runtime.jsx)("option",{className:a.option,value:e,children:r},e))}const l=_?null:(0,jsx_runtime.jsx)("option",{className:a.hiddenOption,disabled:!0,value:i,children:i},"__reactUtilsHiddenOption");let c=a.select;return _||(c+=` ${a.invalid}`),(0,jsx_runtime.jsxs)("div",{className:a.container,children:[void 0===t?null:(0,jsx_runtime.jsx)("div",{className:a.label,children:t}),(0,jsx_runtime.jsxs)("div",{className:a.dropdown,children:[(0,jsx_runtime.jsxs)("select",{className:c,"data-testid":void 0,onChange:r,value:i,children:[l,s]}),(0,jsx_runtime.jsx)("div",{className:a.arrow})]})]})};var NativeDropdown=react_themes_default()(Dropdown,"Dropdown",NativeDropdown_theme),Switch_theme={container:"AWNvRj",context:"VMHfnP",ad:"HNliRC",hoc:"_2Ue-db",option:"fUfIAd",selected:"Wco-qk",options:"CZYtcC"};const BaseSwitch=({label:e,onChange:t,options:r,theme:n,value:o})=>{if(!r||!n.option)throw Error("Internal error");const a=[];for(const e of r){const[r,i]=optionValueName(e);let _,s=n.option;r===o?s+=` ${n.selected}`:t&&(_=()=>{t(r)}),a.push(_?(0,jsx_runtime.jsx)("div",{className:s,onClick:_,onKeyDown:e=>{"Enter"===e.key&&_()},role:"button",tabIndex:0,children:i},r):(0,jsx_runtime.jsx)("div",{className:s,children:i},r))}return(0,jsx_runtime.jsxs)("div",{className:n.container,children:[e?(0,jsx_runtime.jsx)("div",{className:n.label,children:e}):null,(0,jsx_runtime.jsx)("div",{className:n.options,children:a})]})};var Switch=react_themes_default()(BaseSwitch,"Switch",Switch_theme),external_react_router_=__webpack_require__(707),GenericLink_style={link:"zH52sA"};const GenericLink=({children:e,className:t,disabled:r,enforceA:n,keepScrollPosition:o,onClick:a,onMouseDown:i,openNewTab:_,replace:s,routerLinkType:l,to:c,...u})=>{if(r||n||_||c.match(/^(#|(https?|mailto):)/))return(0,jsx_runtime.jsx)("a",{className:(t?t+" ":"")+"zH52sA",href:c,onClick:r?e=>{e.preventDefault()}:a,onMouseDown:r?e=>{e.preventDefault()}:i,rel:"noopener noreferrer",target:_?"_blank":"",children:e});const d=l;return(0,jsx_runtime.jsx)(d,{className:t,discover:"none",onClick:e=>{a&&a(e),o||window.scroll(0,0)},onMouseDown:i,replace:s,to:c,...u,children:e})};var components_GenericLink=GenericLink;const Link=e=>(0,jsx_runtime.jsx)(components_GenericLink,{...e,routerLinkType:external_react_router_.Link});var components_Link=Link,Button_style={button:"E1FNQT",context:"KM0v4f",ad:"_3jm1-Q",hoc:"_0plpDL",active:"MAe9O6",disabled:"Br9IWV"};const BaseButton=({active:e,children:t,disabled:r,enforceA:n,onClick:o,onMouseDown:a,onMouseUp:i,onPointerDown:_,onPointerUp:s,openNewTab:l,replace:c,testId:u,theme:d,to:m})=>{let p=d.button;return e&&d.active&&(p+=` ${d.active}`),r?(d.disabled&&(p+=` ${d.disabled}`),(0,jsx_runtime.jsx)("div",{className:p,"data-testid":void 0,children:t})):m?(0,jsx_runtime.jsx)(components_Link,{className:p,"data-testid":void 0,enforceA:n,onClick:o,onMouseDown:a,onMouseUp:i,onPointerDown:_,onPointerUp:s,openNewTab:l,replace:c,to:m,children:t}):(0,jsx_runtime.jsx)("div",{className:p,"data-testid":void 0,onClick:o,onKeyDown:o?e=>{"Enter"===e.key&&o(e)}:void 0,onMouseDown:a,onMouseUp:i,onPointerDown:_,onPointerUp:s,role:"button",tabIndex:0,children:t})};var Button=react_themes_default()(BaseButton,"Button",Button_style),Checkbox_theme={checkbox:"A-f8qJ",context:"dNQcC6",ad:"earXxa",hoc:"qAPfQ6",indeterminate:"N9bCb8",container:"Kr0g3M",label:"_3dML-O",disabled:"EzQra1"};const Checkbox=({checked:e,disabled:t,label:r,onChange:n,testId:o,theme:a})=>{let i=a.container;t&&(i+=` ${a.disabled}`);let _=a.checkbox;return"indeterminate"===e&&(_+=` ${a.indeterminate}`),(0,jsx_runtime.jsxs)("div",{className:i,children:[void 0===r?null:(0,jsx_runtime.jsx)("div",{className:a.label,children:r}),(0,jsx_runtime.jsx)("input",{checked:void 0===e?void 0:!0===e,className:_,"data-testid":void 0,disabled:t,onChange:n,onClick:e=>{e.stopPropagation()},type:"checkbox"})]})};var components_Checkbox=react_themes_default()(Checkbox,"Checkbox",Checkbox_theme),Input_theme={container:"Cxx397",context:"X5WszA",ad:"_8s7GCr",hoc:"TVlBYc",input:"M07d4s",label:"gfbdq-"};const Input=({label:e,ref:t,testId:r,theme:n,...o})=>(0,jsx_runtime.jsxs)("span",{className:n.container,children:[void 0===e?null:(0,jsx_runtime.jsx)("div",{className:n.label,children:e}),(0,jsx_runtime.jsx)("input",{className:n.input,"data-testid":void 0,ref:t,...o})]});var components_Input=react_themes_default()(Input,"Input",Input_theme),PageLayout_base_theme={container:"T3cuHB",context:"m4mL-M",ad:"m3-mdC",hoc:"J15Z4H",mainPanel:"pPlQO2",sidePanel:"lqNh4h"};const PageLayout=({children:e,leftSidePanelContent:t,rightSidePanelContent:r,theme:n})=>(0,jsx_runtime.jsxs)("div",{className:n.container,children:[(0,jsx_runtime.jsx)("div",{className:[n.sidePanel,n.leftSidePanel].join(" "),children:t}),(0,jsx_runtime.jsx)("div",{className:n.mainPanel,children:e}),(0,jsx_runtime.jsx)("div",{className:[n.sidePanel,n.rightSidePanel].join(" "),children:r})]});var components_PageLayout=react_themes_default()(PageLayout,"PageLayout",PageLayout_base_theme);const NavLink=e=>(0,jsx_runtime.jsx)(components_GenericLink,{...e,routerLinkType:external_react_router_.NavLink});var components_NavLink=NavLink,Throbber_theme={container:"_7zdld4",context:"uIObt7",ad:"XIxe9o",hoc:"YOyORH",circle:"dBrB4g",bouncing:"TJe-6j"};const Throbber=({theme:e})=>(0,jsx_runtime.jsxs)("span",{className:e.container,children:[(0,jsx_runtime.jsx)("span",{className:e.circle}),(0,jsx_runtime.jsx)("span",{className:e.circle}),(0,jsx_runtime.jsx)("span",{className:e.circle})]});var components_Throbber=react_themes_default()(Throbber,"Throbber",Throbber_theme);let PLACEMENTS=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 ARROW_STYLE_DOWN=["border-bottom-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";"),ARROW_STYLE_UP=["border-top-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";");function createTooltipComponents(e){const t=document.createElement("div");e.arrow&&t.setAttribute("class",e.arrow);const r=document.createElement("div");e.content&&r.setAttribute("class",e.content);const n=document.createElement("div");return e.container&&n.setAttribute("class",e.container),n.appendChild(t),n.appendChild(r),document.body.appendChild(n),{arrow:t,container:n,content:r}}function calcTooltipRects(e){return{arrow:e.arrow.getBoundingClientRect(),container:e.container.getBoundingClientRect()}}function calcViewportRect(){const{scrollX:e,scrollY:t}=window,{documentElement:{clientHeight:r,clientWidth:n}}=document;return{bottom:t+r,left:e,right:e+n,top:t}}function calcPositionAboveXY(e,t,r){const{arrow:n,container:o}=r;return{arrowX:.5*(o.width-n.width),arrowY:o.height,containerX:e-o.width/2,containerY:t-o.height-n.height/1.5,baseArrowStyle:ARROW_STYLE_DOWN}}function setComponentPositions(e,t,r,n,o){const a=calcTooltipRects(o),i=calcViewportRect(),_=calcPositionAboveXY(e,t,a);if(_.containerX<i.left+6)_.containerX=i.left+6,_.arrowX=Math.max(6,e-_.containerX-a.arrow.width/2);else{const t=i.right-6-a.container.width;_.containerX>t&&(_.containerX=t,_.arrowX=Math.min(a.container.width-6,e-_.containerX-a.arrow.width/2))}_.containerY<i.top+6&&(_.containerY+=a.container.height+2*a.arrow.height,_.arrowY-=a.container.height+a.arrow.height,_.baseArrowStyle=ARROW_STYLE_UP);const s=`left:${_.containerX}px;top:${_.containerY}px`;o.container.setAttribute("style",s);const l=`${_.baseArrowStyle};left:${_.arrowX}px;top:${_.arrowY}px`;o.arrow.setAttribute("style",l)}const Tooltip=({children:e,ref:t,theme:r})=>{const{current:n}=(0,external_react_.useRef)({lastElement:void 0,lastPageX:0,lastPageY:0,lastPlacement:void 0}),[o,a]=(0,external_react_.useState)(null),i=(e,t,r,a)=>{n.lastElement=a,n.lastPageX=e,n.lastPageY=t,n.lastPlacement=r,o&&setComponentPositions(e,t,r,a,o)};return(0,external_react_.useImperativeHandle)(t,(()=>({pointTo:i}))),(0,external_react_.useEffect)((()=>{const e=createTooltipComponents(r);return a(e),()=>{document.body.removeChild(e.container),a(null)}}),[r]),(0,external_react_.useEffect)((()=>{o&&setComponentPositions(n.lastPageX,n.lastPageY,n.lastPlacement,n.lastElement,o)}),[o,n.lastPageX,n.lastPageY,n.lastPlacement,n.lastElement]),o?(0,external_react_dom_.createPortal)(e,o.content):null};var WithTooltip_Tooltip=Tooltip,default_theme={arrow:"M9gywF",ad:"_4xT7zE",hoc:"zd-vnH",context:"GdZucr",container:"f9gY8K",appearance:"L4ubm-",wrapper:"_4qDBRM"};const Wrapper=({children:e,placement:t=PLACEMENTS.ABOVE_CURSOR,tip:r,theme:n})=>{const{current:o}=(0,external_react_.useRef)({lastCursorX:0,lastCursorY:0,timerId:void 0,triggeredByTouch:!1}),a=(0,external_react_.useRef)(null),i=(0,external_react_.useRef)(null),[_,s]=(0,external_react_.useState)(!1);return(0,external_react_.useEffect)((()=>{if(_&&null!==r){a.current&&a.current.pointTo(o.lastCursorX+window.scrollX,o.lastCursorY+window.scrollY,t,i.current);const e=()=>{s(!1)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}}),[o.lastCursorX,o.lastCursorY,t,_,r]),(0,jsx_runtime.jsxs)("div",{className:n.wrapper,onClick:()=>{o.timerId&&(clearTimeout(o.timerId),o.timerId=void 0,o.triggeredByTouch=!1)},onMouseLeave:()=>{s(!1)},onMouseMove:e=>{((e,r)=>{if(_){const n=i.current.getBoundingClientRect();e<n.left||e>n.right||r<n.top||r>n.bottom?s(!1):a.current&&a.current.pointTo(e+window.scrollX,r+window.scrollY,t,i.current)}else{var n;o.lastCursorX=e,o.lastCursorY=r,o.triggeredByTouch?null!==(n=o.timerId)&&void 0!==n||(o.timerId=setTimeout((()=>{o.triggeredByTouch=!1,o.timerId=void 0,s(!0)}),300)):s(!0)}})(e.clientX,e.clientY)},onTouchStart:()=>{o.triggeredByTouch=!0},ref:i,role:"presentation",children:[_&&null!==r?(0,jsx_runtime.jsx)(WithTooltip_Tooltip,{ref:a,theme:n,children:r}):null,e]})},ThemedWrapper=react_themes_default()(Wrapper,"WithTooltip",default_theme),e=ThemedWrapper;e.PLACEMENTS=PLACEMENTS;var WithTooltip=e,external_qs_=__webpack_require__(360),external_qs_default=__webpack_require__.n(external_qs_),base={container:"sXHM81",context:"veKyYi",ad:"r3ABzd",hoc:"YKcPnR",video:"SlV2zw"},throbber={container:"jTxmOX",context:"dzIcLh",ad:"_5a9XX1",hoc:"_7sH52O"};const YouTubeVideo=({autoplay:e,src:t,theme:r,title:n})=>{var o,a;const i=t.split("?");let[_]=i;const[,s]=i,l=s?external_qs_default().parse(s):{};return _=`https://www.youtube.com/embed/${null!==(o=l.v)&&void 0!==o?o:null===(a=_)||void 0===a||null===(a=a.match(/\/([a-zA-Z0-9-_]*)$/))||void 0===a?void 0:a[1]}`,delete l.v,l.autoplay=e?"1":"0",_+=`?${external_qs_default().stringify(l)}`,(0,jsx_runtime.jsxs)("div",{className:r.container,children:[(0,jsx_runtime.jsx)(components_Throbber,{theme:throbber}),(0,jsx_runtime.jsx)("iframe",{allow:"autoplay",allowFullScreen:!0,className:r.video,src:_,title:n})]})};var components_YouTubeVideo=react_themes_default()(YouTubeVideo,"YouTubeVideo",base),TextArea_style={container:"dzMVIB",context:"KVPc7g",ad:"z2GQ0Z",hoc:"_8R1Qdj",textarea:"zd-OFg",hidden:"GiHBXI"};const TextArea=({disabled:e,onBlur:t,onChange:r,onKeyDown:n,placeholder:o,theme:a,value:i})=>{const _=(0,external_react_.useRef)(null),[s,l]=(0,external_react_.useState)(),[c,u]=(0,external_react_.useState)(null!=i?i:"");return void 0!==i&&c!==i&&u(i),(0,external_react_.useEffect)((()=>{const e=_.current;if(!e)return;const t=new ResizeObserver((()=>{l(e.scrollHeight)}));return t.observe(e),()=>{t.disconnect()}}),[]),(0,external_react_.useEffect)((()=>{const e=_.current;e&&l(e.scrollHeight)}),[c]),(0,jsx_runtime.jsxs)("div",{className:a.container,children:[(0,jsx_runtime.jsx)("textarea",{className:`${a.textarea} ${a.hidden}`,readOnly:!0,ref:_,value:c}),(0,jsx_runtime.jsx)("textarea",{className:a.textarea,disabled:e,onBlur:t,onChange:void 0===i?e=>{u(e.target.value)}:r,onKeyDown:n,placeholder:o,style:{height:s},value:c})]})};var components_TextArea=react_themes_default()(TextArea,"TextArea",TextArea_style),src_dirname="/";if(__webpack_require__.g.REACT_UTILS_LIBRARY_LOADED)throw Error("React utils library is already loaded");__webpack_require__.g.REACT_UTILS_LIBRARY_LOADED=!0;const server=webpack.requireWeak("./server",src_dirname),client=server?void 0:__webpack_require__(969).A;return __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-helmet"),require("@dr.pogodin/react-themes"),require("cookie"),require("dayjs"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-router")):"function"==typeof define&&define.amd?define(["@dr.pogodin/js-utils","@dr.pogodin/react-global-state","@dr.pogodin/react-helmet","@dr.pogodin/react-themes","cookie","dayjs","node-forge/lib/aes","node-forge/lib/forge","qs","react","react-dom","react-dom/client","react-router"],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-helmet"),require("@dr.pogodin/react-themes"),require("cookie"),require("dayjs"),require("node-forge/lib/aes"),require("node-forge/lib/forge"),require("qs"),require("react"),require("react-dom"),require("react-dom/client"),require("react-router")):e["@dr.pogodin/react-utils"]=t(e["@dr.pogodin/js-utils"],e["@dr.pogodin/react-global-state"],e["@dr.pogodin/react-helmet"],e["@dr.pogodin/react-themes"],e.cookie,e.dayjs,e["node-forge/lib/aes"],e["node-forge/lib/forge"],e.qs,e.react,e["react-dom"],e["react-dom/client"],e["react-router"])}("undefined"!=typeof self?self:this,(function(__WEBPACK_EXTERNAL_MODULE__864__,__WEBPACK_EXTERNAL_MODULE__126__,__WEBPACK_EXTERNAL_MODULE__264__,__WEBPACK_EXTERNAL_MODULE__859__,__WEBPACK_EXTERNAL_MODULE__462__,__WEBPACK_EXTERNAL_MODULE__185__,__WEBPACK_EXTERNAL_MODULE__958__,__WEBPACK_EXTERNAL_MODULE__814__,__WEBPACK_EXTERNAL_MODULE__360__,__WEBPACK_EXTERNAL_MODULE__155__,__WEBPACK_EXTERNAL_MODULE__514__,__WEBPACK_EXTERNAL_MODULE__236__,__WEBPACK_EXTERNAL_MODULE__707__){return function(){"use strict";var __webpack_modules__={48:function(e,t,n){var r;n.d(t,{B:function(){return o},p:function(){return a}});const o="object"!=typeof process||!(null!==(r=process.versions)&&void 0!==r&&r.node)||!!n.g.REACT_UTILS_FORCE_CLIENT_SIDE,a=!o},126:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__126__},148: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__(724);function requireWeak(modulePath,basePath){if(_isomorphy__WEBPACK_IMPORTED_MODULE_0__.IS_CLIENT_SIDE)return null;try{const req=eval("require"),{resolve:resolve}=req("path"),path=basePath?resolve(basePath,modulePath):modulePath,module=req(path);if(!("default"in module)||!module.default)return module;const{default:def,...named}=module,res=def;return Object.entries(named).forEach((([e,t])=>{const n=res[e];if(n)res[e]=t;else if(n!==t)throw Error("Conflict between default and named exports")})),res}catch{return null}}function resolveWeak(e){return e}},155:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__155__},185:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__185__},208:function(e,t){var n=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function o(e,t,r){var o=null;if(void 0!==r&&(o=""+r),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in r={},t)"key"!==a&&(r[a]=t[a]);else r=t;return t=r.ref,{$$typeof:n,type:e,key:o,ref:void 0!==t?t:null,props:r}}t.Fragment=r,t.jsx=o,t.jsxs=o},236:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__236__},264:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__264__},360:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__360__},462:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__462__},514:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__514__},540: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)},668: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__(540);let inj={};const metaElement="undefined"==typeof document?null:document.querySelector('meta[itemprop="drpruinj"]');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"undefined"!=typeof window&&window.REACT_UTILS_INJECTION?(inj=window.REACT_UTILS_INJECTION,delete window.REACT_UTILS_INJECTION):inj={};function getInj(){return inj}},707:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__707__},724: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 _},getBuildInfo:function(){return r.F},isDevBuild:function(){return a},isProdBuild:function(){return i}});var r=n(540),o=n(48);function a(){return!1}function i(){return!0}function _(){return(0,r.F)().timestamp}},814:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__814__},859:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__859__},864:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__864__},922:function(e,t,n){e.exports=n(208)},958:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__958__},969:function(e,t,n){n.d(t,{A:function(){return l}});var r=n(236),o=n(264),a=n(707),i=n(126),_=n(668),s=n(922);function l(e,t={}){var n;const l=document.getElementById("react-view");if(!l)throw Error("Failed to find container for React app");const c=(0,s.jsx)(i.GlobalStateProvider,{initialState:null!==(n=(0,_.A)().ISTATE)&&void 0!==n?n:t.initialState,children:(0,s.jsx)(a.BrowserRouter,{children:(0,s.jsx)(o.HelmetProvider,{children:(0,s.jsx)(e,{})})})});t.dontHydrate?(0,r.createRoot)(l).render(c):(0,r.hydrateRoot)(l,c)}}},__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__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Barrier:function(){return js_utils_.Barrier},BaseButton:function(){return BaseButton},BaseModal:function(){return BaseModal},Button:function(){return Button},Checkbox:function(){return components_Checkbox},CustomDropdown:function(){return CustomDropdown},Dropdown:function(){return NativeDropdown},Emitter:function(){return js_utils_.Emitter},GlobalStateProvider:function(){return react_global_state_.GlobalStateProvider},Input:function(){return components_Input},Link:function(){return components_Link},MetaTags:function(){return react_helmet_.MetaTags},Modal:function(){return Modal},NavLink:function(){return components_NavLink},PageLayout:function(){return components_PageLayout},Semaphore:function(){return js_utils_.Semaphore},Switch:function(){return Switch},TextArea:function(){return components_TextArea},ThemeProvider:function(){return react_themes_.ThemeProvider},Throbber:function(){return components_Throbber},WithTooltip:function(){return WithTooltip},YouTubeVideo:function(){return components_YouTubeVideo},client:function(){return client},config:function(){return utils_config},getGlobalState:function(){return react_global_state_.getGlobalState},getSsrContext:function(){return getSsrContext},isomorphy:function(){return isomorphy},newAsyncDataEnvelope:function(){return react_global_state_.newAsyncDataEnvelope},server:function(){return server},splitComponent:function(){return splitComponent},themed:function(){return themed},time:function(){return utils_time},useAsyncCollection:function(){return react_global_state_.useAsyncCollection},useAsyncData:function(){return react_global_state_.useAsyncData},useGlobalState:function(){return react_global_state_.useGlobalState},webpack:function(){return webpack},withGlobalStateType:function(){return react_global_state_.withGlobalStateType},withRetries:function(){return js_utils_.withRetries}});var global={},react_themes_=__webpack_require__(859),react_themes_default=__webpack_require__.n(react_themes_),environment_check=__webpack_require__(48),webpack=__webpack_require__(148),_ref;const config=null!==(_ref=environment_check.B?__webpack_require__(668).A().CONFIG:(0,webpack.requireWeak)("config"))&&void 0!==_ref?_ref:{};if(environment_check.B&&"undefined"!=typeof document){const e=__webpack_require__(462);config.CSRF=e.parse(document.cookie).csrfToken}var utils_config=config,isomorphy=__webpack_require__(724),external_cookie_=__webpack_require__(462),external_react_=__webpack_require__(155),external_dayjs_=__webpack_require__(185),external_dayjs_default=__webpack_require__.n(external_dayjs_),js_utils_=__webpack_require__(864),react_global_state_=__webpack_require__(126);const{getSsrContext:getSsrContext}=(0,react_global_state_.withGlobalStateType)();function useCurrent({autorefresh:e=!1,globalStatePath:t="currentTime",precision:n=5*js_utils_.SEC_MS}={}){const[r,o]=(0,react_global_state_.useGlobalState)(t,Date.now);return(0,external_react_.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}function useTimezoneOffset({cookieName:e="timezoneOffset",globalStatePath:t="timezoneOffset"}={}){const n=getSsrContext(!1),[r,o]=(0,react_global_state_.useGlobalState)(t,(()=>{const t=e&&(null==n?void 0:n.req.cookies[e]);return t?parseInt(t):0}));return(0,external_react_.useEffect)((()=>{const t=(new Date).getTimezoneOffset();o(t),e&&(document.cookie=(0,external_cookie_.serialize)(e,t.toString(),{path:"/"}))}),[e,o]),r}const time={DAY_MS:js_utils_.DAY_MS,HOUR_MS:js_utils_.HOUR_MS,MIN_MS:js_utils_.MIN_MS,SEC_MS:js_utils_.SEC_MS,YEAR_MS:js_utils_.YEAR_MS,now:Date.now,timer:js_utils_.timer,useCurrent:useCurrent,useTimezoneOffset:useTimezoneOffset};var utils_time=Object.assign(external_dayjs_default(),time),jsx_runtime=__webpack_require__(922);let clientChunkGroups;var _require$default$CHUN;isomorphy.IS_CLIENT_SIDE&&(clientChunkGroups=null!==(_require$default$CHUN=__webpack_require__(668).A().CHUNK_GROUPS)&&void 0!==_require$default$CHUN?_require$default$CHUN:{});const refCounts={};function getPublicPath(){return(0,isomorphy.getBuildInfo)().publicPath}function bookStyleSheet(e,t,n){let r;const o=`${getPublicPath()}/${e}`,a=`${document.location.origin}${o}`;if(!t.has(a)){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 js_utils_.Barrier,e.addEventListener("load",(()=>{if(!r)throw Error("Internal error");r.resolve()})),e.addEventListener("error",(()=>{if(!r)throw Error("Internal error");r.resolve()}))}if(n){var i;const e=null!==(i=refCounts[o])&&void 0!==i?i:0;refCounts[o]=1+e}return r}function getLoadedStyleSheets(){const e=new Set,{styleSheets:t}=document;for(const{href:n}of t)n&&e.add(n);return e}function assertChunkName(e,t){if(!t[e])throw Error(`Unknown chunk name "${e}"`)}async function bookStyleSheets(e,t,n){const r=[],o=t[e];if(!o)return Promise.resolve();const a=getLoadedStyleSheets();for(const e of o)if(e.endsWith(".css")){const t=bookStyleSheet(e,a,n);t&&r.push(t)}return r.length?Promise.allSettled(r).then():Promise.resolve()}function freeStyleSheets(e,t){const n=t[e];if(n)for(const e of n)if(e.endsWith(".css")){const t=`${getPublicPath()}/${e}`,n=refCounts[t];n&&(n<=1?(document.head.querySelector(`link[href="${t}"]`).remove(),delete refCounts[t]):refCounts[t]=n-1)}}const usedChunkNames=new Set;function splitComponent({chunkName:e,getComponent:t,placeholder:n}){if(isomorphy.IS_CLIENT_SIDE&&assertChunkName(e,clientChunkGroups),usedChunkNames.has(e))throw Error(`Repeated splitComponent() call for the chunk "${e}"`);usedChunkNames.add(e);const r=(0,external_react_.lazy)((async()=>{const n=await t(),r="default"in n?n.default:n;return isomorphy.IS_CLIENT_SIDE&&await bookStyleSheets(e,clientChunkGroups,!1),{default:({children:t,ref:n,...o})=>{if(isomorphy.IS_SERVER_SIDE){const{chunkGroups:t,chunks:n}=getSsrContext();assertChunkName(e,t),n.includes(e)||n.push(e)}return(0,external_react_.useInsertionEffect)((()=>(bookStyleSheets(e,clientChunkGroups,!0),()=>{freeStyleSheets(e,clientChunkGroups)})),[]),(0,jsx_runtime.jsx)(r,{...o,ref:n,children:t})}}}));return({children:e,...t})=>(0,jsx_runtime.jsx)(external_react_.Suspense,{fallback:n,children:(0,jsx_runtime.jsx)(r,{...t,children:e})})}const themed=react_themes_default();themed.COMPOSE=react_themes_.COMPOSE,themed.PRIORITY=react_themes_.PRIORITY;var react_helmet_=__webpack_require__(264);function isValue(e){const t=typeof e;return"number"===t||"string"===t}function optionValueName(e){var t;return isValue(e)?[e,e]:[e.value,null!==(t=e.name)&&void 0!==t?t:e.value]}var external_react_dom_=__webpack_require__(514),external_react_dom_default=__webpack_require__.n(external_react_dom_),base_theme={overlay:"ye2BZo",context:"Szmbbz",ad:"Ah-Nsc",hoc:"Wki41G",container:"gyZ4rc"},styles={scrollingDisabledByModal:"_5fRFtF"};const BaseModal=({cancelOnScrolling:e,children:t,containerStyle:n,dontDisableScrolling:r,onCancel:o,overlayStyle:a,style:i,testId:_,testIdForOverlay:s,theme:l})=>{const c=(0,external_react_.useRef)(null),u=(0,external_react_.useRef)(null),[d,m]=(0,external_react_.useState)();(0,external_react_.useEffect)((()=>{const e=document.createElement("div");return document.body.appendChild(e),m(e),()=>{document.body.removeChild(e)}}),[]),(0,external_react_.useEffect)((()=>(e&&o&&(window.addEventListener("scroll",o),window.addEventListener("wheel",o)),()=>{e&&o&&(window.removeEventListener("scroll",o),window.removeEventListener("wheel",o))})),[e,o]),(0,external_react_.useEffect)((()=>(r||document.body.classList.add(styles.scrollingDisabledByModal),()=>{r||document.body.classList.remove(styles.scrollingDisabledByModal)})),[r]);const p=(0,external_react_.useMemo)((()=>(0,jsx_runtime.jsx)("div",{onFocus:()=>{var e;const t=c.current.querySelectorAll("*");for(let e=t.length-1;e>=0;--e)if(t[e].focus(),document.activeElement===t[e])return;null===(e=u.current)||void 0===e||e.focus()},tabIndex:0})),[]);return d?external_react_dom_default().createPortal((0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[p,(0,jsx_runtime.jsx)("div",{"aria-label":"Cancel",className:l.overlay,"data-testid":void 0,onClick:e=>{o&&(o(),e.stopPropagation())},onKeyDown:e=>{"Escape"===e.key&&o&&(o(),e.stopPropagation())},ref:e=>{e&&e!==u.current&&(u.current=e,e.focus())},role:"button",style:a,tabIndex:0}),(0,jsx_runtime.jsx)("div",{"aria-modal":"true",className:l.container,"data-testid":void 0,onClick:e=>{e.stopPropagation()},onWheel:e=>{e.stopPropagation()},ref:c,role:"dialog",style:null!=i?i:n,children:t}),(0,jsx_runtime.jsx)("div",{onFocus:()=>{var e;null===(e=u.current)||void 0===e||e.focus()},tabIndex:0}),p]}),d):null};var Modal=react_themes_default()(BaseModal,"Modal",base_theme),style={overlay:"jKsMKG"};function areEqual(e,t){return(null==e?void 0:e.left)===(null==t?void 0:t.left)&&(null==e?void 0:e.top)===(null==t?void 0:t.top)&&(null==e?void 0:e.width)===(null==t?void 0:t.width)}const Options=({containerClass:e,containerStyle:t,filter:n,onCancel:r,onChange:o,optionClass:a,options:i,ref:_})=>{const s=(0,external_react_.useRef)(null);(0,external_react_.useImperativeHandle)(_,(()=>({measure:()=>{var e;const t=null===(e=s.current)||void 0===e?void 0:e.parentElement;if(!t)return;const n=s.current.getBoundingClientRect(),r=window.getComputedStyle(t),o=parseFloat(r.marginBottom),a=parseFloat(r.marginTop);return n.height+=o+a,n}})),[]);const l=[];for(const e of i)if(!n||n(e)){const[t,n]=optionValueName(e);l.push((0,jsx_runtime.jsx)("div",{className:a,onClick:e=>{o(t),e.stopPropagation()},onKeyDown:e=>{"Enter"===e.key&&(o(t),e.stopPropagation())},role:"button",tabIndex:0,children:n},t))}return(0,jsx_runtime.jsx)(BaseModal,{cancelOnScrolling:!0,dontDisableScrolling:!0,onCancel:r,style:t,theme:{ad:"",container:e,context:"",hoc:"",overlay:style.overlay},children:(0,jsx_runtime.jsx)("div",{ref:s,children:l})})};var CustomDropdown_Options=Options,theme={container:"oQKv0Y",context:"_9Tod5r",ad:"R58zIg",hoc:"O-Tp1i",label:"YUPUNs",dropdown:"pNEyAA",option:"LD2Kzy",select:"LP5azC",arrow:"-wscve",active:"k2UDsV",upward:"HWRvu4"};const BaseCustomDropdown=({filter:e,label:t,onChange:n,options:r,theme:o,value:a})=>{var i,_;const[s,l]=(0,external_react_.useState)(!1),c=(0,external_react_.useRef)(null),u=(0,external_react_.useRef)(null),[d,m]=(0,external_react_.useState)(),[p,f]=(0,external_react_.useState)(!1);(0,external_react_.useEffect)((()=>{if(!s)return;let e;const t=()=>{var n,r;const o=null===(n=c.current)||void 0===n?void 0:n.getBoundingClientRect(),a=null===(r=u.current)||void 0===r?void 0:r.measure();if(o&&a){var i,_;const e=o.bottom+a.height<(null!==(i=null===(_=window.visualViewport)||void 0===_?void 0:_.height)&&void 0!==i?i:0),t=o.top-a.height>0,n=!e&&t;f(n);const r=n?{left:o.left,top:o.top-a.height-1,width:o.width}:{left:o.left,top:o.bottom,width:o.width};m((e=>areEqual(e,r)?e:r))}e=requestAnimationFrame(t)};return requestAnimationFrame(t),()=>{cancelAnimationFrame(e)}}),[s]);const h=e=>{var t,n;const r=window.visualViewport,o=c.current.getBoundingClientRect();l(!0),m({left:null!==(t=null==r?void 0:r.width)&&void 0!==t?t:0,top:null!==(n=null==r?void 0:r.height)&&void 0!==n?n:0,width:o.width}),e.stopPropagation()};let b=(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"‌"});for(const t of r)if(!e||e(t)){const[e,n]=optionValueName(t);if(e===a){b=n;break}}let E=o.container;s&&(E+=` ${o.active}`);let x=null!==(i=o.select)&&void 0!==i?i:"";return p&&(E+=` ${o.upward}`,x+=` ${o.upward}`),(0,jsx_runtime.jsxs)("div",{className:E,children:[void 0===t?null:(0,jsx_runtime.jsx)("div",{className:o.label,children:t}),(0,jsx_runtime.jsxs)("div",{className:o.dropdown,onClick:h,onKeyDown:e=>{"Enter"===e.key&&h(e)},ref:c,role:"listbox",tabIndex:0,children:[b,(0,jsx_runtime.jsx)("div",{className:o.arrow})]}),s?(0,jsx_runtime.jsx)(CustomDropdown_Options,{containerClass:x,containerStyle:d,onCancel:()=>{l(!1)},onChange:e=>{l(!1),n&&n(e)},optionClass:null!==(_=o.option)&&void 0!==_?_:"",options:r,ref:u}):null]})};var CustomDropdown=react_themes_default()(BaseCustomDropdown,"CustomDropdown",theme),NativeDropdown_theme={dropdown:"kI9A9U",context:"xHyZo4",ad:"ADu59e",hoc:"FTP2bb",arrow:"DubGkT",container:"WtSZPd",active:"ayMn7O",label:"K7JYKw",option:"_27pZ6W",hiddenOption:"clAKFJ",select:"N0Fc14",invalid:"wL4umU"};const Dropdown=({filter:e,label:t,onChange:n,options:r,testId:o,theme:a,value:i})=>{let _=!1;const s=[];for(const t of r)if(!e||e(t)){const[e,n]=optionValueName(t);_||(_=e===i),s.push((0,jsx_runtime.jsx)("option",{className:a.option,value:e,children:n},e))}const l=_?null:(0,jsx_runtime.jsx)("option",{className:a.hiddenOption,disabled:!0,value:i,children:i},"__reactUtilsHiddenOption");let c=a.select;return _||(c+=` ${a.invalid}`),(0,jsx_runtime.jsxs)("div",{className:a.container,children:[void 0===t?null:(0,jsx_runtime.jsx)("div",{className:a.label,children:t}),(0,jsx_runtime.jsxs)("div",{className:a.dropdown,children:[(0,jsx_runtime.jsxs)("select",{className:c,"data-testid":void 0,onChange:n,value:i,children:[l,s]}),(0,jsx_runtime.jsx)("div",{className:a.arrow})]})]})};var NativeDropdown=react_themes_default()(Dropdown,"Dropdown",NativeDropdown_theme),Switch_theme={container:"AWNvRj",context:"VMHfnP",ad:"HNliRC",hoc:"_2Ue-db",option:"fUfIAd",selected:"Wco-qk",options:"CZYtcC"};const BaseSwitch=({label:e,onChange:t,options:n,theme:r,value:o})=>{if(!n||!r.option)throw Error("Internal error");const a=[];for(const e of n){const[n,i]=optionValueName(e);let _,s=r.option;n===o?s+=` ${r.selected}`:t&&(_=()=>{t(n)}),a.push(_?(0,jsx_runtime.jsx)("div",{className:s,onClick:_,onKeyDown:e=>{"Enter"===e.key&&_()},role:"button",tabIndex:0,children:i},n):(0,jsx_runtime.jsx)("div",{className:s,children:i},n))}return(0,jsx_runtime.jsxs)("div",{className:r.container,children:[e?(0,jsx_runtime.jsx)("div",{className:r.label,children:e}):null,(0,jsx_runtime.jsx)("div",{className:r.options,children:a})]})};var Switch=react_themes_default()(BaseSwitch,"Switch",Switch_theme),external_react_router_=__webpack_require__(707),GenericLink_style={link:"zH52sA"};const GenericLink=({children:e,className:t,disabled:n,enforceA:r,keepScrollPosition:o,onClick:a,onMouseDown:i,openNewTab:_,replace:s,routerLinkType:l,to:c,...u})=>{if(n||r||_||c.match(/^(#|(https?|mailto):)/))return(0,jsx_runtime.jsx)("a",{className:(t?t+" ":"")+"zH52sA",href:c,onClick:n?e=>{e.preventDefault()}:a,onMouseDown:n?e=>{e.preventDefault()}:i,rel:"noopener noreferrer",target:_?"_blank":"",children:e});const d=l;return(0,jsx_runtime.jsx)(d,{className:t,discover:"none",onClick:e=>{a&&a(e),o||window.scroll(0,0)},onMouseDown:i,replace:s,to:c,...u,children:e})};var components_GenericLink=GenericLink;const Link=e=>(0,jsx_runtime.jsx)(components_GenericLink,{...e,routerLinkType:external_react_router_.Link});var components_Link=Link,Button_style={button:"E1FNQT",context:"KM0v4f",ad:"_3jm1-Q",hoc:"_0plpDL",active:"MAe9O6",disabled:"Br9IWV"};const BaseButton=({active:e,children:t,disabled:n,enforceA:r,onClick:o,onMouseDown:a,onMouseUp:i,onPointerDown:_,onPointerUp:s,openNewTab:l,replace:c,testId:u,theme:d,to:m})=>{let p=d.button;return e&&d.active&&(p+=` ${d.active}`),n?(d.disabled&&(p+=` ${d.disabled}`),(0,jsx_runtime.jsx)("div",{className:p,"data-testid":void 0,children:t})):m?(0,jsx_runtime.jsx)(components_Link,{className:p,"data-testid":void 0,enforceA:r,onClick:o,onMouseDown:a,onMouseUp:i,onPointerDown:_,onPointerUp:s,openNewTab:l,replace:c,to:m,children:t}):(0,jsx_runtime.jsx)("div",{className:p,"data-testid":void 0,onClick:o,onKeyDown:o?e=>{"Enter"===e.key&&o(e)}:void 0,onMouseDown:a,onMouseUp:i,onPointerDown:_,onPointerUp:s,role:"button",tabIndex:0,children:t})};var Button=react_themes_default()(BaseButton,"Button",Button_style),Checkbox_theme={checkbox:"A-f8qJ",context:"dNQcC6",ad:"earXxa",hoc:"qAPfQ6",indeterminate:"N9bCb8",container:"Kr0g3M",label:"_3dML-O",disabled:"EzQra1"};const Checkbox=({checked:e,disabled:t,label:n,onChange:r,testId:o,theme:a})=>{let i=a.container;t&&(i+=` ${a.disabled}`);let _=a.checkbox;return"indeterminate"===e&&(_+=` ${a.indeterminate}`),(0,jsx_runtime.jsxs)("div",{className:i,children:[void 0===n?null:(0,jsx_runtime.jsx)("div",{className:a.label,children:n}),(0,jsx_runtime.jsx)("input",{checked:void 0===e?void 0:!0===e,className:_,"data-testid":void 0,disabled:t,onChange:r,onClick:e=>{e.stopPropagation()},type:"checkbox"})]})};var components_Checkbox=react_themes_default()(Checkbox,"Checkbox",Checkbox_theme),Input_theme={container:"Cxx397",context:"X5WszA",ad:"_8s7GCr",hoc:"TVlBYc",input:"M07d4s",label:"gfbdq-"};const Input=({label:e,ref:t,testId:n,theme:r,...o})=>(0,jsx_runtime.jsxs)("span",{className:r.container,children:[void 0===e?null:(0,jsx_runtime.jsx)("div",{className:r.label,children:e}),(0,jsx_runtime.jsx)("input",{className:r.input,"data-testid":void 0,ref:t,...o})]});var components_Input=react_themes_default()(Input,"Input",Input_theme),PageLayout_base_theme={container:"T3cuHB",context:"m4mL-M",ad:"m3-mdC",hoc:"J15Z4H",mainPanel:"pPlQO2",sidePanel:"lqNh4h"};const PageLayout=({children:e,leftSidePanelContent:t,rightSidePanelContent:n,theme:r})=>(0,jsx_runtime.jsxs)("div",{className:r.container,children:[(0,jsx_runtime.jsx)("div",{className:[r.sidePanel,r.leftSidePanel].join(" "),children:t}),(0,jsx_runtime.jsx)("div",{className:r.mainPanel,children:e}),(0,jsx_runtime.jsx)("div",{className:[r.sidePanel,r.rightSidePanel].join(" "),children:n})]});var components_PageLayout=react_themes_default()(PageLayout,"PageLayout",PageLayout_base_theme);const NavLink=e=>(0,jsx_runtime.jsx)(components_GenericLink,{...e,routerLinkType:external_react_router_.NavLink});var components_NavLink=NavLink,Throbber_theme={container:"_7zdld4",context:"uIObt7",ad:"XIxe9o",hoc:"YOyORH",circle:"dBrB4g",bouncing:"TJe-6j"};const Throbber=({theme:e})=>(0,jsx_runtime.jsxs)("span",{className:e.container,children:[(0,jsx_runtime.jsx)("span",{className:e.circle}),(0,jsx_runtime.jsx)("span",{className:e.circle}),(0,jsx_runtime.jsx)("span",{className:e.circle})]});var components_Throbber=react_themes_default()(Throbber,"Throbber",Throbber_theme);let PLACEMENTS=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 ARROW_STYLE_DOWN=["border-bottom-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";"),ARROW_STYLE_UP=["border-top-color:transparent","border-left-color:transparent","border-right-color:transparent"].join(";");function createTooltipComponents(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),{arrow:t,container:r,content:n}}function calcTooltipRects(e){return{arrow:e.arrow.getBoundingClientRect(),container:e.container.getBoundingClientRect()}}function calcViewportRect(){const{scrollX:e,scrollY:t}=window,{documentElement:{clientHeight:n,clientWidth:r}}=document;return{bottom:t+n,left:e,right:e+r,top:t}}function calcPositionAboveXY(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:ARROW_STYLE_DOWN}}function setComponentPositions(e,t,n,r,o){const a=calcTooltipRects(o),i=calcViewportRect(),_=calcPositionAboveXY(e,t,a);if(_.containerX<i.left+6)_.containerX=i.left+6,_.arrowX=Math.max(6,e-_.containerX-a.arrow.width/2);else{const t=i.right-6-a.container.width;_.containerX>t&&(_.containerX=t,_.arrowX=Math.min(a.container.width-6,e-_.containerX-a.arrow.width/2))}_.containerY<i.top+6&&(_.containerY+=a.container.height+2*a.arrow.height,_.arrowY-=a.container.height+a.arrow.height,_.baseArrowStyle=ARROW_STYLE_UP);const s=`left:${_.containerX}px;top:${_.containerY}px`;o.container.setAttribute("style",s);const l=`${_.baseArrowStyle};left:${_.arrowX}px;top:${_.arrowY}px`;o.arrow.setAttribute("style",l)}const Tooltip=({children:e,ref:t,theme:n})=>{const{current:r}=(0,external_react_.useRef)({lastElement:void 0,lastPageX:0,lastPageY:0,lastPlacement:void 0}),[o,a]=(0,external_react_.useState)(null),i=(e,t,n,a)=>{r.lastElement=a,r.lastPageX=e,r.lastPageY=t,r.lastPlacement=n,o&&setComponentPositions(e,t,n,a,o)};return(0,external_react_.useImperativeHandle)(t,(()=>({pointTo:i}))),(0,external_react_.useEffect)((()=>{const e=createTooltipComponents(n);return a(e),()=>{document.body.removeChild(e.container),a(null)}}),[n]),(0,external_react_.useEffect)((()=>{o&&setComponentPositions(r.lastPageX,r.lastPageY,r.lastPlacement,r.lastElement,o)}),[o,r.lastPageX,r.lastPageY,r.lastPlacement,r.lastElement]),o?(0,external_react_dom_.createPortal)(e,o.content):null};var WithTooltip_Tooltip=Tooltip,default_theme={arrow:"M9gywF",ad:"_4xT7zE",hoc:"zd-vnH",context:"GdZucr",container:"f9gY8K",appearance:"L4ubm-",wrapper:"_4qDBRM"};const Wrapper=({children:e,placement:t=PLACEMENTS.ABOVE_CURSOR,tip:n,theme:r})=>{const{current:o}=(0,external_react_.useRef)({lastCursorX:0,lastCursorY:0,timerId:void 0,triggeredByTouch:!1}),a=(0,external_react_.useRef)(null),i=(0,external_react_.useRef)(null),[_,s]=(0,external_react_.useState)(!1);return(0,external_react_.useEffect)((()=>{if(_&&null!==n){a.current&&a.current.pointTo(o.lastCursorX+window.scrollX,o.lastCursorY+window.scrollY,t,i.current);const e=()=>{s(!1)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}}),[o.lastCursorX,o.lastCursorY,t,_,n]),(0,jsx_runtime.jsxs)("div",{className:r.wrapper,onClick:()=>{o.timerId&&(clearTimeout(o.timerId),o.timerId=void 0,o.triggeredByTouch=!1)},onMouseLeave:()=>{s(!1)},onMouseMove:e=>{((e,n)=>{if(_){const r=i.current.getBoundingClientRect();e<r.left||e>r.right||n<r.top||n>r.bottom?s(!1):a.current&&a.current.pointTo(e+window.scrollX,n+window.scrollY,t,i.current)}else{var r;o.lastCursorX=e,o.lastCursorY=n,o.triggeredByTouch?null!==(r=o.timerId)&&void 0!==r||(o.timerId=setTimeout((()=>{o.triggeredByTouch=!1,o.timerId=void 0,s(!0)}),300)):s(!0)}})(e.clientX,e.clientY)},onTouchStart:()=>{o.triggeredByTouch=!0},ref:i,role:"presentation",children:[_&&null!==n?(0,jsx_runtime.jsx)(WithTooltip_Tooltip,{ref:a,theme:r,children:n}):null,e]})},ThemedWrapper=react_themes_default()(Wrapper,"WithTooltip",default_theme),e=ThemedWrapper;e.PLACEMENTS=PLACEMENTS;var WithTooltip=e,external_qs_=__webpack_require__(360),external_qs_default=__webpack_require__.n(external_qs_),base={container:"sXHM81",context:"veKyYi",ad:"r3ABzd",hoc:"YKcPnR",video:"SlV2zw"},throbber={container:"jTxmOX",context:"dzIcLh",ad:"_5a9XX1",hoc:"_7sH52O"};const YouTubeVideo=({autoplay:e,src:t,theme:n,title:r})=>{var o,a;const i=t.split("?");let[_]=i;const[,s]=i,l=s?external_qs_default().parse(s):{};return _=`https://www.youtube.com/embed/${null!==(o=l.v)&&void 0!==o?o:null===(a=_)||void 0===a||null===(a=a.match(/\/([a-zA-Z0-9-_]*)$/))||void 0===a?void 0:a[1]}`,delete l.v,l.autoplay=e?"1":"0",_+=`?${external_qs_default().stringify(l)}`,(0,jsx_runtime.jsxs)("div",{className:n.container,children:[(0,jsx_runtime.jsx)(components_Throbber,{theme:throbber}),(0,jsx_runtime.jsx)("iframe",{allow:"autoplay",allowFullScreen:!0,className:n.video,src:_,title:r})]})};var components_YouTubeVideo=react_themes_default()(YouTubeVideo,"YouTubeVideo",base),TextArea_style={container:"dzMVIB",context:"KVPc7g",ad:"z2GQ0Z",hoc:"_8R1Qdj",label:"Vw9EKL",textarea:"zd-OFg",hidden:"GiHBXI"};const TextArea=({disabled:e,label:t,onBlur:n,onChange:r,onKeyDown:o,placeholder:a,testId:i,theme:_,value:s})=>{const l=(0,external_react_.useRef)(null),[c,u]=(0,external_react_.useState)(),[d,m]=(0,external_react_.useState)(null!=s?s:"");return void 0!==s&&d!==s&&m(s),(0,external_react_.useEffect)((()=>{const e=l.current;if(!e)return;const t=new ResizeObserver((()=>{u(e.scrollHeight)}));return t.observe(e),()=>{t.disconnect()}}),[]),(0,external_react_.useLayoutEffect)((()=>{const e=l.current;e&&u(e.scrollHeight)}),[d]),(0,jsx_runtime.jsxs)("div",{className:_.container,children:[void 0===t?null:(0,jsx_runtime.jsx)("div",{className:_.label,children:t}),(0,jsx_runtime.jsx)("textarea",{className:`${_.textarea} ${_.hidden}`,readOnly:!0,ref:l,tabIndex:-1,value:d||" "}),(0,jsx_runtime.jsx)("textarea",{className:_.textarea,"data-testid":void 0,disabled:e,onBlur:n,onChange:void 0===s?e=>{m(e.target.value)}:r,onKeyDown:o,placeholder:a,style:{height:c},value:d})]})};var components_TextArea=react_themes_default()(TextArea,"TextArea",TextArea_style),src_dirname="/";if(__webpack_require__.g.REACT_UTILS_LIBRARY_LOADED)throw Error("React utils library is already loaded");__webpack_require__.g.REACT_UTILS_LIBRARY_LOADED=!0;const server=webpack.requireWeak("./server",src_dirname),client=server?void 0:__webpack_require__(969).A;return __webpack_exports__}()}));
 //# sourceMappingURL=web.bundle.js.map