@topvisor/ui 0.0.35 → 0.0.37

package/.chunks/forms-7be951a7.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-7be951a7.es.js","sources":["../../src/core/utils/device.ts","../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/directives/tooltip.ts","../../src/core/core/core.ts","../../src/core/utils/date.ts","../../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"],"sourcesContent":["class Device {\r\n\r\n\tstatic isRetina () {\r\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\r\n\t}\r\n\r\n\t// определить, является ли устройство мобильным\r\n\tstatic isMobile (): boolean {\r\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\r\n\t}\r\n\r\n\t// определить, открыт ли сайт в приложении\r\n\tstatic isApp () {\r\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\r\n\t}\r\n\r\n\t// определить, является ли OS пользователя macOS\r\n\tstatic isMacOS () {\r\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\r\n\t}\r\n\r\n\t// определить, является ли текущий браузер пользователя Safari\r\n\tstatic isSafari () {\r\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\r\n\r\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\r\n\t\tif (isChrome && isSafari) {\r\n\t\t\tisSafari = false;\r\n\t\t}\r\n\r\n\t\treturn isSafari;\r\n\t};\r\n\r\n\t/**\r\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\r\n\t * @returns {'Ctrl'|'⌘'}\r\n\t */\r\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\r\n\t\tif (this.isMacOS()) {\r\n\t\t\treturn '⌘';\r\n\t\t} else {\r\n\t\t\treturn 'Ctrl';\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\nexport default Device;\r\n","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\n\r\nconst _window: any = window;\r\n\r\nconst $ = (el: VNode) => {\r\n\tif (!_window?.jQuery?.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 _window.jQuery(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');\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;","import { reactive } from 'vue';\r\nimport Device from '@/core/utils/device';\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\n\r\nconst _window: any = 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 options = options;\r\n\r\n\tstatic state = reactive({ ...state });\r\n\r\n\tstatic matchMediaIsMobile?: MediaQueryList;\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 = Device.isMobile();\r\n\t\tCore.state.isRetina = Device.isRetina();\r\n\t\tCore.state.isApp = Device.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\nclass UtilsDate {\r\n\r\n\t/**\r\n\t * Получить объект Date из строки\r\n\t * @param date - строка с датой\r\n\t */\r\n\tstatic stringToDate(date: string) {\r\n\t\tif (date.indexOf('T') === -1) {\r\n\t\t\tif (date.length == 10) {\r\n\t\t\t\tdate += ' 00:00:00';\r\n\t\t\t}\r\n\r\n\t\t\tdate = date.replace(' ', 'T') + Core.state.gmt;\r\n\t\t}\r\n\r\n\t\treturn new Date(date);\r\n\t}\r\n\r\n\t// Перевод миллисекунд (UTC) в дату-строку (время локальное)\r\n\r\n\t/**\r\n\t * Перевод миллисекунд (UTC) в дату-строку (время локальное)\r\n\t * @param {?number} ms\r\n\t * @param {?boolean} useFormat\r\n\t */\r\n\tstatic ms2Date(ms: number, useFormat: boolean = true): string {\r\n\t\tlet date;\r\n\t\tif (ms != undefined) {\r\n\t\t\tdate = new Date(ms);\r\n\t\t} else {\r\n\t\t\tdate = new Date();\r\n\t\t}\r\n\r\n\t\tconst d = date.getDate().toString().padStart(2, '0');\r\n\t\tconst m = String(date.getMonth() + 1).padStart(2, '0');\r\n\t\tconst Y = date.getFullYear();\r\n\t\tconst H = date.getHours().toString().padStart(2, '0');\r\n\t\tconst i = date.getMinutes().toString().padStart(2, '0');\r\n\t\tconst s = date.getSeconds().toString().padStart(2, '0');\r\n\r\n\t\tdate = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s;\r\n\r\n\t\tif (useFormat) {\r\n\t\t\tdate = this.dateFormat(date);\r\n\t\t}\r\n\r\n\t\treturn date;\r\n\t}\r\n\r\n\t/**\r\n\t * Перевод даты в формат пользователя\r\n\t * @param {string} date\r\n\t * @param {0|1|2|3} time - 0: только дата, 1: дата и часы, 2: дата и часы с минутами, 3: дата и часы с минутами и секундами\r\n\t */\r\n\tstatic dateFormat(date: string, time: 0 | 1 | 2 | 3 = 2, emptyValue: string = Core.L.Not_date): string {\r\n\t\tif (!date || date.substring(0, 10) === '0000-00-00') {\r\n\t\t\tif (emptyValue && emptyValue !== '0000-00-00') {\r\n\t\t\t\treturn emptyValue;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst dateFormat = Core.state.dateFormat.toLowerCase();\r\n\r\n\t\tlet dateForObj = date.substring(0, 10);\r\n\r\n\t\tif (dateForObj.length === 7) {\r\n\t\t\tdateForObj += '-01';\r\n\t\t}\r\n\r\n\t\tdateForObj += ' 00:00';\r\n\r\n\t\t// safari fix\r\n\t\tdateForObj = dateForObj.replace(/-/g, '/');\r\n\r\n\t\tconst dateObject = new Date(dateForObj);\r\n\t\tif (isNaN(Number(dateObject))) {\r\n\t\t\treturn emptyValue;\r\n\t\t}\r\n\r\n\t\tlet result = dateFormat.\r\n\t\t\treplace('y', String(dateObject.getFullYear()).padStart(2, '0')).\r\n\t\t\treplace('m', String(dateObject.getMonth() + 1).padStart(2, '0')).\r\n\t\t\treplace('d', String(dateObject.getDate()).padStart(2, '0'));\r\n\r\n\t\tif (date.length > 10) {\r\n\t\t\tswitch (time) {\r\n\t\t\t\t// часы\r\n\t\t\t\tcase 1:\r\n\t\t\t\t\tresult += ' ' + date.substring(11, 13);\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\t// часы и минуты\r\n\t\t\t\tcase 2:\r\n\t\t\t\t\tresult += ' ' + date.substring(11, 16);\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\t// часы, минуты и секунды\r\n\t\t\t\tcase 3:\r\n\t\t\t\t\tresult += ' ' + date.substring(11, 19);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\t/**\r\n\t * Перевод даты из формата пользователя в системный формат\r\n\t * @param {string} date\r\n\t */\r\n\tstatic dateUnformat(date: string, emptyValue: string = Core.L.Not_date): string {\r\n\t\tif (!date) {\r\n\t\t\treturn emptyValue;\r\n\t\t}\r\n\r\n\t\tif (date.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\r\n\t\t\treturn date;\r\n\t\t}\r\n\r\n\t\tconst dateFormat = Core.state.dateFormat.toLowerCase();\r\n\r\n\t\tconst dateChunks = date.split(/\\W/);\r\n\t\tconst dateFormatChunks = dateFormat.split(/\\W/);\r\n\r\n\t\tlet d = '';\r\n\t\tlet m = '';\r\n\t\tlet y = '';\r\n\r\n\t\tdateFormatChunks.forEach((type, index) => {\r\n\t\t\tswitch (type) {\r\n\t\t\t\tcase 'd':\r\n\t\t\t\t\td = dateChunks[index];\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'm':\r\n\t\t\t\t\tm = dateChunks[index];\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'y':\r\n\t\t\t\t\ty = dateChunks[index];\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tlet result = y + '-' + m + '-' + d;\r\n\r\n\t\tif (!result.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\r\n\t\t\tconsole.info('Неверный формат даты, будет возращена текущая дата, ' + result);\r\n\r\n\t\t\tresult = this.ms2Date((new Date()).getTime(), false).substring(0, 10);\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n}\r\n\r\nexport default UtilsDate;","<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}\"\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<!-- @slot Текст или HTML в кнопке -->\r\n\t\t<slot>\r\n\t\t\t{{ !icon ? 'Button' : '' }}\r\n\t\t</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 { computed } from 'vue';\r\nimport type { Props, Emits } from './checkbox';\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-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=\"localValue\"\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\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 = () => {\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<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.stop=\"() => (addCleaner || !!$slots.btn) && clean()\"\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\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: 20px;\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: 24px;\r\n\theight: 24px;\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</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 UtilsDate 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\nconst el = ref();\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn UtilsDate.dateFormat(props.modelValue, 2, '0000-00-00');\r\n\t},\r\n\r\n\tset(value) {\r\n\t\tvalue = UtilsDate.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 dateUnformat = UtilsDate.dateUnformat(e.target.value);\r\n\tconst dateFormat = UtilsDate.dateFormat(dateUnformat);\r\n\r\n\tif (!dateFormat || dateFormat === Core.L.Not_date || e.target.value !== dateFormat) {\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\tconst $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\r\n\t\tonUnmounted(() => $el.datepicker('destroy'));\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 { toRef, computed, watch } from 'vue';\r\nimport type { Props, Emits } from './select';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 's',\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\r\n\tset(value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n\r\n/**\r\n * Иконка выбранного option\r\n */\r\nconst optionIcon = computed(() => {\r\n\treturn optionByValue.value.get(localValue.value)?.icon;\r\n});\r\n\r\n/**\r\n * Словарь с доступными options\r\n */\r\nconst optionByValue = computed(() => {\r\n\tconst res = new Map();\r\n\r\n\tprops.options.forEach((option) => {\r\n\t\tif (option.disabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\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 * Логика для обртаной своместимости:\r\n * - null - заменить на первое доступное значение\r\n * - undefined - заменить на первое доступное значение\r\n */\r\nwatch([\r\n\ttoRef(props.modelValue),\r\n\toptionByValue,\r\n], () => {\r\n\tif ((localValue.value === null || localValue.value === undefined) && optionByValue.value.size) {\r\n\t\tconsole.warn('Пожалуйста, не передавайте в компонент Select значения null и undefined');\r\n\r\n\t\tlocalValue.value = optionByValue.value.keys().next().value;\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Выбрать следующее доступное значение\r\n */\r\nconst selectNextValue = () => {\r\n\tconst listEnabledValues = [...optionByValue.value.keys()];\r\n\tconst currentIndex = listEnabledValues.indexOf(localValue.value);\r\n\tconst nextIndex = (currentIndex + 1) % listEnabledValues.length;\r\n\r\n\tlocalValue.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=\"localValue\"\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=\"localValue\"\r\n\t\t>\r\n\t\t\t<template v-for=\"[_index, option] of options.entries()\">\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_' + option.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=\"[_index, subOption] of option.children.entries()\"\r\n\t\t\t\t\t\t:key=\"option.value\"\r\n\t\t\t\t\t\t:value=\"subOption.value\"\r\n\t\t\t\t\t\t:selected=\"subOption.value === localValue\"\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=\"option.value\"\r\n\t\t\t\t\t:value=\"option.value\"\r\n\t\t\t\t\t:selected=\"option.value === localValue\"\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 && optionByValue.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>"],"names":["Device","isChrome","isSafari","onResizeDelay","onResizeTimer","onResizeListeners","windowSize","addOnReize","listener","removeOnResize","onResize","e","callback","Events","options","state","_window","$","el","tvTooltipGenOptions","binding","vnode","_a","tooltip","_prevVnode","instance","Core","reactive","style","type","media","elStyle","app","directiveTooltip","device","UtilsDate","date","ms","useFormat","d","m","Y","H","i","s","time","emptyValue","dateFormat","dateForObj","dateObject","result","dateChunks","dateFormatChunks","y","index","tagName","computed","props","localValue","value","emit","placeholder","clean","useNativeDatepicker","onInputLazy","_e","ref","oninput","onchange","dateUnformat","init","datepicker","$el","onUnmounted","optionIcon","optionByValue","res","option","subOption","watch","toRef","selectNextValue","listEnabledValues","nextIndex"],"mappings":"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"}

package/.chunks/popup-604c0a49.amd.js

@@ -0,0 +1,341 @@
+define(["exports","./forms-1aa30229.amd","../utils/dom.amd","../popup/worker.amd","vue"],function(v,f,r,n,_){"use strict";class g{static componentName="Top";componentName;className;uid;el;options={};unmountEls=[];unmountEvents=[];init(t,p,o){if(!p)throw t+": el is undefined";const e=g.getComponent(p,t);if(e)return e.reInit(o),e;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 r.storage(t,"#"+p)}_setComponent(t){r.storage(t,"#"+this.componentName,this)}mount(){throw"Please, add method mount() to component: "+this.componentName}unmount(){r.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,e){t.addEventListener(p,o,e),this.registerEventForUnmount(t,p,o,e)}registerEventForUnmount(t,p,o,e){const i={el:t,type:p,listener:o,options:e};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 e;return(e=o.parentElement)==null?void 0:e.removeChild(o)});else{const o=t;(p=o.parentElement)==null||p.removeChild(o)}}}class b{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 e=t.target.closest(".top-popup-wrapper");if(!e||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.close(e)}if(t.target.matches(".top-popup-wrapper")){const e=t.target;n.close(e)}}static onkeydown(t){var e;const p=t.target.closest(".top-popup-wrapper");if(!p)return;const o=p.querySelector("ul.top-popup_content");switch(t.key){case"Escape":break;case"Enter":if(!o){if(r.querySelectorVisible(p,".preloader"))break;const u=p.querySelector(".top-popup_footer .go, .top-popup_footer [data-action]");u&&u.click();break}const i=r.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"?r.querySelectorVisible(p,"ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter) > .top-active > .top-popup_listMore")&&t.preventDefault():t.preventDefault();const h=(e=p.querySelector("ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter) > .top-active"))==null?void 0:e.parentElement;if(t.key==="ArrowRight"&&h){const u=h.querySelector(".top-active > .top-popup_listMore");if(u)return u.click()}const a=r.querySelectorAllVisible(p,"ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter)"),c=a.length;let s=a.indexOf(h);if(t.key==="ArrowUp"||t.key==="ArrowLeft"?s--:s++,t.key==="ArrowLeft"&&s===-1)return t.target.matches("input")?void 0:n.close(p);if(t.key==="ArrowRight"&&s===c)return;s<0&&(s=c-1),s>c-1&&(s=0),p.querySelectorAll("ul.top-popup_content > li > .top-active").forEach(u=>u.classList.remove("top-active")),a[s].querySelector(":scope > a, :scope > .a").classList.add("top-active"),n.scrollToActive(p);break}}}const x=`:root{\r
+	--top-popup-background-color: var(--color-bg-3);\r
+	--top-popup-background-color-hover: var(--color-steel-150);\r
+	--top-popup-background-color-active: var(--color-steel-200);\r
+	--top-popup-border-color: var(--color-theme-100);\r
+	--top-popup-title-background-color: var(--color-steel-100);\r
+}\r
+\r
+.top-theme-dark{\r
+	--top-popup-background-color-hover: var(--color-gray-800);\r
+	--top-popup-background-color-active: var(--color-gray-750);\r
+	--top-popup-title-background-color: var(--color-gray-900);\r
+}\r
+\r
+.top-popup-front{ position: relative; }\r
+\r
+.top-popup-wrapper{\r
+	--top-popup-padding-h: 8px;\r
+	--top-popup-padding-v: 8px;\r
+\r
+	/* см. recalcPosition() */\r
+	--top-popup-height: 0px;\r
+	--top-popup-right-bounding: 0px;\r
+	--top-popup-bottom-bounding: 0px;\r
+	--top-popup-top: 0px;\r
+	--top-popup-right: calc(100vw - var(--top-popup-right-bounding));\r
+	--top-popup-bottom: calc(var(--100vh) - var(--top-popup-bottom-bounding));\r
+	--top-popup-left: 0px;\r
+\r
+	text-align: initial; white-space: normal; word-break: normal;\r
+	position: absolute; z-index: 200000;\r
+}\r
+.top-popup-wrapper:not(.top-popup-wrapper-shown){ overflow: hidden; }\r
+\r
+/* top-popupPanel */\r
+.top-popupPanel {\r
+	cursor: default;\r
+	box-shadow: var(--top-shadow-b);\r
+	border-radius: 8px;\r
+	background: var(--top-popup-background-color);\r
+	position: absolute; overflow: hidden;\r
+	display: flex; flex-direction: column;\r
+}\r
+\r
+/* position */\r
+.top-popup-wrapper > *{ opacity: 0; transition: opacity 100ms linear, transform 100ms linear; }\r
+.top-popup-wrapper.p0 > *{ transform: translateY(-8px); }\r
+.top-popup-wrapper.p1 > *{ transform: translateY(8px); }\r
+.top-popup-wrapper.p2 > *{ transform: translateX(8px); }\r
+.top-popup-wrapper.p3 > *{ transform: translateY(8px); }\r
+.top-popup-wrapper.p4 > *{ transform: translateX(-8px); }\r
+.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > *{opacity: 1;transform: translate(0, 0) !important;}\r
+\r
+.top-popup-wrapper.p0 > .top-popup{ top: calc(-16px); left: calc(0px - var(--top-popup-padding-h)); }\r
+.top-popup-wrapper.p1 > .top-popup{ bottom: calc(100% + 8px); }\r
+.top-popup-wrapper.p2 > .top-popup{ left: calc(100% + 8px); }\r
+.top-popup-wrapper.p3 > .top-popup{ top: calc(100% + 8px); }\r
+.top-popup-wrapper.p4 > .top-popup{ right: calc(100% + 8px); }\r
+.top-popup-wrapper.p2 > .top-popup,\r
+.top-popup-wrapper.p4 > .top-popup{ margin-top: -10px; }\r
+\r
+.top-popup-wrapper.p1.with_notch > .top-popup{ margin-bottom: 5px; }\r
+.top-popup-wrapper.p2.with_notch > .top-popup{ margin-left: 5px; }\r
+.top-popup-wrapper.p3.with_notch > .top-popup{ margin-top: 5px; }\r
+.top-popup-wrapper.p4.with_notch > .top-popup{ margin-right: 5px; }\r
+\r
+.top-popup-wrapper.invert-x > .top-popup{ right: 0; }\r
+.top-popup-wrapper.invert-y > .top-popup{ bottom: 0; }\r
+\r
+/* notch */\r
+.top-popup-wrapper > .notch{ border: 7.4px solid transparent; position: absolute; display: block; }\r
+\r
+.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
+.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
+.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
+.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
+\r
+.top-popup-wrapper.p1 > .notch-border{ border-top-color: rgba(0,0,0,0.05); margin-bottom: 6px; }\r
+.top-popup-wrapper.p2 > .notch-border{ border-right-color: rgba(0,0,0,0.05); margin-left: 6px; }\r
+.top-popup-wrapper.p3 > .notch-border{ border-bottom-color: rgba(0,0,0,0.05); margin-top: 6px; }\r
+.top-popup-wrapper.p4 > .notch-border{ border-left-color: rgba(0,0,0,0.05); margin-right: 6px; }\r
+\r
+/* common */\r
+.top-popup_header,\r
+.top-popup_content,\r
+.top-popup_footer{ padding: var(--top-popup-padding-h) var(--top-popup-padding-h); font-size: 14px; }\r
+.top-popup_header,\r
+.top-popup_footer{ display: flex; align-items: center; justify-content: space-between; }\r
+\r
+/* header */\r
+.top-popup_header{ border-bottom: 1px solid var(--top-popup-border-color); font-weight: 600; }\r
+.top-popup_header > *{ font-weight: 400; }\r
+.top-popup_header > .a{ cursor: pointer; color: var(--color-blue-450); }\r
+.top-popup_header > .a:hover{ color: var(--color-blue-350); }\r
+\r
+.top-popup_headerButton{ width: 60px; }\r
+\r
+/* content */\r
+.top-popup .top-popup_content{\r
+	/* has_scroll */\r
+	--scroll-padding-top: var(--top-popup-padding-v);\r
+	--scroll-padding-bottom: var(--top-popup-padding-v);\r
+\r
+	padding-top: var(--top-popup-padding-v); padding-bottom: var(--top-popup-padding-v); margin: 0; line-height:1.3 !important;\r
+	flex-grow: 1; overflow-y: auto;\r
+	-webkit-overflow-scrolling: touch;\r
+}\r
+\r
+.top-popup .top-popup_content .top-unwrap{\r
+	--top-unwrap-x: var(--top-popup-padding-h);\r
+}\r
+\r
+.top-popup div.top-popup_content{ display: flex; flex-direction: column; gap: 4px; }\r
+.top-popup div.top-popup_content > *{ flex-shrink: 0; }\r
+.top-popup div.top-popup_content > .top-button{ margin: 0; }\r
+\r
+.top-popup ul.top-popup_content{\r
+	--scroll-padding-top: 4px;\r
+	--scroll-padding-bottom: var(--scroll-padding-top);\r
+\r
+	padding: var(--scroll-padding-top) 0;\r
+}\r
+\r
+ul.top-popup_content li{ margin: 0; list-style:none; display: flex; position: relative }\r
+ul.top-popup_content li > *{ flex-grow: 1; }\r
+ul.top-popup_content li > a:not(.top-button),\r
+ul.top-popup_content li > i.a{\r
+	cursor: pointer;\r
+	box-sizing: border-box;\r
+	background: var(--top-popup-background-color); padding:var(--top-popup-padding-v) var(--top-popup-padding-h);\r
+	color:var(--color-text) !important; font-size: 14px; font-weight: normal !important; text-decoration:none !important; font-style: normal;\r
+	display:flex; flex: 1 1 100%; align-items: center;\r
+	transition: background-color 0.1s ease-in-out;\r
+}\r
+.top-popup-wrapper-no_animate ul.top-popup_content li > a:not(.top-button),\r
+.top-popup-wrapper-no_animate ul.top-popup_content li > i.a{ transition: none; }\r
+\r
+ul.top-popup_content li > a:not(.top-button):hover,\r
+ul.top-popup_content li > i.a:hover{ background: var(--top-popup-background-color-hover); }\r
+ul.top-popup_content li > a:not(.top-button).top-active,\r
+ul.top-popup_content li > i.a.top-active{ background: var(--top-popup-background-color-active); }\r
+\r
+/* listTitle */\r
+li.top-popup_listTitle{\r
+	background: var(--top-popup-title-background-color); padding: var(--top-popup-padding-v) var(--top-popup-padding-h);\r
+	color: var(--color-text-3); font-size: 12px; font-weight: 400;\r
+}\r
+li.top-popup_listTitle:first-child{\r
+	padding-top: calc(var(--top-popup-padding-v) + var(--scroll-padding-top));\r
+	margin-top: calc(0px - var(--scroll-padding-top));\r
+}\r
+\r
+/* listDelimiter */\r
+ul.top-popup_content li.top-popup_listDelimiter{\r
+	border-radius: 3px;\r
+	background: var(--top-popup-border-color);\r
+	height: 2px;\r
+	margin: calc(var(--top-popup-padding-h) / 2) var(--top-popup-padding-h);\r
+}\r
+\r
+/* listMore */\r
+ul.top-popup_content li > i.a.top-popup_listMore{\r
+	height: auto; padding-right: 4px; padding-left: 4px;\r
+	font-size: 24px; line-height: 17px; text-align: center;\r
+	flex-basis: 10px;\r
+}\r
+ul.top-popup_content li > i.a.top-popup_listMore:before{ color: var(--color-gray-500); }\r
+ul.top-popup_content li > * > i.top-popup_listMore{\r
+	padding: 0 var(--top-popup-padding-h); margin: 0 0 0 auto;\r
+	color: var(--color-gray-500);\r
+	font-size: 14px;\r
+}\r
+ul.top-popup_content li > * > i.top-popup_listMore:hover,\r
+ul.top-popup_content li > * > i.top-popup_listMore.top-active{ color: var(--color-blue-500); }\r
+ul.top-popup_content li > * > i.top-popup_listMore:before{ transform: rotate(90deg); }\r
+\r
+ul.top-popup_content li a.close{ background: none !important; }\r
+\r
+/* data-top-icon */\r
+.top-popup_content > [data-top-icon]:before{ --top-icon-size: 20px; }\r
+\r
+ul.top-popup_content li > [data-top-icon]:not(.top-button):before{\r
+	--top-icon-color:	var(--color-text-3);\r
+	--top-icon-size: 20px;\r
+	--top-icon-width: 20px;\r
+\r
+	height: 1rem; margin-right: 8px; transition: color 0.1s;\r
+}\r
+ul.top-popup_content li:hover > [data-top-icon]:not(.top-button):before,\r
+ul.top-popup_content li > [data-top-icon]:not(.top-button).top-active:before{\r
+	--top-icon-color: #378DC6;\r
+}\r
+\r
+/* footer */\r
+.top-popup_footer{\r
+	padding: var(--top-popup-padding-h) var(--top-popup-padding-h); display: flex; gap:8px; justify-content: flex-end;\r
+}\r
+.top-popup_footer > .top-button{ margin: 0; }\r
+\r
+/* Виджеты */\r
+.top-popup > [data-widget]{ padding: 0 var(--top-popup-padding-h); }\r
+.top-popup > [data-widget] + hr{ margin: 0 var(--top-popup-padding-h); }\r
+\r
+.top-popup .placeholder{\r
+	border:1px solid #E0D9D9 !important; border-right: none !important; border-left: none !important; background:#F9F9F9 !important; margin: -1px 0; z-index: 1;\r
+	position: relative;\r
+}\r
+\r
+/* компоненты  */\r
+.top-popup-wrapper.simple_list > .top-popup{ min-width: 0; white-space: nowrap; }\r
+\r
+.top-popup_content .top-column{ display: flex; flex-direction: column; gap: 4px; }\r
+.top-popup_content li > :not(a):not(.a){ margin:0 var(--top-popup-padding-h); }\r
+html .top-popup .top-popup_content li > .top-button{ margin:calc(var(--top-popup-padding-v) / 2) var(--top-popup-padding-h); }\r
+\r
+.top-popup li .check_all,\r
+.top-popup li .clear_all{ cursor: pointer; color: var(--color-cyan); padding: 8px; display: inline-block; }\r
+.top-popup li .check_all:hover,\r
+.top-popup li .clear_all:hover{ text-decoration: underline; }\r
+.top-popup li .clear_all{ display: none; }\r
+\r
+/* table */\r
+.top-popup_content table{ margin: -9px 0; }\r
+.top-popup_content table td,\r
+.top-popup_content table th{ padding: 9px var(--top-popup-padding-h) 9px 0; vertical-align: top; }\r
+.top-popup_content table th{ width: 40%; font-weight: 600; white-space: nowrap; }\r
+\r
+/* формы */\r
+ul.top-popup_content .a > [type="checkbox"],\r
+ul.top-popup_content .a > [type="radio"]{ margin: -8px 0 -8px auto; }\r
+\r
+/* deprecated */\r
+ul.top-popup_content a > [class*=icon],\r
+ul.top-popup_content i.a > [class*=icon]{\r
+	margin-right: 14px; text-align: center;\r
+	width: auto; height: 16px; font-size: 16px; vertical-align: top;\r
+	transition: 0.1s;\r
+}\r
+\r
+.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
+.top-popup_footer [class*=btn]:not(.btn-transparent){ min-width: 100px; padding: 5px 14px; margin-left: 10px; }\r
+.top-popup_footer [class*=btn]:first-child{ margin-left: 0; }\r
+.top-popup_footer .btn.full_width{ margin: 0; flex-grow: 1; }`,P=`html.with_popup{ background: #808080; }\r
+\r
+.top-popup-wrapper{\r
+	--top-popup-padding-h: 19px;\r
+	--top-popup-padding-v: 16px;\r
+	--top-popup-footer-offset: 25px;\r
+\r
+	width: auto !important; height: auto !important;\r
+	position: fixed; top: 0 !important; right: 0 !important; left: 0 !important; overflow: hidden;\r
+	transition: background 0.3s;\r
+}\r
+\r
+.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){ background: rgba(0,0,0,0.5); backdrop-filter: blur(1px); }\r
+.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > .top-popup{ opacity: 1 !important; }\r
+\r
+.top-popup{\r
+	border-radius: 8px 8px 0 0; width: auto !important; max-height: calc(100% - var(--header-height) - 12px);\r
+	top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important;\r
+	display: flex; flex-direction: column;\r
+\r
+	/* невозможно опустить элемент вниз за экран на 100%, fix: opacity и translateY(80%) */\r
+	transform: translateY(80%);\r
+\r
+	transition: opacity 0.3s, transform 0.3s;\r
+}\r
+\r
+/* from top */\r
+.top-popup-wrapper.p-from-top{\r
+	--top-popup-footer-offset: 0px;\r
+\r
+	top: var(--header-height) !important;\r
+}\r
+.with_dialog .top-popup-wrapper.p-from-top{ top: 50px !important; }\r
+.top-popup-wrapper.p-from-top > .top-popup{\r
+	border-radius: 0 0 8px 8px; max-height: calc(100% - 24px); top: 0 !important; bottom: auto !important;\r
+	transform: translateY(calc(-100% - 24px));\r
+}\r
+\r
+.top-popup_content:last-child,\r
+.top-popup_footer{\r
+	--scroll-padding-bottom: calc(var(--top-popup-padding-v) + var(--top-popup-footer-offset));\r
+\r
+	padding-bottom: var(--scroll-padding-bottom);\r
+}\r
+\r
+/* content */\r
+ul.top-popup_content{\r
+	--scroll-padding-top: 0px;\r
+	--scroll-padding-bottom: var(--scroll-padding-top);\r
+\r
+	display: flex; flex-direction: column;\r
+}\r
+ul.top-popup_content li:not(:last-child){ border-bottom: 1px solid var(--top-popup-border-color); }\r
+\r
+.top-popup-wrapper.top-style_alt > .top-popup > ul > li{ border-bottom: none; }\r
+\r
+/* footer */\r
+.top-popup_footer{ flex-wrap: wrap; }\r
+.top-popup_footer > .top-button{\r
+	--top-forms-base-height: var(--top-forms-base-height_xl);\r
+\r
+	flex-grow: 1;\r
+}\r
+\r
+/* listTitle */\r
+ul.top-popup_content li.top-popup_listTitle{\r
+	--top-popup-padding-v: 12px;\r
+}\r
+\r
+/* listDelimiter */\r
+ul.top-popup_content li.top-popup_listDelimiter{ border-radius: 0; border-bottom: none; height: 2px; margin: 0; }`,w=`html:not(.with_dialog){ margin-right: 0 !important; }\r
+\r
+.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
+.top-popup-wrapper.invert-x > .top-popup{ max-width: calc(100vw - var(--top-popup-right) - 16px); }\r
+.top-popup-wrapper.invert-y > .top-popup{ max-height: calc(100vh - var(--top-popup-bottom) - 16px); }\r
+\r
+/* position */\r
+.top-popup-wrapper.p1 > .top-popup{ max-height: calc(var(--top-popup-top) - var(--header-height) - 16px); }\r
+.top-popup-wrapper.p3 > .top-popup{ max-height: calc(var(--top-popup-bottom) - 16px); }\r
+.top-popup-wrapper.p2 > .top-popup{ max-width: calc(var(--top-popup-right) - 16px); }\r
+.top-popup-wrapper.p4 > .top-popup{ max-width: calc(var(--top-popup-left) - 16px); }\r
+\r
+/* notch */\r
+.top-popup-wrapper.p1.with_notch > .top-popup,\r
+.top-popup-wrapper.p3.with_notch > .top-popup{ margin-left: -16px !important; }\r
+.top-popup-wrapper.p1.with_notch > .notch,\r
+.top-popup-wrapper.p3.with_notch > .notch{ margin-left: -8px !important; }\r
+\r
+.top-popup-wrapper.p1.with_notch.invert-x,\r
+.top-popup-wrapper.p3.with_notch.invert-x{ margin-left: 3px !important; }\r
+.top-popup-wrapper.p1.with_notch.invert-x > .notch,\r
+.top-popup-wrapper.p3.with_notch.invert-x > .notch{ margin-left: -9px !important; }\r
+\r
+/* listMore */\r
+ul.top-popup_content li > * > i.top-popup_listMore{ visibility: hidden; transition: none; }\r
+ul.top-popup_content li:hover > * > i.top-popup_listMore,\r
+ul.top-popup_content li > *.top-active > i.top-popup_listMore,\r
+ul.top-popup_content li > * > i.top-popup_listMore.top-active{ visibility: visible; }`;f.Core.appendStyle(x),f.Core.appendStyle(P,"m"),f.Core.appendStyle(w,"pc");class m extends g{static componentName="Popup";el;elActiveByDefault;elPopup;elPopupInner;elPopupHeader;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,isFullScreen:!1,i18n:{}};events={};constructor(t,p){return super(),this.init(m.componentName,t,p)}async mount(){const t=this.vueGetComponent();if(this.popupParent=n.getPopup(this.el.closest(".top-popup-wrapper")),await this.mountJQuery(),r.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=r.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=r.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.close(this.elPopup),setTimeout(()=>this.mount(),300);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=r.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=r.wrap(this.elPopup,"div")),this.type==="html"&&(this.elPopup.querySelector(":scope > .top-popup_content")||(this.elPopup.classList.add("top-popup_content"),this.elPopup=r.wrap(this.elPopup,"div"))),(this.type==="selector"&&!this.elPopup.matches(".template")||this.type==="html"||this.type==="vue")&&(r.querySelectorAllArray(this.elPopup,"[data-top-popup]").forEach(e=>e.dataset.topPopupPosBy="fixed"),r.querySelectorAllArray(this.elPopup,".top-popup-wrapper").forEach(e=>e.remove()))),n.decoratorBeforeOpen(this),t&&(this.options.class=t.classRef.value),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 e=this.options.class.split(" ");this.elPopup.classList.add(...e)}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.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=r.genEl("i",{class:"top-popup_header"}),this.elPopupInner.prepend(this.elPopupHeader),this.elPopupHeader.prepend(r.genEl("i",{class:"a closer"},this.options.i18n.Close)),this.elPopupHeader.append(r.genEl("i",{class:"top-popup_headerButton"})))),r.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=r.offset(this.el).top-this.el.offsetTop-r.offset(this.elFront).top,this.shift.left=r.offset(this.el).left-this.el.offsetLeft-r.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",[jQuery(this.elPopup)]),this.recalcPosition(),this.elPopup.setAttribute("tabindex",0),this.focus(),n.decoratorAfterOpen(this),this.mountEvents()}async mountJQuery(){typeof jQuery=="function"&&(this.$=jQuery(this.el))}focus(){let t=r.querySelectorVisible(this.elPopup,".top-popup-autofocus");t||(t=r.querySelectorVisible(this.elPopup,":read-write, select:not(:disabled)")),t||(t=r.querySelectorVisible(this.elPopup,".top-popup_footer .top-button")),t||(t=this.elPopup),t.focus()}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=r.querySelectorVisibleLast(document.body,":scope > .top-popup-wrapper");p&&p!==this.elPopup||(p=r.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.decoratorIsIgnoreOuterClick(t)||n.close(this.elPopup)))}onFocus(t){if(t.target.matches("input")||this.isClosed)return;n.getAllVisible().forEach(o=>{var e,i,l;this.elPopup.contains(o)||((e=this.popupParent)==null?void 0:e.elPopup)===o||((l=(i=this.popupParent)==null?void 0:i.popupParent)==null?void 0:l.elPopup)===o||n.close(o)})}onMouseleave(t){setTimeout(()=>{this.elPopupInner.matches(":hover")||n.close(this.elPopup)},100)}onResize(){this.elPopup.parentElement!==document.body&&document.body.append(this.elPopup),this.elPopup.style.top=r.offset(this.el).top+"px",this.elPopup.style.left=r.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(){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 e=!1,i=!1,l=!1,h=!1,a=o.left>window.innerWidth/2,c=o.top>window.innerHeight/2;t===4&&(a=!a),t===1&&(c=!c);const s=this.elPopupInner.getBoundingClientRect(),u=window.innerWidth-s.right,y=window.innerHeight-s.bottom,d=8;s.top<d&&(e=!0),u<d&&(i=!0),y<d&&(l=!0),s.left<d&&(h=!0),e&&(t===0||t===1)&&c&&(t=3),l&&t===3&&c&&(t=1),i&&t===2&&a&&(t=4),h&&t===4&&a&&(t=2),i&&(t===0||t===1||t===3)&&this.elPopup.classList.add("invert-x"),l&&(t===2||t===4)&&c&&(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.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",[jQuery(this.elPopup)]),!n.noClose&&(this.unmount(),this.elPopup.classList.add("top-popup-wrapper-closed"),setTimeout(()=>{var o,e,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"),(e=this.elPopup.querySelector(".notch-border"))==null||e.remove(),(i=this.elPopup.querySelector(".notch"))==null||i.remove(),this.elPopupInner.replaceWith(...this.elPopupInner.childNodes),r.storageClear(this.elPopup)):(r.storageClear(this.elPopup),this.elPopup.remove(),delete this.elPopup);const t=n.getAllVisible(),p=t.length&&t[t.length-1];p?n.getPopup(p).focus():document.documentElement.classList.remove("with_popup")},300)))}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.vueConnectors.get(this.el.dataset.topPopupId)}}b.init(),v.default=m,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=popup-604c0a49.amd.js.map