@topvisor/ui 0.9.24 → 0.9.26-dev

package/.chunks/popup-CyJ0WBUB.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-CyJ0WBUB.amd.js","sources":["../../src/components/component.ts","../../src/components/popup/lib/popup.globalEvents.ts","../../src/components/popup/popup/style/popup.css?raw","../../src/components/popup/popup/style/popup.m.css?raw","../../src/components/popup/popup/style/popup.pc.css?raw","../../src/components/popup/lib/popup.ts"],"sourcesContent":["import DOM from '@/core/utils/dom';\n\n/**\n * Базовый компонент для js компонентов, не имеет отношения к Vue\n */\nclass Component {\n\n\tstatic componentName = 'Top';\n\n\tcomponentName: string | undefined; // имя класса компонента\n\tclassName: string | undefined; // имя css класса компонента\n\tuid: string | undefined; // уникальный id компонента\n\tel: Element | undefined; // элемент, связанный с компонентом\n\toptions = {}; // параметры компонента\n\n\tunmountEls: Element[] = [];\n\tunmountEvents: any[] = [];\n\n\t// переопредлять нельзя\n\t// если компонент инициирован, необходимо сразу его вернуть и выполнить reInit() вместо mount()\n\t// используется init вместо constructor, так как super constructor выполняется до Object.defineProperty() параметров класса\n\tinit (componentName: string, el: Element, options: object): Component | void {\n\t\tif (!el) {\n\t\t\tthrow componentName + ': el is undefined';\n\t\t}\n\n\t\tconst component = Component.getComponent(el, componentName);\n\n\t\tif (component) {\n\t\t\tcomponent.reInit(options);\n\n\t\t\treturn component;\n\t\t}\n\n\t\tthis.componentName = componentName;\n\t\tthis.className = 'top' + componentName[0].toUpperCase() + componentName.substring(1);\n\t\tthis.uid = this.componentName + (Math.random() + '').replace('.', '');\n\n\t\tthis._setComponent(el);\n\t\tthis.el = el;\n\t\tthis.el.classList.add(this.className);\n\t\tthis.options = Object.assign(this.options, options);\n\n\t\tthis.mount();\n\t}\n\n\t// получить инициированный компонент\n\tstatic getComponent (el: Element, componentName: string): any {\n\t\treturn DOM.storage(el, '#' + componentName);\n\t}\n\n\t// устанвоить компонент\n\t_setComponent (el: Element) {\n\t\tDOM.storage(el, '#' + this.componentName, this);\n\t}\n\n\t// функция подключения компонента\n\tmount (): void {\n\t\tthrow 'Please, add method mount() to component: ' + this.componentName;\n\t}\n\n\t// функция отключения компонента\n\tunmount (): void {\n\t\tDOM.storage(this.el, '#' + this.componentName, null);\n\n\t\tthis.unmountEls.forEach((el) => {\n\t\t\tel.remove();\n\t\t});\n\n\t\tthis.unmountEls = [];\n\n\t\tthis.unmountEvents.forEach((eventData) => {\n\t\t\teventData.el.removeEventListener(eventData.type, eventData.listener, eventData.options);\n\t\t});\n\n\t\tthis.unmountEvents = [];\n\t}\n\n\t// указание новые элементы, которые должны будут удалиться после unmount\n\tregisterElForUnmount (el: Element): void {\n\t\tthis.unmountEls.push(el);\n\t}\n\n\t// указание новые события, которые должны будут удалиться после unmount\n\taddEventListenerWithUnmount (\n\t\tel: Element | Document | Window,\n\t\ttype: keyof GlobalEventHandlersEventMap,\n\t\tlistener: (this: Element, e: Event) => any,\n\t\toptions?: any,\n\t): void {\n\t\tel.addEventListener(type, listener, options);\n\n\t\tthis.registerEventForUnmount(el, type, listener, options);\n\t}\n\n\t// указание новые события, которые должны будут удалиться после unmount\n\tregisterEventForUnmount (\n\t\tel: Element | Document | Window,\n\t\ttype: keyof GlobalEventHandlersEventMap,\n\t\tlistener: (this: Element, e: Event) => any,\n\t\toptions?: any\n\t): void {\n\t\tconst eventData = {\n\t\t\tel: el,\n\t\t\ttype: type,\n\t\t\tlistener: listener,\n\t\t\toptions: options,\n\t\t};\n\n\t\tthis.unmountEvents.push(eventData);\n\t}\n\n\t// функция перенастройки уже подключенного компонента\n\treInit (_options: object): void {\n\t\tthrow 'Please, add method reInit() to component: ' + this.componentName;\n\t}\n\n\tstatic detach (nodes: Node[]): void\n\tstatic detach (nodes: Element): void\n\n\t// удалить элементы из DOM, но не из памяти\n\tstatic detach (nodes: any): void {\n\t\tif (nodes.forEach) {\n\t\t\tnodes.forEach((node: Node) => node.parentElement?.removeChild(node));\n\t\t} else {\n\t\t\tconst el = nodes;\n\t\t\tel.parentElement?.removeChild(el);\n\t\t}\n\t}\n\n}\n\nexport default Component;","import Worker from '@/components/popup/lib/worker';\nimport DOM from '@/core/utils/dom';\n\n/**\n * Глобальные события, для реализации Popup\n * Автоматически инициируется при первой загрузке, не является выгружаемым модулем\n *\n * Если в меню встречает класс .preloader, то событие нажатия на кнопку через enter будет остановлено\n */\nclass GlobalEvents {\n\tstatic init(): void {\n\t\tdocument.addEventListener('click', this.onclick);\n\t\tdocument.addEventListener('keydown', this.onkeydown);\n\t}\n\n\t/**\n\t * Глобальный обработчик кликов\n\t * обрабатывает клики внутри Popup\n\t */\n\tstatic onclick(e: Event): void {\n\t\tif (!(e.target instanceof Element)) return;\n\n\t\t// элементы меню, клик по которым должен его закрыть\n\t\tconst elCloser = e.target.closest('.closer, a, .a, .top-button');\n\t\tif (elCloser) {\n\t\t\t// меню\n\t\t\tconst elPopup = e.target.closest('.top-popup-wrapper');\n\n\t\t\t// клик вне меню\n\t\t\tif (!elPopup) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// элемент имеет модификатор, запрещаюущий закрытие меню по клику на него\n\t\t\tif (elCloser.matches('.top-popup-noCloser')) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// deprecated, ссылки с href=\".\" запрещены, они должны быть заменены на .top-popup_listItem-button\n\t\t\tif (elCloser.getAttribute('href') === '.') {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\n\t\t\t// клик по кнопке открытия другого меню\n\t\t\tif (e.target.matches('[data-top-popup]')) {\n\t\t\t\t// список меню, в котором был сделан клик\n\t\t\t\tconst elUl = e.target.closest('ul');\n\n\t\t\t\t// элемент меню, по которому был сделан клик\n\t\t\t\tconst elItem = e.target.closest('a, .a');\n\n\t\t\t\t// сделать элемент меню, по которому сделан клик активным\n\t\t\t\tif (elUl) {\n\t\t\t\t\telUl.querySelector('a.top-active, .a.top-active')?.classList.remove('top-active');\n\t\t\t\t}\n\n\t\t\t\tif (elItem) {\n\t\t\t\t\telItem.classList.add('top-active');\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// закрыть меню\n\t\t\tWorker.close(elPopup);\n\t\t}\n\n\t\t// клик по фону меню\n\t\tif (e.target.matches('.top-popup-wrapper')) {\n\t\t\tconst elPopup = e.target;\n\n\t\t\tWorker.close(elPopup);\n\t\t}\n\t}\n\n\t/**\n\t * Глобальный обработчик нажатия кнопки на клавиатуре\n\t */\n\tstatic onkeydown(e: KeyboardEvent): void {\n\t\tif (!(e.target instanceof Element)) return;\n\n\t\tconst elPopup = e.target.closest('.top-popup-wrapper');\n\n\t\t// нажатие не в меню\n\t\tif (!elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tWorker.close(elPopup);\n\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\t// атоматическое нажатие кнопок при нажатии Enter\n\t\t\t\tif (!elUl) {\n\t\t\t\t\tif (DOM.querySelectorVisible(elPopup, '.preloader')) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\t// deprecated, старый код на сайте\n\t\t\t\t\tconst elBtn = DOM.querySelectorVisible(elPopup, '.top-popup_footer .go, .top-popup_footer [data-action]');\n\t\t\t\t\tif (elBtn instanceof HTMLElement) {\n\t\t\t\t\t\telBtn.click();\n\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Запуск клика последней кнопки, расположенной в footer'е Popup'а, нажатием клавиши Enter\n\t\t\t\t\tconst elFooterLastBtn = DOM.querySelectorVisibleLast(elPopup, '.top-popup_footer .top-button');\n\t\t\t\t\tif (elFooterLastBtn instanceof HTMLElement) {\n\t\t\t\t\t\telFooterLastBtn.click();\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\t// перейти по ссылке по нажатию на Enter\n\t\t\t\t// данный функуционал игнорирует SPA\n\t\t\t\tconst elLink = DOM.querySelectorVisible(elPopup, 'li > a.top-active');\n\t\t\t\tif (elLink && elLink.getAttribute('href')) {\n\t\t\t\t\t// фокус может находиться на другой ссылке\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\tlocation.href = elLink.getAttribute('href')!;\n\t\t\t\t}\n\n\t\t\t\t// кликнуть по элементу меню по нажатию на Enter\n\t\t\t\tconst elItem = elPopup.querySelector('li > .top-active');\n\t\t\t\tif (elItem instanceof HTMLElement) {\n\t\t\t\t\telItem.click();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\n\t\t\t// управление стрелками\n\t\t\tcase 'ArrowUp':\n\t\t\tcase 'ArrowRight':\n\t\t\tcase 'ArrowDown':\n\t\t\tcase 'ArrowLeft':\n\t\t\t\tif (!elUl) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n\t\t\t\t\tconst elMoreVisible = DOM.querySelectorVisible(elPopup,\n\t\t\t\t\t\t'ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore');\n\t\t\t\t\tif (elMoreVisible) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t}\n\n\t\t\t\tconst elItemActive = elPopup.querySelector('ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active')?.parentElement;\n\n\t\t\t\t// есть подменю\n\t\t\t\tif (e.key === 'ArrowRight' && elItemActive) {\n\t\t\t\t\t// const elItemMoreActive = elItemActive.querySelector('[data-top-popup].top-active');\n\t\t\t\t\t// if (elItemMoreActive) {\n\t\t\t\t\t// \treturn elItemMoreActive.click();\n\t\t\t\t\t// }\n\n\t\t\t\t\tconst elMore = elItemActive.querySelector('.top-active > .top-popup_listMore');\n\t\t\t\t\tif (elMore instanceof HTMLElement) {\n\t\t\t\t\t\treturn elMore.click();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst elsLiVisible = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li:not(.top-popup_liNoSelectable)');\n\t\t\t\tconst countLi = elsLiVisible.length;\n\n\t\t\t\tif (!countLi) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet index = -1;\n\t\t\t\tif (elItemActive) {\n\t\t\t\t\tindex = elsLiVisible.indexOf(elItemActive);\n\t\t\t\t}\n\n\t\t\t\tif (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\n\t\t\t\t\tindex--;\n\t\t\t\t} else {\n\t\t\t\t\tindex++;\n\t\t\t\t}\n\n\t\t\t\t// это первый элемен, \"Назад\" должен закрывать окно\n\t\t\t\tif (e.key === 'ArrowLeft' && index === -1) {\n\t\t\t\t\tif (e.target.matches('input')) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn Worker.close(elPopup);\n\t\t\t\t}\n\n\t\t\t\t// это последний элемен, \"Вперед\" не должен ни чего делать\n\t\t\t\tif (e.key === 'ArrowRight' && index === countLi) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (index < 0) {\n\t\t\t\t\tindex = countLi - 1;\n\t\t\t\t}\n\n\t\t\t\tif (index > countLi - 1) {\n\t\t\t\t\tindex = 0;\n\t\t\t\t}\n\n\t\t\t\telPopup.querySelectorAll('ul.top-popup_content > li > .top-active').forEach(el => el.classList.remove('top-active'));\n\t\t\t\telsLiVisible[index].querySelector(':scope > a, :scope > .a')?.classList.add('top-active');\n\n\t\t\t\tWorker.scrollToActive(elPopup);\n\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n}\n\nexport default GlobalEvents;","export default \":root {\\n\\t--top-popup-z-index: 200000;\\n\\t--top-popup-transition-delay: 100ms;\\n\\n\\t--top-popup-background-color: var(--color-bg-3);\\n\\t--top-popup-background-color-hover: var(--color-theme-75);\\n\\t--top-popup-background-color-active: var(--color-theme-100);\\n\\n\\t--top-popup-border-color: var(--color-line-2-opacity);\\n\\t--top-popup-title-background-color: var(--color-theme-50);\\n\\n\\t/* суммарный отсуп от каря popup до элемента */\\n\\t--top-popup-content-padding: calc(var(--top-popup-list-padding) + var(--top-popup-listItem-padding));\\n\\n\\t/* списки */\\n\\t--top-popup-list-padding: var(--top-padding-2);\\n\\n\\t--top-popup-listItem-radius: var(--top-radius-2);\\n\\t--top-popup-listItem-padding: var(--top-padding-2);\\n}\\n\\n.top-popup-front { position: relative; }\\n\\n.top-popup-wrapper {\\n\\t/* см. recalcPosition() */\\n\\t--top-popup-height: 0px;\\n\\t--top-popup-right-bounding: 0px;\\n\\t--top-popup-bottom-bounding: 0px;\\n\\t--top-popup-top: 0px;\\n\\t--top-popup-right: calc(100vw - var(--top-popup-right-bounding));\\n\\t--top-popup-bottom: calc(var(--100vh) - var(--top-popup-bottom-bounding));\\n\\t--top-popup-left: 0px;\\n\\n\\ttext-align: initial; white-space: normal; word-break: normal;\\n\\tposition: absolute; z-index: 200000;\\n}\\n.top-popup-wrapper:not(.top-popup-wrapper-shown) { overflow: hidden; }\\n\\n/* top-popupPanel */\\n.top-popupPanel {\\n\\tcursor: default;\\n\\tbox-shadow: var(--top-shadow-b);\\n\\tborder-radius: 8px;\\n\\tbackground: var(--top-popup-background-color);\\n\\tposition: absolute; overflow: hidden;\\n\\tdisplay: flex; flex-direction: column;\\n}\\n\\n/* position */\\n.top-popup-wrapper > * {\\n\\topacity: 0;\\n\\ttransition: opacity var(--top-popup-transition-delay) linear, transform var(--top-popup-transition-delay) linear;\\n}\\n.top-popup-wrapper.p0 > * { transform: translateY(-8px); }\\n.top-popup-wrapper.p1 > * { transform: translateY(8px); }\\n.top-popup-wrapper.p2 > * { transform: translateX(8px); }\\n.top-popup-wrapper.p3 > * { transform: translateY(8px); }\\n.top-popup-wrapper.p4 > * { transform: translateX(-8px); }\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > * {opacity: 1;transform: translate(0, 0) !important;}\\n\\n.top-popup-wrapper.p0 > .top-popup { top: calc(-16px); left: calc(0px - 8px); }\\n.top-popup-wrapper.p1 > .top-popup { bottom: calc(100% + 8px); }\\n.top-popup-wrapper.p2 > .top-popup { left: calc(100% + 8px); }\\n.top-popup-wrapper.p3 > .top-popup { top: calc(100% + 8px); }\\n.top-popup-wrapper.p4 > .top-popup { right: calc(100% + 8px); }\\n.top-popup-wrapper.p2 > .top-popup,\\n.top-popup-wrapper.p4 > .top-popup { margin-top: -10px; }\\n\\n.top-popup-wrapper.p1.with_notch > .top-popup { margin-bottom: 5px; }\\n.top-popup-wrapper.p2.with_notch > .top-popup { margin-left: 5px; }\\n.top-popup-wrapper.p3.with_notch > .top-popup { margin-top: 5px; }\\n.top-popup-wrapper.p4.with_notch > .top-popup { margin-right: 5px; }\\n\\n.top-popup-wrapper.invert-x > .top-popup { right: 0; }\\n.top-popup-wrapper.invert-y > .top-popup { bottom: 0; }\\n\\n/* notch */\\n.top-popup-wrapper > .notch { border: 7.4px solid transparent; position: absolute; display: block; }\\n\\n.top-popup-wrapper.p1 > .notch { border-bottom: 0; border-top: 7.4px solid var(--content-background-color); margin: 0 0 7.4px -7.4px; bottom: 100%; left: 50% }\\n.top-popup-wrapper.p2 > .notch { border-left: 0; border-right: 7.4px solid var(--content-background-color); margin: 0 0 -7.4px 7.4px; bottom: 50%; left: 100%; }\\n.top-popup-wrapper.p3 > .notch { border-top: 0; border-bottom: 7.4px solid var(--content-background-color); margin: 7.4px 0 0 -7.4px; top: 100%; left: 50%; }\\n.top-popup-wrapper.p4 > .notch { border-right: 0; border-left: 7.4px solid var(--content-background-color); margin: 0 7.4px -7.4px 0; bottom: 50%; right: 100%; }\\n\\n.top-popup-wrapper.p1 > .notch-border { border-top-color: rgba(0, 0, 0, 0.05); margin-bottom: 6px; }\\n.top-popup-wrapper.p2 > .notch-border { border-right-color: rgba(0, 0, 0, 0.05); margin-left: 6px; }\\n.top-popup-wrapper.p3 > .notch-border { border-bottom-color: rgba(0, 0, 0, 0.05); margin-top: 6px; }\\n.top-popup-wrapper.p4 > .notch-border { border-left-color: rgba(0, 0, 0, 0.05); margin-right: 6px; }\\n\\n/* common */\\n.top-popup_header,\\n.top-popup_content,\\n.top-popup_footer { font-size: 14px; }\\n.top-popup_header,\\n.top-popup_footer { display: flex; align-items: center; justify-content: space-between; }\\n\\n/* header */\\n.top-popup_header {\\n\\tborder-bottom: 1px solid var(--top-popup-border-color);\\n\\tpadding: var(--top-padding-3);\\n\\tfont-weight: 600;\\n}\\n.top-popup_header > * { font-weight: 400; }\\n.top-popup_header > .a { cursor: pointer; color: var(--color-blue-450); }\\n.top-popup_header > .a:hover { color: var(--color-blue-350); }\\n\\n.top-popup_headerButton { width: 60px; }\\n\\n/* widget */\\n.top-popup_widget {\\n\\tpadding: var(--top-padding-2) var(--top-padding-2) 0 var(--top-padding-2);\\n}\\n\\n/* content */\\n.top-popup_content {\\n\\tmargin: 0;\\n\\tflex-grow: 1;\\n\\toverflow-y: auto;\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n\\tgap: var(--top-gap-4);\\n\\n\\t-webkit-overflow-scrolling: touch;\\n}\\n\\ndiv.top-popup_content {\\n\\tpadding: var(--top-popup-content-padding);\\n}\\ndiv.top-popup_content > * { flex-shrink: 0; }\\ndiv.top-popup_content > .top-button { margin: 0; }\\n\\ndiv.top-popup_content .top-unwrap {\\n\\t--top-unwrap-x: var(--top-popup-content-padding);\\n}\\n\\nul.top-popup_content {\\n\\tpadding: var(--top-popup-list-padding);\\n\\tgap: 2px;\\n}\\n\\nul.top-popup_content .top-unwrap {\\n\\t--top-unwrap-x: var(--top-popup-list-padding);\\n}\\n\\n.top-popup_listItem {\\n\\tborder-radius: var(--top-popup-listItem-radius);\\n\\tpadding: var(--top-popup-listItem-padding);\\n\\tline-height: 1 !important;\\n}\\n\\nul.top-popup_content li { margin: 0; list-style: none; display: flex; position: relative }\\nul.top-popup_content li > * { flex-grow: 1; }\\nul.top-popup_content li > a:not(.top-button),\\nul.top-popup_content li > .a {\\n\\tcursor: pointer;\\n\\tbox-sizing: border-box;\\n\\tborder-radius: var(--top-popup-listItem-radius);\\n\\tbackground: var(--top-popup-background-color);\\n\\tpadding: var(--top-popup-listItem-padding);\\n\\tcolor: var(--color-text) !important; font-size: 14px; font-weight: normal !important; text-decoration: none !important; font-style: normal;\\n\\tline-height: 1 !important;\\n\\tdisplay: flex; flex: 1 1 100%; align-items: center;\\n\\ttransition: background-color 0.1s ease-in-out;\\n}\\n.top-popup-wrapper-no_animate ul.top-popup_content li > a:not(.top-button),\\n.top-popup-wrapper-no_animate ul.top-popup_content li > .a { transition: none; }\\n\\nul.top-popup_content li > a:not(.top-button):hover,\\nul.top-popup_content li > .a:hover { background: var(--top-popup-background-color-hover); }\\nul.top-popup_content li > a:not(.top-button).top-active,\\nul.top-popup_content li > .a.top-active { background: var(--top-popup-background-color-active); }\\n\\n.top-popup_content + .top-popup_content { padding-top: 0; }\\n\\n/* listTitle */\\n.top-popup_listItem-title {\\n\\tbackground: var(--top-popup-title-background-color);\\n\\tcolor: var(--color-text-2); font-size: 12px;\\n}\\n\\n/* listDelimiter */\\n.top-popup_listItem-delimiter {\\n\\tborder-radius: 3px;\\n\\tbackground: var(--top-popup-border-color);\\n\\theight: 1px;\\n\\tpadding: 0;\\n\\tmargin: 4px;\\n}\\n\\n/* listMore */\\n.top-popup_listMore {\\n\\tfont-size: 20px;\\n\\tmargin: calc(0px - var(--top-popup-listItem-padding)) calc(0px - var(--top-popup-listItem-padding) / 2) calc(0px - var(--top-popup-listItem-padding)) 0;\\n}\\n\\n.top-popup_listMore.top-button{ margin: 0; }\\n\\nul.top-popup_content li > .a.top-popup_listMore {\\n\\ttext-align: center;\\n\\tflex-basis: 10px;\\n}\\nul.top-popup_content li > .a.top-popup_listMore:before { color: var(--color-gray-500); }\\nul.top-popup_content li > * > .top-popup_listMore {\\n\\tmargin-left: auto;\\n\\tcolor: var(--color-gray-500);\\n\\tfont-size: 14px;\\n}\\nul.top-popup_content li > * > i.top-popup_listMore:hover,\\nul.top-popup_content li > * > i.top-popup_listMore.top-active { color: var(--color-blue-500); }\\nul.top-popup_content li > * > i.top-popup_listMore:before {\\n\\ttransform: rotate(90deg);\\n\\tdisplay: block;\\n}\\n\\nul.top-popup_content li a.close { background: none !important; }\\n\\n/* data-top-icon */\\n.top-popup_content > [data-top-icon]:before {\\n\\t--top-icon-size: 20px;\\n}\\n\\nul.top-popup_content li > [data-top-icon]:not(.top-button):before {\\n\\t--top-icon-color: var(--color-text-3);\\n\\t--top-icon-size: 20px;\\n\\t--top-icon-width: 20px;\\n\\n\\theight: 1rem; margin-right: 8px; transition: color 0.1s;\\n}\\nul.top-popup_content li:hover > [data-top-icon]:not(.top-button):before,\\nul.top-popup_content li > [data-top-icon]:not(.top-button).top-active:before {\\n\\t--top-icon-color: var(--color-text-2);\\n}\\n\\n/* footer */\\n.top-popup_footer {\\n\\tpadding: var(--top-popup-list-padding);\\n\\tborder-top: 1px solid var(--top-popup-border-color);\\n\\tdisplay: flex;\\n\\tgap: var(--top-gap-2);\\n\\tjustify-content: flex-end;\\n}\\n\\n/* Виджеты */\\n.top-popup > [data-widget] { padding: 0 var(--top-popup-list-padding); }\\n.top-popup > [data-widget] + hr { margin: 0 var(--top-popup-list-padding); }\\n\\n.top-popup .placeholder {\\n\\tborder: 1px solid #E0D9D9 !important; border-right: none !important; border-left: none !important; background: #F9F9F9 !important; margin: -1px 0; z-index: 1;\\n\\tposition: relative;\\n}\\n\\n/* компоненты  */\\n.top-popup-wrapper.simple_list > .top-popup { min-width: 0; white-space: nowrap; }\\n\\n.top-popup_content .top-column { display: flex; flex-direction: column; gap: 4px; }\\nhtml .top-popup .top-popup_content li > .top-button {\\n\\tmargin: calc(var(--top-popup-listItem-padding) / 2) var(--top-popup-listItem-padding);\\n}\\n\\n.top-popup li .check_all,\\n.top-popup li .clear_all { cursor: pointer; color: var(--color-cyan); padding: 8px; display: inline-block; }\\n.top-popup li .check_all:hover,\\n.top-popup li .clear_all:hover { text-decoration: underline; }\\n.top-popup li .clear_all { display: none; }\\n\\n/* table */\\n.top-popup_content table { margin: -9px 0; }\\n.top-popup_content table td,\\n.top-popup_content table th { padding: 9px var(--top-popup-listItem-padding) 9px 0; vertical-align: top; }\\n.top-popup_content table th { width: 40%; font-weight: 600; white-space: nowrap; }\\n\\n/* формы */\\nul.top-popup_content .a > [type=\\\"checkbox\\\"],\\nul.top-popup_content .a > [type=\\\"radio\\\"] { margin: -8px 0 -8px auto; }\\n\\n/* deprecated */\\nul.top-popup_content a > [class*=icon],\\nul.top-popup_content i.a > [class*=icon] {\\n\\ttransition: 0.1s;\\n}\\n\\n.top-popup .buttons { border-radius: 0 0 4px 4px; border-top: 1px solid #BDC3C7; background: #ECF0F1; padding: 10px 15px; margin: 10px -15px -10px -15px; white-space: nowrap; }\\n.top-popup_footer [class*=btn]:not(.btn-transparent) { min-width: 100px; padding: 5px 14px; margin-left: 10px; }\\n.top-popup_footer [class*=btn]:first-child { margin-left: 0; }\\n.top-popup_footer .btn.full_width { margin: 0; flex-grow: 1; }\"","export default \":root{\\n\\t--top-popup-list-padding: 0px;\\n\\n\\t--top-popup-listItem-radius: 0px;\\n\\t--top-popup-listItem-padding: var(--top-padding-4);\\n}\\n\\nhtml.with_popup{ background: #808080; }\\n\\n.top-popup-wrapper{\\n\\t--top-popup-footer-offset: 25px;\\n\\n\\twidth: auto !important; height: auto !important;\\n\\tposition: fixed; top: 0 !important; right: 0 !important; left: 0 !important; overflow: hidden;\\n\\ttransition: background 0.3s;\\n}\\n\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){ background: rgba(0,0,0,0.5); backdrop-filter: blur(1px); }\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > .top-popup{ opacity: 1 !important; }\\n\\n.top-popup{\\n\\tborder-radius: 8px 8px 0 0; width: auto !important; max-height: calc(100% - var(--header-height, 0px) - var(--toolbar-height, 0px) - 12px); margin: 0 !important;\\n\\ttop: auto !important; right: 0 !important; bottom: var(--toolbar-height, 0px) !important; left: 0 !important;\\n\\tdisplay: flex; flex-direction: column;\\n\\n\\t/* невозможно опустить элемент вниз за экран на 100%, fix: opacity и translateY(80%) */\\n\\ttransform: translateY(80%);\\n\\n\\ttransition: opacity 0.3s, transform 0.3s;\\n}\\n\\n\\n/* from top */\\n.top-popup-wrapper.p-from-top{\\n\\t--top-popup-footer-offset: 0px;\\n\\n\\ttop: var(--header-height, 0px) !important;\\n}\\n.with_dialog .top-popup-wrapper.p-from-top{ top: 50px !important; }\\n.top-popup-wrapper.p-from-top > .top-popup{\\n\\tborder-radius: 0 0 8px 8px; max-height: calc(100% - 24px); top: 0 !important; bottom: auto !important;\\n\\ttransform: translateY(calc(-100% - 24px));\\n}\\n\\n/* widget */\\n.top-popup_widget{ padding: var(--top-padding-2);}\\n.top-popup_widget:not(.p-from-top){ order: 10; }\\n\\n/* content */\\nul.top-popup_content{\\n\\tgap: 0;\\n}\\nul.top-popup_content li:not(:last-child){ border-bottom: 1px solid var(--top-popup-border-color); }\\n\\n.top-popup-wrapper.top-style_alt > .top-popup > ul > li{ border-bottom: none; }\\n\\n/* footer */\\n.top-popup_footer{\\n\\tflex-direction: column-reverse;\\n}\\n.top-popup_footer > .top-button{\\n\\t--top-forms-base-height: var(--top-forms-base-height_l);\\n\\n\\twidth: 100%;\\n}\\n\\n/* listTitle */\\nul.top-popup_content .top-popup_listItem-title{\\n\\t--top-popup-padding-v: 12px;\\n}\\n\\n/* listDelimiter */\\nul.top-popup_content .top-popup_listItem-delimiter{ background: var(--color-line-1-opacity); height: 4px; margin: 0; }\\nul.top-popup_content li:first-child > .top-popup_listItem-delimiter{ border-top: 1px solid var(--top-popup-border-color); }\"","export default \"html:not(.with_dialog){ margin-right: 0 !important; }\\n\\n.top-popup{ min-width: 250px; max-width: calc(100vw - var(--top-popup-left) - 16px); max-height: calc(var(--top-popup-bottom) + var(--top-popup-height)); }\\n.top-popup-wrapper.invert-x > .top-popup{ max-width: calc(100vw - var(--top-popup-right) - 16px); }\\n.top-popup-wrapper.invert-y > .top-popup{ max-height: calc(100vh - var(--top-popup-bottom) - 16px); }\\n\\n/* position */\\n.top-popup-wrapper.p1 > .top-popup{ max-height: calc(var(--top-popup-top) - var(--header-height, 0px) - 16px); }\\n.top-popup-wrapper.p3 > .top-popup{ max-height: calc(var(--top-popup-bottom) - 16px); }\\n.top-popup-wrapper.p2 > .top-popup{ max-width: calc(var(--top-popup-right) - 16px); }\\n.top-popup-wrapper.p4 > .top-popup{ max-width: calc(var(--top-popup-left) - 16px); }\\n\\n/* notch */\\n.top-popup-wrapper.p1.with_notch > .top-popup,\\n.top-popup-wrapper.p3.with_notch > .top-popup{ margin-left: -16px !important; }\\n.top-popup-wrapper.p1.with_notch > .notch,\\n.top-popup-wrapper.p3.with_notch > .notch{ margin-left: -8px !important; }\\n\\n.top-popup-wrapper.p1.with_notch.invert-x,\\n.top-popup-wrapper.p3.with_notch.invert-x{ margin-left: 3px !important; }\\n.top-popup-wrapper.p1.with_notch.invert-x > .notch,\\n.top-popup-wrapper.p3.with_notch.invert-x > .notch{ margin-left: -9px !important; }\\n\\n/* listMore */\\nul.top-popup_content li > * > i.top-popup_listMore{ visibility: hidden; transition: none; }\\nul.top-popup_content li:hover > * > i.top-popup_listMore,\\nul.top-popup_content li > *.top-active > i.top-popup_listMore,\\nul.top-popup_content li > * > i.top-popup_listMore.top-active{ visibility: visible; }\"","// добавляет jQuery события на this.el, если jQuery загружен:\n// aftershow.top-menu-popup\n// afterclose.top-menu-popup\n\nimport Core from '@/core/core/core';\nimport Component from '@/components/component';\nimport DOM from '@/core/utils/dom';\nimport Worker from '@/components/popup/lib/worker';\nimport GlobalEvents from '@/components/popup/lib/popup.globalEvents';\n\nimport css from '@/components/popup/popup/style/popup.css?raw';\nimport cssM from '@/components/popup/popup/style/popup.m.css?raw';\nimport cssPC from '@/components/popup/popup/style/popup.pc.css?raw';\n\nCore.appendStyle(css);\nCore.appendStyle(cssM, 'm');\nCore.appendStyle(cssPC, 'pc');\n\nexport interface PopupOptions {\n\tpopup?: string,\n\tp?: number,\n\tnotch?: boolean,\n\tclass?: string,\n\tposBy?: 'left' | 'right' | 'fixed' | Element,\n\tfrontSelector?: string,\n\tinvertX?: boolean,\n\topenByHover?: boolean,\n\tuseOriginal?: boolean,\n\ttransitionDuration?: number,\n\tisFullScreen?: boolean,\n\ti18n?: {\n\t\tClose?: string;\n\t}\n}\n\nexport class Popup extends Component {\n\n\tstatic componentName = 'Popup';\n\n\tdeclare el: Element; // элемент, вызвавший открытие Popup\n\telActiveByDefault: boolean | undefined; // элемент уже имеет класс top-active перед открытием окна\n\telPopup: Element | undefined | null; // Popup .top-popup-wrapper\n\telPopupInner: Element | undefined; // контентная часть Popup  .top-popup\n\telPopupHeader: Element | undefined | null;\n\telPopupWidget: Element | undefined | null;\n\telPopupBody: Element | undefined | null;\n\telPopupFooter: Element | undefined | null;\n\telFront: Element | undefined | null;\n\n\tpopupParent: Popup | undefined;\n\n\t$: JQuery<Element> | undefined; // только, если есть jQuery\n\n\telStartPosition: Element | undefined | null; // используется для useOriginal\n\tshift = {\n\t\ttop: 0,\n\t\tleft: 0,\n\t};\n\tisClosed = false; // флаг того, что меню закрыто\n\tisFirstClick = true;\n\ttype: string | undefined; // selector или html\n\n\toptions: PopupOptions = {\n\t\tpopup: '', // selector, text\n\t\tp: 0, // положение меню (0 - над элементом, 1 - сверху, 2 - справа, 3 - снизу, 4 слева)\n\t\tnotch: false, // отображать ли клювик\n\n\t\tclass: '', // класс, добавляемый меню\n\n\t\tposBy: 'left', // способ привязки позиционирования меню (left/right - левый/правый край родителя, fixed - по окну)\n\t\tfrontSelector: '',\n\t\tinvertX: false, // базовая ордината - правая граница элемента, а не левая\n\t\topenByHover: false, // открывать при наведении\n\n\t\tuseOriginal: false, // использовать оригинальный шаблон, без клонирвоания (для сохранения состояния меню)\n\n\t\ttransitionDuration: 100, // значение прописано в css\n\n\t\tisFullScreen: false,\n\n\t\ti18n: {},\n\t};\n\n\tevents = {};\n\n\t// el - элемент, открывающий меню\n\tconstructor(el: Element, options: PopupOptions) {\n\t\tsuper();\n\n\t\treturn this.init(Popup.componentName, el, options) as Popup;\n\t}\n\n\tasync mount(): Promise<void> {\n\t\tif (!(this.el instanceof HTMLElement)) return;\n\t\tconst vueConnector = this.vueGetComponent();\n\n\t\tif (this.el.closest('.top-popup-wrapper')) this.popupParent = Worker.getPopup(this.el.closest('.top-popup-wrapper')!);\n\n\t\tawait this.mountJQuery();\n\n\t\tif (DOM.css(this.el, 'position') !== 'absolute') {\n\t\t\tthis.el.style.position = 'relative';\n\t\t}\n\n\t\tthis.el.dataset.topPopupOpened = 'opened';\n\t\tthis.elActiveByDefault = this.el.classList.contains('top-active');\n\t\tthis.el.classList.add('top-active');\n\n\t\tif (vueConnector) {\n\t\t\t// компонент vue Popup\n\t\t\tthis.type = 'vue';\n\n\t\t\tthis.options.popup = '';\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup);\n\t\t} else if (this.options.popup?.match(/^[#.]/)) {\n\t\t\t// selector\n\t\t\tthis.type = 'selector';\n\n\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}.template`);\n\t\t} else {\n\t\t\t// html\n\t\t\tthis.type = 'html';\n\n\t\t\tif (this.options.useOriginal) {\n\t\t\t\tthrow ('Option useOriginal not allowed for text templates');\n\t\t\t}\n\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup ?? '');\n\t\t}\n\n\t\tif (!this.elPopup || vueConnector?.opened) {\n\t\t\t// возможно шаблон не найден, так как он используется в уже открытом меню\n\t\t\tif (this.options.useOriginal || vueConnector?.opened) {\n\t\t\t\t// закрыть открытое меню\n\t\t\t\tif (vueConnector?.opened) {\n\t\t\t\t\tthis.elPopup = vueConnector.popup.elPopup;\n\t\t\t\t} else {\n\t\t\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`);\n\t\t\t\t}\n\n\t\t\t\tif (this.elPopup) {\n\t\t\t\t\tthis.el.dataset.topPopupOpened = '';\n\n\t\t\t\t\tif (!this.elActiveByDefault) {\n\t\t\t\t\t\tthis.el.classList.remove('top-active');\n\t\t\t\t\t}\n\n\t\t\t\t\tWorker.close(this.elPopup);\n\n\t\t\t\t\t// повторит попытку открыть меню\n\t\t\t\t\tsetTimeout(() => this.mount(), this.options.transitionDuration);\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthrow ('Option useOriginal state allowed only elements .template');\n\t\t\t}\n\n\t\t\t// возможно вместо шаблона используется другой элемент\n\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`);\n\t\t}\n\n\t\tif (!this.elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.options.useOriginal) {\n\t\t\tthis.elStartPosition = this.elPopup.closest('.top-popup-el-start-position');\n\t\t\tif (!this.elStartPosition) {\n\t\t\t\tthis.elStartPosition = DOM.wrap(this.elPopup, 'i');\n\t\t\t\tthis.elStartPosition.classList.add('top-popup-el-start-position', 'hidden');\n\t\t\t}\n\t\t} else {\n\t\t\tthis.elPopup = this.elPopup.cloneNode(true) as Element;\n\n\t\t\t// вывод в меню копии произвольного элемента\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template')) {\n\t\t\t\tthis.elPopup.classList.remove('hidden');\n\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\n\t\t\t\t}\n\n\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\n\t\t\t}\n\n\t\t\tif (this.type === 'html') {\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\n\n\t\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// вложенный Popup\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template') || this.type === 'html' || this.type === 'vue') {\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '[data-top-popup]').forEach(el => {\n\t\t\t\t\tif (el instanceof HTMLElement) el.dataset.topPopupPosBy = 'fixed';\n\t\t\t\t});\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '.top-popup-wrapper').forEach(el => el.remove());\n\t\t\t}\n\t\t}\n\n\t\tWorker.decoratorBeforeOpen(this);\n\n\t\tif (vueConnector) {\n\t\t\tthis.options.class = vueConnector.classRef.value;\n\t\t\tif (vueConnector.transitionDurationRef.value !== undefined) {\n\t\t\t\tthis.options.transitionDuration = vueConnector.transitionDurationRef.value;\n\n\t\t\t\tif (this.elPopup instanceof HTMLElement) {\n\t\t\t\t\tthis.elPopup.style.setProperty('--top-popup-transition-delay',\n\t\t\t\t\t\tthis.options.transitionDuration + 'ms');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.elPopupInner = document.createElement('div');\n\t\tthis.elPopupInner.classList.add('top-popupPanel', 'top-popup');\n\n\t\twhile (this.elPopup.firstChild) {\n\t\t\tthis.elPopupInner.appendChild(this.elPopup.firstChild);\n\t\t}\n\n\t\tthis.elPopup.append(this.elPopupInner);\n\n\t\tthis.elPopup.classList.add('top-popup-wrapper');\n\n\t\tif (this.options.class) {\n\t\t\tconst classes = this.options.class.split(' ');\n\t\t\tthis.elPopup.classList.add(...classes);\n\t\t}\n\n\t\tif (this.options.notch) {\n\t\t\tthis.elPopup.classList.add('with_notch');\n\t\t\tthis.elPopup.insertAdjacentHTML('beforeend', '<i class=\"notch notch-border\"></i><i class=\"notch\"></i>');\n\t\t}\n\n\t\tawait this.vueOpen();\n\n\t\tthis.elPopupHeader = this.elPopupInner.querySelector('.top-popup_header');\n\t\tthis.elPopupWidget = this.elPopupInner.querySelector('.top-popup_widget');\n\t\tthis.elPopupBody = this.elPopupInner.querySelector('.top-popup_content');\n\t\tthis.elPopupFooter = this.elPopupInner.querySelector('.top-popup_footer');\n\n\t\tconst existsWidgetSearch = !!this.elPopup.querySelector('[data-widget=\"search\"]');\n\n\t\tif (this.options.isFullScreen && !existsWidgetSearch) {\n\t\t\tif (!this.elPopupHeader && this.options.i18n?.Close) {\n\t\t\t\tthis.elPopupHeader = DOM.genEl('i', { class: 'top-popup_header' });\n\t\t\t\tthis.elPopupInner.prepend(this.elPopupHeader);\n\n\t\t\t\tthis.elPopupHeader.prepend(DOM.genEl('i', { class: 'a closer' }, this.options.i18n?.Close));\n\t\t\t\tthis.elPopupHeader.append(DOM.genEl('i', { class: 'top-popup_headerButton' }));\n\t\t\t}\n\t\t}\n\n\t\tDOM.storage(this.elPopup, 'Popup', this);\n\n\t\tif (this.options.frontSelector) {\n\t\t\tthis.elFront = document.querySelector(this.options.frontSelector);\n\t\t}\n\t\tif (!this.elFront) {\n\t\t\tthis.elFront = this.el.closest('.top-popup-front');\n\t\t}\n\t\tif (!this.elFront) {\n\t\t\tthis.elFront = document.body;\n\t\t}\n\n\t\tif (this.elPopup instanceof HTMLElement) {\n\t\t\tthis.elPopup.style.width = this.el.offsetWidth + 'px';\n\t\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\n\t\t\tthis.elPopup.style.top = this.el.offsetTop + 'px';\n\t\t\tthis.elPopup.style.right = parseInt(this.el.style.right || '0') + 'px';\n\t\t\tthis.elPopup.style.bottom = parseInt(this.el.style.bottom || '0') + 'px';\n\t\t}\n\n\t\tthis.el.parentElement?.insertBefore(this.elPopup, this.el);\n\t\tthis.elPopup.classList.remove('template');\n\n\t\tif (this.options.invertX) {\n\t\t\tthis.elPopup.classList.add('invert-x');\n\t\t}\n\n\t\tlet fromTop = !!this.el.closest('.modal-header');\n\t\tif (!fromTop) {\n\t\t\tfromTop = !!this.el.closest('#top_panel');\n\t\t}\n\t\tif (!fromTop) {\n\t\t\tfromTop = !!this.el.closest('#secondmenu');\n\t\t}\n\t\tif (fromTop) {\n\t\t\tthis.elPopup.classList.add('p-from-top');\n\t\t}\n\n\t\t// появление с анимацией\n\t\tsetTimeout(() => this.elPopup?.classList.add('top-popup-wrapper-shown'));\n\n\t\tif (this.elFront && !this.elFront.matches('body')) {\n\t\t\tthis.elFront.append(this.elPopup);\n\n\t\t\tthis.shift.top = DOM.offset(this.el).top - this.el.offsetTop - DOM.offset(this.elFront).top;\n\t\t\tthis.shift.left = DOM.offset(this.el).left - this.el.offsetLeft - DOM.offset(this.elFront).left;\n\n\t\t\t// position() не учитывает margin, замечено для flex\n\t\t\tthis.shift.top -= parseInt(this.el.style['margin-top'] || 0);\n\t\t\tthis.shift.left -= parseInt(this.el.style['margin-left'] || 0);\n\n\t\t\tif (this.elPopup instanceof HTMLElement) {\n\t\t\t\tthis.elPopup.style.top = parseInt(this.elPopup.style.top || '0') + this.shift.top + 'px';\n\t\t\t\tthis.elPopup.style.left = parseInt(this.elPopup.style.left || '0') + this.shift.left + 'px';\n\t\t\t}\n\t\t}\n\n\t\tif (this.$ && Core.$) {\n\t\t\tthis.$.trigger('aftershow.top-menu-popup', [Core.$(this.elPopup)]);\n\t\t}\n\n\t\tthis.recalcPosition();\n\n\t\tthis.elPopup.setAttribute('tabindex', '0');\n\t\tthis.focus();\n\n\t\tWorker.decoratorAfterOpen(this);\n\n\t\tthis.mountEvents();\n\t}\n\n\tasync mountJQuery() {\n\t\tif (!Core.$) return;\n\n\t\tthis.$ = Core.$(this.el);\n\t}\n\n\t/**\n\t * Выполнить фокусировку на нужный элемент после открытия окна\n\t */\n\tfocus(): void {\n\t\tlet el: Element | null;\n\n\t\tif (this.elPopup) {\n\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup-autofocus');\n\n\t\t\t// поле ввода\n\t\t\tif (!el) {\n\t\t\t\tel = DOM.querySelectorVisible(this.elPopup, ':read-write, select:not(:disabled)');\n\t\t\t}\n\n\t\t\t// кнопка\n\t\t\tif (!el) {\n\t\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup_footer .top-button');\n\t\t\t}\n\n\t\t\tif (!el) {\n\t\t\t\tel = this.elPopup;\n\t\t\t}\n\n\t\t\t// выполнить фокусировку сразу, для применения необъодимых стилей\n\t\t\tif (el instanceof HTMLElement) el.focus();\n\n\t\t\t// выполнить фокусировку после завершения анимации открытия popup\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (el instanceof HTMLElement) el.focus();\n\t\t\t}, this.options.transitionDuration);\n\t\t}\n\t}\n\n\tmountEvents(): void {\n\t\t// закрытие при клике вне контекстного меню\n\t\tthis.addEventListenerWithUnmount(document, 'mousedown', (e) => this.onMousedown(e));\n\n\t\tif (this.elPopup && this.elPopupInner) {\n\t\t\t// закрыть другие меню\n\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'focus', (e) => this.onFocus(e));\n\n\t\t\t// автоматическое закрытие при отведении мыши\n\t\t\tif (this.options.openByHover) {\n\t\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'mouseleave', (e) => this.onMouseleave(e));\n\t\t\t\tthis.addEventListenerWithUnmount(this.elPopupInner, 'mouseleave', (e) => this.onMouseleave(e));\n\t\t\t}\n\t\t}\n\n\t\t// не скроллить страницу\n\t\tif (this.options.isFullScreen && this.elPopupBody) {\n\t\t\tthis.addEventListenerWithUnmount(this.elPopupBody, 'touchmove', (e) => this.onTouchmove(e));\n\t\t}\n\t}\n\n\t/**\n\t * Обработка клика вне окна\n\t */\n\tonMousedown(e: Event): void {\n\t\t// // не оригинальное событие\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\n\t\t// \treturn;\n\t\t// }\n\n\t\t// Popup уже закрыт\n\t\tif (!this.elPopup || !(e.target instanceof Element)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// клик на внешнем элементе\n\t\tif (!this.isFirstClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.isFirstClick = false;\n\t\tsetTimeout(() => this.isFirstClick = true);\n\n\t\t// клик не основной кнопкой мыши\n\t\tif (e instanceof MouseEvent && e.button !== 0) {\n\t\t\treturn;\n\t\t}\n\n\t\t// открыто другое меню с posBy = fixed, сначала должно быть закрыто оно\n\t\tlet elPopupOpened = DOM.querySelectorVisibleLast(document.body, ':scope > .top-popup-wrapper');\n\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\t// открыто другое меню в top-popup-front, сначала должно быть закрыто оно\n\t\tif (e.target.closest('.top-popup-front')) {\n\t\t\telPopupOpened = DOM.querySelectorVisibleLast(e.target.closest('.top-popup-front')!, ':scope > .top-popup-wrapper');\n\n\t\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// клик внутри этого меню\n\t\tif (this.elPopup.contains(e.target)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// клик вне родительского диалогового окна\n\t\tif (this.elPopup.closest('.ui-dialog') && !e.target.closest('.ui-dialog')) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (Worker.decoratorIsIgnoreOuterClick(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tWorker.close(this.elPopup);\n\t}\n\n\t/**\n\t * Закрыть другие Popup при фокусе на элемент формы в текущем\n\t */\n\tonFocus(e: Event): void {\n\t\tif (e.target instanceof Element && e.target.matches('input')) {\n\t\t\treturn;\n\t\t}\n\n\t\t// // не оригинальное событие\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\n\t\t// \treturn;\n\t\t// }\n\n\t\t// это окно уже закрывается\n\t\tif (this.isClosed) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elsPopups = Worker.getAllVisible();\n\t\telsPopups.forEach(elPopup => {\n\t\t\t// фокус внутри этого окна\n\t\t\tif (this.elPopup?.contains(elPopup)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// это Popup из которого был открыт Popup с фокусом\n\t\t\t// глубина вложенности: до 3 подменю\n\t\t\tif (\n\t\t\t\tthis.popupParent?.elPopup === elPopup ||\n\t\t\t\tthis.popupParent?.popupParent?.elPopup === elPopup\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.close(elPopup);\n\t\t});\n\t}\n\n\t/**\n\t * Закрыть Popup при отведении мыши\n\t */\n\tonMouseleave(_e: Event): void {\n\t\tsetTimeout(() => {\n\t\t\tif (this.elPopupInner && this.elPopupInner.matches(':hover') || !this.elPopup) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.close(this.elPopup);\n\t\t}, 100);\n\t}\n\n\t/**\n\t * Контроль положения Popup при fixed позиционировании\n\t */\n\tonResize(): void {\n\t\t// на android при вызове метода append сбрасывается фокус с input внутри this.elPopup\n\t\tif (this.elPopup && this.elPopup.parentElement !== document.body) {\n\t\t\tdocument.body.append(this.elPopup);\n\t\t}\n\n\t\tif (this.elPopup instanceof HTMLElement) {\n\t\t\tthis.elPopup.style.top = DOM.offset(this.el).top + 'px';\n\t\t\tthis.elPopup.style.left = DOM.offset(this.el).left + 'px';\n\t\t}\n\t}\n\n\tunmount(): void {\n\t\tsuper.unmount();\n\n\t\tif (this.el instanceof HTMLElement) this.el.dataset.topPopupOpened = '';\n\t\tif (!this.elActiveByDefault) {\n\t\t\tthis.el.classList.remove('top-active');\n\t\t}\n\n\t\tlet style = this.el.getAttribute('style');\n\t\tif (style) {\n\t\t\tstyle = style.replace(/position:[^;]*;?/g, '');\n\t\t\tthis.el.setAttribute('style', style);\n\t\t}\n\t}\n\n\t// контроль за положением Popup, чтобы оно не вылезало за пределы документа\n\trecalcPosition(): void {\n\t\tif (!(this.elPopup instanceof HTMLElement)) return;\n\n\t\tlet p = this.options.p;\n\t\tlet leftPos: number;\n\n\t\tif (this.el instanceof HTMLElement) {\n\t\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\n\n\t\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\n\t\t\tthis.elPopup.classList.add('p' + p);\n\n\t\t\tswitch (this.options.posBy) {\n\t\t\t\tcase 'left':\n\t\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || '0');\n\t\t\t\t\tleftPos += this.shift.left;\n\t\t\t\t\tthis.elPopup.style.left = leftPos + 'px';\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'right':\n\t\t\t\t\tif (!(this.el.offsetParent instanceof HTMLElement)) break;\n\n\t\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || '0');\n\t\t\t\t\tthis.elPopup.style.right = this.el.offsetParent.offsetWidth - this.el.offsetWidth - leftPos + 'px';\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'fixed':\n\t\t\t\t\tthis.addEventListenerWithUnmount(window, 'resize', () => this.onResize());\n\n\t\t\t\t\tthis.onResize();\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tthis.options.posBy?.append(this.elPopup);\n\t\t\t}\n\t\t}\n\n\t\t// контроль за пложением Popup, чтобы оно не вылезало за пределы документа\n\t\tconst boundingClientRect = this.elPopup.getBoundingClientRect();\n\t\tthis.elPopup.style.setProperty('--top-popup-height', this.elPopup.offsetHeight + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-right-bounding', boundingClientRect.right + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-bottom-bounding', boundingClientRect.bottom + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-top', boundingClientRect.top + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-left', boundingClientRect.left + 'px');\n\n\t\tif (this.elPopupInner instanceof HTMLElement) {\n\t\t\tthis.elPopupInner.style.maxWidth = 'unset';\n\t\t\tthis.elPopupInner.style.maxHeight = 'unset';\n\t\t}\n\n\t\tlet outTop = false;\n\t\tlet outRight = false;\n\t\tlet outBottom = false;\n\t\tlet outLeft = false;\n\n\t\t// имеет ли смысл прикреплять окно к другой стороне кнопки\n\t\tlet usefulInvertX = boundingClientRect.left > window.innerWidth / 2;\n\t\tlet usefulInvertY = boundingClientRect.top > window.innerHeight / 2;\n\n\t\tif (p === 4) {\n\t\t\tusefulInvertX = !usefulInvertX;\n\t\t}\n\n\t\tif (p === 1) {\n\t\t\tusefulInvertY = !usefulInvertY;\n\t\t}\n\n\t\tconst contentBoundingClientRect = this.elPopupInner?.getBoundingClientRect();\n\t\tlet contentRight: number;\n\t\tlet contentBottom: number;\n\n\t\tif (contentBoundingClientRect) {\n\t\t\tcontentRight = window.innerWidth - contentBoundingClientRect.right;\n\t\t\tcontentBottom = window.innerHeight - contentBoundingClientRect.bottom;\n\n\t\t\tconst margin = 8;\n\n\t\t\tif (contentBoundingClientRect.top < margin) {\n\t\t\t\toutTop = true;\n\t\t\t}\n\n\t\t\tif (contentRight < margin) {\n\t\t\t\toutRight = true;\n\t\t\t}\n\n\t\t\tif (contentBottom < margin) {\n\t\t\t\toutBottom = true;\n\t\t\t}\n\n\t\t\tif (contentBoundingClientRect.left < margin) {\n\t\t\t\toutLeft = true;\n\t\t\t}\n\t\t}\n\n\t\tif (outTop && (p === 0 || p === 1) && usefulInvertY) {\n\t\t\tp = 3;\n\t\t}\n\n\t\tif (outBottom && p === 3 && usefulInvertY) {\n\t\t\tp = 1;\n\t\t}\n\n\t\tif (outRight && p === 2 && usefulInvertX) {\n\t\t\tp = 4;\n\t\t}\n\n\t\tif (outLeft && p === 4 && usefulInvertX) {\n\t\t\tp = 2;\n\t\t}\n\n\t\tif (outRight && (p === 0 || p === 1 || p === 3)) {\n\t\t\tthis.elPopup.classList.add('invert-x');\n\t\t}\n\n\t\tif (outBottom && (p === 2 || p === 4) && usefulInvertY) {\n\t\t\t// меню справа может перемещаться вверх, толкьо если есть место слева\n\t\t\tif (p === 2 && !usefulInvertX) {\n\t\t\t\tthis.elPopup.classList.add('invert-y');\n\t\t\t}\n\n\t\t\t// меню слева перемещаясь вверх, должно открываться влево\n\t\t\tif (p === 4 && !usefulInvertX) {\n\t\t\t\tthis.elPopup.classList.add('invert-x');\n\t\t\t}\n\n\t\t\tif (!this.elPopup.matches('.invert-y')) {\n\t\t\t\tp = 1;\n\t\t\t}\n\t\t}\n\n\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\n\t\tthis.elPopup.classList.add('p' + p);\n\n\t\tif (this.elPopupInner instanceof HTMLElement) {\n\t\t\tthis.elPopupInner.style.maxWidth = '';\n\t\t\tthis.elPopupInner.style.maxHeight = '';\n\t\t}\n\n\t\tWorker.scrollToActive(this.elPopup);\n\t};\n\n\tonTouchmove(e: Event): void {\n\t\tif (e.currentTarget instanceof HTMLElement && e.target instanceof HTMLElement) {\n\t\t\t// разрешить горизональный скролл\n\t\t\tlet hasScrollX = e.currentTarget.scrollWidth > e.currentTarget.offsetWidth;\n\t\t\tif (hasScrollX) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (e.target.parentElement?.scrollWidth && e.target.parentElement?.offsetWidth) {\n\t\t\t\t// разрешить горизональный скролл\n\t\t\t\tlet hasScrollX2 = e.target.parentElement.scrollWidth > e.target.parentElement?.offsetWidth;\n\t\t\t\tif (hasScrollX2) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (!e.currentTarget.matches('.has_scroll')) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t}\n\t}\n\n\tclose(): void {\n\t\tif (this.isClosed) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.isClosed = true;\n\n\t\tif (this.$ && Core.$ && this.elPopup) {\n\t\t\tthis.$.trigger('afterclose.top-menu-popup', [Core.$(this.elPopup)]);\n\t\t}\n\n\t\tif (Worker.noClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.unmount();\n\n\t\tthis.elPopup?.classList.add('top-popup-wrapper-closed');\n\n\t\tsetTimeout(() => {\n\t\t\tthis.vueClose();\n\n\t\t\tif (!this.elPopup) return;\n\n\t\t\tif (this.options.useOriginal) {\n\t\t\t\tthis.elPopup.removeAttribute('style');\n\t\t\t\tthis.elPopup.classList.remove('top-popup-wrapper-shown', 'top-popup-wrapper-closed');\n\t\t\t\tthis.elPopup.classList.add('template');\n\t\t\t\tthis.elStartPosition?.append(this.elPopup);\n\n\t\t\t\tthis.elPopup.querySelector('div.top-popup_content.top-column')?.classList.remove('top-column');\n\t\t\t\tthis.elPopup.querySelector('.notch-border')?.remove();\n\t\t\t\tthis.elPopup.querySelector('.notch')?.remove();\n\n\t\t\t\tthis.elPopupInner?.replaceWith(...this.elPopupInner.childNodes);\n\n\t\t\t\tDOM.storageClear(this.elPopup);\n\t\t\t} else {\n\t\t\t\tDOM.storageClear(this.elPopup);\n\n\t\t\t\tthis.elPopup.remove();\n\t\t\t\tdelete this.elPopup;\n\t\t\t}\n\n\t\t\tconst elsPopups = Worker.getAllVisible();\n\t\t\tconst elPopupLast = elsPopups.length && elsPopups[elsPopups.length - 1];\n\n\t\t\tif (elPopupLast) {\n\t\t\t\tWorker.getPopup(elPopupLast).focus();\n\t\t\t} else {\n\t\t\t\tdocument.documentElement.classList.remove('with_popup');\n\t\t\t}\n\t\t}, this.options.transitionDuration);\n\t}\n\n\tasync vueOpen(): Promise<void> {\n\t\tawait this.vueGetComponent()?.onOpen(this);\n\t}\n\n\tvueClose(): void {\n\t\tthis.vueGetComponent()?.onClose(this);\n\t}\n\n\t// получить vueConnectors компонента Popup\n\tvueGetComponent() {\n\t\tif (this.el instanceof HTMLElement) return Worker.vueConnectors.get(this.el.dataset.topPopupId);\n\t}\n}\n\nGlobalEvents.init();\n\nexport default Popup;"],"names":["Component","componentName","el","options","component","utils_dom","eventData","type","listener","nodes","node","_a","GlobalEvents","e","elCloser","elUl","popup_worker","elPopup","elBtn","elFooterLastBtn","elItem","elMore","countLi","elsLiVisible","index","_b","css","cssM","cssPC","Core","Popup","vueConnector","classes","existsWidgetSearch","_d","fromTop","forms","elPopupOpened","_c","p","leftPos","boundingClientRect","outTop","outRight","outBottom","outLeft","usefulInvertX","usefulInvertY","margin","contentBoundingClientRect","contentRight","contentBottom","_e","elsPopups","elPopupLast"],"mappings":"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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gECAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6HCAAC,EAAA;AAAA;AAAA;AAAA;AAAA;A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"}

package/.chunks/{widgetInput-DgylW6NK.amd.js → widgetInput-Ce8a61St.amd.js}

@@ -1,2 +1,2 @@
-define(["require","exports","vue","./forms-DNRGCC9P.amd","../require/css.amd!../assets/widgetInput.css"],function(r,u,e,t){"use strict";if(typeof e>"u")var e=window.Vue;const n=e.defineComponent({__name:"widgetInput",props:e.mergeModels({modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},modificator:{},size:{},isError:{type:Boolean},isLoading:{type:Boolean},icon:{},icon2:{},addCleaner:{type:Boolean,default:!0},title:{},captionType:{}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const o=e.useModel(l,"modelValue");return(s,p)=>(e.openBlock(),e.createBlock(t.Input,e.mergeProps(s.$props,{modificator:"popupWidgetInput",modelValue:o.value,"onUpdate:modelValue":p[0]||(p[0]=a=>o.value=a)}),null,16,["modelValue"]))}}),d={$style:{"top-input-popupWidgetInput":"top-input-popupWidgetInput","top-input_input-popupWidgetInput":"top-input_input-popupWidgetInput"}},i=t._export_sfc(n,[["__cssModules",d]]);u.PopupWidgetInput=i});
-//# sourceMappingURL=widgetInput-DgylW6NK.amd.js.map
+define(["require","exports","vue","./forms-DujTMzoW.amd","../require/css.amd!../assets/widgetInput.css"],function(r,u,e,t){"use strict";if(typeof e>"u")var e=window.Vue;const n=e.defineComponent({__name:"widgetInput",props:e.mergeModels({modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},modificator:{},size:{},isError:{type:Boolean},isLoading:{type:Boolean},icon:{},icon2:{},addCleaner:{type:Boolean,default:!0},title:{},captionType:{}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const o=e.useModel(l,"modelValue");return(s,p)=>(e.openBlock(),e.createBlock(t.Input,e.mergeProps(s.$props,{modificator:"popupWidgetInput",modelValue:o.value,"onUpdate:modelValue":p[0]||(p[0]=a=>o.value=a)}),null,16,["modelValue"]))}}),d={$style:{"top-input-popupWidgetInput":"top-input-popupWidgetInput","top-input_input-popupWidgetInput":"top-input_input-popupWidgetInput"}},i=t._export_sfc(n,[["__cssModules",d]]);u.PopupWidgetInput=i});
+//# sourceMappingURL=widgetInput-Ce8a61St.amd.js.map

package/.chunks/widgetInput-Ce8a61St.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetInput-Ce8a61St.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/.chunks/{widgetInput-DmpYL1aA.es.js → widgetInput-pNYn7i5g.es.js}

@@ -1,6 +1,6 @@
 import { insertToPage as a } from "../utils/css.js";
 import { defineComponent as s, mergeModels as u, useModel as i, openBlock as d, createBlock as r, mergeProps as m } from "vue";
-import { I as c, a as g } from "./forms-U97cW1zp.es.js";
+import { I as c, a as g } from "./forms-C4UtO06K.es.js";
 const l = ["../assets/widgetInput.css"].map((e) => import.meta.resolve(e));
 await a(l);
 const f = /* @__PURE__ */ s({
@@ -43,4 +43,4 @@ const f = /* @__PURE__ */ s({
 export {
   W as P
 };
-//# sourceMappingURL=widgetInput-DmpYL1aA.es.js.map
+//# sourceMappingURL=widgetInput-pNYn7i5g.es.js.map

package/.chunks/{widgetInput-DmpYL1aA.es.js.map → widgetInput-pNYn7i5g.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"widgetInput-DmpYL1aA.es.js","sources":["../../src/components/popup/popup/widgetInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ModelRef } from 'vue';\nimport type { Props } from '@/components/forms/input/input';\nimport Input from '@/components/forms/input/input.vue';\n\nwithDefaults(defineProps<Props>(), {\n\taddCleaner: true,\n});\n\nconst model: ModelRef<string> = defineModel({\n\tdefault: '',\n});\n</script>\n\n<template>\n\t<Input\n\t\t:=\"$props\"\n\t\tmodificator=\"popupWidgetInput\"\n\t\tv-model=\"model\"\n\t/>\n</template>\n\n<style module>\n.top-input-popupWidgetInput {\n\t--top-loadbar-color: var(--color-line-3-opacity);\n\n\twidth: 100%;\n}\n\n.top-input_input-popupWidgetInput {\n\tborder: none;\n\tbackground: var(--color-secondary-2-opacity);\n}\n\n.top-input_input-popupWidgetInput:hover {\n\tbackground: var(--color-secondary-3-opacity);\n}\n\n.top-input_input-popupWidgetInput:focus {\n\tbackground: var(--color-secondary-3-opacity);\n\toutline: unset;\n}\n</style>"],"names":["model","useModel","__props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,EAAAC,GAAA,YAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"widgetInput-pNYn7i5g.es.js","sources":["../../src/components/popup/popup/widgetInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ModelRef } from 'vue';\nimport type { Props } from '@/components/forms/input/input';\nimport Input from '@/components/forms/input/input.vue';\n\nwithDefaults(defineProps<Props>(), {\n\taddCleaner: true,\n});\n\nconst model: ModelRef<string> = defineModel({\n\tdefault: '',\n});\n</script>\n\n<template>\n\t<Input\n\t\t:=\"$props\"\n\t\tmodificator=\"popupWidgetInput\"\n\t\tv-model=\"model\"\n\t/>\n</template>\n\n<style module>\n.top-input-popupWidgetInput {\n\t--top-loadbar-color: var(--color-line-3-opacity);\n\n\twidth: 100%;\n}\n\n.top-input_input-popupWidgetInput {\n\tborder: none;\n\tbackground: var(--color-secondary-2-opacity);\n}\n\n.top-input_input-popupWidgetInput:hover {\n\tbackground: var(--color-secondary-3-opacity);\n}\n\n.top-input_input-popupWidgetInput:focus {\n\tbackground: var(--color-secondary-3-opacity);\n\toutline: unset;\n}\n</style>"],"names":["model","useModel","__props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,EAAAC,GAAA,YAAA;;;;;;;;;;;;;"}

package/assets/forms.css

@@ -1 +1 @@
-.top-avatar{width:var(--566609b7);height:var(--566609b7);display:flex;flex-grow:0;flex-shrink:0;position:relative;top:0;left:0}.top-avatar_image{border-radius:50%;width:100%;height:100%}.top-avatar_status{border-radius:50%;border:2px solid var(--content-background-color);background-color:var(--color-green-500);width:25%;height:25%;position:absolute;right:0;bottom:0}.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1hqxk_1 1s linear infinite}@keyframes _progress_1hqxk_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty):not(.top-button-withoutText),.top-button[data-top-icon2]:not(:empty):not(.top-button-withoutText){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty,.top-button.top-button-withoutText{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty,.top-button[data-top-icon].top-button-withoutText,.top-button[data-top-icon2].top-button-withoutText{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-blue-500)}.top-button.top-color_green{--top-button-background-color: var(--color-green-500)}.top-button.top-color_orange{--top-button-background-color: var(--color-orange-500)}.top-button.top-color_red{--top-button-background-color: var(--color-red-500)}.top-button.top-color_pink{--top-button-background-color: var(--color-pink-500)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-text-2);--top-icon2-color: var(--color-text-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-secondary-opacity);--top-button-background-color-active: var(--color-secondary-2-opacity);--top-button-background-color-selected: var(--color-secondary-2-opacity)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-steel-400);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text)}.top-button.top-style_outline.top-color_blue{--top-style_outline-color: var(--color-blue-500)}.top-button.top-style_outline.top-color_green{--top-style_outline-color: var(--color-green-500)}.top-button.top-style_outline.top-color_orange{--top-style_outline-color: var(--color-orange-500)}.top-button.top-style_outline.top-color_red{--top-style_outline-color: var(--color-red-500)}.top-button.top-style_outline.top-color_pink{--top-style_outline-color: var(--color-pink-500)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: var(--color-secondary-opacity);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-blue-550)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-orange-500)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-green-500)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-red-500)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-pink-500)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue{--top-button-color: var(--color-blue-450)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-green-450)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-orange-450)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-red-450)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-pink-450)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-2);font-size:.85em;line-height:var(--top-forms-option-height)}.top-forms-optionLabel_description-disabled{color:var(--color-text-3)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--top-forms-option-color);background:var(--top-forms-option-color)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--top-forms-option-color-hover);background:var(--top-forms-option-color-hover)}.top-checkbox_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-negative)}.top-checkbox_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-negative)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-negative-2)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-text-4);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-text-3)}.top-input{--top-forms_clear-width: 0px;border-radius:var(--top-forms-radius);width:180px;position:relative;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{background:var(--top-forms-background-color);height:var(--top-forms-base-height);padding:0;padding-right:max(var(--top-forms-padding),calc(var(--top-icon2-width) + var(--top-forms_clear-width)));padding-left:max(var(--top-forms-padding),var(--top-icon-width))}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-input[data-top-icon]:before,.top-input[data-top-icon2]:after{--top-icon-color: var(--color-text-secondary);--top-icon2-color: var(--color-text-secondary);position:absolute;z-index:3}.top-input[data-top-icon]:before{left:0}.top-input[data-top-icon2]:after{right:0}.top-input-withCleaner{--top-forms_clear-width: 24px}.top-input_cleaner{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-text-3);cursor:pointer;border-radius:50%;width:20px;height:16px;position:absolute;right:calc(var(--top-forms-border-width) + max(var(--top-icon2-width),var(--top-forms-padding) / 2));z-index:1;display:flex;align-items:center;justify-content:center}.top-input_cleaner:hover{--top-icon-color: var(--color-text-2)}.top-input_input{width:50%;flex-grow:1}.top-input .top-loadbar{border-radius:var(--top-forms-radius) 0 0 0}.top-input-datepicker{width:calc(105px + var(--top-icon-width) + var(--top-icon2-width))}.top-input_input-date{opacity:0;position:absolute;inset:0;z-index:-1}.top-input_input-date::-webkit-inner-spin-button{display:none}.top-input_input-date::-webkit-calendar-picker-indicator{opacity:0}.top-inputRange{max-width:320px;vertical-align:baseline;display:inline-flex;gap:8px}.top-inputRange_dash{height:var(--top-forms-base-height);color:var(--color-text-4);align-self:flex-end;display:inline-flex;align-items:center}.top-inputRange>.top-input{flex-grow:1}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-radio_input:checked{border-color:var(--top-forms-option-color);border-width:5px}.top-radio_input:checked:hover{border-color:var(--top-forms-option-color-hover)}.top-radio_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-radio_input:checked:disabled{border-color:var(--color-theme-400)}.top-radio_input.top-error{border-color:var(--color-negative)}.top-radio_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-theme-100);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-theme-150)}.top-checkboxSwitcher_input:checked{background:var(--top-forms-option-color)}.top-checkboxSwitcher_input:checked:hover{background:var(--top-forms-option-color-hover)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-negative)}.top-checkboxSwitcher_input.top-error:hover{background:var(--color-negative-2)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{outline-color:var(--color-theme-75);outline-offset:0px}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--c35baa86);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-select{--top-icon-color: var(--color-text-3);--top-icon2-color: var(--color-text-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-negative);--top-icon2-color: var(--color-negative)}.top-select_select{background-color:var(--top-forms-background-color);padding-left:var(--top-forms-padding);text-indent:clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)));width:100%;height:var(--top-forms-base-height);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.top-select_select:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-select_select:disabled{background:var(--color-theme-50)}.top-select optgroup{color:var(--color-text-1);font-style:normal}.top-select option{background:var(--content-background-color);color:var(--color-text-1)}@-moz-document url-prefix(){.top-select_select{text-indent:calc(clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)))/2)}}@media only screen and (min-width: 900px){.top-changer{cursor:pointer;border-radius:100%;width:0;transform:translate(-44px);color:var(--color-text-secondary-2);font-size:16px;line-height:1;display:none;z-index:2;order:4}.top-changer:hover{color:var(--color-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-blue-500)}.top-loadbar{background:var(--top-loadbar-color);width:0;height:4px;position:absolute;top:0;left:0;animation:top-loadbar var(--top-loadbar-duration) forwards}@keyframes top-loadbar{0%{width:4px}4%{width:4%}5%{width:5%}to{width:95%}}
+.top-avatar{width:var(--5365dc30);height:var(--5365dc30);display:flex;flex-grow:0;flex-shrink:0;position:relative;top:0;left:0}.top-avatar_image{border-radius:50%;width:100%;height:100%}.top-avatar_status{border-radius:50%;border:2px solid var(--content-background-color);background-color:var(--color-green-500);width:25%;height:25%;position:absolute;right:0;bottom:0}.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1hqxk_1 1s linear infinite}@keyframes _progress_1hqxk_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty):not(.top-button-withoutText),.top-button[data-top-icon2]:not(:empty):not(.top-button-withoutText){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty,.top-button.top-button-withoutText{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty,.top-button[data-top-icon].top-button-withoutText,.top-button[data-top-icon2].top-button-withoutText{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-blue-500)}.top-button.top-color_green{--top-button-background-color: var(--color-green-500)}.top-button.top-color_orange{--top-button-background-color: var(--color-orange-500)}.top-button.top-color_red{--top-button-background-color: var(--color-red-500)}.top-button.top-color_pink{--top-button-background-color: var(--color-pink-500)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-text-2);--top-icon2-color: var(--color-text-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-secondary-opacity);--top-button-background-color-active: var(--color-secondary-2-opacity);--top-button-background-color-selected: var(--color-secondary-2-opacity)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-steel-400);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text)}.top-button.top-style_outline.top-color_blue{--top-style_outline-color: var(--color-blue-500)}.top-button.top-style_outline.top-color_green{--top-style_outline-color: var(--color-green-500)}.top-button.top-style_outline.top-color_orange{--top-style_outline-color: var(--color-orange-500)}.top-button.top-style_outline.top-color_red{--top-style_outline-color: var(--color-red-500)}.top-button.top-style_outline.top-color_pink{--top-style_outline-color: var(--color-pink-500)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: var(--color-secondary-opacity);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-blue-550)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-orange-500)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-green-500)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-red-500)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-pink-500)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue{--top-button-color: var(--color-blue-450)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-green-450)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-orange-450)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-red-450)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-pink-450)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-2);font-size:.85em;line-height:var(--top-forms-option-height)}.top-forms-optionLabel_description-disabled{color:var(--color-text-3)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--top-forms-option-color);background:var(--top-forms-option-color)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--top-forms-option-color-hover);background:var(--top-forms-option-color-hover)}.top-checkbox_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-negative)}.top-checkbox_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-negative)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-negative-2)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-text-4);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-text-3)}.top-input{--top-forms_clear-width: 0px;border-radius:var(--top-forms-radius);width:180px;position:relative;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{background:var(--top-forms-background-color);height:var(--top-forms-base-height);padding:0;padding-right:max(var(--top-forms-padding),calc(var(--top-icon2-width) + var(--top-forms_clear-width)));padding-left:max(var(--top-forms-padding),var(--top-icon-width))}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-input[data-top-icon]:before,.top-input[data-top-icon2]:after{--top-icon-color: var(--color-text-secondary);--top-icon2-color: var(--color-text-secondary);position:absolute;z-index:3}.top-input[data-top-icon]:before{left:0}.top-input[data-top-icon2]:after{right:0}.top-input-withCleaner{--top-forms_clear-width: 24px}.top-input_cleaner{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-text-3);cursor:pointer;border-radius:50%;width:20px;height:16px;position:absolute;right:calc(var(--top-forms-border-width) + max(var(--top-icon2-width),var(--top-forms-padding) / 2));z-index:1;display:flex;align-items:center;justify-content:center}.top-input_cleaner:hover{--top-icon-color: var(--color-text-2)}.top-input_input{width:50%;flex-grow:1}.top-input .top-loadbar{border-radius:var(--top-forms-radius) 0 0 0}.top-input-datepicker{width:calc(105px + var(--top-icon-width) + var(--top-icon2-width))}.top-input_input-date{opacity:0;position:absolute;inset:0;z-index:-1}.top-input_input-date::-webkit-inner-spin-button{display:none}.top-input_input-date::-webkit-calendar-picker-indicator{opacity:0}.top-inputRange{max-width:320px;vertical-align:baseline;display:inline-flex;gap:8px}.top-inputRange_dash{height:var(--top-forms-base-height);color:var(--color-text-4);align-self:flex-end;display:inline-flex;align-items:center}.top-inputRange>.top-input{flex-grow:1}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-radio_input:checked{border-color:var(--top-forms-option-color);border-width:5px}.top-radio_input:checked:hover{border-color:var(--top-forms-option-color-hover)}.top-radio_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-radio_input:checked:disabled{border-color:var(--color-theme-400)}.top-radio_input.top-error{border-color:var(--color-negative)}.top-radio_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-theme-100);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-theme-150)}.top-checkboxSwitcher_input:checked{background:var(--top-forms-option-color)}.top-checkboxSwitcher_input:checked:hover{background:var(--top-forms-option-color-hover)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-negative)}.top-checkboxSwitcher_input.top-error:hover{background:var(--color-negative-2)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{outline-color:var(--color-theme-75);outline-offset:0px}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--c35baa86);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-select{--top-icon-color: var(--color-text-3);--top-icon2-color: var(--color-text-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-negative);--top-icon2-color: var(--color-negative)}.top-select_select{background-color:var(--top-forms-background-color);padding-left:var(--top-forms-padding);text-indent:clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)));width:100%;height:var(--top-forms-base-height);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.top-select_select:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-select_select:disabled{background:var(--color-theme-50)}.top-select optgroup{color:var(--color-text-1);font-style:normal}.top-select option:not(:disabled){background:var(--content-background-color);color:var(--color-text-1)}.top-select option:disabled{background:unset;color:unset}@-moz-document url-prefix(){.top-select_select{text-indent:calc(clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)))/2)}}@media only screen and (min-width: 900px){.top-changer{cursor:pointer;border-radius:100%;width:0;transform:translate(-44px);color:var(--color-text-secondary-2);font-size:16px;line-height:1;display:none;z-index:2;order:4}.top-changer:hover{color:var(--color-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-blue-500)}.top-loadbar{background:var(--top-loadbar-color);width:0;height:4px;position:absolute;top:0;left:0;animation:top-loadbar var(--top-loadbar-duration) forwards}@keyframes top-loadbar{0%{width:4px}4%{width:4%}5%{width:5%}to{width:95%}}

package/assets/formsExt.css

@@ -1 +1 @@
-.top-editArea{display:flex;flex-direction:column;gap:6px}.top-editArea_title{font-size:12px}.top-editArea_form{background:var(--top-forms-background-color);outline-color:var(--color-theme-75);outline-offset:0;display:flex;flex-direction:column}.top-editArea_form:hover{background:var(--top-forms-background-color-hover)}.top-textarea{width:100%}.top-editArea_element.top-textarea_textarea{border:none;outline:none;animation:none}.top-editArea_footer{padding:var(--top-forms-padding);display:flex;justify-content:flex-end;gap:var(--top-forms-padding)}.top-editArea-attachedToKeyboard{background:var(--top-forms-background-color);margin-bottom:env(keyboard-inset-height,0);position:fixed;bottom:0;right:0;left:0;z-index:2;gap:0}.top-editArea-attachedToKeyboard .top-editArea_form{border-radius:0;border:none;border-top:1px solid var(--top-forms-border-color)}.top-editArea-attachedToKeyboard .top-editArea_title{border-top:1px solid var(--color-line-2-opacity);padding:var(--top-forms-padding)}.top-editArea-attachedToKeyboard .top-editArea_footer>[data-top-icon]{border-radius:100%}.top-editInput{width:220px;flex-grow:1;display:flex;align-items:flex-end;gap:var(--top-gap-1)}.top-editInput .top-input{width:unset;flex-grow:1}.top-scrollBarXHidding{scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.top-scrollBarXHidding:hover{scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar{height:6px;display:none}.top-scrollBarXHidding:hover::-webkit-scrollbar{display:block;scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset #0000000f 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:hover{box-shadow:inset #00000014 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:active{box-shadow:inset #0000001a 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-thumb{background-color:var(--color-line-1-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:hover{background-color:var(--color-line-2-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:active{background-color:var(--color-line-3-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-button{width:0;height:0}.top-radioGroup{-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;background-color:var(--color-theme-50);height:var(--top-forms-base-height);padding:2px;gap:2px;display:flex;align-items:flex-start}.top-radioGroup_item{cursor:pointer;box-sizing:border-box;border-radius:6px;height:calc(var(--top-forms-base-height) - 4px);padding:0 16px;font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-grow:1;gap:4px}.top-radioGroup_item:hover{background-color:var(--color-theme-25);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_item-selected{pointer-events:none;background-color:var(--color-bg-3);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_circle{content:"";box-sizing:border-box;border:1px solid var(--color-line-3-opacity);border-radius:50%;padding:3px;margin-left:auto;width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radioGroup_item:hover .top-radioGroup_circle:before{border-color:var(--color-primary)}.top-radioGroup_item-selected .top-radioGroup_circle{border-color:var(--color-primary);border-width:5px}.top-radioGroup_item-selected:hover .top-radioGroup_circle{border-color:var(--color-primary-2)}.top-radioGroup_item.top-disabled{--top-icon-color: var(--color-text-3);color:var(--color-text-3)}.top-radioGroup_item.top-disabled .top-radioGroup_circle{border-color:var(--color-theme-400);background-color:var(--color-theme-50)}.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle{border-color:var(--color-negative)}.top-selector2_itemMulti{box-sizing:border-box;padding-left:var(--top-padding-2);border-radius:var(--top-radius-1, 4px);border:1px solid var(--color-primary);background:var(--color-primary-light);min-height:22px;max-width:100%;color:var(--color-text-1);flex-grow:0;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-selector2_itemMultiDelete{--top-icon-size: 14px;--top-icon-width: 18px;--top-icon-color: var(--color-text-1);display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.top-selector2_itemMultiDelete:hover{background:var(--color-primary-2-light-opacity)}@media screen and (min-width: 900px){.top-selector2.top-active .top-selector2_itemMultiDelete{z-index:calc(var(--top-popup-z-index) + 1)}}.top-selector2{width:180px;min-height:var(--top-forms-base-height);box-sizing:border-box;position:relative;display:flex;overflow:hidden;padding:var(--top-padding-1) var(--top-forms-padding);color:var(--top-forms-placeholder-color);border-radius:var(--top-radius-2);border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color)}.top-selector2-multiselect{width:unset;min-width:180px;padding:var(--top-padding-1)}.top-selector2.top-active{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}.top-selector2_activeItems{display:flex;flex-wrap:wrap;gap:var(--top-padding-1);max-width:100%}.top-selector2_activeName{white-space:nowrap}.top-changer-selector{transform:translate(-16px)}.top-menu{--scroll-thumb-color: var(--color-line-1-opacity);--scroll-thumb-color-hover: var(--color-line-2-opacity);--scroll-thumb-color-active: var(--color-line-2-opacity);max-width:100%;display:flex;align-items:flex-start;gap:var(--top-gap-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.top-menu::-webkit-scrollbar{display:none}.top-menu>.top-menu_item{--top-button-color: var(--color-text-2);outline-offset:-2px!important;min-width:0;margin:0;flex-shrink:0}.top-menu>.top-menu_item[data-top-icon]{--top-icon-color: var(--color-text-2)}.top-menu.top-style_default>.top-menu_item{--top-forms-radius: 0;--top-forms-border-color: transparent;--top-forms-border-width: 2px;filter:none;box-shadow:none;border:none;border-bottom:var(--top-forms-border-width) solid var(--top-forms-border-color);background:none}.top-menu.top-style_default>.top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-2-opacity)}.top-menu.top-style_default>.top-menu_item:active,.top-menu.top-style_default>.top-menu_item.top-active{--top-icon-color: var(--color-primary);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-primary)}.top-menu.top-style_bar{border-radius:var(--top-radius-3);border:1px solid var(--color-line-2-opacity);padding:var(--top-padding-1);gap:3px}.top-menu.top-style_bar>.top-menu_item{--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-primary-light-opacity);--top-button-background-color-selected: var(--color-primary-light-opacity);position:relative}.top-menu.top-style_bar>.top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1)}.top-menu.top-style_bar>.top-menu_item.top-active{--top-icon-color: var(--color-primary);--top-button-color: var(--color-primary)}.top-menu.top-style_bar>.top-menu_item:not(:first-child):not(.top-active):not(:hover):after{content:"";background:var(--color-line-1-opacity);width:1px;height:60%;display:block;position:absolute;left:-2px}.top-menu.top-style_bar>.top-menu_item.top-active+.top-menu_item:after,.top-menu.top-style_bar>.top-menu_item:hover+.top-menu_item:after{content:none!important}.top-menu.top-unwrap-x{padding-right:var(--top-unwrap-x);padding-left:var(--top-unwrap-x);margin-right:calc(0px - var(--top-unwrap-x));margin-left:calc(0px - var(--top-unwrap-x))}
+.top-editArea{display:flex;flex-direction:column;gap:6px}.top-editArea_title{font-size:12px}.top-editArea_form{background:var(--top-forms-background-color);outline-color:var(--color-theme-75);outline-offset:0;display:flex;flex-direction:column}.top-editArea_form-focus{border-color:var(--color-primary)}.top-editArea_form:hover{background:var(--top-forms-background-color-hover)}.top-textarea{width:100%}.top-editArea_element.top-textarea_textarea{border:none;outline:none;animation:none}.top-editArea_footer{padding:var(--top-forms-padding);display:flex;min-height:32px;justify-content:flex-end;gap:var(--top-forms-padding)}.top-editArea-attachedToKeyboard{background:var(--top-forms-background-color);margin-bottom:env(keyboard-inset-height,0);position:fixed;bottom:0;right:0;left:0;z-index:2;gap:0}.top-editArea-attachedToKeyboard .top-editArea_form{border-radius:0;border:none;border-top:1px solid var(--top-forms-border-color)}.top-editArea-attachedToKeyboard .top-editArea_title{cursor:pointer;border-top:1px solid var(--color-line-2-opacity);padding:var(--top-forms-padding)}.top-editArea-attachedToKeyboard .top-editArea_footer>[data-top-icon]{border-radius:100%}.top-editArea-attachedToKeyboard .top-button.top-editArea_button{min-width:auto;padding:0}.top-editInput{width:220px;flex-grow:1;display:flex;align-items:flex-end;gap:var(--top-gap-1)}.top-editInput .top-input{width:unset;flex-grow:1}.top-scrollBarXHidding{scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.top-scrollBarXHidding:hover{scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar{height:6px;display:none}.top-scrollBarXHidding:hover::-webkit-scrollbar{display:block;scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset #0000000f 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:hover{box-shadow:inset #00000014 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:active{box-shadow:inset #0000001a 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-thumb{background-color:var(--color-line-1-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:hover{background-color:var(--color-line-2-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:active{background-color:var(--color-line-3-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-button{width:0;height:0}.top-radioGroup{-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;background-color:var(--color-theme-50);height:var(--top-forms-base-height);padding:2px;gap:2px;display:flex;align-items:flex-start}.top-radioGroup_item{cursor:pointer;box-sizing:border-box;border-radius:6px;height:calc(var(--top-forms-base-height) - 4px);padding:0 16px;font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-grow:1;gap:4px}.top-radioGroup_item:hover{background-color:var(--color-theme-25);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_item-selected{pointer-events:none;background-color:var(--color-bg-3);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_circle{content:"";box-sizing:border-box;border:1px solid var(--color-line-3-opacity);border-radius:50%;padding:3px;margin-left:auto;width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radioGroup_item:hover .top-radioGroup_circle:before{border-color:var(--color-primary)}.top-radioGroup_item-selected .top-radioGroup_circle{border-color:var(--color-primary);border-width:5px}.top-radioGroup_item-selected:hover .top-radioGroup_circle{border-color:var(--color-primary-2)}.top-radioGroup_item.top-disabled{--top-icon-color: var(--color-text-3);color:var(--color-text-3)}.top-radioGroup_item.top-disabled .top-radioGroup_circle{border-color:var(--color-theme-400);background-color:var(--color-theme-50)}.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle{border-color:var(--color-negative)}.top-selector2_itemMulti{box-sizing:border-box;padding-left:var(--top-padding-2);border-radius:var(--top-radius-1, 4px);border:1px solid var(--color-primary);background:var(--color-primary-light);min-height:22px;max-width:100%;color:var(--color-text-1);flex-grow:0;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-selector2_itemMultiDelete{--top-icon-size: 14px;--top-icon-width: 18px;--top-icon-color: var(--color-text-1);display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.top-selector2_itemMultiDelete:hover{background:var(--color-primary-2-light-opacity)}@media screen and (min-width: 900px){.top-selector2.top-active .top-selector2_itemMultiDelete{z-index:calc(var(--top-popup-z-index) + 1)}}.top-selector2{width:180px;min-height:var(--top-forms-base-height);box-sizing:border-box;position:relative;display:flex;overflow:hidden;padding:var(--top-padding-1) var(--top-forms-padding);color:var(--top-forms-placeholder-color);border-radius:var(--top-radius-2);border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color)}.top-selector2-multiselect{width:unset;min-width:180px;padding:var(--top-padding-1)}.top-selector2.top-active{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}.top-selector2_activeItems{display:flex;flex-wrap:wrap;gap:var(--top-padding-1);max-width:100%}.top-selector2_activeName{white-space:nowrap}.top-changer-selector{transform:translate(-16px)}.top-menu{--scroll-thumb-color: var(--color-line-1-opacity);--scroll-thumb-color-hover: var(--color-line-2-opacity);--scroll-thumb-color-active: var(--color-line-2-opacity);max-width:100%;display:flex;align-items:flex-start;gap:var(--top-gap-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.top-menu::-webkit-scrollbar{display:none}.top-menu>.top-menu_item{--top-button-color: var(--color-text-2);outline-offset:-2px!important;min-width:0;margin:0;flex-shrink:0}.top-menu>.top-menu_item[data-top-icon]{--top-icon-color: var(--color-text-2)}.top-menu.top-style_default>.top-menu_item{--top-forms-radius: 0;--top-forms-border-color: transparent;--top-forms-border-width: 2px;filter:none;box-shadow:none;border:none;border-bottom:var(--top-forms-border-width) solid var(--top-forms-border-color);background:none}.top-menu.top-style_default>.top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-2-opacity)}.top-menu.top-style_default>.top-menu_item:active,.top-menu.top-style_default>.top-menu_item.top-active{--top-icon-color: var(--color-primary);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-primary)}.top-menu.top-style_bar{border-radius:var(--top-radius-3);border:1px solid var(--color-line-2-opacity);padding:var(--top-padding-1);gap:3px}.top-menu.top-style_bar>.top-menu_item{--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-primary-light-opacity);--top-button-background-color-selected: var(--color-primary-light-opacity);position:relative}.top-menu.top-style_bar>.top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1)}.top-menu.top-style_bar>.top-menu_item.top-active{--top-icon-color: var(--color-primary);--top-button-color: var(--color-primary)}.top-menu.top-style_bar>.top-menu_item:not(:first-child):not(.top-active):not(:hover):after{content:"";background:var(--color-line-1-opacity);width:1px;height:60%;display:block;position:absolute;left:-2px}.top-menu.top-style_bar>.top-menu_item.top-active+.top-menu_item:after,.top-menu.top-style_bar>.top-menu_item:hover+.top-menu_item:after{content:none!important}.top-menu.top-unwrap-x{padding-right:var(--top-unwrap-x);padding-left:var(--top-unwrap-x);margin-right:calc(0px - var(--top-unwrap-x));margin-left:calc(0px - var(--top-unwrap-x))}

package/core/core.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-DNRGCC9P.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+define(["require","exports","vue","../.chunks/forms-DujTMzoW.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=core.amd.js.map

package/core/core.js

@@ -1,5 +1,5 @@
 import "vue";
-import { C as a } from "../.chunks/forms-U97cW1zp.es.js";
+import { C as a } from "../.chunks/forms-C4UtO06K.es.js";
 export {
   a as default
 };

package/forms/forms.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/forms-DNRGCC9P.amd"],function(t,a,e){"use strict";if(typeof n>"u")var n=window.Vue;a.Avatar=e.avatar,a.Button=e.Button,a.Checkbox=e.checkbox,a.ControlLabel=e.ControlLabel,a.Hint=e.Hint,a.Input=e.Input,a.InputDate=e.inputDate,a.InputRange=e.inputRange,a.Loadbar=e.Loadbar,a.Radio=e.radio,a.Select=e.select,a.Switcher=e.switcher,a.Textarea=e.Textarea,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","../.chunks/forms-DujTMzoW.amd"],function(t,a,e){"use strict";if(typeof n>"u")var n=window.Vue;a.Avatar=e.avatar,a.Button=e.Button,a.Checkbox=e.checkbox,a.ControlLabel=e.ControlLabel,a.Hint=e.Hint,a.Input=e.Input,a.InputDate=e.inputDate,a.InputRange=e.inputRange,a.Loadbar=e.Loadbar,a.Radio=e.radio,a.Select=e.select,a.Switcher=e.switcher,a.Textarea=e.Textarea,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=forms.amd.js.map

package/forms/forms.js

@@ -1,4 +1,4 @@
-import { k as t, B as e, l as o, m as n, H as r, I as p, n as l, o as u, L as I, r as b, q as c, p as i, T as x } from "../.chunks/forms-U97cW1zp.es.js";
+import { k as t, B as e, l as o, m as n, H as r, I as p, n as l, o as u, L as I, r as b, q as c, p as i, T as x } from "../.chunks/forms-C4UtO06K.es.js";
 export {
   t as Avatar,
   e as Button,

package/formsExt/formsExt.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-DNRGCC9P.amd","../utils/keyboard.amd","../.chunks/listItem.vue_vue_type_script_setup_true_lang-C67aHWhi.amd","../.chunks/widgetInput-DgylW6NK.amd","lodash","../require/css.amd!../assets/formsExt.css"],function(le,V,e,h,b,C,_,$){"use strict";if(typeof e>"u")var e=window.Vue;const E={key:0,class:"top-editArea_title"},I={class:"top-editArea_footer"},S=e.defineComponent({__name:"editArea",props:{modelValue:{},title:{},cancelText:{default:"Отмена"},submitText:{default:"Отправить"},attachToKeyboard:{type:Boolean},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["update:modelValue","cancel"],setup(c,{emit:r}){const t=c,a=r,y=e.ref(""),v=e.ref(t.modelValue);e.watch(e.toRef(t,"modelValue"),()=>{v.value=t.modelValue});const p=e.computed(()=>v.value!==t.modelValue),m=o=>{a("update:modelValue",o)},f=()=>{a("cancel"),v.value=t.modelValue};return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":o.attachToKeyboard})},[o.title?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":o.isError,"top-focus":y.value=="focus"})},[e.createVNode(h.Textarea,{modelValue:v.value,"onUpdate:modelValue":u[0]||(u[0]=s=>v.value=s),name:o.name,placeholder:o.placeholder,rows:o.rows,minHeight:o.minHeight,expandable:o.expandable,disabled:o.disabled,readonly:o.readonly,isError:o.isError,hint:o.hint,class:"top-editArea_element",onFocus:u[1]||(u[1]=s=>y.value="focus"),onBlur:u[2]||(u[2]=s=>y.value=""),onKeyup:[e.withKeys(f,["esc"]),u[3]||(u[3]=e.withKeys(e.withModifiers(s=>m(v.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),e.createElementVNode("div",I,[p.value&&(!o.attachToKeyboard||o.modelValue)?(e.openBlock(),e.createBlock(h.Button,{key:0,class:"top-editArea_button",color:"theme",icon:o.attachToKeyboard?"":"",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.attachToKeyboard?"":o.cancelText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(h.Button,{class:"top-editArea_button",icon:o.attachToKeyboard?"":"",onClick:u[4]||(u[4]=s=>m(v.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.attachToKeyboard?"":o.submitText),1)]),_:1},8,["icon"])])],2)],2))}}),T={$style:{"top-editArea":"top-editArea","top-editArea_title":"top-editArea_title","top-editArea_form":"top-editArea_form","top-textarea":"top-textarea","top-editArea_element":"top-editArea_element","top-textarea_textarea":"top-textarea_textarea","top-editArea_footer":"top-editArea_footer","top-editArea-attachedToKeyboard":"top-editArea-attachedToKeyboard"}},N=h._export_sfc(S,[["__cssModules",T]]),L={class:"top-editInput"},K=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(c,{emit:r}){const t=c,a=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{a.value=t.modelValue});const y=r,v=()=>{y("update:modelValue",a.value)};return(p,m)=>(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(h.Input,e.mergeProps(p.input,{onKeydownCapture:m[0]||(m[0]=e.withKeys(e.withModifiers(f=>a.value=p.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(v,["stop"]),["enter"]),modelValue:a.value,"onUpdate:modelValue":m[1]||(m[1]=f=>a.value=f)}),null,16,["onKeydown","modelValue"]),a.value!==p.modelValue?(e.openBlock(),e.createBlock(h.Button,e.mergeProps({key:0,icon:"",styling:"soft"},p.button,{onClick:v}),{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},16)):e.createCommentVNode("",!0)]))}}),P={$style:{"top-editInput":"top-editInput","top-input":"top-input"}},D=h._export_sfc(K,[["__cssModules",P]]),G=["data-top-icon","onClick"],z={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],W=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(c,{emit:r}){const t=e.useModel(c,"modelValue"),a=c,y=e.ref(null);e.watch(t,()=>{var p,m,f,o,u;(p=a.radiosProps)!=null&&p.some(s=>s.value===t.value)||(t.value=((f=(m=a.radiosProps)==null?void 0:m[0])==null?void 0:f.value)??""),(u=(o=y.value)==null?void 0:o.querySelector(".radioGroup_item-selected"))==null||u.scrollIntoView()},{immediate:!0});const v="radioGroup-"+Math.random();return(p,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:y,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+p.size]:!!p.size,"top-error":p.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.radiosProps,f=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":f.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":f.disabled}),"data-top-icon":f.icon,onClick:o=>t.value=f.value},[e.createTextVNode(e.toDisplayString(f.title)+" ",1),p.showIndicator?(e.openBlock(),e.createElementBlock("span",z)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=o=>t.value=o),name:v,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:f.value,disabled:f.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,G))),256))],2))}}),H={$style:{"top-scrollBarXHidding":"top-scrollBarXHidding","top-radioGroup":"top-radioGroup","top-radioGroup_item":"top-radioGroup_item","top-radioGroup_item-selected":"top-radioGroup_item-selected","top-radioGroup_circle":"top-radioGroup_circle","top-disabled":"top-disabled","top-error":"top-error"}},F=h._export_sfc(W,[["__cssModules",H]]),x=(c,r,t)=>{const a=e.ref([]),y=e.ref(!1);let v="",p;c&&!c.params.limit&&(c.params.limit=100);const m=async()=>{if(!c)return;let d,g;if(t&&(c.cache??=new Map,g=JSON.stringify(c.params),d=c.cache.get(g),d))return d;if(y.value=!0,d=await c.call(),y.value=!1,d.errors)return;if(!Array.isArray(d.result)){console.warn("В result ожидался массив");return}const B=d.result.findIndex(w=>w.id===void 0||w.name===void 0);if(B!==-1){console.warn(`В result[${B}] нет id или name`);return}return t&&c.cache.set(g,d),d},f=async()=>{if(!c)return;c.params.offset=0,c.params.search=v;const d=await m();d&&(p=d.nextOffset,a.value=d.result)},o=async()=>{if(!c||!p||y.value)return;c.params.offset=p,c.params.search=v;const d=await m();d&&(p=d.nextOffset,a.value=a.value.concat(d.result))},u=$.debounce(()=>f(),200);return{items:a,isLoading:y,loadAppend:o,setSearchTextAndLoad:(d,g=!0)=>{c&&(d.length<r||d===v&&a.value.length||(v=d,g?u():f()))}}},U={class:"top-selector2_itemMulti top-ellipsis"},J=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(c){return(r,t)=>(e.openBlock(),e.createElementBlock("div",U,[e.createTextVNode(e.toDisplayString(r.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=a=>r.$emit("delete",r.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),X={$style:{"top-selector2_itemMulti":"top-selector2_itemMulti","top-selector2_itemMultiDelete":"top-selector2_itemMultiDelete","top-selector2":"top-selector2","top-active":"top-active"}},Y=h._export_sfc(J,[["__cssModules",X]]),R={key:0,class:"top-selector2_activeItems"},j={key:1,class:"top-selector2_activeName top-ellipsis"},Q=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const r=c,t=e.useModel(c,"modelValue"),a=e.ref(""),y={id:0,name:"Все"},v=e.ref(null),p=()=>{var l;return(l=v.value)==null?void 0:l.popup};window.__STORYBOOK_PREVIEW__&&!r.modelValue&&e.watch(()=>r.multiselect,()=>{t.value=r.multiselect?[]:{id:null,name:""}},{immediate:!0});const m=x(r.apiRequest,r.minLength,r.useCache),f=e.computed(()=>{const l=[];return!r.multiselect&&r.appendAllValue&&l.push(y),r.items.forEach(i=>l.push({...i})),l}),o=(l,i=!0)=>i&&l.id===null?Array.isArray(t.value)?t.value.some(n=>n.id===l.id&&n.name===l.name):l.name===t.value.name:Array.isArray(t.value)?t.value.some(n=>n.id===l.id):l.id===t.value.id,u=e.computed(()=>{const l=a.value.toLowerCase(),i=b.invertKeyboardLayout(l);let n=[];return f.value.forEach(k=>{const A=k.name.toLowerCase();(k.id===Number(l)||A.includes(l)||A.includes(i))&&(A===l||A===i?n.unshift(k):n.push(k))}),n.push(...m.items.value),r.appendSearchToResult&&a.value&&(!n.length||n[0].name.toLowerCase()!==l)&&n.push({id:null,name:a.value}),r.multiselect&&(n=n.filter(k=>!o(k))),n}),s=async l=>{var i,n;if(r.multiselect){if(!Array.isArray(t.value)||o(l))return;const k=[...t.value];k.push({...l}),t.value=k,h.Core.state.isMobile?(i=p())==null||i.close():setTimeout(()=>{var A,M;(A=p())==null||A.recalcPosition(),(M=p())==null||M.elPopupWidget.querySelector("input").focus(),a.value&&(u.value.length||(a.value="",m.items.value=[]))})}else a.value&&(a.value="",m.items.value=[]),JSON.stringify(l)!==JSON.stringify(t.value)&&(t.value={...l}),(n=p())==null||n.close()},d=()=>{if(!Array.isArray(t.value)){const i=(f.value.findIndex(n=>n.id===t.value.id)+1)%f.value.length;t.value={...f.value[i]}}},g=async l=>{Array.isArray(t.value)&&(t.value=t.value.filter(i=>i.id!==l),setTimeout(()=>{var i;(i=p())==null||i.recalcPosition()}))},B=e.ref(!1);r.apiRequest&&(e.watch(B,()=>{B.value&&m.setSearchTextAndLoad(a.value,!1)}),e.watch(a,()=>m.setSearchTextAndLoad(a.value)));const w=l=>{const i=l.target;i.scrollTop/(i.scrollHeight-i.offsetHeight)>.8&&m.loadAppend()};return(l,i)=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"popupRef",ref:v,onOpen:i[1]||(i[1]=n=>B.value=!0),onClose:i[2]||(i[2]=n=>B.value=!1),onScrollContentList:i[3]||(i[3]=n=>l.apiRequest?w(n):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":l.multiselect,["top-size_"+l.size]:!0,"top-disabled":l.disabled,"top-forms-focusable":!l.disabled,"top-error":l.isError})},[l.multiselect?(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,n=>(e.openBlock(),e.createBlock(Y,{id:n.id,name:n.name,onDelete:g},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),l.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),l.addChanger&&!l.multiselect&&f.value.length>1&&!l.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(d,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(_.PopupWidgetInput),{title:"Поиск",icon:"",modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=n=>a.value=n),isLoading:e.unref(m).isLoading.value,placeholder:!Array.isArray(t.value)&&!l.multiselect&&l.showSelectedInInput?t.value.name:l.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,n=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!l.multiselect&&t.value.name===n.name}),key:n.id??void 0,onClick:e.withModifiers(k=>s(n),["stop"])},{default:e.withCtx(()=>[l.$slots.item?e.renderSlot(l.$slots,"item",{key:0,item:n}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(n.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),u.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(" Нет результатов ")]),_:1}))]),_:3},512))}}),Z={$style:{"top-selector2":"top-selector2","top-selector2-multiselect":"top-selector2-multiselect","top-active":"top-active","top-selector2_activeItems":"top-selector2_activeItems","top-selector2_activeName":"top-selector2_activeName","top-changer-selector":"top-changer-selector"}},q=h._export_sfc(Q,[["__cssModules",Z]]),ee=e.defineComponent({__name:"menu",props:e.mergeModels({modelValue:{},items:{},isMultiple:{type:Boolean},canBeEmptyMultiple:{type:Boolean},styling:{default:"default"},selectAllItem:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const r=c,t=e.useModel(c,"modelValue"),a=e.ref();!r.isMultiple&&!(typeof t.value=="string"||t.value instanceof String)&&console.warn('Type check failed for prop "modelValue". Expected String: '+typeof t.value),r.isMultiple&&!Array.isArray(t.value)&&console.warn('Type check failed for prop "modelValue". Expected Array: '+typeof t.value),r.isMultiple&&!r.canBeEmptyMultiple&&Array.isArray(t.value)&&!t.value.length&&(t.value=[r.items[0].href??r.items[0].value]);const y=o=>Array.isArray(t.value)?t.value.includes(o.value):o.value===t.value,v=(o,u=!1)=>{if(Array.isArray(t.value)){let s=t.value.slice();if(u){s.length||(s=r.items.map(g=>g.value));const d=s.indexOf(o.value);d===-1?s.push(o.value):s.splice(d,1)}else s.length===1&&s[0]===o.value?s=[]:s=[o.value];!r.canBeEmptyMultiple&&!s.length&&(s=[o.value]),t.value=s;return}t.value=o.value},p=o=>{if(a.value.scrollWidth<=a.value.offsetWidth||o.shiftKey||Math.abs(o.deltaY)<50)return;o.preventDefault();const u=o.deltaY>0?30:-30;a.value.scrollLeft=a.value.scrollLeft+u},m=(o=!0)=>{var i,n;const u=a.value.querySelector(".top-active");if(!u)return;const s=24,d=u.offsetLeft-a.value.offsetLeft-s,g=u.offsetLeft-a.value.offsetLeft+u.clientWidth+s,B=a.value.scrollLeft,w=a.value.clientWidth+a.value.scrollLeft;let l=null;d<B&&(l=d),g>w&&(l=g-a.value.clientWidth),l!==null&&(h.isSafari()?(n=(i=h.Core).$)==null||n.call(i,a.value).animate({scrollLeft:l},o?200:0):a.value.scrollTo({left:l,behavior:o?"smooth":"auto"}))},f=()=>{if(Array.isArray(t.value)){if(t.value.length===r.items.length){t.value=[r.items[0].href??r.items[0].value];return}t.value=r.items.map(o=>o.href??o.value)}};return e.onMounted(()=>m(!1)),e.onUpdated(()=>m(!0)),(o,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:a,class:e.normalizeClass({"top-menu":!0,["top-style_"+o.styling]:!0,"top-unwrap-x":o.styling==="default"}),onWheel:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,s=>(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps(s,{class:"top-menu_item",color:"theme",styling:"",onClick:d=>v(s,d.ctrlKey),isActive:y(s)}),e.createSlots({_:2},[s.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.content),1)]),key:"0"}:void 0]),1040,["onClick","isActive"]))),256)),Array.isArray(t.value)&&o.selectAllItem?(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps({key:0},o.selectAllItem,{class:"top-menu_item",color:"theme",styling:"",onClick:u[0]||(u[0]=s=>f()),isActive:t.value.length===o.items.length}),e.createSlots({_:2},[o.selectAllItem.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.selectAllItem.content),1)]),key:"0"}:void 0]),1040,["isActive"])):e.createCommentVNode("",!0)],34))}}),te={$style:{"top-menu":"top-menu","top-menu_item":"top-menu_item","top-style_default":"top-style_default","top-active":"top-active","top-style_bar":"top-style_bar","top-unwrap-x":"top-unwrap-x"}},oe=h._export_sfc(ee,[["__cssModules",te]]);V.EditArea=N,V.EditInput=D,V.Menu=oe,V.RadioGroup=F,V.Selector2=q,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-DujTMzoW.amd","../utils/keyboard.amd","../.chunks/listItem.vue_vue_type_script_setup_true_lang-Ob3185Bq.amd","../.chunks/widgetInput-Ce8a61St.amd","lodash","../require/css.amd!../assets/formsExt.css"],function(oe,V,e,h,_,C,M,$){"use strict";if(typeof e>"u")var e=window.Vue;const S={class:"top-editArea_footer"},E=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(d,{emit:s}){const t=d,l=s,v=e.ref(t.defaultValue),y=e.ref(t.isFocused),u=e.computed(()=>v.value!==t.defaultValue),m=e.computed(()=>t.attachToKeyboard?"":t.forceShowCloseBtn&&!u.value?t.closeText:t.cancelText),p=a=>{l("submit",a),v.value=t.defaultValue},n=()=>{if(t.forceShowCloseBtn&&!u.value){l("close");return}v.value=t.defaultValue},f=()=>{t.attachToKeyboard&&l("clickOnTitle")};return(a,r)=>{const k=e.resolveDirective("focus");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":a.attachToKeyboard})},[a.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:r[0]||(r[0]=g=>f())},e.toDisplayString(a.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":a.isError,"top-editArea_form-focus":y.value})},[e.withDirectives(e.createVNode(h.Textarea,{modelValue:v.value,"onUpdate:modelValue":r[1]||(r[1]=g=>v.value=g),name:a.name,placeholder:a.placeholder,rows:a.rows,minHeight:a.minHeight,expandable:a.expandable,disabled:a.disabled,readonly:a.readonly,isError:a.isError,hint:a.hint,class:"top-editArea_element",onFocus:r[2]||(r[2]=()=>y.value=!0),onBlur:r[3]||(r[3]=()=>y.value=!1),onKeyup:[e.withKeys(n,["esc"]),r[4]||(r[4]=e.withKeys(e.withModifiers(g=>p(v.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),[[k,y.value]]),e.createElementVNode("div",S,[u.value||a.forceShowCloseBtn?(e.openBlock(),e.createBlock(h.Button,{key:0,class:"top-editArea_button",color:"theme",icon:a.attachToKeyboard?"":"",onClick:n},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(h.Button,{key:1,class:"top-editArea_button",icon:a.attachToKeyboard?"":"",onClick:r[5]||(r[5]=g=>p(v.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.attachToKeyboard?"":a.submitText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],2)],2)}}}),T={$style:{"top-editArea":"top-editArea","top-editArea_title":"top-editArea_title","top-editArea_form":"top-editArea_form","top-editArea_form-focus":"top-editArea_form-focus","top-textarea":"top-textarea","top-editArea_element":"top-editArea_element","top-textarea_textarea":"top-textarea_textarea","top-editArea_footer":"top-editArea_footer","top-editArea-attachedToKeyboard":"top-editArea-attachedToKeyboard","top-button":"top-button","top-editArea_button":"top-editArea_button"}},I=h._export_sfc(E,[["__cssModules",T]]),N={class:"top-editInput"},L=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(d,{emit:s}){const t=d,l=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{l.value=t.modelValue});const v=s,y=()=>{v("update:modelValue",l.value)};return(u,m)=>(e.openBlock(),e.createElementBlock("div",N,[e.createVNode(h.Input,e.mergeProps(u.input,{onKeydownCapture:m[0]||(m[0]=e.withKeys(e.withModifiers(p=>l.value=u.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(y,["stop"]),["enter"]),modelValue:l.value,"onUpdate:modelValue":m[1]||(m[1]=p=>l.value=p)}),null,16,["onKeydown","modelValue"]),l.value!==u.modelValue?(e.openBlock(),e.createBlock(h.Button,e.mergeProps({key:0,icon:"",styling:"soft"},u.button,{onClick:y}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},16)):e.createCommentVNode("",!0)]))}}),K={$style:{"top-editInput":"top-editInput","top-input":"top-input"}},P=h._export_sfc(L,[["__cssModules",K]]),D=["data-top-icon","onClick"],G={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],z=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(d,{emit:s}){const t=e.useModel(d,"modelValue"),l=d,v=e.ref(null);e.watch(t,()=>{var u,m,p,n,f;(u=l.radiosProps)!=null&&u.some(a=>a.value===t.value)||(t.value=((p=(m=l.radiosProps)==null?void 0:m[0])==null?void 0:p.value)??""),(f=(n=v.value)==null?void 0:n.querySelector(".radioGroup_item-selected"))==null||f.scrollIntoView()},{immediate:!0});const y="radioGroup-"+Math.random();return(u,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:v,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+u.size]:!!u.size,"top-error":u.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.radiosProps,p=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":p.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":p.disabled}),"data-top-icon":p.icon,onClick:n=>t.value=p.value},[e.createTextVNode(e.toDisplayString(p.title)+" ",1),u.showIndicator?(e.openBlock(),e.createElementBlock("span",G)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=n=>t.value=n),name:y,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:p.value,disabled:p.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,D))),256))],2))}}),x={$style:{"top-scrollBarXHidding":"top-scrollBarXHidding","top-radioGroup":"top-radioGroup","top-radioGroup_item":"top-radioGroup_item","top-radioGroup_item-selected":"top-radioGroup_item-selected","top-radioGroup_circle":"top-radioGroup_circle","top-disabled":"top-disabled","top-error":"top-error"}},F=h._export_sfc(z,[["__cssModules",x]]),W=(d,s,t)=>{const l=e.ref([]),v=e.ref(!1);let y="",u;d&&!d.params.limit&&(d.params.limit=100);const m=async()=>{if(!d)return;let r,k;if(t&&(d.cache??=new Map,k=JSON.stringify(d.params),r=d.cache.get(k),r))return r;if(v.value=!0,r=await d.call(),v.value=!1,r.errors)return;if(!Array.isArray(r.result)){console.warn("В result ожидался массив");return}const g=r.result.findIndex(w=>w.id===void 0||w.name===void 0);if(g!==-1){console.warn(`В result[${g}] нет id или name`);return}return t&&d.cache.set(k,r),r},p=async()=>{if(!d)return;d.params.offset=0,d.params.search=y;const r=await m();r&&(u=r.nextOffset,l.value=r.result)},n=async()=>{if(!d||!u||v.value)return;d.params.offset=u,d.params.search=y;const r=await m();r&&(u=r.nextOffset,l.value=l.value.concat(r.result))},f=$.debounce(()=>p(),200);return{items:l,isLoading:v,loadAppend:n,setSearchTextAndLoad:(r,k=!0)=>{d&&(r.length<s||r===y&&l.value.length||(y=r,k?f():p()))}}},H={class:"top-selector2_itemMulti top-ellipsis"},U=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(d){return(s,t)=>(e.openBlock(),e.createElementBlock("div",H,[e.createTextVNode(e.toDisplayString(s.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=l=>s.$emit("delete",s.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),J={$style:{"top-selector2_itemMulti":"top-selector2_itemMulti","top-selector2_itemMultiDelete":"top-selector2_itemMultiDelete","top-selector2":"top-selector2","top-active":"top-active"}},X=h._export_sfc(U,[["__cssModules",J]]),Y={key:0,class:"top-selector2_activeItems"},j={key:1,class:"top-selector2_activeName top-ellipsis"},R=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const s=d,t=e.useModel(d,"modelValue"),l=e.ref(""),v={id:0,name:"Все"},y=e.ref(null),u=()=>{var o;return(o=y.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!s.modelValue&&e.watch(()=>s.multiselect,()=>{t.value=s.multiselect?[]:{id:null,name:""}},{immediate:!0});const m=W(s.apiRequest,s.minLength,s.useCache),p=e.computed(()=>{const o=[];return!s.multiselect&&s.appendAllValue&&o.push(v),s.items.forEach(c=>o.push({...c})),o}),n=(o,c=!0)=>c&&o.id===null?Array.isArray(t.value)?t.value.some(i=>i.id===o.id&&i.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(i=>i.id===o.id):o.id===t.value.id,f=e.computed(()=>{const o=l.value.toLowerCase(),c=_.invertKeyboardLayout(o);let i=[];return p.value.forEach(B=>{const A=B.name.toLowerCase();(B.id===Number(o)||A.includes(o)||A.includes(c))&&(A===o||A===c?i.unshift(B):i.push(B))}),i.push(...m.items.value),s.appendSearchToResult&&l.value&&(!i.length||i[0].name.toLowerCase()!==o)&&i.push({id:null,name:l.value}),s.multiselect&&(i=i.filter(B=>!n(B))),i}),a=async o=>{var c,i;if(s.multiselect){if(!Array.isArray(t.value)||n(o))return;const B=[...t.value];B.push({...o}),t.value=B,h.Core.state.isMobile?(c=u())==null||c.close():setTimeout(()=>{var A,b;(A=u())==null||A.recalcPosition(),(b=u())==null||b.elPopupWidget.querySelector("input").focus(),l.value&&(f.value.length||(l.value="",m.items.value=[]))})}else l.value&&(l.value="",m.items.value=[]),JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o}),(i=u())==null||i.close()},r=()=>{if(!Array.isArray(t.value)){const c=(p.value.findIndex(i=>i.id===t.value.id)+1)%p.value.length;t.value={...p.value[c]}}},k=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(c=>c.id!==o),setTimeout(()=>{var c;(c=u())==null||c.recalcPosition()}))},g=e.ref(!1);s.apiRequest&&(e.watch(g,()=>{g.value&&m.setSearchTextAndLoad(l.value,!1)}),e.watch(l,()=>m.setSearchTextAndLoad(l.value)));const w=o=>{const c=o.target;c.scrollTop/(c.scrollHeight-c.offsetHeight)>.8&&m.loadAppend()};return(o,c)=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"popupRef",ref:y,onOpen:c[1]||(c[1]=i=>g.value=!0),onClose:c[2]||(c[2]=i=>g.value=!1),onScrollContentList:c[3]||(c[3]=i=>o.apiRequest?w(i):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError})},[o.multiselect?(e.openBlock(),e.createElementBlock("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,i=>(e.openBlock(),e.createBlock(X,{id:i.id,name:i.name,onDelete:k},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&p.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(r,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(M.PopupWidgetInput),{title:"Поиск",icon:"",modelValue:l.value,"onUpdate:modelValue":c[0]||(c[0]=i=>l.value=i),isLoading:e.unref(m).isLoading.value,placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,i=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===i.name}),key:i.id??void 0,onClick:e.withModifiers(B=>a(i),["stop"])},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:i}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(i.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),f.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(" Нет результатов ")]),_:1}))]),_:3},512))}}),Q={$style:{"top-selector2":"top-selector2","top-selector2-multiselect":"top-selector2-multiselect","top-active":"top-active","top-selector2_activeItems":"top-selector2_activeItems","top-selector2_activeName":"top-selector2_activeName","top-changer-selector":"top-changer-selector"}},Z=h._export_sfc(R,[["__cssModules",Q]]),q=e.defineComponent({__name:"menu",props:e.mergeModels({modelValue:{},items:{},isMultiple:{type:Boolean},canBeEmptyMultiple:{type:Boolean},styling:{default:"default"},selectAllItem:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const s=d,t=e.useModel(d,"modelValue"),l=e.ref();!s.isMultiple&&!(typeof t.value=="string"||t.value instanceof String)&&console.warn('Type check failed for prop "modelValue". Expected String: '+typeof t.value),s.isMultiple&&!Array.isArray(t.value)&&console.warn('Type check failed for prop "modelValue". Expected Array: '+typeof t.value),s.isMultiple&&!s.canBeEmptyMultiple&&Array.isArray(t.value)&&!t.value.length&&(t.value=[s.items[0].href??s.items[0].value]);const v=n=>Array.isArray(t.value)?t.value.includes(n.value):n.value===t.value,y=(n,f=!1)=>{if(Array.isArray(t.value)){let a=t.value.slice();if(f){a.length||(a=s.items.map(k=>k.value));const r=a.indexOf(n.value);r===-1?a.push(n.value):a.splice(r,1)}else a.length===1&&a[0]===n.value?a=[]:a=[n.value];!s.canBeEmptyMultiple&&!a.length&&(a=[n.value]),t.value=a;return}t.value=n.value},u=n=>{if(l.value.scrollWidth<=l.value.offsetWidth||n.shiftKey||Math.abs(n.deltaY)<50)return;n.preventDefault();const f=n.deltaY>0?30:-30;l.value.scrollLeft=l.value.scrollLeft+f},m=(n=!0)=>{var c,i;const f=l.value.querySelector(".top-active");if(!f)return;const a=24,r=f.offsetLeft-l.value.offsetLeft-a,k=f.offsetLeft-l.value.offsetLeft+f.clientWidth+a,g=l.value.scrollLeft,w=l.value.clientWidth+l.value.scrollLeft;let o=null;r<g&&(o=r),k>w&&(o=k-l.value.clientWidth),o!==null&&(h.isSafari()?(i=(c=h.Core).$)==null||i.call(c,l.value).animate({scrollLeft:o},n?200:0):l.value.scrollTo({left:o,behavior:n?"smooth":"auto"}))},p=()=>{if(Array.isArray(t.value)){if(t.value.length===s.items.length){t.value=[s.items[0].href??s.items[0].value];return}t.value=s.items.map(n=>n.href??n.value)}};return e.onMounted(()=>m(!1)),e.onUpdated(()=>m(!0)),(n,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:l,class:e.normalizeClass({"top-menu":!0,["top-style_"+n.styling]:!0,"top-unwrap-x":n.styling==="default"}),onWheel:u},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,a=>(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps({ref_for:!0},a,{class:"top-menu_item",color:"theme",styling:"",onClick:r=>y(a,r.ctrlKey),isActive:v(a)}),e.createSlots({_:2},[a.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.content),1)]),key:"0"}:void 0]),1040,["onClick","isActive"]))),256)),Array.isArray(t.value)&&n.selectAllItem?(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps({key:0},n.selectAllItem,{class:"top-menu_item",color:"theme",styling:"",onClick:f[0]||(f[0]=a=>p()),isActive:t.value.length===n.items.length}),e.createSlots({_:2},[n.selectAllItem.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.selectAllItem.content),1)]),key:"0"}:void 0]),1040,["isActive"])):e.createCommentVNode("",!0)],34))}}),ee={$style:{"top-menu":"top-menu","top-menu_item":"top-menu_item","top-style_default":"top-style_default","top-active":"top-active","top-style_bar":"top-style_bar","top-unwrap-x":"top-unwrap-x"}},te=h._export_sfc(q,[["__cssModules",ee]]);V.EditArea=I,V.EditInput=P,V.Menu=te,V.RadioGroup=F,V.Selector2=Z,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=formsExt.amd.js.map