@dr.pogodin/react-utils 1.32.0 → 1.33.1

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.areEqual=areEqual;exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _react=require("react");var _Modal=require("../../../Modal");var _common=require("../../common");var _jsxRuntime=require("react/jsx-runtime");const S={"overlay":"jKsMKG"};function areEqual(a,b){return a?.left===b?.left&&a?.top===b?.top&&a?.width===b?.width}const Options=/*#__PURE__*/(0,_react.forwardRef)(({containerClass,containerStyle,filter,onCancel,onChange,optionClass,options},ref)=>{const opsRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,()=>({measure:()=>{const e=opsRef.current?.parentElement;if(!e)return undefined;const rect=opsRef.current?.getBoundingClientRect();const style=window.getComputedStyle(e);const mBottom=parseFloat(style.marginBottom);const mTop=parseFloat(style.marginTop);rect.height+=mBottom+mTop;return rect}}),[]);const optionNodes=[];for(let i=0;i<options.length;++i){const option=options[i];if(!filter||filter(option)){const[iValue,iName]=(0,_common.optionValueName)(option);optionNodes.push(/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:optionClass,onClick:()=>onChange(iValue),onKeyDown:e=>{if(e.key==="Enter"){onChange(iValue)}},role:"button",tabIndex:0,children:iName},iValue))}}return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.BaseModal// Closes the dropdown (cancels the selection) on any page scrolling attempt.
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.areEqual=areEqual;exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _react=require("react");var _Modal=require("../../../Modal");var _common=require("../../common");var _jsxRuntime=require("react/jsx-runtime");const S={"overlay":"jKsMKG"};function areEqual(a,b){return a?.left===b?.left&&a?.top===b?.top&&a?.width===b?.width}const Options=/*#__PURE__*/(0,_react.forwardRef)(({containerClass,containerStyle,filter,onCancel,onChange,optionClass,options},ref)=>{const opsRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,()=>({measure:()=>{const e=opsRef.current?.parentElement;if(!e)return undefined;const rect=opsRef.current?.getBoundingClientRect();const style=window.getComputedStyle(e);const mBottom=parseFloat(style.marginBottom);const mTop=parseFloat(style.marginTop);rect.height+=mBottom+mTop;return rect}}),[]);const optionNodes=[];for(let i=0;i<options.length;++i){const option=options[i];if(!filter||filter(option)){const[iValue,iName]=(0,_common.optionValueName)(option);optionNodes.push(/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:optionClass,onClick:e=>{onChange(iValue);e.stopPropagation()},onKeyDown:e=>{if(e.key==="Enter"){onChange(iValue);e.stopPropagation()}},role:"button",tabIndex:0,children:iName},iValue))}}return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.BaseModal// Closes the dropdown (cancels the selection) on any page scrolling attempt.
 // This is the same native <select> elements do on scrolling, and at least for
 // now we have no reason to deal with complications needed to support open
 // dropdowns during the scrolling (that would need to re-position it in

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_Modal","_common","_jsxRuntime","S","areEqual","a","b","left","top","width","Options","forwardRef","containerClass","containerStyle","filter","onCancel","onChange","optionClass","options","ref","opsRef","useRef","useImperativeHandle","measure","e","current","parentElement","undefined","rect","getBoundingClientRect","style","window","getComputedStyle","mBottom","parseFloat","marginBottom","mTop","marginTop","height","optionNodes","i","length","option","iValue","iName","optionValueName","push","jsx","className","onClick","onKeyDown","key","role","tabIndex","children","BaseModal","cancelOnScrolling","dontDisableScrolling","theme","ad","hoc","container","context","overlay","propTypes","PT","string","isRequired","shape","number","func","optionsValidator","defaultProps","_default","exports","default"],"sources":["../../../../../../../src/shared/components/selectors/CustomDropdown/Options/index.tsx"],"sourcesContent":["import PT from 'prop-types';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { BaseModal } from 'components/Modal';\n\nimport S from './style.scss';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  optionsValidator,\n  optionValueName,\n} from '../../common';\n\nexport type ContainerPosT = {\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport function areEqual(a?: ContainerPosT, b?: ContainerPosT): boolean {\n  return a?.left === b?.left && a?.top === b?.top && a?.width === b?.width;\n}\n\nexport type RefT = {\n  measure: () => DOMRect | undefined;\n};\n\ntype PropsT = {\n  containerClass: string;\n  containerStyle?: ContainerPosT;\n  filter?: (item: OptionT<React.ReactNode> | string) => boolean;\n  optionClass: string;\n  options: OptionsT<React.ReactNode>;\n  onCancel: () => void;\n  onChange: (value: string) => void;\n};\n\nconst Options = forwardRef<RefT, PropsT>(({\n  containerClass,\n  containerStyle,\n  filter,\n  onCancel,\n  onChange,\n  optionClass,\n  options,\n}, ref) => {\n  const opsRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    measure: () => {\n      const e = opsRef.current?.parentElement;\n      if (!e) return undefined;\n\n      const rect = opsRef.current?.getBoundingClientRect();\n      const style = window.getComputedStyle(e);\n      const mBottom = parseFloat(style.marginBottom);\n      const mTop = parseFloat(style.marginTop);\n\n      rect.height += mBottom + mTop;\n\n      return rect;\n    },\n  }), []);\n\n  const optionNodes: React.ReactNode[] = [];\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\n          onClick={() => onChange(iValue)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              onChange(iValue);\n            }\n          }}\n          key={iValue}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {iName}\n        </div>,\n      );\n    }\n  }\n\n  return (\n    <BaseModal\n      // Closes the dropdown (cancels the selection) on any page scrolling attempt.\n      // This is the same native <select> elements do on scrolling, and at least for\n      // now we have no reason to deal with complications needed to support open\n      // dropdowns during the scrolling (that would need to re-position it in\n      // response to the position changes of the root dropdown element).\n      cancelOnScrolling\n      containerStyle={containerStyle}\n      dontDisableScrolling\n      onCancel={onCancel}\n      theme={{\n        ad: '',\n        hoc: '',\n        container: containerClass,\n        context: '',\n        overlay: S.overlay,\n      }}\n    >\n      <div ref={opsRef}>{optionNodes}</div>\n    </BaseModal>\n  );\n});\n\nOptions.propTypes = {\n  containerClass: PT.string.isRequired,\n\n  containerStyle: PT.shape({\n    left: PT.number.isRequired,\n    top: PT.number.isRequired,\n    width: PT.number.isRequired,\n  }),\n\n  filter: PT.func,\n  onCancel: PT.func.isRequired,\n  onChange: PT.func.isRequired,\n  optionClass: PT.string.isRequired,\n  options: optionsValidator.isRequired,\n};\n\nOptions.defaultProps = {\n  containerStyle: undefined,\n  filter: undefined,\n};\n\nexport default Options;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_Modal","_common","_jsxRuntime","S","areEqual","a","b","left","top","width","Options","forwardRef","containerClass","containerStyle","filter","onCancel","onChange","optionClass","options","ref","opsRef","useRef","useImperativeHandle","measure","e","current","parentElement","undefined","rect","getBoundingClientRect","style","window","getComputedStyle","mBottom","parseFloat","marginBottom","mTop","marginTop","height","optionNodes","i","length","option","iValue","iName","optionValueName","push","jsx","className","onClick","stopPropagation","onKeyDown","key","role","tabIndex","children","BaseModal","cancelOnScrolling","dontDisableScrolling","theme","ad","hoc","container","context","overlay","propTypes","PT","string","isRequired","shape","number","func","optionsValidator","defaultProps","_default","exports","default"],"sources":["../../../../../../../src/shared/components/selectors/CustomDropdown/Options/index.tsx"],"sourcesContent":["import PT from 'prop-types';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { BaseModal } from 'components/Modal';\n\nimport S from './style.scss';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  optionsValidator,\n  optionValueName,\n} from '../../common';\n\nexport type ContainerPosT = {\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport function areEqual(a?: ContainerPosT, b?: ContainerPosT): boolean {\n  return a?.left === b?.left && a?.top === b?.top && a?.width === b?.width;\n}\n\nexport type RefT = {\n  measure: () => DOMRect | undefined;\n};\n\ntype PropsT = {\n  containerClass: string;\n  containerStyle?: ContainerPosT;\n  filter?: (item: OptionT<React.ReactNode> | string) => boolean;\n  optionClass: string;\n  options: OptionsT<React.ReactNode>;\n  onCancel: () => void;\n  onChange: (value: string) => void;\n};\n\nconst Options = forwardRef<RefT, PropsT>(({\n  containerClass,\n  containerStyle,\n  filter,\n  onCancel,\n  onChange,\n  optionClass,\n  options,\n}, ref) => {\n  const opsRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    measure: () => {\n      const e = opsRef.current?.parentElement;\n      if (!e) return undefined;\n\n      const rect = opsRef.current?.getBoundingClientRect();\n      const style = window.getComputedStyle(e);\n      const mBottom = parseFloat(style.marginBottom);\n      const mTop = parseFloat(style.marginTop);\n\n      rect.height += mBottom + mTop;\n\n      return rect;\n    },\n  }), []);\n\n  const optionNodes: React.ReactNode[] = [];\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\n          onClick={(e) => {\n            onChange(iValue);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              onChange(iValue);\n              e.stopPropagation();\n            }\n          }}\n          key={iValue}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {iName}\n        </div>,\n      );\n    }\n  }\n\n  return (\n    <BaseModal\n      // Closes the dropdown (cancels the selection) on any page scrolling attempt.\n      // This is the same native <select> elements do on scrolling, and at least for\n      // now we have no reason to deal with complications needed to support open\n      // dropdowns during the scrolling (that would need to re-position it in\n      // response to the position changes of the root dropdown element).\n      cancelOnScrolling\n      containerStyle={containerStyle}\n      dontDisableScrolling\n      onCancel={onCancel}\n      theme={{\n        ad: '',\n        hoc: '',\n        container: containerClass,\n        context: '',\n        overlay: S.overlay,\n      }}\n    >\n      <div ref={opsRef}>{optionNodes}</div>\n    </BaseModal>\n  );\n});\n\nOptions.propTypes = {\n  containerClass: PT.string.isRequired,\n\n  containerStyle: PT.shape({\n    left: PT.number.isRequired,\n    top: PT.number.isRequired,\n    width: PT.number.isRequired,\n  }),\n\n  filter: PT.func,\n  onCancel: PT.func.isRequired,\n  onChange: PT.func.isRequired,\n  optionClass: PT.string.isRequired,\n  options: optionsValidator.isRequired,\n};\n\nOptions.defaultProps = {\n  containerStyle: undefined,\n  filter: undefined,\n};\n\nexport default Options;\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -21,5 +21,5 @@ const defaultTheme={"context":"xHyZo4","ad":"ADu59e","hoc":"FTP2bb","dropdown":"
 // any valid option. In Chrome, and some other browsers, we are able to hide
 // it from the opened dropdown; in others, e.g. Safari, the best we can do is
 // to show it as disabled.
-const hiddenOption=isValidValue?null:/*#__PURE__*/(0,_jsxRuntime.jsx)("option",{disabled:true,className:theme.hiddenOption,value:value,children:value},"__reactUtilsHiddenOption");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.jsxs)("div",{className:theme.dropdown,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)("select",{className:theme.select,onChange:onChange,value:value,children:[hiddenOption,optionElements]}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.arrow})]})]})};const ThemedDropdown=(0,_reactThemes.default)(Dropdown,"Dropdown",_common.validThemeKeys,defaultTheme);Dropdown.propTypes={filter:_propTypes.default.func,label:_propTypes.default.node,onChange:_propTypes.default.func,options:_common.optionsValidator,theme:ThemedDropdown.themeType.isRequired,value:_propTypes.default.string};Dropdown.defaultProps={filter:undefined,label:undefined,onChange:undefined,options:[],value:""};var _default=exports.default=ThemedDropdown;
+const hiddenOption=isValidValue?null:/*#__PURE__*/(0,_jsxRuntime.jsx)("option",{disabled:true,className:theme.hiddenOption,value:value,children:value},"__reactUtilsHiddenOption");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.jsxs)("div",{className:theme.dropdown,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)("select",{className:theme.select,onChange:onChange,value:value,children:[hiddenOption,optionElements]}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.arrow})]})]})};const ThemedDropdown=(0,_reactThemes.default)(Dropdown,"Dropdown",_common.validThemeKeys,defaultTheme);Dropdown.propTypes={filter:_propTypes.default.func,label:_propTypes.default.node,onChange:_propTypes.default.func,options:_common.stringOptionsValidator,theme:ThemedDropdown.themeType.isRequired,value:_propTypes.default.string};Dropdown.defaultProps={filter:undefined,label:undefined,onChange:undefined,options:[],value:""};var _default=exports.default=ThemedDropdown;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_reactThemes","_common","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","theme","value","Error","isValidValue","optionElements","i","length","option","iValue","iName","optionValueName","push","jsx","className","children","hiddenOption","disabled","jsxs","container","undefined","dropdown","select","arrow","ThemedDropdown","themed","validThemeKeys","propTypes","PT","func","node","optionsValidator","themeType","isRequired","string","defaultProps","_default","exports","default"],"sources":["../../../../../../src/shared/components/selectors/NativeDropdown/index.tsx"],"sourcesContent":["// Implements dropdown based on the native HTML <select> element.\n\nimport PT from 'prop-types';\n\nimport themed from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\nimport {\n  type PropsT,\n  optionsValidator,\n  optionValueName,\n  validThemeKeys,\n} from '../common';\n\n/**\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param [props] Component properties.\n * @param [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param [props.label] Dropdown label.\n * @param [props.onChange] Selection event handler.\n * @param [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props.value] Currently selected value.\n * @param [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Dropdown: React.FunctionComponent<PropsT<string>> = ({\n  filter,\n  label,\n  onChange,\n  options,\n  theme,\n  value,\n}) => {\n  if (!options) throw Error('Internal error');\n\n  let isValidValue = false;\n  const optionElements = [];\n\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      isValidValue ||= iValue === value;\n      optionElements.push(\n        <option className={theme.option} key={iValue} value={iValue}>\n          {iName}\n        </option>,\n      );\n    }\n  }\n\n  // NOTE: This element represents the current `value` when it does not match\n  // any valid option. In Chrome, and some other browsers, we are able to hide\n  // it from the opened dropdown; in others, e.g. Safari, the best we can do is\n  // to show it as disabled.\n  const hiddenOption = isValidValue ? null : (\n    <option\n      disabled\n      className={theme.hiddenOption}\n      key=\"__reactUtilsHiddenOption\"\n      value={value}\n    >\n      {value}\n    </option>\n  );\n\n  return (\n    <div className={theme.container}>\n      { label === undefined ? null : <div className={theme.label}>{label}</div> }\n      <div className={theme.dropdown}>\n        <select\n          className={theme.select}\n          onChange={onChange}\n          value={value}\n        >\n          {hiddenOption}\n          {optionElements}\n        </select>\n        <div className={theme.arrow} />\n      </div>\n    </div>\n  );\n};\n\nconst ThemedDropdown = themed(\n  Dropdown,\n  'Dropdown',\n  validThemeKeys,\n  defaultTheme,\n);\n\nDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.node,\n  onChange: PT.func,\n  options: optionsValidator,\n  theme: ThemedDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: '',\n};\n\nexport default ThemedDropdown;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_reactThemes","_common","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","theme","value","Error","isValidValue","optionElements","i","length","option","iValue","iName","optionValueName","push","jsx","className","children","hiddenOption","disabled","jsxs","container","undefined","dropdown","select","arrow","ThemedDropdown","themed","validThemeKeys","propTypes","PT","func","node","stringOptionsValidator","themeType","isRequired","string","defaultProps","_default","exports","default"],"sources":["../../../../../../src/shared/components/selectors/NativeDropdown/index.tsx"],"sourcesContent":["// Implements dropdown based on the native HTML <select> element.\n\nimport PT from 'prop-types';\n\nimport themed from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\nimport {\n  type PropsT,\n  optionValueName,\n  stringOptionsValidator,\n  validThemeKeys,\n} from '../common';\n\n/**\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param [props] Component properties.\n * @param [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param [props.label] Dropdown label.\n * @param [props.onChange] Selection event handler.\n * @param [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props.value] Currently selected value.\n * @param [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Dropdown: React.FunctionComponent<PropsT<string>> = ({\n  filter,\n  label,\n  onChange,\n  options,\n  theme,\n  value,\n}) => {\n  if (!options) throw Error('Internal error');\n\n  let isValidValue = false;\n  const optionElements = [];\n\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      isValidValue ||= iValue === value;\n      optionElements.push(\n        <option className={theme.option} key={iValue} value={iValue}>\n          {iName}\n        </option>,\n      );\n    }\n  }\n\n  // NOTE: This element represents the current `value` when it does not match\n  // any valid option. In Chrome, and some other browsers, we are able to hide\n  // it from the opened dropdown; in others, e.g. Safari, the best we can do is\n  // to show it as disabled.\n  const hiddenOption = isValidValue ? null : (\n    <option\n      disabled\n      className={theme.hiddenOption}\n      key=\"__reactUtilsHiddenOption\"\n      value={value}\n    >\n      {value}\n    </option>\n  );\n\n  return (\n    <div className={theme.container}>\n      { label === undefined ? null : <div className={theme.label}>{label}</div> }\n      <div className={theme.dropdown}>\n        <select\n          className={theme.select}\n          onChange={onChange}\n          value={value}\n        >\n          {hiddenOption}\n          {optionElements}\n        </select>\n        <div className={theme.arrow} />\n      </div>\n    </div>\n  );\n};\n\nconst ThemedDropdown = themed(\n  Dropdown,\n  'Dropdown',\n  validThemeKeys,\n  defaultTheme,\n);\n\nDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.node,\n  onChange: PT.func,\n  options: stringOptionsValidator,\n  theme: ThemedDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: '',\n};\n\nexport default ThemedDropdown;\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/build/production/web.bundle.js

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