@topvisor/ui 0.9.18 → 0.9.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.chunks/{datepicker-C7YUpcvo.amd.js → datepicker-B9eprAyk.amd.js} +2 -2
- package/.chunks/{datepicker-C7YUpcvo.amd.js.map → datepicker-B9eprAyk.amd.js.map} +1 -1
- package/.chunks/{datepicker-Bv7QQgby.es.js → datepicker-C86O1mQq.es.js} +2 -2
- package/.chunks/{datepicker-Bv7QQgby.es.js.map → datepicker-C86O1mQq.es.js.map} +1 -1
- package/.chunks/{forms-_rDwj89q.amd.js → forms-DkNAMd-D.amd.js} +3 -3
- package/.chunks/forms-DkNAMd-D.amd.js.map +1 -0
- package/.chunks/{forms-C4Cwecin.es.js → forms-gb7uf2K8.es.js} +159 -159
- package/.chunks/forms-gb7uf2K8.es.js.map +1 -0
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-HTufWVek.amd.js → listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js} +2 -2
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-HTufWVek.amd.js.map → listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js.map} +1 -1
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-Bdn15bn4.es.js → listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js} +2 -2
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-Bdn15bn4.es.js.map → listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js.map} +1 -1
- package/.chunks/{popup-DFeFrj9j.es.js → popup-B-BAfp1v.es.js} +5 -3
- package/.chunks/popup-B-BAfp1v.es.js.map +1 -0
- package/.chunks/{popup-DsGIUjVp.amd.js → popup-CV5MPPEu.amd.js} +5 -3
- package/.chunks/popup-CV5MPPEu.amd.js.map +1 -0
- package/.chunks/{widgetInput-VXzd43n4.amd.js → widgetInput-BxO9y9L7.amd.js} +2 -2
- package/.chunks/widgetInput-BxO9y9L7.amd.js.map +1 -0
- package/.chunks/{widgetInput-CRzxG31N.es.js → widgetInput-DPOH_qya.es.js} +9 -9
- package/.chunks/{widgetInput-CRzxG31N.es.js.map → widgetInput-DPOH_qya.es.js.map} +1 -1
- package/core/core.amd.js +1 -1
- package/core/core.js +1 -1
- package/forms/forms.amd.js +1 -1
- package/forms/forms.js +1 -1
- package/formsExt/formsExt.amd.js +1 -1
- package/formsExt/formsExt.js +3 -3
- package/package.json +1 -1
- package/popup/popup.amd.js +1 -1
- package/popup/popup.js +2 -2
- package/popup/worker.amd.js +1 -1
- package/popup/worker.js +2 -2
- package/src/core/utils/window.d.ts +1 -1
- package/tabs/tabs.amd.js +1 -1
- package/tabs/tabs.js +1 -1
- package/tabsView/tabsView.amd.js +1 -1
- package/tabsView/tabsView.js +2 -2
- package/utils/date.amd.js +1 -1
- package/utils/date.js +1 -1
- package/utils/device.amd.js +1 -1
- package/utils/device.js +3 -3
- package/utils/scroll.amd.js +1 -1
- package/utils/scroll.amd.js.map +1 -1
- package/utils/scroll.js +1 -1
- package/utils/scroll.js.map +1 -1
- package/utils/window.amd.js +1 -1
- package/utils/window.js +2 -2
- package/.chunks/forms-C4Cwecin.es.js.map +0 -1
- package/.chunks/forms-_rDwj89q.amd.js.map +0 -1
- package/.chunks/popup-DFeFrj9j.es.js.map +0 -1
- package/.chunks/popup-DsGIUjVp.amd.js.map +0 -1
- package/.chunks/widgetInput-VXzd43n4.amd.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"forms-gb7uf2K8.es.js","sources":["../../src/core/utils/device.ts","../../src/core/core/page.ts","../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/directives/tooltip.ts","../../src/core/utils/window.ts","../../src/core/core/core.ts","../../src/core/utils/date.ts","../../src/components/forms/avatar/avatar.vue","../../src/components/forms/button/button.vue","../../src/components/forms/checkbox/checkbox.vue","../../src/components/forms/input/input.vue","../../src/components/forms/inputDate/inputDate.vue","../../src/components/forms/radio/radio.vue","../../src/components/forms/switcher/switcher.vue","../../src/components/forms/textarea/textarea.vue","../../src/components/forms/select/select.vue","../../src/components/forms/loadbar/loadbar.vue"],"sourcesContent":["export function isRetina() {\r\n\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\r\n}\r\n\r\n// определить, является ли устройство мобильным\r\nexport function isMobile(): boolean {\r\n\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\r\n}\r\n\r\n// определить, открыт ли сайт в приложении\r\nexport function isApp() {\r\n\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\r\n}\r\n\r\n// определить, является ли OS пользователя macOS\r\nexport function isMacOS() {\r\n\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\r\n}\r\n\r\n// определить, является ли текущий браузер пользователя Safari\r\nexport function isSafari() {\r\n\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\r\n\r\n\tlet isSafari = /Safari/.test(navigator.userAgent);\r\n\tif (isChrome && isSafari) {\r\n\t\tisSafari = false;\r\n\t}\r\n\r\n\treturn isSafari;\r\n};\r\n\r\n/**\r\n * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\r\n * @returns {'Ctrl'|'⌘'}\r\n */\r\nexport function getCommandKeyLabel(): 'Ctrl' | '⌘' {\r\n\tif (isMacOS()) {\r\n\t\treturn '⌘';\r\n\t} else {\r\n\t\treturn 'Ctrl';\r\n\t}\r\n}","class Page {\r\n\r\n}\r\n\r\nexport default Page;","const onResizeDelay = 100;\r\n\r\nlet onResizeTimer: NodeJS.Timeout;\r\n\r\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\r\n\r\n/**\r\n * Установленные обрабочики на событие изменения размеров окна\r\n */\r\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\r\n\r\n// зафиксированное состояние размеров окна\r\nconst windowSize = {\r\n\twidth: window.innerWidth,\r\n\theight: window.innerHeight,\r\n};\r\n\r\n/**\r\n * Добавить обработчик на событие изменения размеров экрана\r\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\r\n */\r\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\r\n\tonResizeListeners.set(listener, listener);\r\n}\r\n\r\n/**\r\n * Удаление обработчика на событие изменений размеров экрана\r\n */\r\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\r\n\tonResizeListeners.delete(listener);\r\n}\r\n\r\nfunction onResize (e: any) {\r\n\tclearTimeout(onResizeTimer);\r\n\r\n\tonResizeTimer = setTimeout(function () {\r\n\t\te.topEvent = {\r\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\r\n\t\t\thightDiff: windowSize.height - window.innerHeight,\r\n\t\t};\r\n\r\n\t\twindowSize.width = window.innerWidth;\r\n\t\twindowSize.height = window.innerHeight;\r\n\r\n\t\tonResizeListeners.forEach((callback) => callback(e));\r\n\t}, onResizeDelay);\r\n}\r\n\r\nwindow.addEventListener('resize', onResize);\r\n\r\nexport default {\r\n\taddOnReize,\r\n\tremoveOnResize,\r\n};\r\n","/**\r\n * Конфигурация UI\r\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\r\n */\r\nconst options = {\r\n\twidthForMobile: 900,\r\n\tdateFormat: 'Y-m-d',\r\n\r\n\t/**\r\n\t * Для Москвы: +0300\r\n\t */\r\n\tgmt: new Date().toString().match(/GMT(\\S+)/)?.[1],\r\n};\r\n\r\nexport default options;","/**\r\n * State UI для взаимодейсвтиями с приложениями Vue\r\n */\r\nconst state = {\r\n\t/**\r\n\t * Device by size\r\n\t * @see widthForMobile\r\n\t */\r\n\tisMobile: false,\r\n\r\n\t/**\r\n\t * Device by user agent\r\n\t */\r\n\tisMobileUA: false,\r\n\r\n\t/**\r\n\t * true, если плотность пикселей экрана больше 1\r\n\t */\r\n\tisRetina: false,\r\n\r\n\t/**\r\n\t * true, елси это приложение\r\n\t */\r\n\tisApp: false,\r\n\r\n\t/**\r\n\t * true при горизонтальном расположении устройства\r\n\t */\r\n\tisLandscape: true,\r\n\r\n\t/**\r\n\t * true при вертикальном расположении устройства\r\n\t */\r\n\tisPortrait: false,\r\n\tsize: 0,\r\n\r\n\t// См. core.options\r\n\tdateFormat: 'Y-m-d',\r\n\r\n\t// См. core.options\r\n\tgmt: new Date().toString().match(/GMT(\\S+)/)?.[1],\r\n};\r\n\r\nexport default state;","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\nconst $ = (el: VNode) => {\r\n\tif (!Core.$?.ui?.tooltip) {\r\n\t\tconsole.info('Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nconst tvTooltipGenOptions = (binding: DirectiveBinding, vnode: VNode) => {\r\n\tconst options = binding.value ?? {};\r\n\r\n\toptions.content ??= vnode.props?.title;\r\n\toptions.content = String(options.content).replace(/\\r\\n|\\r|\\n/g, '<br>');\r\n\r\n\toptions.position ??= {\r\n\t\tmy: 'bottom-18px',\r\n\t\tat: 'top center',\r\n\t};\r\n\r\n\treturn options;\r\n};\r\n\r\nconst tooltip = {\r\n\tmounted(el: VNode, binding: DirectiveBinding, vnode: VNode) {\r\n\t\t$(el)?.tooltip(tvTooltipGenOptions(binding, vnode));\r\n\t},\r\n\r\n\tupdated(el: VNode, binding: DirectiveBinding, vnode: VNode, _prevVnode: VNode) {\r\n\t\t/**\r\n\t\t * В результате обновления может быть открыто несколько тултипов поэтому изменить опции, без перерисовки тултипа\r\n\t\t */\r\n\t\tconst options = tvTooltipGenOptions(binding, vnode);\r\n\t\tconst instance = $(el)?.tooltip('instance') as { options: JQueryUI.TooltipOptions } | undefined;\r\n\t\tif (!instance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tinstance.options = {\r\n\t\t\t...instance.options,\r\n\t\t\t...options,\r\n\t\t};\r\n\t},\r\n\r\n\tunmounted(el: VNode, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\t$(el)?.tooltip('destroy');\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default tooltip;","/**\r\n * Генерация объекта window\r\n *\r\n * На backend объекта window не существует\r\n */\r\nconst genWindow = (): any => {\r\n\tif (typeof window === 'undefined') {\r\n\t\treturn {};\r\n\t}\r\n\r\n\treturn window;\r\n};\r\n\r\nexport const _window = genWindow();","import { reactive } from 'vue';\r\nimport { isMobile, isRetina, isApp } from '@/core/utils/device';\r\nimport Page from '@/core/core/page';\r\nimport Events from '@/core/core/events';\r\nimport options from '@/core/core/options';\r\nimport state from '@/core/core/state';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\nimport { _window } from '@/core/utils/window';\r\n\r\nclass Core {\r\n\r\n\t/**\r\n\t * Настройки словаря\r\n\t */\r\n\tstatic L = reactive({\r\n\t\tNot_date: 'Not date',\r\n\t});\r\n\r\n\tstatic page = _window.page ?? {};\r\n\r\n\tstatic Page = Page;\r\n\r\n\tstatic options = options;\r\n\r\n\tstatic state = reactive({ ...state });\r\n\r\n\tstatic matchMediaIsMobile?: MediaQueryList;\r\n\r\n\tstatic $ = _window.$ as typeof $ | undefined;\r\n\r\n\t/**\r\n\t * Добавить на страницу стили, используется для загрузки стилей из js\r\n\t *\r\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\r\n\t * @param style - css стили в строке\r\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\r\n\t */\r\n\tstatic appendStyle(style: string, type: '' | 'm' | 'pc' = ''): void {\r\n\t\tlet media = 'all';\r\n\r\n\t\tif (type === 'm') {\r\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\r\n\t\t}\r\n\r\n\t\tif (type === 'pc') {\r\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\r\n\t\t}\r\n\r\n\t\tconst elStyle = document.createElement('style');\r\n\t\telStyle.innerHTML = style;\r\n\t\telStyle.media = media;\r\n\r\n\t\tdocument.head.append(elStyle);\r\n\t}\r\n\r\n\t/**\r\n\t * Установить как плагин в прилоежнии Vue\r\n\t * Core.state является общим для всех приложений Vue на странице\r\n\t * Core.options является общим для всех приложений Vue на странице\r\n\t * @param app - Vue App\r\n\t * @param {typeof options} options - параметры UI\r\n\t */\r\n\tstatic install(app: any, options: typeof this.options) {\r\n\t\tCore.defineOptions(options);\r\n\r\n\t\tapp.provide('top-core', Core);\r\n\r\n\t\tthis.installDirectives(app);\r\n\t}\r\n\r\n\tstatic installDirectives(app: any) {\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\t}\r\n\r\n\t/**\r\n\t * Установить конфигурацию UI\r\n\t * @param {typeof options} options\r\n\t */\r\n\tstatic defineOptions(options: typeof this.options) {\r\n\t\tif (options?.widthForMobile) {\r\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\r\n\t\t}\r\n\r\n\t\tif (options?.dateFormat) {\r\n\t\t\tthis.options.dateFormat = options.dateFormat;\r\n\t\t}\r\n\r\n\t\tif (options?.gmt) {\r\n\t\t\tthis.options.gmt = options.gmt;\r\n\t\t}\r\n\r\n\t\tCore.setState();\r\n\t}\r\n\r\n\tstatic setState() {\r\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\r\n\r\n\t\tCore.state.isMobileUA = isMobile();\r\n\t\tCore.state.isRetina = isRetina();\r\n\t\tCore.state.isApp = isApp();\r\n\t\tCore.state.dateFormat = this.options.dateFormat;\r\n\t\tCore.state.gmt = this.options.gmt;\r\n\r\n\t\tCore.setStateByWindowSize();\r\n\r\n\t\t// пересчет значений, зависящих от рамзеров окна\r\n\t\tEvents.addOnReize(Core.onResize);\r\n\r\n\t\tCore.onResize();\r\n\r\n\t\tCore.saveToCookie();\r\n\t}\r\n\r\n\tstatic onResize() {\r\n\t\tCore.setStateByWindowSize();\r\n\r\n\t\t// честный vh\r\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\r\n\t}\r\n\r\n\tstatic setStateByWindowSize() {\r\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\r\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\r\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\r\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\r\n\r\n\t\tCore.saveToCookie();\r\n\t}\r\n\r\n\t/**\r\n\t * Сохранить информацию об устройстве в cookie\r\n\t */\r\n\tstatic saveToCookie() {\r\n\t\tconst device = [\r\n\t\t\t1,\r\n\t\t\twindow.innerWidth,\r\n\t\t\twindow.innerHeight,\r\n\t\t\twindow.devicePixelRatio,\r\n\t\t\tNumber(Core.state.isMobile),\r\n\t\t\tNumber(Core.state.isRetina),\r\n\t\t];\r\n\r\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\r\n\t}\r\n\r\n}\r\n\r\nexport default Core;","import Core from '@/core/core/core';\r\n\r\n/**\r\n * Получить объект Date из строки\r\n * @param date - строка с датой\r\n */\r\nexport function stringToDate(date: string) {\r\n\tif (date.indexOf('T') === -1) {\r\n\t\tif (date.length == 10) {\r\n\t\t\tdate += ' 00:00:00';\r\n\t\t}\r\n\r\n\t\tdate = date.replace(' ', 'T') + Core.state.gmt;\r\n\t}\r\n\r\n\treturn new Date(date);\r\n}\r\n\r\n/**\r\n * Генерация строки с датой в формате Y-m-d H:i:s или в формате Core.state.dateFormat, если указан useFormat = true\r\n * @param {?number} timestamp\r\n * @param {?boolean} useFormat\r\n * @param {0|1|2|3} time - 0: только дата, 1: дата и часы, 2: дата и часы с минутами, 3: дата и часы с минутами и секундами\r\n */\r\nexport function genDate(timestamp: number | undefined = undefined, useFormat: boolean = true, time: 0 | 1 | 2 | 3 = 0): string {\r\n\tlet date;\r\n\tif (timestamp != undefined) {\r\n\t\tdate = new Date(timestamp);\r\n\t} else {\r\n\t\tdate = new Date();\r\n\t}\r\n\r\n\tconst Y = date.getFullYear();\r\n\tconst m = String(date.getMonth() + 1).padStart(2, '0');\r\n\tconst d = date.getDate().toString().padStart(2, '0');\r\n\r\n\tconst H = date.getHours().toString().padStart(2, '0');\r\n\tconst i = date.getMinutes().toString().padStart(2, '0');\r\n\tconst s = date.getSeconds().toString().padStart(2, '0');\r\n\r\n\tdate = Y + '-' + m + '-' + d;\r\n\r\n\tif (time) date += ' ';\r\n\tif (time >= 1) date += H;\r\n\tif (time >= 2) date += ':' + i;\r\n\tif (time >= 3) date += ':' + s;\r\n\r\n\tif (useFormat) {\r\n\t\tdate = dateFormat(date, time);\r\n\t}\r\n\r\n\treturn date;\r\n}\r\n\r\n/**\r\n * Перевод даты в формат пользователя\r\n * @param {string} date - строка в формате Y-m-d H:i:s\r\n * @param {0|1|2|3} time - 0: только дата, 1: дата и часы, 2: дата и часы с минутами, 3: дата и часы с минутами и секундами\r\n * @param {string} emptyValue - значение, которое надо вернуть, если дата не указана\r\n */\r\nexport function dateFormat(date: string, time: 0 | 1 | 2 | 3 = 2, emptyValue: string = Core.L.Not_date): string {\r\n\tif (!date || date.substring(0, 10) === '0000-00-00') {\r\n\t\tif (emptyValue && emptyValue !== '0000-00-00') {\r\n\t\t\treturn emptyValue;\r\n\t\t}\r\n\t}\r\n\r\n\tconst dateFormat = Core.state.dateFormat.toLowerCase();\r\n\r\n\tlet dateForObj = date.substring(0, 10);\r\n\r\n\tif (dateForObj.length === 7) {\r\n\t\tdateForObj += '-01';\r\n\t}\r\n\r\n\tdateForObj += ' 00:00';\r\n\r\n\t// safari fix\r\n\tdateForObj = dateForObj.replace(/-/g, '/');\r\n\r\n\tconst dateObject = new Date(dateForObj);\r\n\tif (isNaN(Number(dateObject))) {\r\n\t\treturn emptyValue;\r\n\t}\r\n\r\n\tlet result = dateFormat.\r\n\t\treplace('y', String(dateObject.getFullYear()).padStart(2, '0')).\r\n\t\treplace('m', String(dateObject.getMonth() + 1).padStart(2, '0')).\r\n\t\treplace('d', String(dateObject.getDate()).padStart(2, '0'));\r\n\r\n\tif (date.length > 10) {\r\n\t\tswitch (time) {\r\n\t\t\t// часы\r\n\t\t\tcase 1:\r\n\t\t\t\tresult += ' ' + date.substring(11, 13);\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t// часы и минуты\r\n\t\t\tcase 2:\r\n\t\t\t\tresult += ' ' + date.substring(11, 16);\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t// часы, минуты и секунды\r\n\t\t\tcase 3:\r\n\t\t\t\tresult += ' ' + date.substring(11, 19);\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\treturn result;\r\n}\r\n\r\n/**\r\n * Перевод даты из формата пользователя в системный формат\r\n * @param {string} date - строка в формате Y-m-d H:i:s\r\n * @param {string} emptyValue - значение, которое надо вернуть, если дата не указана\r\n */\r\nexport function dateUnformat(date: string, emptyValue: string = Core.L.Not_date): string {\r\n\tif (!date) {\r\n\t\treturn emptyValue;\r\n\t}\r\n\r\n\tif (date.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\r\n\t\treturn date;\r\n\t}\r\n\r\n\tconst dateFormat = Core.state.dateFormat.toLowerCase();\r\n\r\n\tconst dateChunks = date.split(/\\W/);\r\n\tconst dateFormatChunks = dateFormat.split(/\\W/);\r\n\r\n\tlet d = '';\r\n\tlet m = '';\r\n\tlet y = '';\r\n\r\n\tdateFormatChunks.forEach((type, index) => {\r\n\t\tswitch (type) {\r\n\t\t\tcase 'd':\r\n\t\t\t\td = dateChunks[index];\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'm':\r\n\t\t\t\tm = dateChunks[index];\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'y':\r\n\t\t\t\ty = dateChunks[index];\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t});\r\n\r\n\tlet result = y + '-' + m + '-' + d;\r\n\r\n\tif (!result.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\r\n\t\tconsole.info('Неверный формат даты, будет возращена текущая дата, ' + result);\r\n\r\n\t\tresult = genDate((new Date()).getTime(), false).substring(0, 10);\r\n\t}\r\n\r\n\treturn result;\r\n}\r\n","<script lang=\"ts\" setup>\r\nimport { computed } from 'vue';\r\nimport type { Props } from './avatar';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 64,\r\n});\r\n\r\n// TODO: сделать компонент i18n\r\nconst i18n = {\r\n\tuser: {\r\n\t\tOnline: 'Онлайн',\r\n\t\tLastSeen: 'Заходил(а)',\r\n\t},\r\n};\r\n\r\nconst titleStatus = computed(() => {\r\n\tif (props.isOnline) {\r\n\t\treturn i18n.user.Online;\r\n\t}\r\n\r\n\tif (props.lastActiveTime) {\r\n\t\treturn i18n.user.LastSeen + ': ' + dateFormat(props.lastActiveTime, 2);\r\n\t}\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-avatar\">\r\n\t\t<img\r\n\t\t\tclass=\"top-avatar_image\"\r\n\t\t\t:src=\"image\"\r\n\t\t\t:title=\"props.nickname + (titleStatus ? `\\n${titleStatus}` : '')\"\r\n\t\t\talt=\"\"\r\n\t\t>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"isOnline\"\r\n\t\t\tclass=\"top-avatar_status\"\r\n\t\t\t:title=\"titleStatus\"\r\n\t\t>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<style module>\r\n.top-avatar {\r\n\twidth: v-bind(size+ \"px\");\r\n\theight: v-bind(size+ \"px\");\r\n\tdisplay: flex;\r\n\tflex-grow: 0;\r\n\tflex-shrink: 0;\r\n\tposition: relative;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.top-avatar_image {\r\n\tborder-radius: 50%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.top-avatar_status {\r\n\tborder-radius: 50%;\r\n\tborder: 2px solid var(--content-background-color);\r\n\tbackground-color: var(--color-green-500);\r\n\twidth: 25%;\r\n\theight: 25%;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props } from './button';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tcolor: 'blue',\r\n\tstyling: '',\r\n\tsize: 's',\r\n});\r\n\r\nconst tagName = computed(() => props.href ? 'a' : 'button');\r\n\r\nconst type = computed(() => props.isSubmit ? 'submit' : undefined);\r\n</script>\r\n\r\n<template>\r\n\t<component\r\n\t\t:is=\"tagName\"\r\n\t\t:class=\"{\r\n\t\t\t['top-active']: isActive,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t['top-button']: true,\r\n\t\t\t['top-button-progress']: isProgress,\r\n\t\t\t[`top-size_${size}`]: !!size,\r\n\t\t\t[`top-color_${color}`]: true,\r\n\t\t\t[`top-style_${styling}`]: !!styling,\r\n\t\t\t['top-button-withoutText']: !$slots.default,\r\n\t\t}\"\r\n\t\t:name=\"name\"\r\n\t\t:title=\"title\"\r\n\t\t:href=\"href\"\r\n\t\t:type=\"type\"\r\n\t\t:data-top-icon=\"icon || undefined\"\r\n\t\t:data-top-icon2=\"icon2 || undefined\"\r\n\t\t:disabled=\"disabled || undefined\"\r\n\t\t:inProgress=\"isProgress\"\r\n\t>\r\n\t\t<span\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\tclass=\"top-ellipsis\"\r\n\t\t>\r\n\t\t\t<!-- @slot Текст в кнопке -->\r\n\t\t\t<slot>\r\n\t\t\t\t{{ !icon ? 'Button' : '' }}\r\n\t\t\t</slot>\r\n\t\t</span>\r\n\r\n\t\t<!-- @slot HTML в кнопке -->\r\n\t\t<slot name=\"html\"></slot>\r\n\t</component>\r\n</template>\r\n\r\n<style module>\r\n@import \"./style/button.css\";\r\n@import \"./style/style-outline.css\";\r\n@import \"./style/style-soft.css\";\r\n@import \"./style/style-transparent.css\";\r\n\r\n.top-button {\r\n\t--top-button-color: var(--color-white);\r\n\t--top-button-background-color: transparent;\r\n\t--top-button-background-color-hover: var(--top-button-background-color);\r\n\t--top-button-background-color-active: var(--top-button-background-color-hover);\r\n\t--top-button-background-color-selected: var(--top-button-background-color-hover);\r\n\t--top-button-box-shadow: none;\r\n\t--top-button-box-shadow-hover: var(--top-shadow-darken-2);\r\n\t--top-button-box-shadow-active: var(--top-shadow-darken-3);\r\n\t--top-button-box-shadow-selected: var(--top-shadow-darken-3);\r\n\t--top-forms-border-width: 0px;\r\n\t--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));\r\n\t--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding));\r\n}\r\n\r\n.top-button.top-size_l {\r\n\t--top-forms-padding: var(--top-forms-padding_l);\r\n\t--top-forms-base-height: var(--top-forms-base-height_l);\r\n}\r\n\r\n.top-button.top-size_xl {\r\n\t--top-forms-padding: var(--top-forms-padding_xl);\r\n\t--top-forms-base-height: var(--top-forms-base-height_xl);\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport type { Props } from './checkbox';\r\nimport ControlLabel from '../controlLabel/controlLabel.vue';\r\n\r\ndefineProps<Props>();\r\n\r\nconst model = defineModel<Props['modelValue']>();\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-forms-optionWrapper']: true,\r\n\t\t\t['top-checkbox']: true,\r\n\t\t\t['top-checkbox_' + name]: !!name,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-error']: isError && !disabled,\r\n\t\t}\"\r\n\t>\r\n\t\t<input\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-forms-option']: true,\r\n\t\t\t\t['top-checkbox_input']: true,\r\n\t\t\t\t['top-error']: isError && !disabled,\r\n\t\t\t}\"\r\n\t\t\t:name=\"name\"\r\n\t\t\tv-model=\"model\"\r\n\t\t\t:value=\"value\"\r\n\t\t\t:indeterminate=\"indeterminate\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\r\n\t\t<ControlLabel\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\t:description=\"description\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\t\t\t<!-- @slot Слот с заголовком -->\r\n\t\t\t<slot></slot>\r\n\t\t</ControlLabel>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-checkbox {\r\n\tcursor: pointer;\r\n\tdisplay: inline-flex;\r\n}\r\n\r\n.top-checkbox_input {\r\n\tcursor: inherit;\r\n\tborder-radius: 4px;\r\n\tbackground: var(--content-background-color);\r\n\tborder: 1px solid var(--top-forms-border-color);\r\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\r\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\r\n}\r\n\r\n.top-checkbox_input:before {\r\n\tcontent: \" \";\r\n\tcolor: #FFF;\r\n\tfont-family: \"Topvisor-2\";\r\n\tfont-size: 16px;\r\n}\r\n\r\n.top-checkbox_input:hover {\r\n\tborder-color: var(--top-forms-option-color);\r\n\tbackground: var(--color-theme-50)\r\n}\r\n\r\n/* checked / indeterminate */\r\n.top-checkbox_input:checked,\r\n.top-checkbox_input:indeterminate {\r\n\tborder-color: var(--top-forms-option-color);\r\n\tbackground: var(--top-forms-option-color);\r\n}\r\n\r\n.top-checkbox_input:checked:before {\r\n\tcontent: \"\";\r\n}\r\n\r\n.top-checkbox_input:indeterminate:before {\r\n\tcontent: \"\";\r\n}\r\n\r\n.top-checkbox_input:checked:hover,\r\n.top-checkbox_input:indeterminate:hover {\r\n\tborder-color: var(--top-forms-option-color-hover);\r\n\tbackground: var(--top-forms-option-color-hover);\r\n}\r\n\r\n/* disabled selected */\r\n.top-checkbox_input:disabled {\r\n\tborder-color: var(--color-line-1-opacity);\r\n\tbackground: var(--color-theme-50);\r\n}\r\n\r\n.top-checkbox_input:checked:disabled,\r\n.top-checkbox_input:indeterminate:disabled {\r\n\tborder-color: transparent;\r\n\tbackground: var(--color-theme-400);\r\n}\r\n\r\n/* isError */\r\n.top-checkbox_input.top-error {\r\n\tborder-color: var(--color-negative);\r\n}\r\n\r\n.top-checkbox_input.top-error:hover {\r\n\tborder-color: var(--color-negative-2);\r\n}\r\n\r\n/* isError selected */\r\n.top-checkbox_input:checked.top-error,\r\n.top-checkbox_input:indeterminate.top-error {\r\n\tbackground: var(--color-negative);\r\n}\r\n\r\n.top-checkbox_input:checked.top-error:hover,\r\n.top-checkbox_input:indeterminate.top-error:hover {\r\n\tbackground: var(--color-negative-2);\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props, Emits } from './input';\r\nimport { Loadbar } from '@/components/forms/forms';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 's',\r\n\tcaptionType: '',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset(value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n\r\nconst placeholder = computed(() => {\r\n\tif (props.addCleaner && !props.title) {\r\n\t\treturn '';\r\n\t}\r\n\tif (props.captionType !== '') {\r\n\t\treturn '';\r\n\t}\r\n\r\n\treturn props.title;\r\n});\r\n\r\nconst clean = (event: Event) => {\r\n\tif(props.modelValue){\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\temit('update:modelValue', '');\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-input']: true,\r\n\t\t\t['top-size_' + size]: true,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-input-' + modificator]: !!modificator,\r\n\t\t\t['top-input-withCleaner']: addCleaner && localValue && localValue !== '0000-00-00',\r\n\t\t\t['top-formsCaptionWrapper']: captionType !== '',\r\n\t\t\t['top-formsCaptionWrapper-always']: captionType === 'top',\r\n\t\t}\"\r\n\t\t:data-top-icon=\"icon\"\r\n\t\t:data-top-icon2=\"icon2\"\r\n\t>\r\n\t\t<Loadbar v-if=\"isLoading\"/>\r\n\r\n\t\t<input\r\n\t\t\ttype=\"text\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-input_input']: true,\r\n\t\t\t\t['top-input_input-' + modificator]: !!modificator,\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-error']: isError,\r\n\t\t\t}\"\r\n\t\t\tautocomplete=\"off_always\"\r\n\t\t\t:name=\"name\"\r\n\t\t\tv-model=\"localValue\"\r\n\t\t\t:title=\"title\"\r\n\t\t\t:placeholder=\"placeholder\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t\t:readonly=\"readonly\"\r\n\t\t\t@keydown.esc=\"(event) => (addCleaner || !!$slots.btn) && clean(event)\"\r\n\t\t\t:=\"$attrs\"\r\n\t\t>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"addCleaner && localValue && localValue !== '0000-00-00'\"\r\n\t\t\tclass=\"top-input_cleaner\"\r\n\t\t\tdata-top-icon=\"\"\r\n\t\t\t@click.prevent=\"clean\"\r\n\t\t></span>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"captionType !== ''\"\r\n\t\t\tclass=\"top-formsCaption\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</span>\r\n\r\n\t\t<!-- @slot Слот для вставки произвольного кода в label -->\r\n\t\t<slot></slot>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-input {\r\n\t--top-forms_clear-width: 0px;\r\n\r\n\tborder-radius: var(--top-forms-radius);\r\n\twidth: 180px;\r\n\tposition: relative;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tgap: var(--top-gap-1);\r\n}\r\n\r\n.top-input_input {\r\n\tbackground: var(--top-forms-background-color);\r\n\theight: var(--top-forms-base-height);\r\n\tpadding: 0;\r\n\tpadding-right: calc(max(var(--top-forms-padding), calc(var(--top-icon2-width) + var(--top-forms_clear-width))));\r\n\tpadding-left: calc(max(var(--top-forms-padding), var(--top-icon-width)));\r\n}\r\n\r\n.top-input_input:hover {\r\n\tbackground: var(--top-forms-background-color-hover);\r\n}\r\n\r\n.top-input_input:focus {\r\n\toutline-color: var(--color-theme-75);\r\n\toutline-offset: 0;\r\n}\r\n\r\n/* значки */\r\n.top-input[data-top-icon]:before,\r\n.top-input[data-top-icon2]:after {\r\n\t--top-icon-color: var(--color-text-secondary);\r\n\t--top-icon2-color: var(--color-text-secondary);\r\n\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n}\r\n\r\n.top-input[data-top-icon]:before {\r\n\tleft: 0;\r\n}\r\n\r\n.top-input[data-top-icon2]:after {\r\n\tright: 0;\r\n}\r\n\r\n/* cleaner */\r\n.top-input-withCleaner {\r\n\t--top-forms_clear-width: 24px;\r\n}\r\n\r\n.top-input_cleaner {\r\n\t--top-icon-size: 16px;\r\n\t--top-icon-width: 20px;\r\n\t--top-icon-color: var(--color-text-3);\r\n\r\n\tcursor: pointer;\r\n\tborder-radius: 50%;\r\n\twidth: 20px;\r\n\theight: 16px;\r\n\tposition: absolute;\r\n\tright: calc(var(--top-forms-border-width) + max(var(--top-icon2-width), var(--top-forms-padding) / 2));\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n.top-input_cleaner:hover {\r\n\t--top-icon-color: var(--color-text-2);\r\n}\r\n\r\n/* TODO: перенести в inputsRange */\r\n.top-input_input {\r\n\twidth: 50%;\r\n\tflex-grow: 1;\r\n}\r\n\r\n/* top-loadbar */\r\n.top-input .top-loadbar{\r\n\tborder-radius: var(--top-forms-radius) 0 0 0;\r\n}\r\n</style>","<script lang=\"ts\">\r\nconst useNativeDatepicker = !!document.documentElement.ontouchstart && !!document.createElement('input').showPicker;\r\n\r\nlet onInputLazy = (_e: any) => { };\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onUnmounted } from 'vue';\r\nimport { dateFormat, dateUnformat } from '@/core/utils/date';\r\nimport type { Props, Emits } from './inputDate';\r\nimport { Input } from '@/components/forms/forms';\r\nimport Core from '@/core/core/core';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\ticon2: '',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nonUnmounted(() => {\r\n\tif ($el) {\r\n\t\t$el.datepicker('destroy');\r\n\t}\r\n});\r\n\r\nconst el = ref();\r\nlet $el: any;\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn dateFormat(props.modelValue, 2, '0000-00-00');\r\n\t},\r\n\r\n\tset(value) {\r\n\t\tvalue = dateUnformat(value, '0000-00-00');\r\n\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n\r\nlet oninput = (e: any) => {\r\n\tonInputLazy(e);\r\n};\r\n\r\nlet onchange = (e: any) => {\r\n\tconst date = dateUnformat(e.target.value);\r\n\tconst dateFormatted = dateFormat(date);\r\n\r\n\tif (!dateFormatted || dateFormatted === Core.L.Not_date || e.target.value !== dateFormatted) {\r\n\t\te.target.value = localValue.value;\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tlocalValue.value = e.target.value;\r\n};\r\n\r\n/**\r\n * Инициализпация функций выбора дат\r\n *\r\n * Для не нативного datepicker\r\n */\r\nasync function init(e: any) {\r\n\tconst datepicker = await import('./datepicker');\r\n\r\n\t// формат ввода\r\n\tonInputLazy = datepicker.oninput;\r\n\r\n\t// datepicker\r\n\t$el = datepicker.connectDatepicker(e.target, {\r\n\t\tonSelect: () => onchange(e),\r\n\t});\r\n\r\n\tif ($el) {\r\n\t\t$el.datepicker('show');\r\n\t}\r\n}\r\n</script>\r\n\r\n<template>\r\n\t<Input\r\n\t\tv-if=\"useNativeDatepicker\"\r\n\t\t:=\"$props\"\r\n\t\t:modelValue=\"localValue\"\r\n\t\treadonly\r\n\t\t@click=\"el.showPicker()\"\r\n\t>\r\n\t\t<input\r\n\t\t\tref=\"el\"\r\n\t\t\ttype=\"date\"\r\n\t\t\tclass=\"top-input_input-date\"\r\n\t\t\t:modelValue=\"modelValue\"\r\n\t\t\t@change=\"(e: any) => localValue = e.target.value\"\r\n\t\t\ttabindex=\"-1\"\r\n\t\t/>\r\n\t</Input>\r\n\r\n\t<Input\r\n\t\tv-else\r\n\t\t:=\"$props\"\r\n\t\t:modelValue=\"localValue\"\r\n\t\t@update:modelValue=\"(newValue) => (newValue === '') ? localValue = '' : ''\"\r\n\t\t@input.date=\"oninput\"\r\n\t\t@focus.once.date=\"init\"\r\n\t\t@change.date=\"onchange\"\r\n\t\tmodificator=\"datepicker\"\r\n\t/>\r\n</template>\r\n\r\n<style module>\r\n.top-input-datepicker {\r\n\twidth: calc(105px + var(--top-icon-width) + var(--top-icon2-width));\r\n}\r\n\r\n.top-input_input-date {\r\n\topacity: 0;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tz-index: -1;\r\n}\r\n\r\n.top-input_input-date::-webkit-inner-spin-button {\r\n\tdisplay: none;\r\n}\r\n\r\n.top-input_input-date::-webkit-calendar-picker-indicator {\r\n\topacity: 0;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props, Emits } from './radio';\r\nimport ControlLabel from '../controlLabel/controlLabel.vue';\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset(value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-forms-optionWrapper']: true,\r\n\t\t\t['top-radio']: true,\r\n\t\t\t['top-radio_' + name]: name !== '',\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-error']: isError && !disabled,\r\n\t\t}\"\r\n\t>\r\n\t\t<input\r\n\t\t\ttype=\"radio\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-forms-option']: true,\r\n\t\t\t\t['top-radio_input']: true,\r\n\t\t\t\t['top-error']: isError && !disabled,\r\n\t\t\t}\"\r\n\t\t\tv-model=\"localValue\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:value=\"value\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\r\n\t\t<ControlLabel\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\t:description=\"description\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\t\t\t<!-- @slot Слот с заголовком -->\r\n\t\t\t<slot></slot>\r\n\t\t</ControlLabel>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n:root {\r\n\t--top-radio-background-color: var(--content-background-color);\r\n\t--top-radio-background-color-hover: var(--top-radio-background-color);\r\n\t--top-radio-background-color-active: var(--top-radio-background-color);\r\n}\r\n\r\n.top-radio {\r\n\tcursor: pointer;\r\n}\r\n\r\n.top-radio_input {\r\n\tborder-radius: 50%;\r\n\tbackground: var(--content-background-color);\r\n\tborder: 1px solid var(--top-forms-border-color);\r\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\r\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\r\n}\r\n\r\n.top-radio_input:hover {\r\n\tborder-color: var(--top-forms-option-color);\r\n\tbackground: var(--color-theme-50)\r\n}\r\n\r\n.top-radio_input:checked {\r\n\tborder-color: var(--top-forms-option-color);\r\n\tborder-width: 5px;\r\n}\r\n\r\n.top-radio_input:checked:hover {\r\n\tborder-color: var(--top-forms-option-color-hover);\r\n}\r\n\r\n/* disabled */\r\n.top-radio_input:disabled {\r\n\tborder-color: var(--color-line-1-opacity);\r\n\tbackground: var(--color-theme-50);\r\n}\r\n\r\n/* disabled selected */\r\n.top-radio_input:checked:disabled {\r\n\tborder-color: var(--color-theme-400);\r\n}\r\n\r\n/* isError */\r\n.top-radio_input.top-error {\r\n\tborder-color: var(--color-negative);\r\n}\r\n\r\n.top-radio_input.top-error:hover {\r\n\tborder-color: var(--color-negative-2);\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props, Emits } from './switcher';\r\nimport ControlLabel from '../controlLabel/controlLabel.vue';\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset(value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t['top-forms-optionWrapper']: true,\r\n\t\t['top-checkboxSwitcher']: true,\r\n\t\t['top-disabled']: disabled,\r\n\t\t['top-error']: isError && !disabled,\r\n\t}\"\r\n\t>\r\n\t\t<input\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-forms-option']: true,\r\n\t\t\t\t['top-checkboxSwitcher_input']: true,\r\n\t\t\t\t['top-error']: isError && !disabled,\r\n\t\t\t}\"\r\n\t\t\tv-model=\"localValue\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:value=\"value\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\r\n\t\t<ControlLabel\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\t:description=\"description\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\t\t\t<!-- @slot Слот с заголовком -->\r\n\t\t\t<slot></slot>\r\n\t\t</ControlLabel>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-checkboxSwitcher {\r\n\tcursor: pointer;\r\n\tdisplay: inline-flex;\r\n\tgap: 4px;\r\n}\r\n\r\n.top-checkboxSwitcher_input {\r\n\tborder-radius: 9px;\r\n\tborder: none;\r\n\tbackground: var(--color-theme-100);\r\n\twidth: 36px;\r\n\theight: 18px;\r\n\tposition: relative;\r\n}\r\n\r\n.top-checkboxSwitcher_input:before {\r\n\tcontent: '';\r\n\tborder-radius: 50%;\r\n\tbackground: var(--color-white);\r\n\twidth: 12px;\r\n\theight: 12px;\r\n\tmargin: 3px;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\r\n\ttransition: left 0.1s;\r\n}\r\n\r\n.top-checkboxSwitcher_input:hover {\r\n\tbackground: var(--color-theme-150);\r\n}\r\n\r\n/* checked */\r\n.top-checkboxSwitcher_input:checked {\r\n\tbackground: var(--top-forms-option-color);\r\n}\r\n\r\n.top-checkboxSwitcher_input:checked:hover {\r\n\tbackground: var(--top-forms-option-color-hover);\r\n}\r\n\r\n.top-checkboxSwitcher_input:checked:before {\r\n\tleft: 50%;\r\n}\r\n\r\n/* disabled */\r\n.top-checkboxSwitcher_input:disabled {\r\n\tbackground: var(--color-theme-400);\r\n}\r\n\r\n/* isError */\r\n.top-checkboxSwitcher_input.top-error {\r\n\tbackground: var(--color-negative);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:hover {\r\n\tbackground: var(--color-negative-2);\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport Hint from '@/components/forms/hint/hint.vue';\r\nimport type { Props, Emits } from './textarea';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\trows: 5,\r\n\tminHeight: 120,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst value = computed({\r\n\tget () {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset (value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-textarea']: true,\r\n\t\t\t['top-textarea-' + name]: name,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t}\"\r\n\t>\r\n\t\t<textarea\r\n\t\t\ttype=\"text\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-textarea_textarea']: true,\r\n\t\t\t\t['top-textarea_textarea-expandable']: expandable,\r\n\t\t\t\t['top-error']: isError,\r\n\t\t\t}\"\r\n\t\t\tautocomplete=\"off_always\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:placeholder=\"placeholder\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t\t:readonly=\"readonly\"\r\n\t\t\t:rows=\"!expandable ? rows : undefined\"\r\n\t\t\t:=\"$attrs\"\r\n\t\t\tv-model=\"value\"\r\n\t\t/>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"expandable\"\r\n\t\t\tclass=\"top-textarea_pseudoContent\"\r\n\t\t>\r\n\t\t\t{{ value + ' ' }}\r\n\t\t</div>\r\n\r\n\t\t<Hint\r\n\t\t\tv-if=\"hint\"\r\n\t\t\tclass=\"top-textarea_hint\"\r\n\t\t\t:hint=\"hint\"\r\n\t\t\tv-top-tooltip\r\n\t\t/>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-textarea {\r\n\twidth: 180px;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tposition: relative;\r\n}\r\n\r\n.top-textarea_textarea {\r\n\tbackground: var(--top-forms-background-color);\r\n\twidth: 100%;\r\n\tpadding: var(--top-forms-padding);\r\n\tresize: none;\r\n}\r\n\r\n.top-textarea_textarea:hover {\r\n\tbackground: var(--top-forms-background-color-hover);\r\n}\r\n\r\n.top-textarea_textarea:focus {\r\n\toutline-color: var(--color-theme-75);\r\n\toutline-offset: 0px;\r\n}\r\n\r\n.top-textarea_textarea.top-textarea_textarea-expandable {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.top-textarea_pseudoContent {\r\n\tbox-sizing: border-box;\r\n\tmin-height: v-bind(minHeight + 'px');\r\n\tpadding: var(--top-forms-padding);\r\n\tfont-size: 14px;\r\n\twhite-space: pre-wrap;\r\n\toverflow-wrap: anywhere;\r\n\tpointer-events: none;\r\n\topacity: 0;\r\n\tz-index: -1;\r\n}\r\n\r\n.top-textarea_hint {\r\n\tposition: absolute;\r\n\ttop: 2px;\r\n\tright: 2px;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed, watch } from 'vue';\r\nimport type { ComputedRef } from 'vue';\r\nimport type { Props, Emits, Option, LocalOptions } from './select';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 's',\r\n});\r\n\r\nconst model = defineModel<Props['modelValue']>({\r\n\trequired: true,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\n/**\r\n * Словарь с учетом вложенных Props['options']\r\n *\r\n * Этот словарь должен использовать в логике компонента, чтобы она не зависила от типа входных данных\r\n */\r\nconst optionByValue: ComputedRef<LocalOptions> = computed(() => {\r\n\t/**\r\n\t * Преобразование:\r\n\t * - Array => Map\r\n\t * - string => Option\r\n\t */\r\n\tconst res = new Map();\r\n\r\n\tprops.options.forEach((option, index) => {\r\n\t\t// базовый Options со строками\r\n\t\tif (typeof option === 'string') option = genOption(index, option);\r\n\r\n\t\tif (option.children) {\r\n\t\t\t// вложенные элементы Option для <optgroup>\r\n\t\t\tconst children = new Map();\r\n\r\n\t\t\toption.children.forEach((subOption, subIndex) => {\r\n\t\t\t\t// базовый Options со строками\r\n\t\t\t\tif (typeof subOption === 'string') subOption = genOption(subIndex, subOption);\r\n\r\n\t\t\t\tchildren.set(subOption.value, subOption);\r\n\t\t\t});\r\n\r\n\t\t\toption = { ...option };\r\n\t\t\toption.children = children;\r\n\r\n\t\t\tres.set(option.value, option);\r\n\t\t} else {\r\n\t\t\t// самостоятельный элемент Option\r\n\t\t\tres.set(option.value, option);\r\n\t\t}\r\n\t});\r\n\r\n\treturn res;\r\n});\r\n\r\n/**\r\n * Словарь со всеми не disabled значениями Props['options'] в порядке следования с учетом вложенных Props['options']\r\n */\r\nconst flatOptionByValue: ComputedRef<Map<Props['modelValue'], Option>> = computed(() => {\r\n\tconst res = new Map();\r\n\r\n\toptionByValue.value.forEach(option => {\r\n\t\tif (option.disabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// вложенные элементы Option для <optgroup>\r\n\t\tif (option.children) {\r\n\t\t\toption.children.forEach(subOption => {\r\n\t\t\t\tif (subOption.disabled) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tres.set(subOption.value, subOption);\r\n\t\t\t});\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tres.set(option.value, option);\r\n\t});\r\n\r\n\treturn res;\r\n});\r\n\r\n/**\r\n * Генерация Объекта option из строки\r\n *\r\n * Для базового способа указания props\r\n */\r\nconst genOption = (value: Props['modelValue'], title: string): Option => {\r\n\treturn {\r\n\t\tvalue,\r\n\t\ttitle,\r\n\t};\r\n};\r\n\r\n/**\r\n * Логика для обртаной своместимости:\r\n * - null - заменить на первое доступное значение\r\n * - undefined - заменить на первое доступное значение\r\n */\r\nwatch([\r\n\t() => props.modelValue,\r\n\tflatOptionByValue,\r\n], () => {\r\n\tif ((model.value === null || model.value === undefined) && flatOptionByValue.value.size) {\r\n\t\tconsole.warn('Пожалуйста, не передавайте в компонент Select значения null и undefined');\r\n\r\n\t\tmodel.value = flatOptionByValue.value.keys().next().value;\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Иконка выбранного option\r\n */\r\nconst optionIcon = computed(() => {\r\n\treturn flatOptionByValue.value.get(model.value)?.icon;\r\n});\r\n\r\n/**\r\n * Выбрать следующее доступное значение\r\n */\r\nconst selectNextValue = () => {\r\n\tconst listEnabledValues = [...flatOptionByValue.value.keys()];\r\n\tconst currentIndex = listEnabledValues.indexOf(model.value);\r\n\tconst nextIndex = (currentIndex + 1) % listEnabledValues.length;\r\n\r\n\tmodel.value = listEnabledValues[nextIndex];\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-select']:true,\r\n\t\t\t['top-select-' + name]:name,\r\n\t\t\t['top-size_' + size]: true,\r\n\t\t\t['top-formsCaptionWrapper']: !!title,\r\n\t\t\t['top-select-error']: isError,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t}\"\r\n\t\t:data-value=\"model\"\r\n\t\t:data-top-icon=\"icon\"\r\n\t\t:data-top-icon2=\"optionIcon\"\r\n\t>\r\n\t\t<select\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-select_select']: true,\r\n\t\t\t\t['top-select_arrow']: true,\r\n\t\t\t\t['top-error']: isError,\r\n\t\t\t}\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t\tv-model=\"model\"\r\n\t\t>\r\n\t\t\t<template v-for=\"[value, option] of optionByValue\">\r\n\t\t\t\t<optgroup\r\n\t\t\t\t\tv-if=\"option.children\"\r\n\t\t\t\t\t:key=\"'group_' + value\"\r\n\t\t\t\t\t:label=\"option.title\"\r\n\t\t\t\t\t:disabled=\"option.disabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<option\r\n\t\t\t\t\t\tv-for=\"[subValue, subOption] of option.children\"\r\n\t\t\t\t\t\t:key=\"subValue\"\r\n\t\t\t\t\t\t:value=\"subValue\"\r\n\t\t\t\t\t\t:selected=\"subValue === model\"\r\n\t\t\t\t\t\t:disabled=\"subOption.disabled\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{ subOption.title }}\r\n\t\t\t\t\t</option>\r\n\t\t\t\t</optgroup>\r\n\r\n\t\t\t\t<option\r\n\t\t\t\t\tv-else\r\n\t\t\t\t\t:key=\"value ?? undefined\"\r\n\t\t\t\t\t:value=\"value\"\r\n\t\t\t\t\t:selected=\"value === model\"\r\n\t\t\t\t\t:disabled=\"option.disabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ option.title }}\r\n\t\t\t\t</option>\r\n\t\t\t</template>\r\n\t\t</select>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"addChanger && flatOptionByValue.size && !disabled\"\r\n\t\t\tclass=\"top-changer\"\r\n\t\t\t@click=\"selectNextValue\"\r\n\t\t></span>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"title\"\r\n\t\t\tclass=\"top-formsCaption\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</span>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-select {\r\n\t--top-icon-color: var(--color-text-3);\r\n\t--top-icon2-color: var(--color-text-2);\r\n\r\n\talign-items: center;\r\n\twidth: 180px;\r\n\tmax-width: 100%;\r\n\tdisplay: inline-flex;\r\n}\r\n\r\n.top-select-error {\r\n\t--top-icon-color: var(--color-negative);\r\n\t--top-icon2-color: var(--color-negative);\r\n}\r\n\r\n.top-select_select {\r\n\tbackground-color: var(--top-forms-background-color);\r\n\r\n\t/* для select вместо padding нужно использовать text-indent */\r\n\tpadding-left: var(--top-forms-padding);\r\n\r\n\t/* если есть значки, добавить отступ на их ширину с учетом уже добавленного padding */\r\n\ttext-indent: calc(clamp(0px, calc(var(--top-icon-both-width) - var(--top-forms-padding)), calc(var(--top-icon-both-width) - var(--top-forms-padding))));\r\n\r\n\twidth: 100%;\r\n\theight: var(--top-forms-base-height);\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tflex-grow: 1;\r\n\toverflow: hidden;\r\n}\r\n\r\n.top-select_select:focus {\r\n\toutline-color: var(--color-theme-75);\r\n\toutline-offset: 0;\r\n}\r\n\r\n.top-select_select:disabled {\r\n\tbackground: var(--color-theme-50);\r\n}\r\n\r\n.top-select optgroup {\r\n\tcolor: var(--color-text-1);\r\n\tfont-style: normal;\r\n}\r\n\r\n.top-select option {\r\n\tbackground: var(--content-background-color);\r\n\tcolor: var(--color-text-1);\r\n}\r\n\r\n/* хром не мерняет цвет для optgroup option, стили оставлены по умолчанию */\r\n/*\r\n.top-select optgroup:disabled,\r\n.top-select optgroup option,\r\n.top-select option:disabled {\r\n\r\n}\r\n*/\r\n\r\n/* https://bugzilla.mozilla.org/show_bug.cgi?id=1743066 */\r\n@-moz-document url-prefix() {\r\n\t.top-select_select {\r\n\t\ttext-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);\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 900px) {\r\n\t/* changer */\r\n\t.top-changer {\r\n\t\tcursor: pointer;\r\n\t\tborder-radius: 100%;\r\n\t\twidth: 0;\r\n\t\ttransform: translateX(-44px);\r\n\t\tcolor: var(--color-text-secondary-2);\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1;\r\n\t\tdisplay: none;\r\n\t\tz-index: 2;\r\n\t\torder: 4;\r\n\t}\r\n\r\n\t.top-changer:hover {\r\n\t\tcolor: var(--color-primary);\r\n\t}\r\n\r\n\t.top-changer:after {\r\n\t\tcontent: \"\";\r\n\t\tbackground-color: var(--top-forms-background-color);\r\n\t\tfont-family: \"Topvisor-2\";\r\n\t}\r\n\r\n\t*:hover > .top-changer {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n</style>","<template>\r\n\t<div class=\"top-loadbar\"></div>\r\n</template>\r\n\r\n<style module>\r\n:root {\r\n\t--top-loadbar-duration: 10s;\r\n\t--top-loadbar-color: var(--color-blue-500);\r\n}\r\n\r\n.top-loadbar {\r\n\tbackground: var(--top-loadbar-color);\r\n\twidth: 0;\r\n\theight: 4px;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\r\n\tanimation: top-loadbar var(--top-loadbar-duration) forwards;\r\n}\r\n\r\n@keyframes top-loadbar {\r\n\tfrom {\r\n\t\t/* fix render pixels */\r\n\t\twidth: 4px;\r\n\t}\r\n\t4% {\r\n\t\twidth: calc(4%);\r\n\t}\r\n\t5% {\r\n\t\twidth: 5%;\r\n\t}\r\n\tto {\r\n\t\twidth: 95%;\r\n\t}\r\n}\r\n</style>"],"names":["isRetina","isMobile","isApp","isMacOS","isSafari","isChrome","isSafari2","getCommandKeyLabel","Page","onResizeDelay","onResizeTimer","onResizeListeners","windowSize","addOnReize","listener","removeOnResize","onResize","e","callback","Events","options","_a","state","$","el","_b","Core","tvTooltipGenOptions","binding","vnode","tooltip","_prevVnode","instance","_binding","_vnode","genWindow","_window","reactive","style","type","media","elStyle","app","options2","device","stringToDate","date","genDate","timestamp","useFormat","time","Y","m","H","i","s","dateFormat","emptyValue","dateFormat2","dateForObj","dateObject","result","dateUnformat","dateChunks","dateFormatChunks","d","y","index","props","__props","i18n","titleStatus","computed","tagName","model","useModel","emit","__emit","localValue","value","placeholder","clean","event","useNativeDatepicker","onInputLazy","_e","onUnmounted","$el","ref","oninput","onchange","dateFormatted","init","datepicker","value2","optionByValue","res","option","genOption","children","subOption","subIndex","flatOptionByValue","title","watch","optionIcon","selectNextValue","listEnabledValues","nextIndex","_sfc_render","_ctx","_cache"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","vue","./forms-
|
|
2
|
-
//# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
define(["require","exports","vue","./forms-DkNAMd-D.amd","../popup/worker.amd","../require/css.amd!../assets/listItem.css"],function(V,c,e,d,m){"use strict";if(typeof e>"u")var e=window.Vue;const f=e.defineComponent({__name:"opener",props:{id:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"}},setup(r){const n=r,s=n.id||Math.random()+"";let p;function i(t){setTimeout(()=>{p=t.nextElementSibling,p&&a(p)})}e.onUpdated(()=>{p&&a(p)});function a(t){t.dataset.topPopup="vue-"+s,t.dataset.topPopupId=s,t.dataset.topPopupP=n.pos,t.dataset.topPopupPosBy=n.posBy,t.dataset.topPopupNotch=n.notch?"true":"",t.dataset.topPopupOpenByHover=n.openByHover?"true":""}return(t,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("template",{ref:i}),e.renderSlot(t.$slots,"default")],64))}}),k={key:0,class:"top-popup_header"},C={key:0,class:"top-as-a closer"},v={key:1,class:"top-popup_widget"},h={key:2,class:"top-popup_content"},_={key:4,class:"top-popup_footer"},$=e.defineComponent({__name:"popup",props:{id:{default:""},class:{},transitionDuration:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"}},emits:["open","close","scrollContentList"],setup(r,{expose:n,emit:s}){const p=r,i=s,a={popup:void 0};n(a);const t=p.id||Math.random()+"",u=e.ref(null),l={onOpen:async o=>{o.elPopupInner.innerText="",u.value=o.elPopupInner,l.opened=!0,l.popup=o,a.popup=o,i("open")},onClose:o=>{u.value=null,l.opened=!1,l.popup=void 0,i("close")},classRef:e.toRef(p,"class"),opened:!1,popup:void 0,transitionDurationRef:e.toRef(p,"transitionDuration")};return m.PopupWorker.regVueComponent(t,l),e.onUnmounted(()=>{m.PopupWorker.unregVueComponent(t)}),(o,B)=>{var y;return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.$slots.opener?(e.openBlock(),e.createBlock(f,{key:0,id:e.unref(t),pos:o.pos,posBy:o.posBy,notch:o.notch,openByHover:o.openByHover},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"opener")]),_:3},8,["id","pos","posBy","notch","openByHover"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:u.value},[o.$slots.header||e.unref(d.Core).state.isMobile?(e.openBlock(),e.createElementBlock("div",k,[e.unref(d.Core).state.isMobile?(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString((y=l.popup)==null?void 0:y.options.i18n.Close),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),o.$slots.widget?(e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(o.$slots,"widget")])):e.createCommentVNode("",!0),o.$slots.content?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"content")])):e.createCommentVNode("",!0),o.$slots.contentList?(e.openBlock(),e.createElementBlock("ul",{key:3,class:"top-popup_content",onScroll:B[0]||(B[0]=S=>o.$emit("scrollContentList",S))},[e.renderSlot(o.$slots,"contentList")],32)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64)}}}),P=e.defineComponent({inheritAttrs:!1,__name:"listItem",props:{type:{default:"button"},closeByClick:{type:Boolean,default:!0}},setup(r){const n=r;return(s,p)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"top-popup_liNoSelectable":n.type!=="button"})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.$attrs.href?"a":"div"),e.mergeProps({class:{"top-popup_listItem":!0,"top-popup_listItem-button":n.type==="button",a:n.type==="button","top-popup_listItem-title":n.type==="title","top-popup_listItem-delimiter":n.type==="delimiter","top-popup-noCloser":!s.closeByClick}},s.$attrs),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["class"]))],2))}});c._sfc_main=$,c._sfc_main$1=f,c._sfc_main$2=P});
|
|
2
|
+
//# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
{"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onUpdated, ref } from 'vue';\r\nimport type { OpenerProps } from './popup';\r\n\r\nconst props = withDefaults(defineProps<OpenerProps>(), {\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst id = props.id || Math.random() + '';\r\n\r\nlet elOpener: Element;\r\n\r\n/**\r\n * Необычная функция для проброски props внтурь элемента слота\r\n *\r\n * @param el - вспомогательрный элемент для доступа к элементам слота\r\n */\r\nfunction render(el: any) {\r\n\tsetTimeout(() => {\r\n\t\telOpener = el.nextElementSibling;\r\n\r\n\t\tif (elOpener) {\r\n\t\t\trenderOpener(elOpener);\r\n\t\t}\r\n\t});\r\n}\r\n\r\nonUpdated(() => {\r\n\tif (elOpener) {\r\n\t\trenderOpener(elOpener);\r\n\t}\r\n});\r\n\r\nfunction renderOpener (elOpener: any) {\r\n\telOpener.dataset.topPopup = 'vue-' + id;\r\n\telOpener.dataset.topPopupId = id;\r\n\telOpener.dataset.topPopupP = props.pos;\r\n\telOpener.dataset.topPopupPosBy = props.posBy;\r\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\r\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\r\n}\r\n</script>\r\n\r\n<template>\r\n\t<template :ref=\"render\"></template>\r\n\r\n\t<!-- @slot элемент для открытия Popup -->\r\n\t<slot></slot>\r\n</template>\r\n\r\n<!-- Использует общий deprecated класс .btn -->\r\n<style>\r\nh3[data-top-popup],\r\ndiv[data-top-popup],\r\ni[data-top-popup]:not(.btn),\r\nb[data-top-popup]:not(.btn) {\r\n\tcursor: pointer;\r\n\tuser-select: none;\r\n\tfont-style: normal;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n}\r\n\r\n[data-top-popup][data-top-popup-disabled] {\r\n\tpointer-events: none;\r\n\tcursor: auto !important;\r\n}\r\n\r\ni[contenteditable] {\r\n\tcursor: text !important;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { ref, toRef, onUnmounted } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport type { Props, Emits } from './popup';\r\nimport Opener from './opener.vue';\r\nimport Worker from '@/components/popup/lib/worker';\r\nimport type PopupClass from '@/components/popup/lib/popup';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tid: '',\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst expose = {\r\n\tpopup: undefined as PopupClass | undefined,\r\n};\r\ndefineExpose(expose);\r\n\r\nconst id = props.id || Math.random() + '';\r\nconst elPopupRef = ref(null);\r\n\r\n// см. lib/popup\r\nconst onOpen = async (popup: PopupClass) => {\r\n\tpopup.elPopupInner.innerText = '';\r\n\r\n\telPopupRef.value = popup.elPopupInner;\r\n\r\n\tvueConnector.opened = true;\r\n\tvueConnector.popup = popup;\r\n\r\n\texpose.popup = popup;\r\n\r\n\temit('open');\r\n};\r\n\r\n// см. lib/popup\r\nconst onClose = (_popup: PopupClass) => {\r\n\telPopupRef.value = null;\r\n\r\n\tvueConnector.opened = false;\r\n\tvueConnector.popup = undefined;\r\n\r\n\temit('close');\r\n};\r\n\r\nconst vueConnector = {\r\n\tonOpen,\r\n\tonClose,\r\n\tclassRef: toRef(props, 'class'),\r\n\topened: false,\r\n\tpopup: undefined as PopupClass | undefined,\r\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\r\n};\r\n\r\nWorker.regVueComponent(id, vueConnector);\r\n\r\nonUnmounted(() => {\r\n\tWorker.unregVueComponent(id);\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<Opener\r\n\t\tv-if=\"$slots.opener\"\r\n\t\t:id=\"id\"\r\n\t\t:pos=\"pos\"\r\n\t\t:posBy=\"posBy\"\r\n\t\t:notch=\"notch\"\r\n\t\t:openByHover=\"openByHover\"\r\n\t>\r\n\t\t<!-- @slot элемент для открытия Popup -->\r\n\t\t<slot name=\"opener\"></slot>\r\n\t</Opener>\r\n\r\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\r\n\t<!-- elPopupRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\r\n\t<teleport\r\n\t\tv-if=\"elPopupRef\"\r\n\t\t:to=\"elPopupRef\"\r\n\t>\r\n\t\t<div v-if=\"$slots.header || Core.state.isMobile\" class=\"top-popup_header\">\r\n\t\t\t<span\r\n\t\t\t\tv-if=\"Core.state.isMobile\"\r\n\t\t\t\tclass=\"top-as-a closer\"\r\n\t\t\t>\r\n\t\t\t\t{{ vueConnector.popup?.options.i18n.Close }}\r\n\t\t\t</span>\r\n\r\n\t\t\t<!-- @slot Шапка -->\r\n\t\t\t<slot name=\"header\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.widget\" class=\"top-popup_widget\">\r\n\t\t\t<!-- @slot Виджет -->\r\n\t\t\t<slot name=\"widget\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.content\" class=\"top-popup_content\">\r\n\t\t\t<!-- @slot Контент в свободной форме -->\r\n\t\t\t<slot name=\"content\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<ul\r\n\t\t\tv-if=\"$slots.contentList\"\r\n\t\t\tclass=\"top-popup_content\"\r\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\r\n\t\t>\r\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\r\n\t\t\t<slot name=\"contentList\"></slot>\r\n\t\t</ul>\r\n\r\n\t\t<div v-if=\"$slots.footer\" class=\"top-popup_footer\">\r\n\t\t\t<!-- @slot Футер -->\r\n\t\t\t<slot name=\"footer\"></slot>\r\n\t\t</div>\r\n\t</teleport>\r\n</template>","<script setup lang=\"ts\">\r\nimport type { ListItemProps } from './popup';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<ListItemProps>(), {\r\n\ttype: 'button',\r\n\tcloseByClick: true,\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<li :class=\"{\r\n\t\t'top-popup_liNoSelectable': props.type !== 'button'\r\n\t}\">\r\n\t\t<component\r\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t'top-popup_listItem': true,\r\n\t\t\t\t'top-popup_listItem-button': props.type === 'button', // оформления кнопки\r\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\r\n\t\t\t\t'top-popup_listItem-title': props.type === 'title',\r\n\t\t\t\t'top-popup_listItem-delimiter': props.type === 'delimiter',\r\n\t\t\t\t'top-popup-noCloser': !closeByClick\r\n\t\t\t}\"\r\n\t\t\t:=$attrs\r\n\t\t>\r\n\t\t\t<slot></slot>\r\n\t\t</component>\r\n\t</li>\r\n</template>"],"names":["props","__props","id","render","el","elOpener","renderOpener","elOpener2","emit","__emit","__expose","expose","elPopupRef","vue","popup","vueConnector","_popup","popup_worker"],"mappings":"qWAIA,MAAAA,EAAAC,EAMAC,EAAAF,EAAA,IAAA,KAAA,OAAA,EAAA,SASA,SAAAG,EAAAC,EAAA,iBAEEC,EAAAD,EAAA,sBAGCE,EAAAD,CAAA,CACD,CAAA,sBAMAC,EAAAD,CAAA,CACD,CAAA,EAGD,SAAAC,EAAAC,EAAA,6BAECA,EAAA,QAAA,WAAAL,4DAGAK,EAAA,QAAA,cAAAP,EAAA,MAAA,OAAA,GACAO,EAAA,QAAA,oBAAAP,EAAA,YAAA,OAAA,6kBCjCD,MAAAA,EAAAC,EAOAO,EAAAC,iBAGQ,EAERC,EAAAC,CAAA,EAEA,MAAAT,EAAAF,EAAA,IAAA,KAAA,OAAA,EAAA,GACAY,EAAAC,EAAA,IAAA,IAAA,KA0BqB,OAvBrB,MAAAC,GAAA,CACCA,EAAA,aAAA,UAAA,GAEAF,EAAA,MAAAE,EAAA,aAEAC,EAAA,OAAA,GACAA,EAAA,MAAAD,EAEAH,EAAA,MAAAG,EAEAN,EAAA,MAAA,CAAW,EAcX,QAVDQ,GAAA,CACCJ,EAAA,MAAA,KAEAG,EAAA,OAAA,GACAA,EAAA,MAAA,OAEAP,EAAA,OAAA,CAAY,EAKZ,SAAAK,EAAA,MAAAb,EAAA,OAAA,yBAGO,sBAAAa,EAAA,MAAAb,EAAA,oBAAA,CACiD,+DAMxDiB,EAAA,YAAA,kBAAAf,CAAA,CAA2B,CAAA,q/CCtD5B,MAAAF,EAAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { insertToPage as b } from "../utils/css.js";
|
|
2
2
|
import { defineComponent as B, onUpdated as H, openBlock as s, createElementBlock as l, Fragment as k, createElementVNode as S, renderSlot as a, ref as w, toRef as C, onUnmounted as D, createBlock as y, unref as f, withCtx as P, createCommentVNode as r, Teleport as N, toDisplayString as T, normalizeClass as L, resolveDynamicComponent as M, mergeProps as R } from "vue";
|
|
3
|
-
import { C as $ } from "./forms-
|
|
3
|
+
import { C as $ } from "./forms-gb7uf2K8.es.js";
|
|
4
4
|
import { PopupWorker as _ } from "../popup/worker.js";
|
|
5
5
|
const I = ["../assets/listItem.css"].map((i) => import.meta.resolve(i));
|
|
6
6
|
await b(I);
|
|
@@ -161,4 +161,4 @@ export {
|
|
|
161
161
|
V as a,
|
|
162
162
|
Q as b
|
|
163
163
|
};
|
|
164
|
-
//# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-
|
|
164
|
+
//# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
{"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onUpdated, ref } from 'vue';\r\nimport type { OpenerProps } from './popup';\r\n\r\nconst props = withDefaults(defineProps<OpenerProps>(), {\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst id = props.id || Math.random() + '';\r\n\r\nlet elOpener: Element;\r\n\r\n/**\r\n * Необычная функция для проброски props внтурь элемента слота\r\n *\r\n * @param el - вспомогательрный элемент для доступа к элементам слота\r\n */\r\nfunction render(el: any) {\r\n\tsetTimeout(() => {\r\n\t\telOpener = el.nextElementSibling;\r\n\r\n\t\tif (elOpener) {\r\n\t\t\trenderOpener(elOpener);\r\n\t\t}\r\n\t});\r\n}\r\n\r\nonUpdated(() => {\r\n\tif (elOpener) {\r\n\t\trenderOpener(elOpener);\r\n\t}\r\n});\r\n\r\nfunction renderOpener (elOpener: any) {\r\n\telOpener.dataset.topPopup = 'vue-' + id;\r\n\telOpener.dataset.topPopupId = id;\r\n\telOpener.dataset.topPopupP = props.pos;\r\n\telOpener.dataset.topPopupPosBy = props.posBy;\r\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\r\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\r\n}\r\n</script>\r\n\r\n<template>\r\n\t<template :ref=\"render\"></template>\r\n\r\n\t<!-- @slot элемент для открытия Popup -->\r\n\t<slot></slot>\r\n</template>\r\n\r\n<!-- Использует общий deprecated класс .btn -->\r\n<style>\r\nh3[data-top-popup],\r\ndiv[data-top-popup],\r\ni[data-top-popup]:not(.btn),\r\nb[data-top-popup]:not(.btn) {\r\n\tcursor: pointer;\r\n\tuser-select: none;\r\n\tfont-style: normal;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n}\r\n\r\n[data-top-popup][data-top-popup-disabled] {\r\n\tpointer-events: none;\r\n\tcursor: auto !important;\r\n}\r\n\r\ni[contenteditable] {\r\n\tcursor: text !important;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { ref, toRef, onUnmounted } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport type { Props, Emits } from './popup';\r\nimport Opener from './opener.vue';\r\nimport Worker from '@/components/popup/lib/worker';\r\nimport type PopupClass from '@/components/popup/lib/popup';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tid: '',\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst expose = {\r\n\tpopup: undefined as PopupClass | undefined,\r\n};\r\ndefineExpose(expose);\r\n\r\nconst id = props.id || Math.random() + '';\r\nconst elPopupRef = ref(null);\r\n\r\n// см. lib/popup\r\nconst onOpen = async (popup: PopupClass) => {\r\n\tpopup.elPopupInner.innerText = '';\r\n\r\n\telPopupRef.value = popup.elPopupInner;\r\n\r\n\tvueConnector.opened = true;\r\n\tvueConnector.popup = popup;\r\n\r\n\texpose.popup = popup;\r\n\r\n\temit('open');\r\n};\r\n\r\n// см. lib/popup\r\nconst onClose = (_popup: PopupClass) => {\r\n\telPopupRef.value = null;\r\n\r\n\tvueConnector.opened = false;\r\n\tvueConnector.popup = undefined;\r\n\r\n\temit('close');\r\n};\r\n\r\nconst vueConnector = {\r\n\tonOpen,\r\n\tonClose,\r\n\tclassRef: toRef(props, 'class'),\r\n\topened: false,\r\n\tpopup: undefined as PopupClass | undefined,\r\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\r\n};\r\n\r\nWorker.regVueComponent(id, vueConnector);\r\n\r\nonUnmounted(() => {\r\n\tWorker.unregVueComponent(id);\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<Opener\r\n\t\tv-if=\"$slots.opener\"\r\n\t\t:id=\"id\"\r\n\t\t:pos=\"pos\"\r\n\t\t:posBy=\"posBy\"\r\n\t\t:notch=\"notch\"\r\n\t\t:openByHover=\"openByHover\"\r\n\t>\r\n\t\t<!-- @slot элемент для открытия Popup -->\r\n\t\t<slot name=\"opener\"></slot>\r\n\t</Opener>\r\n\r\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\r\n\t<!-- elPopupRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\r\n\t<teleport\r\n\t\tv-if=\"elPopupRef\"\r\n\t\t:to=\"elPopupRef\"\r\n\t>\r\n\t\t<div v-if=\"$slots.header || Core.state.isMobile\" class=\"top-popup_header\">\r\n\t\t\t<span\r\n\t\t\t\tv-if=\"Core.state.isMobile\"\r\n\t\t\t\tclass=\"top-as-a closer\"\r\n\t\t\t>\r\n\t\t\t\t{{ vueConnector.popup?.options.i18n.Close }}\r\n\t\t\t</span>\r\n\r\n\t\t\t<!-- @slot Шапка -->\r\n\t\t\t<slot name=\"header\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.widget\" class=\"top-popup_widget\">\r\n\t\t\t<!-- @slot Виджет -->\r\n\t\t\t<slot name=\"widget\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.content\" class=\"top-popup_content\">\r\n\t\t\t<!-- @slot Контент в свободной форме -->\r\n\t\t\t<slot name=\"content\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<ul\r\n\t\t\tv-if=\"$slots.contentList\"\r\n\t\t\tclass=\"top-popup_content\"\r\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\r\n\t\t>\r\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\r\n\t\t\t<slot name=\"contentList\"></slot>\r\n\t\t</ul>\r\n\r\n\t\t<div v-if=\"$slots.footer\" class=\"top-popup_footer\">\r\n\t\t\t<!-- @slot Футер -->\r\n\t\t\t<slot name=\"footer\"></slot>\r\n\t\t</div>\r\n\t</teleport>\r\n</template>","<script setup lang=\"ts\">\r\nimport type { ListItemProps } from './popup';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<ListItemProps>(), {\r\n\ttype: 'button',\r\n\tcloseByClick: true,\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<li :class=\"{\r\n\t\t'top-popup_liNoSelectable': props.type !== 'button'\r\n\t}\">\r\n\t\t<component\r\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t'top-popup_listItem': true,\r\n\t\t\t\t'top-popup_listItem-button': props.type === 'button', // оформления кнопки\r\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\r\n\t\t\t\t'top-popup_listItem-title': props.type === 'title',\r\n\t\t\t\t'top-popup_listItem-delimiter': props.type === 'delimiter',\r\n\t\t\t\t'top-popup-noCloser': !closeByClick\r\n\t\t\t}\"\r\n\t\t\t:=$attrs\r\n\t\t>\r\n\t\t\t<slot></slot>\r\n\t\t</component>\r\n\t</li>\r\n</template>"],"names":["props","__props","id","elOpener","render","el","renderOpener","onUpdated","elOpener2","emit","__emit","expose","__expose","elPopupRef","ref","vueConnector","popup","_popup","toRef","Worker","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;AAIA,UAAAA,IAAAC,GAMAC,IAAAF,EAAA,MAAA,KAAA,OAAA,IAAA;AAEA,QAAAG;AAOA,aAAAC,EAAAC,GAAA;AACC,iBAAA,MAAA;AACC,QAAAF,IAAAE,EAAA,oBAEAF,KACCG,EAAAH,CAAA;AAAA,MACD,CAAA;AAAA,IACA;AAGF,IAAAI,EAAA,MAAA;AACC,MAAAJ,KACCG,EAAAH,CAAA;AAAA,IACD,CAAA;AAGD,aAAAG,EAAAE,GAAA;AACC,MAAAA,EAAA,QAAA,WAAA,SAAAN,GACAM,EAAA,QAAA,aAAAN,GACAM,EAAA,QAAA,YAAAR,EAAA,KACAQ,EAAA,QAAA,gBAAAR,EAAA,OACAQ,EAAA,QAAA,gBAAAR,EAAA,QAAA,SAAA,IACAQ,EAAA,QAAA,sBAAAR,EAAA,cAAA,SAAA;AAAA,IAAoE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjCrE,UAAAA,IAAAC,GAOAQ,IAAAC,GAEAC,IAAA;AAAA,MAAe,OAAA;AAAA,IACP;AAER,IAAAC,EAAAD,CAAA;AAEA,UAAAT,IAAAF,EAAA,MAAA,KAAA,OAAA,IAAA,IACAa,IAAAC,EAAA,IAAA,GA0BAC,IAAA;AAAA,MAAqB,QAvBrB,OAAAC,MAAA;AACC,QAAAA,EAAA,aAAA,YAAA,IAEAH,EAAA,QAAAG,EAAA,cAEAD,EAAA,SAAA,IACAA,EAAA,QAAAC,GAEAL,EAAA,QAAAK,GAEAP,EAAA,MAAA;AAAA,MAAW;AAAA,MAcX,SAVD,CAAAQ,MAAA;AACC,QAAAJ,EAAA,QAAA,MAEAE,EAAA,SAAA,IACAA,EAAA,QAAA,QAEAN,EAAA,OAAA;AAAA,MAAY;AAAA,MAKZ,UAAAS,EAAAlB,GAAA,OAAA;AAAA,MAC8B,QAAA;AAAA,MACtB,OAAA;AAAA,MACD,uBAAAkB,EAAAlB,GAAA,oBAAA;AAAA,IACiD;AAGzD,WAAAmB,EAAA,gBAAAjB,GAAAa,CAAA,GAEAK,EAAA,MAAA;AACC,MAAAD,EAAA,kBAAAjB,CAAA;AAAA,IAA2B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtD5B,UAAAF,IAAAC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as h } from "./forms-
|
|
1
|
+
import { C as h } from "./forms-gb7uf2K8.es.js";
|
|
2
2
|
import r from "../utils/dom.js";
|
|
3
3
|
import { PopupWorker as n } from "../popup/worker.js";
|
|
4
4
|
class g {
|
|
@@ -370,9 +370,11 @@ ul.top-popup_content li > .a.top-active { background: var(--top-popup-background
|
|
|
370
370
|
/* listMore */\r
|
|
371
371
|
.top-popup_listMore {\r
|
|
372
372
|
font-size: 20px;\r
|
|
373
|
-
margin: calc(0px - var(--top-popup-listItem-padding)) 0;\r
|
|
373
|
+
margin: calc(0px - var(--top-popup-listItem-padding)) calc(0px - var(--top-popup-listItem-padding) / 2) calc(0px - var(--top-popup-listItem-padding)) 0;\r
|
|
374
374
|
}\r
|
|
375
375
|
\r
|
|
376
|
+
.top-popup_listMore.top-button{ margin: 0; }\r
|
|
377
|
+
\r
|
|
376
378
|
ul.top-popup_content li > .a.top-popup_listMore {\r
|
|
377
379
|
text-align: center;\r
|
|
378
380
|
flex-basis: 10px;\r
|
|
@@ -770,4 +772,4 @@ b.init();
|
|
|
770
772
|
export {
|
|
771
773
|
v as default
|
|
772
774
|
};
|
|
773
|
-
//# sourceMappingURL=popup-
|
|
775
|
+
//# sourceMappingURL=popup-B-BAfp1v.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-B-BAfp1v.es.js","sources":["../../src/components/component.ts","../../src/components/popup/lib/popup.globalEvents.js","../../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.js"],"sourcesContent":["import DOM from '@/core/utils/dom';\r\n\r\n/**\r\n * Базовый компонент для js компонентов, не имеет отношения к Vue\r\n */\r\nclass Component {\r\n\r\n\tstatic componentName = 'Top';\r\n\r\n\tcomponentName: string | undefined; // имя класса компонента\r\n\tclassName: string | undefined; // имя css класса компонента\r\n\tuid: string | undefined; // уникальный id компонента\r\n\tel: Element | undefined; // элемент, связанный с компонентом\r\n\toptions = {}; // параметры компонента\r\n\r\n\tunmountEls: Element[] = [];\r\n\tunmountEvents: any[] = [];\r\n\r\n\t// переопредлять нельзя\r\n\t// если компонент инициирован, необходимо сразу его вернуть и выполнить reInit() вместо mount()\r\n\t// используется init вместо constructor, так как super constructor выполняется до Object.defineProperty() параметров класса\r\n\tinit (componentName: string, el: Element, options: object): Component | void {\r\n\t\tif (!el) {\r\n\t\t\tthrow componentName + ': el is undefined';\r\n\t\t}\r\n\r\n\t\tconst component = Component.getComponent(el, componentName);\r\n\r\n\t\tif (component) {\r\n\t\t\tcomponent.reInit(options);\r\n\r\n\t\t\treturn component;\r\n\t\t}\r\n\r\n\t\tthis.componentName = componentName;\r\n\t\tthis.className = 'top' + componentName[0].toUpperCase() + componentName.substring(1);\r\n\t\tthis.uid = this.componentName + (Math.random() + '').replace('.', '');\r\n\r\n\t\tthis._setComponent(el);\r\n\t\tthis.el = el;\r\n\t\tthis.el.classList.add(this.className);\r\n\t\tthis.options = Object.assign(this.options, options);\r\n\r\n\t\tthis.mount();\r\n\t}\r\n\r\n\t// получить инициированный компонент\r\n\tstatic getComponent (el: Element, componentName: string): any {\r\n\t\treturn DOM.storage(el, '#' + componentName);\r\n\t}\r\n\r\n\t// устанвоить компонент\r\n\t_setComponent (el: Element) {\r\n\t\tDOM.storage(el, '#' + this.componentName, this);\r\n\t}\r\n\r\n\t// функция подключения компонента\r\n\tmount (): void {\r\n\t\tthrow 'Please, add method mount() to component: ' + this.componentName;\r\n\t}\r\n\r\n\t// функция отключения компонента\r\n\tunmount (): void {\r\n\t\tDOM.storage(this.el, '#' + this.componentName, null);\r\n\r\n\t\tthis.unmountEls.forEach((el) => {\r\n\t\t\tel.remove();\r\n\t\t});\r\n\r\n\t\tthis.unmountEls = [];\r\n\r\n\t\tthis.unmountEvents.forEach((eventData) => {\r\n\t\t\teventData.el.removeEventListener(eventData.type, eventData.listener, eventData.options);\r\n\t\t});\r\n\r\n\t\tthis.unmountEvents = [];\r\n\t}\r\n\r\n\t// указание новые элементы, которые должны будут удалиться после unmount\r\n\tregisterElForUnmount (el: Element): void {\r\n\t\tthis.unmountEls.push(el);\r\n\t}\r\n\r\n\t// указание новые события, которые должны будут удалиться после unmount\r\n\taddEventListenerWithUnmount (\r\n\t\tel: Element | Document,\r\n\t\ttype: keyof GlobalEventHandlersEventMap,\r\n\t\tlistener: (this: Element, e: Event) => any,\r\n\t\toptions?: any,\r\n\t): void {\r\n\t\tel.addEventListener(type, listener, options);\r\n\r\n\t\tthis.registerEventForUnmount(el, type, listener, options);\r\n\t}\r\n\r\n\t// указание новые события, которые должны будут удалиться после unmount\r\n\tregisterEventForUnmount (\r\n\t\tel: Element | Document,\r\n\t\ttype: keyof GlobalEventHandlersEventMap,\r\n\t\tlistener: (this: Element, e: Event) => any,\r\n\t\toptions?: any\r\n\t): void {\r\n\t\tconst eventData = {\r\n\t\t\tel: el,\r\n\t\t\ttype: type,\r\n\t\t\tlistener: listener,\r\n\t\t\toptions: options,\r\n\t\t};\r\n\r\n\t\tthis.unmountEvents.push(eventData);\r\n\t}\r\n\r\n\t// функция перенастройки уже подключенного компонента\r\n\treInit (_options: object): void {\r\n\t\tthrow 'Please, add method reInit() to component: ' + this.componentName;\r\n\t}\r\n\r\n\tstatic detach (nodes: Node[]): void\r\n\tstatic detach (nodes: Element): void\r\n\r\n\t// удалить элементы из DOM, но не из памяти\r\n\tstatic detach (nodes: any): void {\r\n\t\tif (nodes.forEach) {\r\n\t\t\tnodes.forEach((node: Node) => node.parentElement?.removeChild(node));\r\n\t\t} else {\r\n\t\t\tconst el = nodes;\r\n\t\t\tel.parentElement?.removeChild(el);\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\nexport default Component;","import Worker from '@/components/popup/lib/worker';\r\nimport DOM from '@/core/utils/dom';\r\n\r\n/**\r\n * Глобальные события, для реализации Popup\r\n * Автоматически инициируется при первой загрузке, не является выгружаемым модулем\r\n *\r\n * Если в меню встречает класс .preloader, то событие нажатия на кнопку через enter будет остановлено\r\n */\r\nclass GlobalEvents {\r\n\tstatic init() {\r\n\t\tdocument.addEventListener('click', this.onclick);\r\n\t\tdocument.addEventListener('keydown', this.onkeydown);\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик кликов\r\n\t * обрабатывает клики внутри Popup\r\n\t * @param {Event} e\r\n\t */\r\n\tstatic onclick(e) {\r\n\t\t// элементы меню, клик по которым должен его закрыть\r\n\t\tconst elCloser = e.target.closest('.closer, a, .a, .top-button');\r\n\t\tif (elCloser) {\r\n\t\t\t// меню\r\n\t\t\tconst elPopup = e.target.closest('.top-popup-wrapper');\r\n\r\n\t\t\t// клик вне меню\r\n\t\t\tif (!elPopup) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// элемент имеет модификатор, запрещаюущий закрытие меню по клику на него\r\n\t\t\tif (elCloser.matches('.top-popup-noCloser')) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// deprecated, ссылки с href=\".\" запрещены, они должны быть заменены на .top-popup_listItem-button\r\n\t\t\tif (elCloser.getAttribute('href') === '.') {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}\r\n\r\n\t\t\t// клик по кнопке открытия другого меню\r\n\t\t\tif (e.target.matches('[data-top-popup]')) {\r\n\t\t\t\t// список меню, в котором был сделан клик\r\n\t\t\t\tconst elUl = e.target.closest('ul');\r\n\r\n\t\t\t\t// элемент меню, по которому был сделан клик\r\n\t\t\t\tconst elItem = e.target.closest('a, .a');\r\n\r\n\t\t\t\t// сделать элемент меню, по которому сделан клик активным\r\n\t\t\t\tif (elUl) {\r\n\t\t\t\t\telUl.querySelector('a.top-active, .a.top-active')?.classList.remove('top-active');\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (elItem) {\r\n\t\t\t\t\telItem.classList.add('top-active');\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// закрыть меню\r\n\t\t\tWorker.close(elPopup);\r\n\t\t}\r\n\r\n\t\t// клик по фону меню\r\n\t\tif (e.target.matches('.top-popup-wrapper')) {\r\n\t\t\tconst elPopup = e.target;\r\n\r\n\t\t\tWorker.close(elPopup);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик нажатия кнопки на клавиатуре\r\n\t * @param {Event} e\r\n\t */\r\n\tstatic onkeydown(e) {\r\n\t\tconst elPopup = e.target.closest('.top-popup-wrapper');\r\n\r\n\t\t// нажатие не в меню\r\n\t\tif (!elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\r\n\r\n\t\tswitch (e.key) {\r\n\t\t\tcase 'Escape':\r\n\t\t\t\tWorker.close(elPopup);\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase 'Enter':\r\n\t\t\t\t// атоматическое нажатие кнопок при нажатии Enter\r\n\t\t\t\tif (!elUl) {\r\n\t\t\t\t\tif (DOM.querySelectorVisible(elPopup, '.preloader')) {\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// deprecated, старый код на сайте\r\n\t\t\t\t\tconst elBtn = DOM.querySelectorVisible(elPopup, '.top-popup_footer .go, .top-popup_footer [data-action]');\r\n\t\t\t\t\tif (elBtn) {\r\n\t\t\t\t\t\telBtn.click();\r\n\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// Запуск клика последней кнопки, расположенной в footer'е Popup'а, нажатием клавиши Enter\r\n\t\t\t\t\tconst elFooterLastBtn = DOM.querySelectorVisibleLast(elPopup, '.top-popup_footer .top-button');\r\n\t\t\t\t\tif (elFooterLastBtn) {\r\n\t\t\t\t\t\telFooterLastBtn.click();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// перейти по ссылке по нажатию на Enter\r\n\t\t\t\t// данный функуционал игнорирует SPA\r\n\t\t\t\tconst elLink = DOM.querySelectorVisible(elPopup, 'li > a.top-active');\r\n\t\t\t\tif (elLink) {\r\n\t\t\t\t\t// фокус может находиться на другой ссылке\r\n\t\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\t\tlocation.href = elLink.getAttribute('href');\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// кликнуть по элементу меню по нажатию на Enter\r\n\t\t\t\tconst elItem = elPopup.querySelector('li > .top-active');\r\n\t\t\t\tif (elItem) {\r\n\t\t\t\t\telItem.click();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t// управление стрелками\r\n\t\t\tcase 'ArrowUp':\r\n\t\t\tcase 'ArrowRight':\r\n\t\t\tcase 'ArrowDown':\r\n\t\t\tcase 'ArrowLeft':\r\n\t\t\t\tif (!elUl) {\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n\t\t\t\t\tconst elMoreVisible = DOM.querySelectorVisible(elPopup,\r\n\t\t\t\t\t\t'ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore');\r\n\t\t\t\t\tif (elMoreVisible) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst elItemActive = elPopup.querySelector('ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active')?.parentElement;\r\n\r\n\t\t\t\t// есть подменю\r\n\t\t\t\tif (e.key === 'ArrowRight' && elItemActive) {\r\n\t\t\t\t\t// const elItemMoreActive = elItemActive.querySelector('[data-top-popup].top-active');\r\n\t\t\t\t\t// if (elItemMoreActive) {\r\n\t\t\t\t\t// \treturn elItemMoreActive.click();\r\n\t\t\t\t\t// }\r\n\r\n\t\t\t\t\tconst elMore = elItemActive.querySelector('.top-active > .top-popup_listMore');\r\n\t\t\t\t\tif (elMore) {\r\n\t\t\t\t\t\treturn elMore.click();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst elsLiVisible = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li:not(.top-popup_liNoSelectable)');\r\n\t\t\t\tconst countLi = elsLiVisible.length;\r\n\r\n\t\t\t\tif (!countLi) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet index = elsLiVisible.indexOf(elItemActive);\r\n\r\n\t\t\t\tif (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\r\n\t\t\t\t\tindex--;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tindex++;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// это первый элемен, \"Назад\" должен закрывать окно\r\n\t\t\t\tif (e.key === 'ArrowLeft' && index === -1) {\r\n\t\t\t\t\tif (e.target.matches('input')) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn Worker.close(elPopup);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// это последний элемен, \"Вперед\" не должен ни чего делать\r\n\t\t\t\tif (e.key === 'ArrowRight' && index === countLi) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (index < 0) {\r\n\t\t\t\t\tindex = countLi - 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (index > countLi - 1) {\r\n\t\t\t\t\tindex = 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\telPopup.querySelectorAll('ul.top-popup_content > li > .top-active').forEach(el => el.classList.remove('top-active'));\r\n\t\t\t\telsLiVisible[index].querySelector(':scope > a, :scope > .a').classList.add('top-active');\r\n\r\n\t\t\t\tWorker.scrollToActive(elPopup);\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\nexport default GlobalEvents;","export default \":root {\\r\\n\\t--top-popup-z-index: 200000;\\r\\n\\t--top-popup-transition-delay: 100ms;\\r\\n\\r\\n\\t--top-popup-background-color: var(--color-bg-3);\\r\\n\\t--top-popup-background-color-hover: var(--color-theme-75);\\r\\n\\t--top-popup-background-color-active: var(--color-theme-100);\\r\\n\\r\\n\\t--top-popup-border-color: var(--color-line-2-opacity);\\r\\n\\t--top-popup-title-background-color: var(--color-theme-50);\\r\\n\\r\\n\\t/* суммарный отсуп от каря popup до элемента */\\r\\n\\t--top-popup-content-padding: calc(var(--top-popup-list-padding) + var(--top-popup-listItem-padding));\\r\\n\\r\\n\\t/* списки */\\r\\n\\t--top-popup-list-padding: var(--top-padding-2);\\r\\n\\r\\n\\t--top-popup-listItem-radius: var(--top-radius-2);\\r\\n\\t--top-popup-listItem-padding: var(--top-padding-2);\\r\\n}\\r\\n\\r\\n.top-popup-front { position: relative; }\\r\\n\\r\\n.top-popup-wrapper {\\r\\n\\t/* см. recalcPosition() */\\r\\n\\t--top-popup-height: 0px;\\r\\n\\t--top-popup-right-bounding: 0px;\\r\\n\\t--top-popup-bottom-bounding: 0px;\\r\\n\\t--top-popup-top: 0px;\\r\\n\\t--top-popup-right: calc(100vw - var(--top-popup-right-bounding));\\r\\n\\t--top-popup-bottom: calc(var(--100vh) - var(--top-popup-bottom-bounding));\\r\\n\\t--top-popup-left: 0px;\\r\\n\\r\\n\\ttext-align: initial; white-space: normal; word-break: normal;\\r\\n\\tposition: absolute; z-index: 200000;\\r\\n}\\r\\n.top-popup-wrapper:not(.top-popup-wrapper-shown) { overflow: hidden; }\\r\\n\\r\\n/* top-popupPanel */\\r\\n.top-popupPanel {\\r\\n\\tcursor: default;\\r\\n\\tbox-shadow: var(--top-shadow-b);\\r\\n\\tborder-radius: 8px;\\r\\n\\tbackground: var(--top-popup-background-color);\\r\\n\\tposition: absolute; overflow: hidden;\\r\\n\\tdisplay: flex; flex-direction: column;\\r\\n}\\r\\n\\r\\n/* position */\\r\\n.top-popup-wrapper > * {\\r\\n\\topacity: 0;\\r\\n\\ttransition: opacity var(--top-popup-transition-delay) linear, transform var(--top-popup-transition-delay) linear;\\r\\n}\\r\\n.top-popup-wrapper.p0 > * { transform: translateY(-8px); }\\r\\n.top-popup-wrapper.p1 > * { transform: translateY(8px); }\\r\\n.top-popup-wrapper.p2 > * { transform: translateX(8px); }\\r\\n.top-popup-wrapper.p3 > * { transform: translateY(8px); }\\r\\n.top-popup-wrapper.p4 > * { transform: translateX(-8px); }\\r\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > * {opacity: 1;transform: translate(0, 0) !important;}\\r\\n\\r\\n.top-popup-wrapper.p0 > .top-popup { top: calc(-16px); left: calc(0px - 8px); }\\r\\n.top-popup-wrapper.p1 > .top-popup { bottom: calc(100% + 8px); }\\r\\n.top-popup-wrapper.p2 > .top-popup { left: calc(100% + 8px); }\\r\\n.top-popup-wrapper.p3 > .top-popup { top: calc(100% + 8px); }\\r\\n.top-popup-wrapper.p4 > .top-popup { right: calc(100% + 8px); }\\r\\n.top-popup-wrapper.p2 > .top-popup,\\r\\n.top-popup-wrapper.p4 > .top-popup { margin-top: -10px; }\\r\\n\\r\\n.top-popup-wrapper.p1.with_notch > .top-popup { margin-bottom: 5px; }\\r\\n.top-popup-wrapper.p2.with_notch > .top-popup { margin-left: 5px; }\\r\\n.top-popup-wrapper.p3.with_notch > .top-popup { margin-top: 5px; }\\r\\n.top-popup-wrapper.p4.with_notch > .top-popup { margin-right: 5px; }\\r\\n\\r\\n.top-popup-wrapper.invert-x > .top-popup { right: 0; }\\r\\n.top-popup-wrapper.invert-y > .top-popup { bottom: 0; }\\r\\n\\r\\n/* notch */\\r\\n.top-popup-wrapper > .notch { border: 7.4px solid transparent; position: absolute; display: block; }\\r\\n\\r\\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% }\\r\\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%; }\\r\\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%; }\\r\\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%; }\\r\\n\\r\\n.top-popup-wrapper.p1 > .notch-border { border-top-color: rgba(0, 0, 0, 0.05); margin-bottom: 6px; }\\r\\n.top-popup-wrapper.p2 > .notch-border { border-right-color: rgba(0, 0, 0, 0.05); margin-left: 6px; }\\r\\n.top-popup-wrapper.p3 > .notch-border { border-bottom-color: rgba(0, 0, 0, 0.05); margin-top: 6px; }\\r\\n.top-popup-wrapper.p4 > .notch-border { border-left-color: rgba(0, 0, 0, 0.05); margin-right: 6px; }\\r\\n\\r\\n/* common */\\r\\n.top-popup_header,\\r\\n.top-popup_content,\\r\\n.top-popup_footer { font-size: 14px; }\\r\\n.top-popup_header,\\r\\n.top-popup_footer { display: flex; align-items: center; justify-content: space-between; }\\r\\n\\r\\n/* header */\\r\\n.top-popup_header {\\r\\n\\tborder-bottom: 1px solid var(--top-popup-border-color);\\r\\n\\tpadding: var(--top-padding-3);\\r\\n\\tfont-weight: 600;\\r\\n}\\r\\n.top-popup_header > * { font-weight: 400; }\\r\\n.top-popup_header > .a { cursor: pointer; color: var(--color-blue-450); }\\r\\n.top-popup_header > .a:hover { color: var(--color-blue-350); }\\r\\n\\r\\n.top-popup_headerButton { width: 60px; }\\r\\n\\r\\n/* widget */\\r\\n.top-popup_widget {\\r\\n\\tpadding: var(--top-padding-2) var(--top-padding-2) 0 var(--top-padding-2);\\r\\n}\\r\\n\\r\\n/* content */\\r\\n.top-popup_content {\\r\\n\\tmargin: 0;\\r\\n\\tflex-grow: 1;\\r\\n\\toverflow-y: auto;\\r\\n\\tdisplay: flex;\\r\\n\\tflex-direction: column;\\r\\n\\tgap: var(--top-gap-4);\\r\\n\\r\\n\\t-webkit-overflow-scrolling: touch;\\r\\n}\\r\\n\\r\\ndiv.top-popup_content {\\r\\n\\t/* has_scroll */\\r\\n\\t--scroll-padding-top: var(--top-popup-content-padding);\\r\\n\\t--scroll-padding-bottom: var(--top-popup-content-padding);\\r\\n\\r\\n\\tpadding: var(--top-popup-content-padding);\\r\\n}\\r\\ndiv.top-popup_content > * { flex-shrink: 0; }\\r\\ndiv.top-popup_content > .top-button { margin: 0; }\\r\\n\\r\\ndiv.top-popup_content .top-unwrap {\\r\\n\\t--top-unwrap-x: var(--top-popup-content-padding);\\r\\n}\\r\\n\\r\\nul.top-popup_content {\\r\\n\\t--scroll-padding-top: var(--top-popup-list-padding);\\r\\n\\t--scroll-padding-bottom: var(--top-popup-list-padding);\\r\\n\\r\\n\\tpadding: var(--top-popup-list-padding);\\r\\n\\tgap: 2px;\\r\\n}\\r\\n\\r\\nul.top-popup_content .top-unwrap {\\r\\n\\t--top-unwrap-x: var(--top-popup-list-padding);\\r\\n}\\r\\n\\r\\n.top-popup_listItem {\\r\\n\\tborder-radius: var(--top-popup-listItem-radius);\\r\\n\\tpadding: var(--top-popup-listItem-padding);\\r\\n\\tline-height: 1 !important;\\r\\n}\\r\\n\\r\\nul.top-popup_content li { margin: 0; list-style: none; display: flex; position: relative }\\r\\nul.top-popup_content li > * { flex-grow: 1; }\\r\\nul.top-popup_content li > a:not(.top-button),\\r\\nul.top-popup_content li > .a {\\r\\n\\tcursor: pointer;\\r\\n\\tbox-sizing: border-box;\\r\\n\\tborder-radius: var(--top-popup-listItem-radius);\\r\\n\\tbackground: var(--top-popup-background-color);\\r\\n\\tpadding: var(--top-popup-listItem-padding);\\r\\n\\tcolor: var(--color-text) !important; font-size: 14px; font-weight: normal !important; text-decoration: none !important; font-style: normal;\\r\\n\\tline-height: 1 !important;\\r\\n\\tdisplay: flex; flex: 1 1 100%; align-items: center;\\r\\n\\ttransition: background-color 0.1s ease-in-out;\\r\\n}\\r\\n.top-popup-wrapper-no_animate ul.top-popup_content li > a:not(.top-button),\\r\\n.top-popup-wrapper-no_animate ul.top-popup_content li > .a { transition: none; }\\r\\n\\r\\nul.top-popup_content li > a:not(.top-button):hover,\\r\\nul.top-popup_content li > .a:hover { background: var(--top-popup-background-color-hover); }\\r\\nul.top-popup_content li > a:not(.top-button).top-active,\\r\\nul.top-popup_content li > .a.top-active { background: var(--top-popup-background-color-active); }\\r\\n\\r\\n.top-popup_content + .top-popup_content { padding-top: 0; }\\r\\n\\r\\n/* listTitle */\\r\\n.top-popup_listItem-title {\\r\\n\\tbackground: var(--top-popup-title-background-color);\\r\\n\\tcolor: var(--color-text-2); font-size: 12px;\\r\\n}\\r\\n\\r\\n/* listDelimiter */\\r\\n.top-popup_listItem-delimiter {\\r\\n\\tborder-radius: 3px;\\r\\n\\tbackground: var(--top-popup-border-color);\\r\\n\\theight: 1px;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 4px;\\r\\n}\\r\\n\\r\\n/* listMore */\\r\\n.top-popup_listMore {\\r\\n\\tfont-size: 20px;\\r\\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;\\r\\n}\\r\\n\\r\\n.top-popup_listMore.top-button{ margin: 0; }\\r\\n\\r\\nul.top-popup_content li > .a.top-popup_listMore {\\r\\n\\ttext-align: center;\\r\\n\\tflex-basis: 10px;\\r\\n}\\r\\nul.top-popup_content li > .a.top-popup_listMore:before { color: var(--color-gray-500); }\\r\\nul.top-popup_content li > * > .top-popup_listMore {\\r\\n\\tmargin-left: auto;\\r\\n\\tcolor: var(--color-gray-500);\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\nul.top-popup_content li > * > i.top-popup_listMore:hover,\\r\\nul.top-popup_content li > * > i.top-popup_listMore.top-active { color: var(--color-blue-500); }\\r\\nul.top-popup_content li > * > i.top-popup_listMore:before {\\r\\n\\ttransform: rotate(90deg);\\r\\n\\tdisplay: block;\\r\\n}\\r\\n\\r\\nul.top-popup_content li a.close { background: none !important; }\\r\\n\\r\\n/* data-top-icon */\\r\\n.top-popup_content > [data-top-icon]:before {\\r\\n\\t--top-icon-size: 20px;\\r\\n}\\r\\n\\r\\nul.top-popup_content li > [data-top-icon]:not(.top-button):before {\\r\\n\\t--top-icon-color: var(--color-text-3);\\r\\n\\t--top-icon-size: 20px;\\r\\n\\t--top-icon-width: 20px;\\r\\n\\r\\n\\theight: 1rem; margin-right: 8px; transition: color 0.1s;\\r\\n}\\r\\nul.top-popup_content li:hover > [data-top-icon]:not(.top-button):before,\\r\\nul.top-popup_content li > [data-top-icon]:not(.top-button).top-active:before {\\r\\n\\t--top-icon-color: var(--color-text-2);\\r\\n}\\r\\n\\r\\n/* footer */\\r\\n.top-popup_footer {\\r\\n\\tpadding: var(--top-popup-list-padding);\\r\\n\\tborder-top: 1px solid var(--top-popup-border-color);\\r\\n\\tdisplay: flex;\\r\\n\\tgap: var(--top-gap-2);\\r\\n\\tjustify-content: flex-end;\\r\\n}\\r\\n\\r\\n/* Виджеты */\\r\\n.top-popup > [data-widget] { padding: 0 var(--top-popup-list-padding); }\\r\\n.top-popup > [data-widget] + hr { margin: 0 var(--top-popup-list-padding); }\\r\\n\\r\\n.top-popup .placeholder {\\r\\n\\tborder: 1px solid #E0D9D9 !important; border-right: none !important; border-left: none !important; background: #F9F9F9 !important; margin: -1px 0; z-index: 1;\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n/* компоненты */\\r\\n.top-popup-wrapper.simple_list > .top-popup { min-width: 0; white-space: nowrap; }\\r\\n\\r\\n.top-popup_content .top-column { display: flex; flex-direction: column; gap: 4px; }\\r\\nhtml .top-popup .top-popup_content li > .top-button {\\r\\n\\tmargin: calc(var(--top-popup-listItem-padding) / 2) var(--top-popup-listItem-padding);\\r\\n}\\r\\n\\r\\n.top-popup li .check_all,\\r\\n.top-popup li .clear_all { cursor: pointer; color: var(--color-cyan); padding: 8px; display: inline-block; }\\r\\n.top-popup li .check_all:hover,\\r\\n.top-popup li .clear_all:hover { text-decoration: underline; }\\r\\n.top-popup li .clear_all { display: none; }\\r\\n\\r\\n/* table */\\r\\n.top-popup_content table { margin: -9px 0; }\\r\\n.top-popup_content table td,\\r\\n.top-popup_content table th { padding: 9px var(--top-popup-listItem-padding) 9px 0; vertical-align: top; }\\r\\n.top-popup_content table th { width: 40%; font-weight: 600; white-space: nowrap; }\\r\\n\\r\\n/* формы */\\r\\nul.top-popup_content .a > [type=\\\"checkbox\\\"],\\r\\nul.top-popup_content .a > [type=\\\"radio\\\"] { margin: -8px 0 -8px auto; }\\r\\n\\r\\n/* deprecated */\\r\\nul.top-popup_content a > [class*=icon],\\r\\nul.top-popup_content i.a > [class*=icon] {\\r\\n\\ttransition: 0.1s;\\r\\n}\\r\\n\\r\\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; }\\r\\n.top-popup_footer [class*=btn]:not(.btn-transparent) { min-width: 100px; padding: 5px 14px; margin-left: 10px; }\\r\\n.top-popup_footer [class*=btn]:first-child { margin-left: 0; }\\r\\n.top-popup_footer .btn.full_width { margin: 0; flex-grow: 1; }\"","export default \":root{\\r\\n\\t--top-popup-list-padding: 0px;\\r\\n\\r\\n\\t--top-popup-listItem-radius: 0px;\\r\\n\\t--top-popup-listItem-padding: var(--top-padding-4);\\r\\n}\\r\\n\\r\\nhtml.with_popup{ background: #808080; }\\r\\n\\r\\n.top-popup-wrapper{\\r\\n\\t--top-popup-footer-offset: 25px;\\r\\n\\r\\n\\twidth: auto !important; height: auto !important;\\r\\n\\tposition: fixed; top: 0 !important; right: 0 !important; left: 0 !important; overflow: hidden;\\r\\n\\ttransition: background 0.3s;\\r\\n}\\r\\n\\r\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){ background: rgba(0,0,0,0.5); backdrop-filter: blur(1px); }\\r\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > .top-popup{ opacity: 1 !important; }\\r\\n\\r\\n.top-popup{\\r\\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;\\r\\n\\ttop: auto !important; right: 0 !important; bottom: var(--toolbar-height, 0px) !important; left: 0 !important;\\r\\n\\tdisplay: flex; flex-direction: column;\\r\\n\\r\\n\\t/* невозможно опустить элемент вниз за экран на 100%, fix: opacity и translateY(80%) */\\r\\n\\ttransform: translateY(80%);\\r\\n\\r\\n\\ttransition: opacity 0.3s, transform 0.3s;\\r\\n}\\r\\n\\r\\n\\r\\n/* from top */\\r\\n.top-popup-wrapper.p-from-top{\\r\\n\\t--top-popup-footer-offset: 0px;\\r\\n\\r\\n\\ttop: var(--header-height, 0px) !important;\\r\\n}\\r\\n.with_dialog .top-popup-wrapper.p-from-top{ top: 50px !important; }\\r\\n.top-popup-wrapper.p-from-top > .top-popup{\\r\\n\\tborder-radius: 0 0 8px 8px; max-height: calc(100% - 24px); top: 0 !important; bottom: auto !important;\\r\\n\\ttransform: translateY(calc(-100% - 24px));\\r\\n}\\r\\n\\r\\n/* widget */\\r\\n.top-popup_widget{ padding: var(--top-padding-2);}\\r\\n.top-popup_widget:not(.p-from-top){ order: 10; }\\r\\n\\r\\n/* content */\\r\\nul.top-popup_content{\\r\\n\\t--scroll-padding-top: 0px;\\r\\n\\t--scroll-padding-bottom: var(--scroll-padding-top);\\r\\n\\r\\n\\tgap: 0;\\r\\n}\\r\\nul.top-popup_content li:not(:last-child){ border-bottom: 1px solid var(--top-popup-border-color); }\\r\\n\\r\\n.top-popup-wrapper.top-style_alt > .top-popup > ul > li{ border-bottom: none; }\\r\\n\\r\\n/* footer */\\r\\n.top-popup_footer{\\r\\n\\tflex-direction: column-reverse;\\r\\n}\\r\\n.top-popup_footer > .top-button{\\r\\n\\t--top-forms-base-height: var(--top-forms-base-height_l);\\r\\n\\r\\n\\twidth: 100%;\\r\\n}\\r\\n\\r\\n/* listTitle */\\r\\nul.top-popup_content .top-popup_listItem-title{\\r\\n\\t--top-popup-padding-v: 12px;\\r\\n}\\r\\n\\r\\n/* listDelimiter */\\r\\nul.top-popup_content .top-popup_listItem-delimiter{ background: var(--color-line-1-opacity); height: 4px; margin: 0; }\\r\\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; }\\r\\n\\r\\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)); }\\r\\n.top-popup-wrapper.invert-x > .top-popup{ max-width: calc(100vw - var(--top-popup-right) - 16px); }\\r\\n.top-popup-wrapper.invert-y > .top-popup{ max-height: calc(100vh - var(--top-popup-bottom) - 16px); }\\r\\n\\r\\n/* position */\\r\\n.top-popup-wrapper.p1 > .top-popup{ max-height: calc(var(--top-popup-top) - var(--header-height, 0px) - 16px); }\\r\\n.top-popup-wrapper.p3 > .top-popup{ max-height: calc(var(--top-popup-bottom) - 16px); }\\r\\n.top-popup-wrapper.p2 > .top-popup{ max-width: calc(var(--top-popup-right) - 16px); }\\r\\n.top-popup-wrapper.p4 > .top-popup{ max-width: calc(var(--top-popup-left) - 16px); }\\r\\n\\r\\n/* notch */\\r\\n.top-popup-wrapper.p1.with_notch > .top-popup,\\r\\n.top-popup-wrapper.p3.with_notch > .top-popup{ margin-left: -16px !important; }\\r\\n.top-popup-wrapper.p1.with_notch > .notch,\\r\\n.top-popup-wrapper.p3.with_notch > .notch{ margin-left: -8px !important; }\\r\\n\\r\\n.top-popup-wrapper.p1.with_notch.invert-x,\\r\\n.top-popup-wrapper.p3.with_notch.invert-x{ margin-left: 3px !important; }\\r\\n.top-popup-wrapper.p1.with_notch.invert-x > .notch,\\r\\n.top-popup-wrapper.p3.with_notch.invert-x > .notch{ margin-left: -9px !important; }\\r\\n\\r\\n/* listMore */\\r\\nul.top-popup_content li > * > i.top-popup_listMore{ visibility: hidden; transition: none; }\\r\\nul.top-popup_content li:hover > * > i.top-popup_listMore,\\r\\nul.top-popup_content li > *.top-active > i.top-popup_listMore,\\r\\nul.top-popup_content li > * > i.top-popup_listMore.top-active{ visibility: visible; }\"","// добавляет jQuery события на this.el, если jQuery загружен:\r\n// aftershow.top-menu-popup\r\n// afterclose.top-menu-popup\r\n\r\nimport Core from '@/core/core/core';\r\nimport Component from '@/components/component';\r\nimport DOM from '@/core/utils/dom';\r\nimport Worker from '@/components/popup/lib/worker';\r\nimport GlobalEvents from '@/components/popup/lib/popup.globalEvents';\r\n\r\nimport css from '@/components/popup/popup/style/popup.css?raw';\r\nimport cssM from '@/components/popup/popup/style/popup.m.css?raw';\r\nimport cssPC from '@/components/popup/popup/style/popup.pc.css?raw';\r\n\r\nCore.appendStyle(css);\r\nCore.appendStyle(cssM, 'm');\r\nCore.appendStyle(cssPC, 'pc');\r\n\r\n/**\r\n * @property {Element} el - элемент, вызвавший открытие Popup\r\n * @property {Element} elPopup - Popup .top-popup-wrapper\r\n * @property {Element} elPopupInner - контентная часть Popup .top-popup\r\n * @property {Element} elPopupHeader\r\n * @property {Element} elPopupBody\r\n * @property {Element} elPopupFooter\r\n */\r\nclass Popup extends Component {\r\n\r\n\tstatic componentName = 'Popup';\r\n\r\n\tel; // элемент, вызвавший открытие Popup\r\n\telActiveByDefault; // элемент уже имеет класс top-active перед открытием окна\r\n\telPopup;\r\n\telPopupInner;\r\n\telPopupHeader;\r\n\telPopupWidget;\r\n\telPopupBody;\r\n\telPopupFooter;\r\n\telFront;\r\n\r\n\tpopupParent;\r\n\r\n\t$; // только, если есть jQuery\r\n\r\n\telStartPosition; // используется для useOriginal\r\n\tshift = {\r\n\t\ttop: 0,\r\n\t\tleft: 0,\r\n\t};\r\n\tisClosed = false; // флаг того, что меню закрыто\r\n\tisFirstClick = true;\r\n\ttype; // selector или html\r\n\r\n\toptions = {\r\n\t\tpopup: '', // selector, text\r\n\t\tp: 0, // положение меню (0 - над элементом, 1 - сверху, 2 - справа, 3 - снизу, 4 слева)\r\n\t\tnotch: false, // отображать ли клювик\r\n\r\n\t\tclass: '', // класс, добавляемый меню\r\n\r\n\t\tposBy: 'left', // способ привязки позиционирования меню (left/right - левый/правый край родителя, fixed - по окну)\r\n\t\tfrontSelector: '',\r\n\t\tinvertX: false, // базовая ордината - правая граница элемента, а не левая\r\n\t\topenByHover: false, // открывать при наведении\r\n\r\n\t\tuseOriginal: false, // использовать оригинальный шаблон, без клонирвоания (для сохранения состояния меню)\r\n\r\n\t\ttransitionDuration: 100, // значение прописано в css\r\n\r\n\t\tisFullScreen: false,\r\n\r\n\t\t/**\r\n\t\t * @type {}\r\n\t\t */\r\n\t\ti18n: {},\r\n\t};\r\n\r\n\tevents = {};\r\n\r\n\t// el - элемент, открывающий меню\r\n\tconstructor(el, options) {\r\n\t\tsuper();\r\n\r\n\t\treturn this.init(Popup.componentName, el, options);\r\n\t}\r\n\r\n\tasync mount() {\r\n\t\tconst vueConnector = this.vueGetComponent();\r\n\r\n\t\tthis.popupParent = Worker.getPopup(this.el.closest('.top-popup-wrapper'));\r\n\r\n\t\tawait this.mountJQuery();\r\n\r\n\t\tif (DOM.css(this.el, 'position') !== 'absolute') {\r\n\t\t\tthis.el.style.position = 'relative';\r\n\t\t}\r\n\r\n\t\tthis.el.dataset.topPopupOpened = 'opened';\r\n\t\tthis.elActiveByDefault = this.el.classList.contains('top-active');\r\n\t\tthis.el.classList.add('top-active');\r\n\r\n\t\tif (vueConnector) {\r\n\t\t\t// компонент vue Popup\r\n\t\t\tthis.type = 'vue';\r\n\r\n\t\t\tthis.options.popup = '';\r\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup);\r\n\t\t} else if (this.options.popup.match(/^[#.]/)) {\r\n\t\t\t// selector\r\n\t\t\tthis.type = 'selector';\r\n\r\n\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}.template`);\r\n\t\t} else {\r\n\t\t\t// html\r\n\t\t\tthis.type = 'html';\r\n\r\n\t\t\tif (this.options.useOriginal) {\r\n\t\t\t\tthrow ('Option useOriginal not allowed for text templates');\r\n\t\t\t}\r\n\r\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup);\r\n\t\t}\r\n\r\n\t\tif (!this.elPopup || vueConnector?.opened) {\r\n\t\t\t// возможно шаблон не найден, так как он используется в уже открытом меню\r\n\t\t\tif (this.options.useOriginal || vueConnector?.opened) {\r\n\t\t\t\t// закрыть открытое меню\r\n\t\t\t\tif (vueConnector?.opened) {\r\n\t\t\t\t\tthis.elPopup = vueConnector.popup.elPopup;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.elPopup) {\r\n\t\t\t\t\tthis.el.dataset.topPopupOpened = '';\r\n\r\n\t\t\t\t\tif (!this.elActiveByDefault) {\r\n\t\t\t\t\t\tthis.el.classList.remove('top-active');\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tWorker.close(this.elPopup);\r\n\r\n\t\t\t\t\t// повторит попытку открыть меню\r\n\t\t\t\t\tsetTimeout(() => this.mount(), this.options.transitionDuration);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthrow ('Option useOriginal state allowed only elements .template');\r\n\t\t\t}\r\n\r\n\t\t\t// возможно вместо шаблона используется другой элемент\r\n\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`);\r\n\t\t}\r\n\r\n\t\tif (!this.elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (this.options.useOriginal) {\r\n\t\t\tthis.elStartPosition = this.elPopup.closest('.top-popup-el-start-position');\r\n\t\t\tif (!this.elStartPosition) {\r\n\t\t\t\tthis.elStartPosition = DOM.wrap(this.elPopup, 'i');\r\n\t\t\t\tthis.elStartPosition.classList.add('top-popup-el-start-position', 'hidden');\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.elPopup = this.elPopup.cloneNode(true);\r\n\r\n\t\t\t// вывод в меню копии произвольного элемента\r\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template')) {\r\n\t\t\t\tthis.elPopup.classList.remove('hidden');\r\n\r\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\r\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\r\n\t\t\t}\r\n\r\n\t\t\tif (this.type === 'html') {\r\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\r\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\r\n\r\n\t\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// вложенный Popup\r\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template') || this.type === 'html' || this.type === 'vue') {\r\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '[data-top-popup]').forEach(el => el.dataset.topPopupPosBy = 'fixed');\r\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '.top-popup-wrapper').forEach(el => el.remove());\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tWorker.decoratorBeforeOpen(this);\r\n\r\n\t\tif (vueConnector) {\r\n\t\t\tthis.options.class = vueConnector.classRef.value;\r\n\t\t\tif(vueConnector.transitionDurationRef.value !== undefined){\r\n\t\t\t\tthis.options.transitionDuration = vueConnector.transitionDurationRef.value;\r\n\r\n\t\t\t\tthis.elPopup.style.setProperty('--top-popup-transition-delay', this.options.transitionDuration + 'ms');\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.elPopupInner = document.createElement('div');\r\n\t\tthis.elPopupInner.classList.add('top-popupPanel', 'top-popup');\r\n\r\n\t\twhile (this.elPopup.firstChild) {\r\n\t\t\tthis.elPopupInner.appendChild(this.elPopup.firstChild);\r\n\t\t}\r\n\r\n\t\tthis.elPopup.append(this.elPopupInner);\r\n\r\n\t\tthis.elPopup.classList.add('top-popup-wrapper');\r\n\r\n\t\tif (this.options.class) {\r\n\t\t\tconst classes = this.options.class.split(' ');\r\n\t\t\tthis.elPopup.classList.add(...classes);\r\n\t\t}\r\n\r\n\t\tif (this.options.notch) {\r\n\t\t\tthis.elPopup.classList.add('with_notch');\r\n\t\t\tthis.elPopup.insertAdjacentHTML('beforeend', '<i class=\"notch notch-border\"></i><i class=\"notch\"></i>');\r\n\t\t}\r\n\r\n\t\tawait this.vueOpen();\r\n\r\n\t\tthis.elPopupHeader = this.elPopupInner.querySelector('.top-popup_header');\r\n\t\tthis.elPopupWidget = this.elPopupInner.querySelector('.top-popup_widget');\r\n\t\tthis.elPopupBody = this.elPopupInner.querySelector('.top-popup_content');\r\n\t\tthis.elPopupFooter = this.elPopupInner.querySelector('.top-popup_footer');\r\n\r\n\t\tconst existsWidgetSearch = !!this.elPopup.querySelector('[data-widget=\"search\"]');\r\n\r\n\t\tif (this.options.isFullScreen && !existsWidgetSearch) {\r\n\t\t\tif (!this.elPopupHeader) {\r\n\t\t\t\tthis.elPopupHeader = DOM.genEl('i', { class: 'top-popup_header' });\r\n\t\t\t\tthis.elPopupInner.prepend(this.elPopupHeader);\r\n\r\n\t\t\t\tthis.elPopupHeader.prepend(DOM.genEl('i', { class: 'a closer' }, this.options.i18n.Close));\r\n\t\t\t\tthis.elPopupHeader.append(DOM.genEl('i', { class: 'top-popup_headerButton' }));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tDOM.storage(this.elPopup, 'Popup', this);\r\n\r\n\t\tif (this.options.frontSelector) {\r\n\t\t\tthis.elFront = document.querySelector(this.options.frontSelector);\r\n\t\t}\r\n\t\tif (!this.elFront) {\r\n\t\t\tthis.elFront = this.el.closest('.top-popup-front');\r\n\t\t}\r\n\t\tif (!this.elFront) {\r\n\t\t\tthis.elFront = document.body;\r\n\t\t}\r\n\r\n\t\tthis.elPopup.style.width = this.el.offsetWidth + 'px';\r\n\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\r\n\t\tthis.elPopup.style.top = this.el.offsetTop + 'px';\r\n\t\tthis.elPopup.style.right = parseInt(this.el.style.right || 0) + 'px';\r\n\t\tthis.elPopup.style.bottom = parseInt(this.el.style.bottom || 0) + 'px';\r\n\r\n\t\tthis.el.parentElement.insertBefore(this.elPopup, this.el);\r\n\t\tthis.elPopup.classList.remove('template');\r\n\r\n\t\tif (this.options.invertX) {\r\n\t\t\tthis.elPopup.classList.add('invert-x');\r\n\t\t}\r\n\r\n\t\tlet fromTop = !!this.el.closest('.modal-header');\r\n\t\tif (!fromTop) {\r\n\t\t\tfromTop = !!this.el.closest('#top_panel');\r\n\t\t}\r\n\t\tif (!fromTop) {\r\n\t\t\tfromTop = !!this.el.closest('#secondmenu');\r\n\t\t}\r\n\t\tif (fromTop) {\r\n\t\t\tthis.elPopup.classList.add('p-from-top');\r\n\t\t}\r\n\r\n\t\t// появление с анимацией\r\n\t\tsetTimeout(() => this.elPopup.classList.add('top-popup-wrapper-shown'));\r\n\r\n\t\tif (this.elFront && !this.elFront.matches('body')) {\r\n\t\t\tthis.elFront.append(this.elPopup);\r\n\r\n\t\t\tthis.shift.top = DOM.offset(this.el).top - this.el.offsetTop - DOM.offset(this.elFront).top;\r\n\t\t\tthis.shift.left = DOM.offset(this.el).left - this.el.offsetLeft - DOM.offset(this.elFront).left;\r\n\r\n\t\t\t// position() не учитывает margin, замечено для flex\r\n\t\t\tthis.shift.top -= parseInt(this.el.style['margin-top'] || 0);\r\n\t\t\tthis.shift.left -= parseInt(this.el.style['margin-left'] || 0);\r\n\r\n\t\t\tthis.elPopup.style.top = parseInt(this.elPopup.style.top || '0') + this.shift.top + 'px';\r\n\t\t\tthis.elPopup.style.left = parseInt(this.elPopup.style.left || '0') + this.shift.left + 'px';\r\n\t\t}\r\n\r\n\t\tif (this.$) {\r\n\t\t\tthis.$.trigger('aftershow.top-menu-popup', [Core.$(this.elPopup)]);\r\n\t\t}\r\n\r\n\t\tthis.recalcPosition();\r\n\r\n\t\tthis.elPopup.setAttribute('tabindex', 0);\r\n\t\tthis.focus();\r\n\r\n\t\tWorker.decoratorAfterOpen(this);\r\n\r\n\t\tthis.mountEvents();\r\n\t}\r\n\r\n\tasync mountJQuery() {\r\n\t\tif (!Core.$) return;\r\n\r\n\t\tthis.$ = Core.$(this.el);\r\n\t}\r\n\r\n\t/**\r\n\t * Выполнить фокусировку на нужный элемент после открытия окна\r\n\t */\r\n\tfocus() {\r\n\t\tlet el = DOM.querySelectorVisible(this.elPopup, '.top-popup-autofocus');\r\n\r\n\t\t// поле ввода\r\n\t\tif (!el) {\r\n\t\t\tel = DOM.querySelectorVisible(this.elPopup, ':read-write, select:not(:disabled)');\r\n\t\t}\r\n\r\n\t\t// кнопка\r\n\t\tif (!el) {\r\n\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup_footer .top-button');\r\n\t\t}\r\n\r\n\t\tif (!el) {\r\n\t\t\tel = this.elPopup;\r\n\t\t}\r\n\r\n\t\t// выполнить фокусировку сразу, для применения необъодимых стилей\r\n\t\tel.focus();\r\n\r\n\t\t// выполнить фокусировку после завершения анимации открытия popup\r\n\t\tsetTimeout(() => {\r\n\t\t\tel.focus();\r\n\t\t}, this.options.transitionDuration);\r\n\t}\r\n\r\n\tmountEvents() {\r\n\t\t// закрытие при клике вне контекстного меню\r\n\t\tthis.addEventListenerWithUnmount(document, 'mousedown', (e) => this.onMousedown(e));\r\n\r\n\t\t// закрыть другие меню\r\n\t\tthis.addEventListenerWithUnmount(this.elPopup, 'focus', (e) => this.onFocus(e));\r\n\r\n\t\t// автоматическое закрытие при отведении мыши\r\n\t\tif (this.options.openByHover) {\r\n\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'mouseleave', (e) => this.onMouseleave(e));\r\n\t\t\tthis.addEventListenerWithUnmount(this.elPopupInner, 'mouseleave', (e) => this.onMouseleave(e));\r\n\t\t}\r\n\r\n\t\t// не скроллить страницу\r\n\t\tif (this.options.isFullScreen) {\r\n\t\t\tthis.addEventListenerWithUnmount(this.elPopupBody, 'touchmove', (e) => this.onTouchmove(e));\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Обработка клика вне окна\r\n\t * @param {Event} e\r\n\t */\r\n\tonMousedown(e) {\r\n\t\t// // не оригинальное событие\r\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\r\n\t\t// \treturn;\r\n\t\t// }\r\n\r\n\t\t// Popup уже закрыт\r\n\t\tif (!this.elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// клик на внешнем элементе\r\n\t\tif (!this.isFirstClick) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.isFirstClick = false;\r\n\t\tsetTimeout(() => this.isFirstClick = true);\r\n\r\n\t\t// клик не основной кнопкой мыши\r\n\t\tif (e.button !== 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// открыто другое меню с posBy = fixed, сначала должно быть закрыто оно\r\n\t\tlet elPopupOpened = DOM.querySelectorVisibleLast(document.body, ':scope > .top-popup-wrapper');\r\n\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// открыто другое меню в top-popup-front, сначала должно быть закрыто оно\r\n\t\telPopupOpened = DOM.querySelectorVisibleLast(e.target.closest('.top-popup-front'), ':scope > .top-popup-wrapper');\r\n\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// клик внутри этого меню\r\n\t\tif (this.elPopup.contains(e.target)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// клик вне родительского диалогового окна\r\n\t\tif (this.elPopup.closest('.ui-dialog') && !e.target.closest('.ui-dialog')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (Worker.decoratorIsIgnoreOuterClick(e)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tWorker.close(this.elPopup);\r\n\t}\r\n\r\n\t/**\r\n\t * Закрыть другие Popup при фокусе на элемент формы в текущем\r\n\t * @param {Event} e\r\n\t */\r\n\tonFocus(e) {\r\n\t\tif (e.target.matches('input')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// // не оригинальное событие\r\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\r\n\t\t// \treturn;\r\n\t\t// }\r\n\r\n\t\t// это окно уже закрывается\r\n\t\tif (this.isClosed) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst elsPopups = Worker.getAllVisible();\r\n\t\telsPopups.forEach(elPopup => {\r\n\t\t\t// фокус внутри этого окна\r\n\t\t\tif (this.elPopup.contains(elPopup)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// это Popup из которого был открыт Popup с фокусом\r\n\t\t\t// глубина вложенности: до 3 подменю\r\n\t\t\tif (\r\n\t\t\t\tthis.popupParent?.elPopup === elPopup ||\r\n\t\t\t\tthis.popupParent?.popupParent?.elPopup === elPopup\r\n\t\t\t) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.close(elPopup);\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Закрыть Popup при отведении мыши\r\n\t * @param {Event} _e\r\n\t */\r\n\tonMouseleave(_e) {\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.elPopupInner.matches(':hover')) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.close(this.elPopup);\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/**\r\n\t * Контроль положения Popup при fixed позиционировании\r\n\t */\r\n\tonResize() {\r\n\t\t// на android при вызове метода append сбрасывается фокус с input внутри this.elPopup\r\n\t\tif (this.elPopup.parentElement !== document.body) {\r\n\t\t\tdocument.body.append(this.elPopup);\r\n\t\t}\r\n\r\n\t\tthis.elPopup.style.top = DOM.offset(this.el).top + 'px';\r\n\t\tthis.elPopup.style.left = DOM.offset(this.el).left + 'px';\r\n\t}\r\n\r\n\tunmount() {\r\n\t\tsuper.unmount();\r\n\r\n\t\tthis.el.dataset.topPopupOpened = '';\r\n\t\tif (!this.elActiveByDefault) {\r\n\t\t\tthis.el.classList.remove('top-active');\r\n\t\t}\r\n\r\n\t\tlet style = this.el.getAttribute('style');\r\n\t\tif (style) {\r\n\t\t\tstyle = style.replace(/position:[^;]*;?/g, '');\r\n\t\t\tthis.el.setAttribute('style', style);\r\n\t\t}\r\n\t}\r\n\r\n\t// контроль за положением Popup, чтобы оно не вылезало за пределы документа\r\n\trecalcPosition() {\r\n\t\tif(!this.elPopup) return;\r\n\r\n\t\tlet p = this.options.p;\r\n\t\tlet leftPos;\r\n\r\n\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\r\n\r\n\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\r\n\t\tthis.elPopup.classList.add('p' + p);\r\n\r\n\t\tswitch (this.options.posBy) {\r\n\t\t\tcase 'left':\r\n\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || 0);\r\n\t\t\t\tleftPos += this.shift.left;\r\n\t\t\t\tthis.elPopup.style.left = leftPos + 'px';\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'right':\r\n\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || 0);\r\n\t\t\t\tthis.elPopup.style.right = this.el.offsetParent.offsetWidth - this.el.offsetWidth - leftPos + 'px';\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'fixed':\r\n\t\t\t\tthis.addEventListenerWithUnmount(window, 'resize', () => this.onResize());\r\n\r\n\t\t\t\tthis.onResize();\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tthis.options.posBy.append(this.elPopup);\r\n\t\t}\r\n\r\n\t\t// контроль за пложением Popup, чтобы оно не вылезало за пределы документа\r\n\t\tconst boundingClientRect = this.elPopup.getBoundingClientRect();\r\n\t\tthis.elPopup.style.setProperty('--top-popup-height', this.elPopup.offsetHeight + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-right-bounding', boundingClientRect.right + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-bottom-bounding', boundingClientRect.bottom + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-top', boundingClientRect.top + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-left', boundingClientRect.left + 'px');\r\n\r\n\t\tthis.elPopupInner.style.maxWidth = 'unset';\r\n\t\tthis.elPopupInner.style.maxHeight = 'unset';\r\n\r\n\t\tlet outTop = false;\r\n\t\tlet outRight = false;\r\n\t\tlet outBottom = false;\r\n\t\tlet outLeft = false;\r\n\r\n\t\t// имеет ли смысл прикреплять окно к другой стороне кнопки\r\n\t\tlet usefulInvertX = boundingClientRect.left > window.innerWidth / 2;\r\n\t\tlet usefulInvertY = boundingClientRect.top > window.innerHeight / 2;\r\n\r\n\t\tif (p === 4) {\r\n\t\t\tusefulInvertX = !usefulInvertX;\r\n\t\t}\r\n\r\n\t\tif (p === 1) {\r\n\t\t\tusefulInvertY = !usefulInvertY;\r\n\t\t}\r\n\r\n\t\tconst contentBoundingClientRect = this.elPopupInner.getBoundingClientRect();\r\n\t\tconst contentRight = window.innerWidth - contentBoundingClientRect.right;\r\n\t\tconst contentBottom = window.innerHeight - contentBoundingClientRect.bottom;\r\n\r\n\t\tconst margin = 8;\r\n\r\n\t\tif (contentBoundingClientRect.top < margin) {\r\n\t\t\toutTop = true;\r\n\t\t}\r\n\r\n\t\tif (contentRight < margin) {\r\n\t\t\toutRight = true;\r\n\t\t}\r\n\r\n\t\tif (contentBottom < margin) {\r\n\t\t\toutBottom = true;\r\n\t\t}\r\n\r\n\t\tif (contentBoundingClientRect.left < margin) {\r\n\t\t\toutLeft = true;\r\n\t\t}\r\n\r\n\t\tif (outTop && (p === 0 || p === 1) && usefulInvertY) {\r\n\t\t\tp = 3;\r\n\t\t}\r\n\r\n\t\tif (outBottom && p === 3 && usefulInvertY) {\r\n\t\t\tp = 1;\r\n\t\t}\r\n\r\n\t\tif (outRight && p === 2 && usefulInvertX) {\r\n\t\t\tp = 4;\r\n\t\t}\r\n\r\n\t\tif (outLeft && p === 4 && usefulInvertX) {\r\n\t\t\tp = 2;\r\n\t\t}\r\n\r\n\t\tif (outRight && (p === 0 || p === 1 || p === 3)) {\r\n\t\t\tthis.elPopup.classList.add('invert-x');\r\n\t\t}\r\n\r\n\t\tif (outBottom && (p === 2 || p === 4) && usefulInvertY) {\r\n\t\t\t// меню справа может перемещаться вверх, толкьо если есть место слева\r\n\t\t\tif (p === 2 && !usefulInvertX) {\r\n\t\t\t\tthis.elPopup.classList.add('invert-y');\r\n\t\t\t}\r\n\r\n\t\t\t// меню слева перемещаясь вверх, должно открываться влево\r\n\t\t\tif (p === 4 && !usefulInvertX) {\r\n\t\t\t\tthis.elPopup.classList.add('invert-x');\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.elPopup.matches('.invert-y')) {\r\n\t\t\t\tp = 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\r\n\t\tthis.elPopup.classList.add('p' + p);\r\n\r\n\t\tthis.elPopupInner.style.maxWidth = '';\r\n\t\tthis.elPopupInner.style.maxHeight = '';\r\n\r\n\t\tWorker.scrollToActive(this.elPopup);\r\n\t};\r\n\r\n\tonTouchmove(e) {\r\n\t\t// разрешить горизональный скролл\r\n\t\tlet hasScrollX = e.currentTarget.scrollWidth > e.currentTarget.offsetWidth;\r\n\t\tif (hasScrollX) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// разрешить горизональный скролл\r\n\t\tlet hasScrollX2 = e.target.parentElement.scrollWidth > e.target.parentElement.offsetWidth;\r\n\t\tif (hasScrollX2) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (!e.currentTarget.matches('.has_scroll')) {\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tif (this.isClosed) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.isClosed = true;\r\n\r\n\t\tif (this.$) {\r\n\t\t\tthis.$.trigger('afterclose.top-menu-popup', [Core.$(this.elPopup)]);\r\n\t\t}\r\n\r\n\t\tif (Worker.noClose) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.unmount();\r\n\r\n\t\tthis.elPopup.classList.add('top-popup-wrapper-closed');\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.vueClose();\r\n\r\n\t\t\tif (this.options.useOriginal) {\r\n\t\t\t\tthis.elPopup.removeAttribute('style');\r\n\t\t\t\tthis.elPopup.classList.remove('top-popup-wrapper-shown', 'top-popup-wrapper-closed');\r\n\t\t\t\tthis.elPopup.classList.add('template');\r\n\t\t\t\tthis.elStartPosition.append(this.elPopup);\r\n\r\n\t\t\t\tthis.elPopup.querySelector('div.top-popup_content.top-column')?.classList.remove('top-column');\r\n\t\t\t\tthis.elPopup.querySelector('.notch-border')?.remove();\r\n\t\t\t\tthis.elPopup.querySelector('.notch')?.remove();\r\n\r\n\t\t\t\tthis.elPopupInner.replaceWith(...this.elPopupInner.childNodes);\r\n\r\n\t\t\t\tDOM.storageClear(this.elPopup);\r\n\t\t\t} else {\r\n\t\t\t\tDOM.storageClear(this.elPopup);\r\n\r\n\t\t\t\tthis.elPopup.remove();\r\n\t\t\t\tdelete this.elPopup;\r\n\t\t\t}\r\n\r\n\t\t\tconst elsPopups = Worker.getAllVisible();\r\n\t\t\tconst elPopupLast = elsPopups.length && elsPopups[elsPopups.length - 1];\r\n\r\n\t\t\tif (elPopupLast) {\r\n\t\t\t\tWorker.getPopup(elPopupLast).focus();\r\n\t\t\t} else {\r\n\t\t\t\tdocument.documentElement.classList.remove('with_popup');\r\n\t\t\t}\r\n\t\t}, this.options.transitionDuration);\r\n\t}\r\n\r\n\tasync vueOpen() {\r\n\t\tawait this.vueGetComponent()?.onOpen(this);\r\n\t}\r\n\r\n\tvueClose() {\r\n\t\tthis.vueGetComponent()?.onClose(this);\r\n\t}\r\n\r\n\t// получить vueConnectors компонента Popup\r\n\tvueGetComponent() {\r\n\t\treturn Worker.vueConnectors.get(this.el.dataset.topPopupId);\r\n\t}\r\n}\r\n\r\nGlobalEvents.init();\r\n\r\nexport default Popup;"],"names":["Component","componentName","el","options","component","DOM","eventData","type","listener","_options","nodes","node","_a","GlobalEvents","e","elCloser","elPopup","elUl","elItem","Worker","elBtn","elFooterLastBtn","elLink","elItemActive","elMore","elsLiVisible","countLi","index","css","cssM","cssPC","Core","Popup","vueConnector","classes","existsWidgetSearch","fromTop","elPopupOpened","_c","_b","_e","style","p","leftPos","boundingClientRect","outTop","outRight","outBottom","outLeft","usefulInvertX","usefulInvertY","contentBoundingClientRect","contentRight","contentBottom","margin","elsPopups","elPopupLast"],"mappings":"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AAA;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,iECAAC,IAAA;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,8HCAAC,IAAA;AAAA;AAAA;AAAA;AAAA;AA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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
define(["require","exports","./forms-
|
|
1
|
+
define(["require","exports","./forms-DkNAMd-D.amd","../utils/dom.amd","../popup/worker.amd"],function(k,b,h,e,n){"use strict";if(typeof P>"u")var P=window.Vue;class m{static componentName="Top";componentName;className;uid;el;options={};unmountEls=[];unmountEvents=[];init(t,p,o){if(!p)throw t+": el is undefined";const r=m.getComponent(p,t);if(r)return r.reInit(o),r;this.componentName=t,this.className="top"+t[0].toUpperCase()+t.substring(1),this.uid=this.componentName+(Math.random()+"").replace(".",""),this._setComponent(p),this.el=p,this.el.classList.add(this.className),this.options=Object.assign(this.options,o),this.mount()}static getComponent(t,p){return e.default.storage(t,"#"+p)}_setComponent(t){e.default.storage(t,"#"+this.componentName,this)}mount(){throw"Please, add method mount() to component: "+this.componentName}unmount(){e.default.storage(this.el,"#"+this.componentName,null),this.unmountEls.forEach(t=>{t.remove()}),this.unmountEls=[],this.unmountEvents.forEach(t=>{t.el.removeEventListener(t.type,t.listener,t.options)}),this.unmountEvents=[]}registerElForUnmount(t){this.unmountEls.push(t)}addEventListenerWithUnmount(t,p,o,r){t.addEventListener(p,o,r),this.registerEventForUnmount(t,p,o,r)}registerEventForUnmount(t,p,o,r){const i={el:t,type:p,listener:o,options:r};this.unmountEvents.push(i)}reInit(t){throw"Please, add method reInit() to component: "+this.componentName}static detach(t){var p;if(t.forEach)t.forEach(o=>{var r;return(r=o.parentElement)==null?void 0:r.removeChild(o)});else{const o=t;(p=o.parentElement)==null||p.removeChild(o)}}}class x{static init(){document.addEventListener("click",this.onclick),document.addEventListener("keydown",this.onkeydown)}static onclick(t){var o;const p=t.target.closest(".closer, a, .a, .top-button");if(p){const r=t.target.closest(".top-popup-wrapper");if(!r||p.matches(".top-popup-noCloser"))return;if(p.getAttribute("href")==="."&&t.preventDefault(),t.target.matches("[data-top-popup]")){const i=t.target.closest("ul"),l=t.target.closest("a, .a");i&&((o=i.querySelector("a.top-active, .a.top-active"))==null||o.classList.remove("top-active")),l&&l.classList.add("top-active");return}n.PopupWorker.close(r)}if(t.target.matches(".top-popup-wrapper")){const r=t.target;n.PopupWorker.close(r)}}static onkeydown(t){var r;const p=t.target.closest(".top-popup-wrapper");if(!p)return;const o=p.querySelector("ul.top-popup_content");switch(t.key){case"Escape":n.PopupWorker.close(p);break;case"Enter":if(!o){if(e.default.querySelectorVisible(p,".preloader"))break;const c=e.default.querySelectorVisible(p,".top-popup_footer .go, .top-popup_footer [data-action]");if(c){c.click();break}const f=e.default.querySelectorVisibleLast(p,".top-popup_footer .top-button");f&&f.click();break}const i=e.default.querySelectorVisible(p,"li > a.top-active");i&&(t.preventDefault(),location.href=i.getAttribute("href"));const l=p.querySelector("li > .top-active");l&&l.click();break;case"ArrowUp":case"ArrowRight":case"ArrowDown":case"ArrowLeft":if(!o)break;t.key==="ArrowRight"||t.key==="ArrowLeft"?e.default.querySelectorVisible(p,"ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore")&&t.preventDefault():t.preventDefault();const d=(r=p.querySelector("ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active"))==null?void 0:r.parentElement;if(t.key==="ArrowRight"&&d){const c=d.querySelector(".top-active > .top-popup_listMore");if(c)return c.click()}const a=e.default.querySelectorAllVisible(p,"ul.top-popup_content > li:not(.top-popup_liNoSelectable)"),u=a.length;if(!u)return;let s=a.indexOf(d);if(t.key==="ArrowUp"||t.key==="ArrowLeft"?s--:s++,t.key==="ArrowLeft"&&s===-1)return t.target.matches("input")?void 0:n.PopupWorker.close(p);if(t.key==="ArrowRight"&&s===u)return;s<0&&(s=u-1),s>u-1&&(s=0),p.querySelectorAll("ul.top-popup_content > li > .top-active").forEach(c=>c.classList.remove("top-active")),a[s].querySelector(":scope > a, :scope > .a").classList.add("top-active"),n.PopupWorker.scrollToActive(p);break}}}const w=`:root {\r
|
|
2
2
|
--top-popup-z-index: 200000;\r
|
|
3
3
|
--top-popup-transition-delay: 100ms;\r
|
|
4
4
|
\r
|
|
@@ -197,9 +197,11 @@ ul.top-popup_content li > .a.top-active { background: var(--top-popup-background
|
|
|
197
197
|
/* listMore */\r
|
|
198
198
|
.top-popup_listMore {\r
|
|
199
199
|
font-size: 20px;\r
|
|
200
|
-
margin: calc(0px - var(--top-popup-listItem-padding)) 0;\r
|
|
200
|
+
margin: calc(0px - var(--top-popup-listItem-padding)) calc(0px - var(--top-popup-listItem-padding) / 2) calc(0px - var(--top-popup-listItem-padding)) 0;\r
|
|
201
201
|
}\r
|
|
202
202
|
\r
|
|
203
|
+
.top-popup_listMore.top-button{ margin: 0; }\r
|
|
204
|
+
\r
|
|
203
205
|
ul.top-popup_content li > .a.top-popup_listMore {\r
|
|
204
206
|
text-align: center;\r
|
|
205
207
|
flex-basis: 10px;\r
|
|
@@ -391,4 +393,4 @@ ul.top-popup_content li > * > i.top-popup_listMore{ visibility: hidden; transiti
|
|
|
391
393
|
ul.top-popup_content li:hover > * > i.top-popup_listMore,\r
|
|
392
394
|
ul.top-popup_content li > *.top-active > i.top-popup_listMore,\r
|
|
393
395
|
ul.top-popup_content li > * > i.top-popup_listMore.top-active{ visibility: visible; }`;h.Core.appendStyle(w),h.Core.appendStyle(y,"m"),h.Core.appendStyle(_,"pc");class v extends m{static componentName="Popup";el;elActiveByDefault;elPopup;elPopupInner;elPopupHeader;elPopupWidget;elPopupBody;elPopupFooter;elFront;popupParent;$;elStartPosition;shift={top:0,left:0};isClosed=!1;isFirstClick=!0;type;options={popup:"",p:0,notch:!1,class:"",posBy:"left",frontSelector:"",invertX:!1,openByHover:!1,useOriginal:!1,transitionDuration:100,isFullScreen:!1,i18n:{}};events={};constructor(t,p){return super(),this.init(v.componentName,t,p)}async mount(){const t=this.vueGetComponent();if(this.popupParent=n.PopupWorker.getPopup(this.el.closest(".top-popup-wrapper")),await this.mountJQuery(),e.default.css(this.el,"position")!=="absolute"&&(this.el.style.position="relative"),this.el.dataset.topPopupOpened="opened",this.elActiveByDefault=this.el.classList.contains("top-active"),this.el.classList.add("top-active"),t)this.type="vue",this.options.popup="",this.elPopup=e.default.genEl("div",{},this.options.popup);else if(this.options.popup.match(/^[#.]/))this.type="selector",this.elPopup=document.querySelector(`${this.options.popup}.template`);else{if(this.type="html",this.options.useOriginal)throw"Option useOriginal not allowed for text templates";this.elPopup=e.default.genEl("div",{},this.options.popup)}if(!this.elPopup||t!=null&&t.opened){if(this.options.useOriginal||t!=null&&t.opened){if(t!=null&&t.opened?this.elPopup=t.popup.elPopup:this.elPopup=document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`),this.elPopup){this.el.dataset.topPopupOpened="",this.elActiveByDefault||this.el.classList.remove("top-active"),n.PopupWorker.close(this.elPopup),setTimeout(()=>this.mount(),this.options.transitionDuration);return}throw"Option useOriginal state allowed only elements .template"}this.elPopup=document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`)}if(!this.elPopup)return;for(this.options.useOriginal?(this.elStartPosition=this.elPopup.closest(".top-popup-el-start-position"),this.elStartPosition||(this.elStartPosition=e.default.wrap(this.elPopup,"i"),this.elStartPosition.classList.add("top-popup-el-start-position","hidden"))):(this.elPopup=this.elPopup.cloneNode(!0),this.type==="selector"&&!this.elPopup.matches(".template")&&(this.elPopup.classList.remove("hidden"),this.elPopup.querySelector(":scope > .top-popup_content")||this.elPopup.classList.add("top-popup_content"),this.elPopup=e.default.wrap(this.elPopup,"div")),this.type==="html"&&(this.elPopup.querySelector(":scope > .top-popup_content")||(this.elPopup.classList.add("top-popup_content"),this.elPopup=e.default.wrap(this.elPopup,"div"))),(this.type==="selector"&&!this.elPopup.matches(".template")||this.type==="html"||this.type==="vue")&&(e.default.querySelectorAllArray(this.elPopup,"[data-top-popup]").forEach(r=>r.dataset.topPopupPosBy="fixed"),e.default.querySelectorAllArray(this.elPopup,".top-popup-wrapper").forEach(r=>r.remove()))),n.PopupWorker.decoratorBeforeOpen(this),t&&(this.options.class=t.classRef.value,t.transitionDurationRef.value!==void 0&&(this.options.transitionDuration=t.transitionDurationRef.value,this.elPopup.style.setProperty("--top-popup-transition-delay",this.options.transitionDuration+"ms"))),this.elPopupInner=document.createElement("div"),this.elPopupInner.classList.add("top-popupPanel","top-popup");this.elPopup.firstChild;)this.elPopupInner.appendChild(this.elPopup.firstChild);if(this.elPopup.append(this.elPopupInner),this.elPopup.classList.add("top-popup-wrapper"),this.options.class){const r=this.options.class.split(" ");this.elPopup.classList.add(...r)}this.options.notch&&(this.elPopup.classList.add("with_notch"),this.elPopup.insertAdjacentHTML("beforeend",'<i class="notch notch-border"></i><i class="notch"></i>')),await this.vueOpen(),this.elPopupHeader=this.elPopupInner.querySelector(".top-popup_header"),this.elPopupWidget=this.elPopupInner.querySelector(".top-popup_widget"),this.elPopupBody=this.elPopupInner.querySelector(".top-popup_content"),this.elPopupFooter=this.elPopupInner.querySelector(".top-popup_footer");const p=!!this.elPopup.querySelector('[data-widget="search"]');this.options.isFullScreen&&!p&&(this.elPopupHeader||(this.elPopupHeader=e.default.genEl("i",{class:"top-popup_header"}),this.elPopupInner.prepend(this.elPopupHeader),this.elPopupHeader.prepend(e.default.genEl("i",{class:"a closer"},this.options.i18n.Close)),this.elPopupHeader.append(e.default.genEl("i",{class:"top-popup_headerButton"})))),e.default.storage(this.elPopup,"Popup",this),this.options.frontSelector&&(this.elFront=document.querySelector(this.options.frontSelector)),this.elFront||(this.elFront=this.el.closest(".top-popup-front")),this.elFront||(this.elFront=document.body),this.elPopup.style.width=this.el.offsetWidth+"px",this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.style.top=this.el.offsetTop+"px",this.elPopup.style.right=parseInt(this.el.style.right||0)+"px",this.elPopup.style.bottom=parseInt(this.el.style.bottom||0)+"px",this.el.parentElement.insertBefore(this.elPopup,this.el),this.elPopup.classList.remove("template"),this.options.invertX&&this.elPopup.classList.add("invert-x");let o=!!this.el.closest(".modal-header");o||(o=!!this.el.closest("#top_panel")),o||(o=!!this.el.closest("#secondmenu")),o&&this.elPopup.classList.add("p-from-top"),setTimeout(()=>this.elPopup.classList.add("top-popup-wrapper-shown")),this.elFront&&!this.elFront.matches("body")&&(this.elFront.append(this.elPopup),this.shift.top=e.default.offset(this.el).top-this.el.offsetTop-e.default.offset(this.elFront).top,this.shift.left=e.default.offset(this.el).left-this.el.offsetLeft-e.default.offset(this.elFront).left,this.shift.top-=parseInt(this.el.style["margin-top"]||0),this.shift.left-=parseInt(this.el.style["margin-left"]||0),this.elPopup.style.top=parseInt(this.elPopup.style.top||"0")+this.shift.top+"px",this.elPopup.style.left=parseInt(this.elPopup.style.left||"0")+this.shift.left+"px"),this.$&&this.$.trigger("aftershow.top-menu-popup",[h.Core.$(this.elPopup)]),this.recalcPosition(),this.elPopup.setAttribute("tabindex",0),this.focus(),n.PopupWorker.decoratorAfterOpen(this),this.mountEvents()}async mountJQuery(){h.Core.$&&(this.$=h.Core.$(this.el))}focus(){let t=e.default.querySelectorVisible(this.elPopup,".top-popup-autofocus");t||(t=e.default.querySelectorVisible(this.elPopup,":read-write, select:not(:disabled)")),t||(t=e.default.querySelectorVisible(this.elPopup,".top-popup_footer .top-button")),t||(t=this.elPopup),t.focus(),setTimeout(()=>{t.focus()},this.options.transitionDuration)}mountEvents(){this.addEventListenerWithUnmount(document,"mousedown",t=>this.onMousedown(t)),this.addEventListenerWithUnmount(this.elPopup,"focus",t=>this.onFocus(t)),this.options.openByHover&&(this.addEventListenerWithUnmount(this.elPopup,"mouseleave",t=>this.onMouseleave(t)),this.addEventListenerWithUnmount(this.elPopupInner,"mouseleave",t=>this.onMouseleave(t))),this.options.isFullScreen&&this.addEventListenerWithUnmount(this.elPopupBody,"touchmove",t=>this.onTouchmove(t))}onMousedown(t){if(!this.elPopup||!this.isFirstClick||(this.isFirstClick=!1,setTimeout(()=>this.isFirstClick=!0),t.button!==0))return;let p=e.default.querySelectorVisibleLast(document.body,":scope > .top-popup-wrapper");p&&p!==this.elPopup||(p=e.default.querySelectorVisibleLast(t.target.closest(".top-popup-front"),":scope > .top-popup-wrapper"),!(p&&p!==this.elPopup)&&(this.elPopup.contains(t.target)||this.elPopup.closest(".ui-dialog")&&!t.target.closest(".ui-dialog")||n.PopupWorker.decoratorIsIgnoreOuterClick(t)||n.PopupWorker.close(this.elPopup)))}onFocus(t){if(t.target.matches("input")||this.isClosed)return;n.PopupWorker.getAllVisible().forEach(o=>{var r,i,l;this.elPopup.contains(o)||((r=this.popupParent)==null?void 0:r.elPopup)===o||((l=(i=this.popupParent)==null?void 0:i.popupParent)==null?void 0:l.elPopup)===o||n.PopupWorker.close(o)})}onMouseleave(t){setTimeout(()=>{this.elPopupInner.matches(":hover")||n.PopupWorker.close(this.elPopup)},100)}onResize(){this.elPopup.parentElement!==document.body&&document.body.append(this.elPopup),this.elPopup.style.top=e.default.offset(this.el).top+"px",this.elPopup.style.left=e.default.offset(this.el).left+"px"}unmount(){super.unmount(),this.el.dataset.topPopupOpened="",this.elActiveByDefault||this.el.classList.remove("top-active");let t=this.el.getAttribute("style");t&&(t=t.replace(/position:[^;]*;?/g,""),this.el.setAttribute("style",t))}recalcPosition(){if(!this.elPopup)return;let t=this.options.p,p;switch(this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+t),this.options.posBy){case"left":p=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||0),p+=this.shift.left,this.elPopup.style.left=p+"px";break;case"right":p=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||0),this.elPopup.style.right=this.el.offsetParent.offsetWidth-this.el.offsetWidth-p+"px";break;case"fixed":this.addEventListenerWithUnmount(window,"resize",()=>this.onResize()),this.onResize();break;default:this.options.posBy.append(this.elPopup)}const o=this.elPopup.getBoundingClientRect();this.elPopup.style.setProperty("--top-popup-height",this.elPopup.offsetHeight+"px"),this.elPopup.style.setProperty("--top-popup-right-bounding",o.right+"px"),this.elPopup.style.setProperty("--top-popup-bottom-bounding",o.bottom+"px"),this.elPopup.style.setProperty("--top-popup-top",o.top+"px"),this.elPopup.style.setProperty("--top-popup-left",o.left+"px"),this.elPopupInner.style.maxWidth="unset",this.elPopupInner.style.maxHeight="unset";let r=!1,i=!1,l=!1,d=!1,a=o.left>window.innerWidth/2,u=o.top>window.innerHeight/2;t===4&&(a=!a),t===1&&(u=!u);const s=this.elPopupInner.getBoundingClientRect(),c=window.innerWidth-s.right,f=window.innerHeight-s.bottom,g=8;s.top<g&&(r=!0),c<g&&(i=!0),f<g&&(l=!0),s.left<g&&(d=!0),r&&(t===0||t===1)&&u&&(t=3),l&&t===3&&u&&(t=1),i&&t===2&&a&&(t=4),d&&t===4&&a&&(t=2),i&&(t===0||t===1||t===3)&&this.elPopup.classList.add("invert-x"),l&&(t===2||t===4)&&u&&(t===2&&!a&&this.elPopup.classList.add("invert-y"),t===4&&!a&&this.elPopup.classList.add("invert-x"),this.elPopup.matches(".invert-y")||(t=1)),this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+t),this.elPopupInner.style.maxWidth="",this.elPopupInner.style.maxHeight="",n.PopupWorker.scrollToActive(this.elPopup)}onTouchmove(t){t.currentTarget.scrollWidth>t.currentTarget.offsetWidth||t.target.parentElement.scrollWidth>t.target.parentElement.offsetWidth||t.currentTarget.matches(".has_scroll")||t.preventDefault()}close(){this.isClosed||(this.isClosed=!0,this.$&&this.$.trigger("afterclose.top-menu-popup",[h.Core.$(this.elPopup)]),!n.PopupWorker.noClose&&(this.unmount(),this.elPopup.classList.add("top-popup-wrapper-closed"),setTimeout(()=>{var o,r,i;this.vueClose(),this.options.useOriginal?(this.elPopup.removeAttribute("style"),this.elPopup.classList.remove("top-popup-wrapper-shown","top-popup-wrapper-closed"),this.elPopup.classList.add("template"),this.elStartPosition.append(this.elPopup),(o=this.elPopup.querySelector("div.top-popup_content.top-column"))==null||o.classList.remove("top-column"),(r=this.elPopup.querySelector(".notch-border"))==null||r.remove(),(i=this.elPopup.querySelector(".notch"))==null||i.remove(),this.elPopupInner.replaceWith(...this.elPopupInner.childNodes),e.default.storageClear(this.elPopup)):(e.default.storageClear(this.elPopup),this.elPopup.remove(),delete this.elPopup);const t=n.PopupWorker.getAllVisible(),p=t.length&&t[t.length-1];p?n.PopupWorker.getPopup(p).focus():document.documentElement.classList.remove("with_popup")},this.options.transitionDuration)))}async vueOpen(){var t;await((t=this.vueGetComponent())==null?void 0:t.onOpen(this))}vueClose(){var t;(t=this.vueGetComponent())==null||t.onClose(this)}vueGetComponent(){return n.PopupWorker.vueConnectors.get(this.el.dataset.topPopupId)}}x.init(),b.default=v,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
|
|
394
|
-
//# sourceMappingURL=popup-
|
|
396
|
+
//# sourceMappingURL=popup-CV5MPPEu.amd.js.map
|