@topvisor/ui 0.9.29-colors → 0.9.29-colors-2

package/.chunks/forms-BScWgSrn.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms-BScWgSrn.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/directives/focus.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.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/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","../../src/components/forms/input/input.vue"],"sourcesContent":["/**\r\n * Определить, увеличинная ли плотность пикселей у экрана (DPR > 1)\r\n */\r\nexport function isRetina(): boolean {\r\n\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\r\n}\r\n\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\n * Определить, открыт ли сайт в приложении\r\n */\r\nexport function isApp(): boolean {\r\n\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\r\n}\r\n\r\n/**\r\n * Определить, является ли OS пользователя macOS\r\n */\r\nexport function isMacOS(): boolean {\r\n\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\r\n}\r\n\r\n/**\r\n * Определить, является ли текущий браузер пользователя Safari\r\n */\r\nexport function isSafari(): boolean {\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 */\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}\r\n\r\n/**\r\n * Вернуть скролл с учетом устройства\r\n */\r\nexport const getScrollTop = (): number | undefined => {\r\n\treturn $(document).scrollTop();\r\n};\r\n\r\n/**\r\n * Вернуть контейнеры со скроллом (требует jquery)\r\n */\r\nexport const get$scroll = (): JQuery<Document> => {\r\n\treturn $(document);\r\n};\r\n\r\n/**\r\n * Вернуть контейнеры со скроллом (без jquery)\r\n */\r\nexport const getElsScroll = (): Document[] => {\r\n\treturn [document];\r\n};\r\n\r\n/**\r\n * Получить операционную систему пользователя\r\n *\r\n * Не определяет Windows 11, см. getOSAsync()\r\n */\r\nconst getOS = (): string => {\r\n\tconst os: [string, RegExp][] = [\r\n\t\t['iOS', /(iPhone|iPad)/i],\r\n\t\t['Android', /(Android)/i],\r\n\t\t['Windows Phone', /(IEMobile)/i],\r\n\t\t['Windows 3.11', /Win16/i],\r\n\t\t['Windows 95', /(Windows 95)|(Win95)|(Windows_95)/i],\r\n\t\t['Windows 98', /(Windows 98)|(Win98)/i],\r\n\t\t['Windows 2000', /(Windows NT 5.0)|(Windows 2000)/i],\r\n\t\t['Windows XP', /(Windows NT 5.1)|(Windows XP)/i],\r\n\t\t['Windows Server 2003', /(Windows NT 5.2)/i],\r\n\t\t['Windows Vista', /(Windows NT 6.0)/i],\r\n\t\t['Windows 7', /(Windows NT 6.1)/i],\r\n\t\t['Windows 8', /(Windows NT 6.[23])|(Windows 8)/i],\r\n\t\t['Windows 10', /(Windows NT 10)/i],\r\n\t\t['Windows NT 4.0', /(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)/i],\r\n\t\t['Windows ME', /Windows ME/i],\r\n\t\t['Windows', /Windows/i],\r\n\t\t['Open BSD', /OpenBSD/i],\r\n\t\t['Sun OS', /SunOS/i],\r\n\t\t['Linux', /(Linux)|(X11)/i],\r\n\t\t['Macintosh', /(Mac_PowerPC)|(Macintosh)|(Mac OS X 10.4)|(Mac OS X 10.5)|(Mac OS X 10.6)/i],\r\n\t\t['QNX', /QNX/i],\r\n\t\t['BeOS', /BeOS/i],\r\n\t\t['OS/2', /OS\\/2/i],\r\n\t];\r\n\r\n\tlet res = '';\r\n\tfor (let i = 0; i < os.length; i++) {\r\n\t\tif (os[i][1].test(navigator.userAgent)) {\r\n\t\t\tres = os[i][0];\r\n\r\n\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\treturn res;\r\n};\r\n\r\n/**\r\n * Получить операционную систему пользователя, в том числе Windows 11\r\n */\r\nexport const getOSAsync = async (): Promise<string> => {\r\n\tlet os = getOS();\r\n\r\n\tif (os === 'Windows 10') {\r\n\t\t// @ts-ignore - experimental technology\r\n\t\tconst platformVersion = await navigator?.userAgentData?.getHighEntropyValues(['platformVersion']);\r\n\t\tif (platformVersion && platformVersion.platformVersion >= '13') {\r\n\t\t\tos = 'Windows 11';\r\n\t\t}\r\n\t}\r\n\r\n\treturn os;\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\n/**\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;","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\n/**\r\n * Фокусировка на элементе сразу после его отображения\r\n */\r\nconst focus = {\r\n\tmounted: function (el: HTMLElement, binding: DirectiveBinding) {\r\n\t\tif (binding.value || binding.value === undefined) el.focus();\r\n\t}\r\n} satisfies ObjectDirective;\r\n\r\nexport default focus;","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\n\r\nlet appStickyObserver: IntersectionObserver;\r\n\r\n/**\r\n * Добавление sticky\r\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\r\n */\r\nconst sticky = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode){\r\n\t\tconst className = binding.value || 'top-sticky';\r\n\r\n\t\tappStickyObserver = new IntersectionObserver(entries => {\r\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\r\n\t\t\tif(condition){\r\n\t\t\t\tif(binding.arg === 'bottom' && entries[0].intersectionRect.y === 0) condition = false;\r\n\t\t\t}\r\n\r\n\t\t\tel.classList.toggle(className, condition);\r\n\t\t}, {\r\n\t\t\tthreshold:[1]\r\n\t\t});\r\n\r\n\t\tappStickyObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode){\r\n\t\tappStickyObserver?.disconnect();\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default sticky;","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\ninterface SwipUpOptions {\r\n\tdistance: number,\r\n\tpercent: number,\r\n}\r\n\r\nlet appSwimUpInited = false;\r\nlet appSwimUpObserver: IntersectionObserver;\r\nlet directiveSwipUpOptions: SwipUpOptions;\r\nconst appSwimUpEls = new Map();\r\n\r\n\r\n/**\r\n * Отодвинуть блок в зависимости от скролла старинцы\r\n * @param el\r\n * @param windowHeight\r\n */\r\nconst swimUpElTransform = (el: HTMLElement, windowHeight: number): void => {\r\n\tconst { distance, percent } = directiveSwipUpOptions;\r\n\r\n\tconst elTop = el.getBoundingClientRect().top;\r\n\r\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\r\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\r\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\r\n\r\n\tif (triggerHeight <= distance) {\r\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\r\n\t} else {\r\n\t\tel.style.transform = 'translateY(0px)';\r\n\t}\r\n}\r\n\r\nconst swimUpInit = (el: HTMLElement): void => {\r\n\tlet windowHeight = window.innerHeight;\r\n\r\n\twindow.addEventListener('scroll', () => {\r\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\r\n\t}, { passive: true });\r\n\r\n\t// проверка того, что элемент в зоне видимости\r\n\tappSwimUpObserver = new IntersectionObserver(entries => {\r\n\t\twindowHeight = window.innerHeight;\r\n\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tconst el = entry.target as HTMLElement;\r\n\r\n\t\t\tif (entry.intersectionRatio < 0.1) {\r\n\t\t\t\t// элемент за областью видимости\r\n\t\t\t\tappSwimUpEls.delete(el);\r\n\t\t\t} else {\r\n\t\t\t\t// элемент на экране\r\n\t\t\t\tappSwimUpEls.set(el, el);\r\n\t\t\t}\r\n\r\n\t\t\tif (entry.intersectionRatio === 0) {\r\n\t\t\t\tconst { distance, percent } = directiveSwipUpOptions;\r\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\r\n\t\t\t}\r\n\t\t});\r\n\t}, {\r\n\t\tthreshold: 0.1,\r\n\t});\r\n}\r\n\r\n/**\r\n * Добавление анимации подплытия вверх для блока\r\n */\r\nconst swimUp = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode): void {\r\n\t\tif (Core.state.isMobileUA) return;\r\n\r\n\t\tconst args = binding.arg?.split(':');\r\n\r\n\t\tlet distance = Number(args?.[0] ?? 100); // количество px на которые блок изначально смещен вниз\r\n\t\tlet percent = Number(args?.[1] ?? 30); // процент высоты экрана поднявшись на который блок закончит подплытие\r\n\r\n\t\tdirectiveSwipUpOptions = {\r\n\t\t\tdistance,\r\n\t\t\tpercent\r\n\t\t}\r\n\r\n\t\tif (!appSwimUpInited) {\r\n\t\t\tswimUpInit(el);\r\n\r\n\t\t\tappSwimUpInited = true;\r\n\t\t}\r\n\r\n\t\tappSwimUpObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappSwimUpEls.delete(el);\r\n\t\tappSwimUpObserver?.unobserve(el);\r\n\t}\r\n} satisfies ObjectDirective;\r\n\r\nexport default swimUp;","/**\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 directiveFocus from '@/core/directives/focus';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\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\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\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\nconst L = (window as any).L ?? {};\r\n\r\n/**\r\n * Получить день недели\r\n */\r\nexport const getDayOfWeek = (y: number, m: number, d: number): string => {\r\n\tswitch ((new Date(y, m, d)).getDay()) {\r\n\t\tcase 0:\r\n\t\t\treturn L.Vs + '.';\r\n\t\tcase 1:\r\n\t\t\treturn L.Pn + '.';\r\n\t\tcase 2:\r\n\t\t\treturn L.Vt + '.';\r\n\t\tcase 3:\r\n\t\t\treturn L.Sr + '.';\r\n\t\tcase 4:\r\n\t\t\treturn L.Ct + '.';\r\n\t\tcase 5:\r\n\t\t\treturn L.Pt + '.';\r\n\t\tcase 6:\r\n\t\t\treturn L.Sb + '.';\r\n\t\tdefault:\r\n\t\t\treturn '';\r\n\t}\r\n};\r\n\r\n/**\r\n * Преобразовать дату в строку формата Y-m-d H:i:s\r\n * @param dateObject - объект Date\r\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n * @param timeFormat - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n */\r\nexport const dateToString = (dateObject: Date, langFormat: boolean = true, timeFormat: 0 | 1 | 2 | 3 = 2): string => {\r\n\tlet Y = String(dateObject.getFullYear());\r\n\tlet d = String(dateObject.getDate()).padStart(2, '0');\r\n\tlet m = String(dateObject.getMonth() + 1).padStart(2, '0');\r\n\tlet H = String(dateObject.getHours()).padStart(2, '0');\r\n\tlet i = String(dateObject.getMinutes()).padStart(2, '0');\r\n\tlet s = String(dateObject.getSeconds()).padStart(2, '0');\r\n\r\n\tlet date = Y + '-' + m + '-' + d;\r\n\tif (timeFormat >= 1) date += ' ' + H;\r\n\tif (timeFormat >= 2) date += ':' + i;\r\n\tif (timeFormat === 3) date += ':' + s;\r\n\tif (langFormat) date = dateFormat(date, timeFormat);\r\n\r\n\treturn date;\r\n};\r\n\r\n/**\r\n * Получить объект Date из строки\r\n * @param date - строка с датой\r\n */\r\nexport function stringToDate(date: string): Date {\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 * Генерация даты-строки из миллисекунд (UTC), в формате Y-m-d H:i:s\r\n * @param timestamp - дата в мс, если не передана, берется дата на момент вызова функции\r\n * @param useFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n */\r\nexport function genDate(timestamp: number | 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 * Генерация даты-строки (время московское) из миллисекунд (UTC), в формате Y-m-d H:i:s\r\n * @param ms - дата в мс, если не передана, берется дата на момент вызова функции\r\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n */\r\nexport function genDateMoscow(ms: number | undefined, langFormat: boolean = true): string {\r\n\tconst time_zone = (new Date().getTimezoneOffset() / 60) * (-1);\r\n\tconst dateoffset = time_zone * 60 * 60 * 1000;\r\n\tconst moscow_dateoffset = 3 * 60 * 60 * 1000;\r\n\r\n\tlet date: Date;\r\n\tif (ms !== undefined) {\r\n\t\tdate = new Date(ms);\r\n\t} else {\r\n\t\tdate = new Date();\r\n\t}\r\n\r\n\tdate.setTime(date.getTime() - dateoffset + moscow_dateoffset);\r\n\r\n\tlet Y = String(date.getFullYear());\r\n\tlet d = String(date.getDate()).padStart(2, '0');\r\n\tlet m = String(date.getMonth() + 1).padStart(2, '0');\r\n\tlet H = String(date.getHours()).padStart(2, '0');\r\n\tlet i = String(date.getMinutes()).padStart(2, '0');\r\n\tlet s = String(date.getSeconds()).padStart(2, '0');\r\n\r\n\tlet dateStr = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s;\r\n\tif (langFormat) {\r\n\t\tdateStr = dateFormat(dateStr);\r\n\t}\r\n\r\n\treturn dateStr;\r\n};\r\n\r\n/**\r\n * Перевод даты в формат пользователя\r\n * @param date - объект даты или строка в формате Y-m-d H:i:s\r\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n * @param dateformat -\r\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\r\n */\r\nexport function dateFormat(dateMixed: string | Date, time: 0 | 1 | 2 | 3 = 2, dateFormat?: string, emptyValue: string = Core.L.Not_date): string {\r\n\tif(typeof dateMixed === 'string'){\r\n\t\tif (!dateMixed || dateMixed.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\t}\r\n\r\n\tif (!dateFormat) {\r\n\t\tdateFormat = Core.state.dateFormat.toLowerCase().toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\r\n\t}\r\n\r\n\tlet date: Date;\r\n\tif (dateMixed instanceof Date) {\r\n\t\tdate = dateMixed;\r\n\t} else {\r\n\t\tlet dateForObj = dateMixed.substring(0, 10);\r\n\t\tif (dateForObj.length === 7) dateForObj += '-01';\r\n\t\tdateForObj += ' 00:00';\r\n\t\tdateForObj = dateForObj.replace(/-/g, '/'); // safari fix\r\n\r\n\t\tdate = new Date(dateForObj);\r\n\t\tif (isNaN(Number(date))) return emptyValue;\r\n\t}\r\n\r\n\tlet result = '';\r\n\r\n\tif (dateFormat && window['$']) {\r\n\t\tresult = $.datepicker.formatDate(dateFormat, date);\r\n\t}\r\n\r\n\tif (time && typeof dateMixed === 'string' && dateMixed.length > 10 || time && dateMixed instanceof Date) {\r\n\t\tlet timeStr: string = '';\r\n\t\tif (dateMixed instanceof Date) {\r\n\t\t\ttimeStr = new Date().toLocaleTimeString('en-US', {\r\n\t\t\t\thour12: false,\r\n\t\t\t\thour: 'numeric',\r\n\t\t\t\tminute: time >= 2 ? 'numeric' : undefined,\r\n\t\t\t\tsecond: time >= 3 ? 'numeric' : undefined,\r\n\t\t\t});\r\n\t\t} else {\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\ttimeStr = dateMixed.substring(11, 13);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// часы и минуты\r\n\t\t\t\tcase 2:\r\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 16);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// часы, минуты и секунды\r\n\t\t\t\tcase 3:\r\n\t\t\t\t\ttimeStr = dateMixed.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\tresult += ' ' + timeStr;\r\n\t}\r\n\r\n\tresult = result.trim();\r\n\r\n\treturn result;\r\n}\r\n\r\n/**\r\n * Перевод даты из формата пользователя в системный формат Y-m-d H:i:s\r\n * @param date - строка с датой\r\n * @param 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}","<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\ti18n: () => ({\r\n\t\tOnline: 'Online',\r\n\t\tLastSeen: 'Last seen',\r\n\t}),\r\n});\r\n\r\nconst titleStatus = computed(() => {\r\n\tif (props.isOnline) {\r\n\t\treturn props.i18n?.Online;\r\n\t}\r\n\r\n\tif (props.lastActiveTime) {\r\n\t\treturn props.i18n?.LastSeen + ': ' + dateFormat(props.lastActiveTime, 2);\r\n\t}\r\n});\r\n\r\nconst titleImage = computed(() => {\r\n\tif (!props.nickname) return titleStatus.value;\r\n\r\n\treturn props.nickname + (titleStatus.value ? `\\n${titleStatus.value}` : '');\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=\"titleImage\"\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-bg-positive-2);\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-border-color-hover);\r\n\tbackground: var(--color-theme-100);\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(--color-bg-primary-2);\r\n\tbackground: var(--color-bg-primary-2);\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(--color-bg-primary-1);\r\n\tbackground: var(--color-bg-primary-1);\r\n}\r\n\r\n/* disabled selected */\r\n.top-checkbox_input:disabled {\r\n\tborder-color: var(--color-line-1);\r\n\tbackground: var(--color-theme-100);\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-bg-negative-2);\r\n}\r\n\r\n.top-checkbox_input.top-error:hover {\r\n\tborder-color: var(--color-bg-negative-1);\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-bg-negative-2);\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-bg-negative-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 { 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, undefined, '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(--color-line-3);\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(--color-line-3);\r\n\tbackground: var(--color-layer-secondary-1);\r\n}\r\n\r\n.top-radio_input:checked {\r\n\tborder-color: var(--color-line-primary-1);\r\n\tborder-width: 5px;\r\n}\r\n\r\n.top-radio_input:checked:hover {\r\n\tborder-color: var(--color-line-primary-2);\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-100);\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-line-negative-1);\r\n}\r\n\r\n.top-radio_input.top-error:hover {\r\n\tborder-color: var(--color-line-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-layer-secondary-2);\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-layer-secondary-4);\r\n}\r\n\r\n/* checked */\r\n.top-checkboxSwitcher_input:checked {\r\n\tbackground: var(--color-bg-primary-2);\r\n}\r\n\r\n.top-checkboxSwitcher_input:checked:hover {\r\n\tbackground: var(--color-bg-primary-1);\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-layer-negative-3);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:hover {\r\n\tbackground: var(--color-layer-negative-4);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:checked {\r\n\tbackground: var(--color-bg-negative-2);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:checked:hover {\r\n\tbackground: var(--color-bg-negative-1);\r\n}\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\tcolor: var(--color-text-1);\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\tborder-color: var(--color-line-primary-1);\r\n\toutline: none;\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\tcolor: var(--color-text-1);\r\n\t--top-icon-color: var(--color-icon-2);\r\n\t--top-icon2-color: var(--color-icon-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-icon-negative-1);\r\n\t--top-icon2-color: var(--color-icon-negative-1);\r\n}\r\n\r\n.top-select_select {\r\n\tbackground-color: var(--top-forms-background-color);\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:disabled {\r\n\tcolor: var(--color-text-3);\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:not(:disabled) {\r\n\tbackground: var(--content-background-color);\r\n\tcolor: var(--color-text-1);\r\n}\r\n\r\n.top-select option:disabled {\r\n\tbackground: unset;\r\n\tcolor: unset;\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-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-line-primary-2);\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>","<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\tcolor: var(--color-text-2);\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\tcolor: var(--color-text-1);\r\n\tborder-color: var(--color-line-primary-1);\r\n\toutline: none;\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-icon-2);\r\n\t--top-icon2-color: var(--color-icon-2);\r\n\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\tfont-size: 20px;\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-icon-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-icon-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>"],"names":["isRetina","isMobile","isApp","isMacOS","isSafari","isChrome","isSafari2","getCommandKeyLabel","getScrollTop","get$scroll","getElsScroll","getOS","os","res","i","getOSAsync","platformVersion","_a","Page","onResizeDelay","onResizeTimer","onResizeListeners","windowSize","addOnReize","listener","removeOnResize","onResize","e","callback","Events","options","state","$$1","el","_b","Core","tvTooltipGenOptions","binding","vnode","tooltip","_prevVnode","instance","_binding","_vnode","focus","appStickyObserver","sticky","className","entries","condition","_el","appSwimUpInited","appSwimUpObserver","directiveSwipUpOptions","appSwimUpEls","swimUpElTransform","windowHeight","distance","percent","elTop","triggerHeightReducer","triggerHeight","swimUpInit","el2","entry","swimUp","args","genWindow","_window","reactive","style","type","media","elStyle","app","options2","device","L","getDayOfWeek","y","m","d","dateToString","dateObject","langFormat","timeFormat","Y","H","s","date","dateFormat","stringToDate","genDate","timestamp","useFormat","time","genDateMoscow","ms","dateoffset","moscow_dateoffset","dateStr","dateMixed","dateFormat2","emptyValue","dateForObj","result","timeStr","dateUnformat","dateChunks","dateFormatChunks","index","props","__props","titleStatus","computed","titleImage","tagName","model","useModel","useNativeDatepicker","onInputLazy","_e","emit","__emit","onUnmounted","$el","ref","localValue","value","oninput","onchange","dateFormatted","init","datepicker","value2","optionByValue","option","genOption","children","subOption","subIndex","flatOptionByValue","title","watch","optionIcon","selectNextValue","listEnabledValues","nextIndex","_sfc_render","_ctx","_cache","placeholder","clean","event"],"mappings":"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"}

package/.chunks/forms-DBYpY73Z.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms-DBYpY73Z.amd.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/directives/focus.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.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/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","../../src/components/forms/input/input.vue"],"sourcesContent":["/**\r\n * Определить, увеличинная ли плотность пикселей у экрана (DPR > 1)\r\n */\r\nexport function isRetina(): boolean {\r\n\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\r\n}\r\n\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\n * Определить, открыт ли сайт в приложении\r\n */\r\nexport function isApp(): boolean {\r\n\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\r\n}\r\n\r\n/**\r\n * Определить, является ли OS пользователя macOS\r\n */\r\nexport function isMacOS(): boolean {\r\n\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\r\n}\r\n\r\n/**\r\n * Определить, является ли текущий браузер пользователя Safari\r\n */\r\nexport function isSafari(): boolean {\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 */\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}\r\n\r\n/**\r\n * Вернуть скролл с учетом устройства\r\n */\r\nexport const getScrollTop = (): number | undefined => {\r\n\treturn $(document).scrollTop();\r\n};\r\n\r\n/**\r\n * Вернуть контейнеры со скроллом (требует jquery)\r\n */\r\nexport const get$scroll = (): JQuery<Document> => {\r\n\treturn $(document);\r\n};\r\n\r\n/**\r\n * Вернуть контейнеры со скроллом (без jquery)\r\n */\r\nexport const getElsScroll = (): Document[] => {\r\n\treturn [document];\r\n};\r\n\r\n/**\r\n * Получить операционную систему пользователя\r\n *\r\n * Не определяет Windows 11, см. getOSAsync()\r\n */\r\nconst getOS = (): string => {\r\n\tconst os: [string, RegExp][] = [\r\n\t\t['iOS', /(iPhone|iPad)/i],\r\n\t\t['Android', /(Android)/i],\r\n\t\t['Windows Phone', /(IEMobile)/i],\r\n\t\t['Windows 3.11', /Win16/i],\r\n\t\t['Windows 95', /(Windows 95)|(Win95)|(Windows_95)/i],\r\n\t\t['Windows 98', /(Windows 98)|(Win98)/i],\r\n\t\t['Windows 2000', /(Windows NT 5.0)|(Windows 2000)/i],\r\n\t\t['Windows XP', /(Windows NT 5.1)|(Windows XP)/i],\r\n\t\t['Windows Server 2003', /(Windows NT 5.2)/i],\r\n\t\t['Windows Vista', /(Windows NT 6.0)/i],\r\n\t\t['Windows 7', /(Windows NT 6.1)/i],\r\n\t\t['Windows 8', /(Windows NT 6.[23])|(Windows 8)/i],\r\n\t\t['Windows 10', /(Windows NT 10)/i],\r\n\t\t['Windows NT 4.0', /(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)/i],\r\n\t\t['Windows ME', /Windows ME/i],\r\n\t\t['Windows', /Windows/i],\r\n\t\t['Open BSD', /OpenBSD/i],\r\n\t\t['Sun OS', /SunOS/i],\r\n\t\t['Linux', /(Linux)|(X11)/i],\r\n\t\t['Macintosh', /(Mac_PowerPC)|(Macintosh)|(Mac OS X 10.4)|(Mac OS X 10.5)|(Mac OS X 10.6)/i],\r\n\t\t['QNX', /QNX/i],\r\n\t\t['BeOS', /BeOS/i],\r\n\t\t['OS/2', /OS\\/2/i],\r\n\t];\r\n\r\n\tlet res = '';\r\n\tfor (let i = 0; i < os.length; i++) {\r\n\t\tif (os[i][1].test(navigator.userAgent)) {\r\n\t\t\tres = os[i][0];\r\n\r\n\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\treturn res;\r\n};\r\n\r\n/**\r\n * Получить операционную систему пользователя, в том числе Windows 11\r\n */\r\nexport const getOSAsync = async (): Promise<string> => {\r\n\tlet os = getOS();\r\n\r\n\tif (os === 'Windows 10') {\r\n\t\t// @ts-ignore - experimental technology\r\n\t\tconst platformVersion = await navigator?.userAgentData?.getHighEntropyValues(['platformVersion']);\r\n\t\tif (platformVersion && platformVersion.platformVersion >= '13') {\r\n\t\t\tos = 'Windows 11';\r\n\t\t}\r\n\t}\r\n\r\n\treturn os;\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\n/**\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;","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\n/**\r\n * Фокусировка на элементе сразу после его отображения\r\n */\r\nconst focus = {\r\n\tmounted: function (el: HTMLElement, binding: DirectiveBinding) {\r\n\t\tif (binding.value || binding.value === undefined) el.focus();\r\n\t}\r\n} satisfies ObjectDirective;\r\n\r\nexport default focus;","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\n\r\nlet appStickyObserver: IntersectionObserver;\r\n\r\n/**\r\n * Добавление sticky\r\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\r\n */\r\nconst sticky = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode){\r\n\t\tconst className = binding.value || 'top-sticky';\r\n\r\n\t\tappStickyObserver = new IntersectionObserver(entries => {\r\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\r\n\t\t\tif(condition){\r\n\t\t\t\tif(binding.arg === 'bottom' && entries[0].intersectionRect.y === 0) condition = false;\r\n\t\t\t}\r\n\r\n\t\t\tel.classList.toggle(className, condition);\r\n\t\t}, {\r\n\t\t\tthreshold:[1]\r\n\t\t});\r\n\r\n\t\tappStickyObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode){\r\n\t\tappStickyObserver?.disconnect();\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default sticky;","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\ninterface SwipUpOptions {\r\n\tdistance: number,\r\n\tpercent: number,\r\n}\r\n\r\nlet appSwimUpInited = false;\r\nlet appSwimUpObserver: IntersectionObserver;\r\nlet directiveSwipUpOptions: SwipUpOptions;\r\nconst appSwimUpEls = new Map();\r\n\r\n\r\n/**\r\n * Отодвинуть блок в зависимости от скролла старинцы\r\n * @param el\r\n * @param windowHeight\r\n */\r\nconst swimUpElTransform = (el: HTMLElement, windowHeight: number): void => {\r\n\tconst { distance, percent } = directiveSwipUpOptions;\r\n\r\n\tconst elTop = el.getBoundingClientRect().top;\r\n\r\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\r\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\r\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\r\n\r\n\tif (triggerHeight <= distance) {\r\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\r\n\t} else {\r\n\t\tel.style.transform = 'translateY(0px)';\r\n\t}\r\n}\r\n\r\nconst swimUpInit = (el: HTMLElement): void => {\r\n\tlet windowHeight = window.innerHeight;\r\n\r\n\twindow.addEventListener('scroll', () => {\r\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\r\n\t}, { passive: true });\r\n\r\n\t// проверка того, что элемент в зоне видимости\r\n\tappSwimUpObserver = new IntersectionObserver(entries => {\r\n\t\twindowHeight = window.innerHeight;\r\n\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tconst el = entry.target as HTMLElement;\r\n\r\n\t\t\tif (entry.intersectionRatio < 0.1) {\r\n\t\t\t\t// элемент за областью видимости\r\n\t\t\t\tappSwimUpEls.delete(el);\r\n\t\t\t} else {\r\n\t\t\t\t// элемент на экране\r\n\t\t\t\tappSwimUpEls.set(el, el);\r\n\t\t\t}\r\n\r\n\t\t\tif (entry.intersectionRatio === 0) {\r\n\t\t\t\tconst { distance, percent } = directiveSwipUpOptions;\r\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\r\n\t\t\t}\r\n\t\t});\r\n\t}, {\r\n\t\tthreshold: 0.1,\r\n\t});\r\n}\r\n\r\n/**\r\n * Добавление анимации подплытия вверх для блока\r\n */\r\nconst swimUp = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode): void {\r\n\t\tif (Core.state.isMobileUA) return;\r\n\r\n\t\tconst args = binding.arg?.split(':');\r\n\r\n\t\tlet distance = Number(args?.[0] ?? 100); // количество px на которые блок изначально смещен вниз\r\n\t\tlet percent = Number(args?.[1] ?? 30); // процент высоты экрана поднявшись на который блок закончит подплытие\r\n\r\n\t\tdirectiveSwipUpOptions = {\r\n\t\t\tdistance,\r\n\t\t\tpercent\r\n\t\t}\r\n\r\n\t\tif (!appSwimUpInited) {\r\n\t\t\tswimUpInit(el);\r\n\r\n\t\t\tappSwimUpInited = true;\r\n\t\t}\r\n\r\n\t\tappSwimUpObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappSwimUpEls.delete(el);\r\n\t\tappSwimUpObserver?.unobserve(el);\r\n\t}\r\n} satisfies ObjectDirective;\r\n\r\nexport default swimUp;","/**\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 directiveFocus from '@/core/directives/focus';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\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\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\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\nconst L = (window as any).L ?? {};\r\n\r\n/**\r\n * Получить день недели\r\n */\r\nexport const getDayOfWeek = (y: number, m: number, d: number): string => {\r\n\tswitch ((new Date(y, m, d)).getDay()) {\r\n\t\tcase 0:\r\n\t\t\treturn L.Vs + '.';\r\n\t\tcase 1:\r\n\t\t\treturn L.Pn + '.';\r\n\t\tcase 2:\r\n\t\t\treturn L.Vt + '.';\r\n\t\tcase 3:\r\n\t\t\treturn L.Sr + '.';\r\n\t\tcase 4:\r\n\t\t\treturn L.Ct + '.';\r\n\t\tcase 5:\r\n\t\t\treturn L.Pt + '.';\r\n\t\tcase 6:\r\n\t\t\treturn L.Sb + '.';\r\n\t\tdefault:\r\n\t\t\treturn '';\r\n\t}\r\n};\r\n\r\n/**\r\n * Преобразовать дату в строку формата Y-m-d H:i:s\r\n * @param dateObject - объект Date\r\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n * @param timeFormat - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n */\r\nexport const dateToString = (dateObject: Date, langFormat: boolean = true, timeFormat: 0 | 1 | 2 | 3 = 2): string => {\r\n\tlet Y = String(dateObject.getFullYear());\r\n\tlet d = String(dateObject.getDate()).padStart(2, '0');\r\n\tlet m = String(dateObject.getMonth() + 1).padStart(2, '0');\r\n\tlet H = String(dateObject.getHours()).padStart(2, '0');\r\n\tlet i = String(dateObject.getMinutes()).padStart(2, '0');\r\n\tlet s = String(dateObject.getSeconds()).padStart(2, '0');\r\n\r\n\tlet date = Y + '-' + m + '-' + d;\r\n\tif (timeFormat >= 1) date += ' ' + H;\r\n\tif (timeFormat >= 2) date += ':' + i;\r\n\tif (timeFormat === 3) date += ':' + s;\r\n\tif (langFormat) date = dateFormat(date, timeFormat);\r\n\r\n\treturn date;\r\n};\r\n\r\n/**\r\n * Получить объект Date из строки\r\n * @param date - строка с датой\r\n */\r\nexport function stringToDate(date: string): Date {\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 * Генерация даты-строки из миллисекунд (UTC), в формате Y-m-d H:i:s\r\n * @param timestamp - дата в мс, если не передана, берется дата на момент вызова функции\r\n * @param useFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n */\r\nexport function genDate(timestamp: number | 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 * Генерация даты-строки (время московское) из миллисекунд (UTC), в формате Y-m-d H:i:s\r\n * @param ms - дата в мс, если не передана, берется дата на момент вызова функции\r\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n */\r\nexport function genDateMoscow(ms: number | undefined, langFormat: boolean = true): string {\r\n\tconst time_zone = (new Date().getTimezoneOffset() / 60) * (-1);\r\n\tconst dateoffset = time_zone * 60 * 60 * 1000;\r\n\tconst moscow_dateoffset = 3 * 60 * 60 * 1000;\r\n\r\n\tlet date: Date;\r\n\tif (ms !== undefined) {\r\n\t\tdate = new Date(ms);\r\n\t} else {\r\n\t\tdate = new Date();\r\n\t}\r\n\r\n\tdate.setTime(date.getTime() - dateoffset + moscow_dateoffset);\r\n\r\n\tlet Y = String(date.getFullYear());\r\n\tlet d = String(date.getDate()).padStart(2, '0');\r\n\tlet m = String(date.getMonth() + 1).padStart(2, '0');\r\n\tlet H = String(date.getHours()).padStart(2, '0');\r\n\tlet i = String(date.getMinutes()).padStart(2, '0');\r\n\tlet s = String(date.getSeconds()).padStart(2, '0');\r\n\r\n\tlet dateStr = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s;\r\n\tif (langFormat) {\r\n\t\tdateStr = dateFormat(dateStr);\r\n\t}\r\n\r\n\treturn dateStr;\r\n};\r\n\r\n/**\r\n * Перевод даты в формат пользователя\r\n * @param date - объект даты или строка в формате Y-m-d H:i:s\r\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n * @param dateformat -\r\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\r\n */\r\nexport function dateFormat(dateMixed: string | Date, time: 0 | 1 | 2 | 3 = 2, dateFormat?: string, emptyValue: string = Core.L.Not_date): string {\r\n\tif(typeof dateMixed === 'string'){\r\n\t\tif (!dateMixed || dateMixed.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\t}\r\n\r\n\tif (!dateFormat) {\r\n\t\tdateFormat = Core.state.dateFormat.toLowerCase().toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\r\n\t}\r\n\r\n\tlet date: Date;\r\n\tif (dateMixed instanceof Date) {\r\n\t\tdate = dateMixed;\r\n\t} else {\r\n\t\tlet dateForObj = dateMixed.substring(0, 10);\r\n\t\tif (dateForObj.length === 7) dateForObj += '-01';\r\n\t\tdateForObj += ' 00:00';\r\n\t\tdateForObj = dateForObj.replace(/-/g, '/'); // safari fix\r\n\r\n\t\tdate = new Date(dateForObj);\r\n\t\tif (isNaN(Number(date))) return emptyValue;\r\n\t}\r\n\r\n\tlet result = '';\r\n\r\n\tif (dateFormat && window['$']) {\r\n\t\tresult = $.datepicker.formatDate(dateFormat, date);\r\n\t}\r\n\r\n\tif (time && typeof dateMixed === 'string' && dateMixed.length > 10 || time && dateMixed instanceof Date) {\r\n\t\tlet timeStr: string = '';\r\n\t\tif (dateMixed instanceof Date) {\r\n\t\t\ttimeStr = new Date().toLocaleTimeString('en-US', {\r\n\t\t\t\thour12: false,\r\n\t\t\t\thour: 'numeric',\r\n\t\t\t\tminute: time >= 2 ? 'numeric' : undefined,\r\n\t\t\t\tsecond: time >= 3 ? 'numeric' : undefined,\r\n\t\t\t});\r\n\t\t} else {\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\ttimeStr = dateMixed.substring(11, 13);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// часы и минуты\r\n\t\t\t\tcase 2:\r\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 16);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// часы, минуты и секунды\r\n\t\t\t\tcase 3:\r\n\t\t\t\t\ttimeStr = dateMixed.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\tresult += ' ' + timeStr;\r\n\t}\r\n\r\n\tresult = result.trim();\r\n\r\n\treturn result;\r\n}\r\n\r\n/**\r\n * Перевод даты из формата пользователя в системный формат Y-m-d H:i:s\r\n * @param date - строка с датой\r\n * @param 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}","<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\ti18n: () => ({\r\n\t\tOnline: 'Online',\r\n\t\tLastSeen: 'Last seen',\r\n\t}),\r\n});\r\n\r\nconst titleStatus = computed(() => {\r\n\tif (props.isOnline) {\r\n\t\treturn props.i18n?.Online;\r\n\t}\r\n\r\n\tif (props.lastActiveTime) {\r\n\t\treturn props.i18n?.LastSeen + ': ' + dateFormat(props.lastActiveTime, 2);\r\n\t}\r\n});\r\n\r\nconst titleImage = computed(() => {\r\n\tif (!props.nickname) return titleStatus.value;\r\n\r\n\treturn props.nickname + (titleStatus.value ? `\\n${titleStatus.value}` : '');\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=\"titleImage\"\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-bg-positive-2);\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 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, undefined, '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(--color-line-3);\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(--color-line-3);\r\n\tbackground: var(--color-layer-secondary-1);\r\n}\r\n\r\n.top-radio_input:checked {\r\n\tborder-color: var(--color-line-primary-1);\r\n\tborder-width: 5px;\r\n}\r\n\r\n.top-radio_input:checked:hover {\r\n\tborder-color: var(--color-line-primary-2);\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-100);\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-line-negative-1);\r\n}\r\n\r\n.top-radio_input.top-error:hover {\r\n\tborder-color: var(--color-line-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-layer-secondary-2);\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-layer-secondary-4);\r\n}\r\n\r\n/* checked */\r\n.top-checkboxSwitcher_input:checked {\r\n\tbackground: var(--color-bg-primary-2);\r\n}\r\n\r\n.top-checkboxSwitcher_input:checked:hover {\r\n\tbackground: var(--color-bg-primary-1);\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-layer-negative-3);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:hover {\r\n\tbackground: var(--color-layer-negative-4);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:checked {\r\n\tbackground: var(--color-bg-negative-2);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:checked:hover {\r\n\tbackground: var(--color-bg-negative-1);\r\n}\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\tcolor: var(--color-text-1);\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\tborder-color: var(--color-line-primary-1);\r\n\toutline: none;\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\tcolor: var(--color-text-1);\r\n\t--top-icon-color: var(--color-icon-2);\r\n\t--top-icon2-color: var(--color-icon-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-icon-negative-1);\r\n\t--top-icon2-color: var(--color-icon-negative-1);\r\n}\r\n\r\n.top-select_select {\r\n\tbackground-color: var(--top-forms-background-color);\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:disabled {\r\n\tcolor: var(--color-text-3);\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:not(:disabled) {\r\n\tbackground: var(--content-background-color);\r\n\tcolor: var(--color-text-1);\r\n}\r\n\r\n.top-select option:disabled {\r\n\tbackground: unset;\r\n\tcolor: unset;\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-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-line-primary-2);\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>","<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\tcolor: var(--color-text-2);\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\tcolor: var(--color-text-1);\r\n\tborder-color: var(--color-line-primary-1);\r\n\toutline: none;\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-icon-2);\r\n\t--top-icon2-color: var(--color-icon-2);\r\n\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\tfont-size: 20px;\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-icon-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-icon-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>"],"names":["isRetina","isMobile","isApp","isMacOS","isSafari","isChrome","isSafari2","getCommandKeyLabel","getScrollTop","get$scroll","getElsScroll","res","i","os","getOSAsync","getOS","platformVersion","_a","Page","onResizeTimer","onResizeListeners","windowSize","listener","callback","e","onResize","Events","addOnReize","removeOnResize","options","state","_b","$$1","el","Core","tvTooltipGenOptions","binding","vnode","tooltip","instance","_binding","_vnode","focus","appStickyObserver","sticky","entries","_el","appSwimUpObserver","directiveSwipUpOptions","appSwimUpEls","swimUpElTransform","windowHeight","triggerHeight","distance","swimUpInit","el2","entry","swimUp","args","percent","_window","vue","media","type","elStyle","style","app","options2","device","L","getDayOfWeek","y","m","d","dateToString","dateObject","langFormat","timeFormat","H","s","date","Y","timestamp","time","genDateMoscow","ms","dateoffset","moscow_dateoffset","dateStr","dateFormat","dateMixed","dateFormat2","emptyValue","dateForObj","result","timeStr","dateChunks","index","props","__props","titleStatus","titleImage","tagName","onInputLazy","_e","emit","__emit","$el","localValue","value","oninput","onchange","dateFormatted","init","datepicker","resolve","reject","require","value2","optionByValue","option","genOption","children","subOption","subIndex","flatOptionByValue","title","model","optionIcon","listEnabledValues","_sfc_render","_ctx","_cache","placeholder","clean","event"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"popup-DbR_IPME.amd.js","sources":["../../src/components/component.ts","../../src/components/popup/lib/popup.globalEvents.ts","../../src/components/popup/popup/style/popup.css?raw","../../src/components/popup/popup/style/popup.m.css?raw","../../src/components/popup/popup/style/popup.pc.css?raw","../../src/components/popup/lib/popup.ts"],"sourcesContent":["import DOM from '@/core/utils/dom';\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 | Window,\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 | Window,\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(): void {\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 */\r\n\tstatic onclick(e: Event): void {\r\n\t\tif (!(e.target instanceof Element)) return;\r\n\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 */\r\n\tstatic onkeydown(e: KeyboardEvent): void {\r\n\t\tif (!(e.target instanceof Element)) return;\r\n\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 instanceof HTMLElement) {\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 instanceof HTMLElement) {\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 && elLink.getAttribute('href')) {\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 instanceof HTMLElement) {\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 instanceof HTMLElement) {\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 = -1;\r\n\t\t\t\tif (elItemActive) {\r\n\t\t\t\t\tindex = elsLiVisible.indexOf(elItemActive);\r\n\t\t\t\t}\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-layer-secondary-1);\\r\\n\\t--top-popup-background-color-active: var(--color-layer-primary-1);\\r\\n\\r\\n\\t--top-popup-border-color: var(--color-line-2-opacity);\\r\\n\\t--top-popup-title-background-color: var(--color-layer-secondary-1);\\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: 14px;\\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\\tcolor: var(--color-text-1);\\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;}\\r\\n.top-popup_header > .a:hover { color: var(--color-text-primary-2); }\\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\\tcolor: var(--color-text-1);\\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\\tcolor: var(--color-text-1);\\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-1) !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 {\\r\\n\\tbackground: var(--top-popup-background-color-active);\\r\\n\\tcolor: var(--color-text-primary-1) !important;\\r\\n}\\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(--color-layer-secondary-1);\\r\\n\\tcolor: var(--color-text-1); 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-layer-secondary-3); }\\r\\nul.top-popup_content li > * > .top-popup_listMore {\\r\\n\\tmargin-left: auto;\\r\\n\\tcolor: var(--color-layer-secondary-4);\\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-text-primary-1); }\\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-2);\\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-1);\\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-text-primary-1); 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\\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\nexport interface PopupOptions {\r\n\tpopup?: string,\r\n\tp?: number,\r\n\tnotch?: boolean,\r\n\tclass?: string,\r\n\tposBy?: 'left' | 'right' | 'fixed' | Element,\r\n\tfrontSelector?: string,\r\n\tinvertX?: boolean,\r\n\topenByHover?: boolean,\r\n\tuseOriginal?: boolean,\r\n\ttransitionDuration?: number,\r\n\tisFullScreen?: boolean,\r\n\ti18n?: {\r\n\t\tClose?: string;\r\n\t}\r\n}\r\n\r\nexport class Popup extends Component {\r\n\r\n\tstatic componentName = 'Popup';\r\n\r\n\tdeclare el: Element; // элемент, вызвавший открытие Popup\r\n\telActiveByDefault: boolean | undefined; // элемент уже имеет класс top-active перед открытием окна\r\n\telPopup: Element | undefined | null; // Popup .top-popup-wrapper\r\n\telPopupInner: Element | undefined; // контентная часть Popup  .top-popup\r\n\telPopupHeader: Element | undefined | null;\r\n\telPopupWidget: Element | undefined | null;\r\n\telPopupBody: Element | undefined | null;\r\n\telPopupFooter: Element | undefined | null;\r\n\telFront: Element | undefined | null;\r\n\r\n\tpopupParent: Popup | undefined;\r\n\r\n\t$: JQuery<Element> | undefined; // только, если есть jQuery\r\n\r\n\telStartPosition: Element | undefined | null; // используется для 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: string | undefined; // selector или html\r\n\r\n\toptions: PopupOptions = {\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\ti18n: {},\r\n\t};\r\n\r\n\tevents = {};\r\n\r\n\t// el - элемент, открывающий меню\r\n\tconstructor(el: Element, options: PopupOptions) {\r\n\t\tsuper();\r\n\r\n\t\treturn this.init(Popup.componentName, el, options) as Popup;\r\n\t}\r\n\r\n\tasync mount(): Promise<void> {\r\n\t\tif (!(this.el instanceof HTMLElement)) return;\r\n\t\tconst vueConnector = this.vueGetComponent();\r\n\r\n\t\tif (this.el.closest('.top-popup-wrapper')) this.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) as Element;\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 => {\r\n\t\t\t\t\tif (el instanceof HTMLElement) el.dataset.topPopupPosBy = 'fixed';\r\n\t\t\t\t});\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\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\t\t\tthis.elPopup.style.setProperty('--top-popup-transition-delay',\r\n\t\t\t\t\t\tthis.options.transitionDuration + 'ms');\r\n\t\t\t\t}\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 && this.options.i18n?.Close) {\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\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\tthis.elPopup.style.width = this.el.offsetWidth + 'px';\r\n\t\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\r\n\t\t\tthis.elPopup.style.top = this.el.offsetTop + 'px';\r\n\t\t\tthis.elPopup.style.right = parseInt(this.el.style.right || '0') + 'px';\r\n\t\t\tthis.elPopup.style.bottom = parseInt(this.el.style.bottom || '0') + 'px';\r\n\t\t}\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\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\t\tthis.elPopup.style.top = parseInt(this.elPopup.style.top || '0') + this.shift.top + 'px';\r\n\t\t\t\tthis.elPopup.style.left = parseInt(this.elPopup.style.left || '0') + this.shift.left + 'px';\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.$ && Core.$) {\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(): void {\r\n\t\tlet el: Element | null;\r\n\r\n\t\tif (this.elPopup) {\r\n\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup-autofocus');\r\n\r\n\t\t\t// поле ввода\r\n\t\t\tif (!el) {\r\n\t\t\t\tel = DOM.querySelectorVisible(this.elPopup, ':read-write, select:not(:disabled)');\r\n\t\t\t}\r\n\r\n\t\t\t// кнопка\r\n\t\t\tif (!el) {\r\n\t\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup_footer .top-button');\r\n\t\t\t}\r\n\r\n\t\t\tif (!el) {\r\n\t\t\t\tel = this.elPopup;\r\n\t\t\t}\r\n\r\n\t\t\t// выполнить фокусировку сразу, для применения необъодимых стилей\r\n\t\t\tif (el instanceof HTMLElement) el.focus();\r\n\r\n\t\t\t// выполнить фокусировку после завершения анимации открытия popup\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tif (el instanceof HTMLElement) el.focus();\r\n\t\t\t}, this.options.transitionDuration);\r\n\t\t}\r\n\t}\r\n\r\n\tmountEvents(): void {\r\n\t\t// закрытие при клике вне контекстного меню\r\n\t\tthis.addEventListenerWithUnmount(document, 'mousedown', (e) => this.onMousedown(e));\r\n\r\n\t\tif (this.elPopup && this.elPopupInner) {\r\n\t\t\t// закрыть другие меню\r\n\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'focus', (e) => this.onFocus(e));\r\n\r\n\t\t\t// автоматическое закрытие при отведении мыши\r\n\t\t\tif (this.options.openByHover) {\r\n\t\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'mouseleave', (e) => this.onMouseleave(e));\r\n\t\t\t\tthis.addEventListenerWithUnmount(this.elPopupInner, 'mouseleave', (e) => this.onMouseleave(e));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// не скроллить страницу\r\n\t\tif (this.options.isFullScreen && this.elPopupBody) {\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 */\r\n\tonMousedown(e: Event): void {\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 || !(e.target instanceof Element)) {\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 instanceof MouseEvent && 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\tif (e.target.closest('.top-popup-front')) {\r\n\t\t\telPopupOpened = DOM.querySelectorVisibleLast(e.target.closest('.top-popup-front')!, ':scope > .top-popup-wrapper');\r\n\r\n\t\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\r\n\t\t\t\treturn;\r\n\t\t\t}\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 */\r\n\tonFocus(e: Event): void {\r\n\t\tif (e.target instanceof Element && 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 */\r\n\tonMouseleave(_e: Event): void {\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.elPopupInner && this.elPopupInner.matches(':hover') || !this.elPopup) {\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(): void {\r\n\t\t// на android при вызове метода append сбрасывается фокус с input внутри this.elPopup\r\n\t\tif (this.elPopup && this.elPopup.parentElement !== document.body) {\r\n\t\t\tdocument.body.append(this.elPopup);\r\n\t\t}\r\n\r\n\t\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\tthis.elPopup.style.top = DOM.offset(this.el).top + 'px';\r\n\t\t\tthis.elPopup.style.left = DOM.offset(this.el).left + 'px';\r\n\t\t}\r\n\t}\r\n\r\n\tunmount(): void {\r\n\t\tsuper.unmount();\r\n\r\n\t\tif (this.el instanceof HTMLElement) this.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(): void {\r\n\t\tif (!(this.elPopup instanceof HTMLElement)) return;\r\n\r\n\t\tlet p = this.options.p;\r\n\t\tlet leftPos: number;\r\n\r\n\t\tif (this.el instanceof HTMLElement) {\r\n\t\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\r\n\r\n\t\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\r\n\t\t\tthis.elPopup.classList.add('p' + p);\r\n\r\n\t\t\tswitch (this.options.posBy) {\r\n\t\t\t\tcase 'left':\r\n\t\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || '0');\r\n\t\t\t\t\tleftPos += this.shift.left;\r\n\t\t\t\t\tthis.elPopup.style.left = leftPos + 'px';\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'right':\r\n\t\t\t\t\tif (!(this.el.offsetParent instanceof HTMLElement)) break;\r\n\r\n\t\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || '0');\r\n\t\t\t\t\tthis.elPopup.style.right = this.el.offsetParent.offsetWidth - this.el.offsetWidth - leftPos + 'px';\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'fixed':\r\n\t\t\t\t\tthis.addEventListenerWithUnmount(window, 'resize', () => this.onResize());\r\n\r\n\t\t\t\t\tthis.onResize();\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.options.posBy?.append(this.elPopup);\r\n\t\t\t}\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\tif (this.elPopupInner instanceof HTMLElement) {\r\n\t\t\tthis.elPopupInner.style.maxWidth = 'unset';\r\n\t\t\tthis.elPopupInner.style.maxHeight = 'unset';\r\n\t\t}\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\tlet contentRight: number;\r\n\t\tlet contentBottom: number;\r\n\r\n\t\tif (contentBoundingClientRect) {\r\n\t\t\tcontentRight = window.innerWidth - contentBoundingClientRect.right;\r\n\t\t\tcontentBottom = window.innerHeight - contentBoundingClientRect.bottom;\r\n\r\n\t\t\tconst margin = 8;\r\n\r\n\t\t\tif (contentBoundingClientRect.top < margin) {\r\n\t\t\t\toutTop = true;\r\n\t\t\t}\r\n\r\n\t\t\tif (contentRight < margin) {\r\n\t\t\t\toutRight = true;\r\n\t\t\t}\r\n\r\n\t\t\tif (contentBottom < margin) {\r\n\t\t\t\toutBottom = true;\r\n\t\t\t}\r\n\r\n\t\t\tif (contentBoundingClientRect.left < margin) {\r\n\t\t\t\toutLeft = true;\r\n\t\t\t}\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\tif (this.elPopupInner instanceof HTMLElement) {\r\n\t\t\tthis.elPopupInner.style.maxWidth = '';\r\n\t\t\tthis.elPopupInner.style.maxHeight = '';\r\n\t\t}\r\n\r\n\t\tWorker.scrollToActive(this.elPopup);\r\n\t};\r\n\r\n\tonTouchmove(e: Event): void {\r\n\t\tif (e.currentTarget instanceof HTMLElement && e.target instanceof HTMLElement) {\r\n\t\t\t// разрешить горизональный скролл\r\n\t\t\tlet hasScrollX = e.currentTarget.scrollWidth > e.currentTarget.offsetWidth;\r\n\t\t\tif (hasScrollX) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (e.target.parentElement?.scrollWidth && e.target.parentElement?.offsetWidth) {\r\n\t\t\t\t// разрешить горизональный скролл\r\n\t\t\t\tlet hasScrollX2 = e.target.parentElement.scrollWidth > e.target.parentElement?.offsetWidth;\r\n\t\t\t\tif (hasScrollX2) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!e.currentTarget.matches('.has_scroll')) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose(): void {\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.$ && Core.$ && this.elPopup) {\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.elPopup) return;\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(): Promise<void> {\r\n\t\tawait this.vueGetComponent()?.onOpen(this);\r\n\t}\r\n\r\n\tvueClose(): void {\r\n\t\tthis.vueGetComponent()?.onClose(this);\r\n\t}\r\n\r\n\t// получить vueConnectors компонента Popup\r\n\tvueGetComponent() {\r\n\t\tif (this.el instanceof HTMLElement) return 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","utils_dom","eventData","type","listener","nodes","node","_a","GlobalEvents","e","elCloser","elUl","popup_worker","elPopup","elBtn","elFooterLastBtn","elItem","elMore","countLi","elsLiVisible","index","_b","css","cssM","cssPC","Core","Popup","vueConnector","classes","existsWidgetSearch","_d","fromTop","forms","elPopupOpened","_c","p","leftPos","boundingClientRect","outTop","outRight","outBottom","outLeft","usefulInvertX","usefulInvertY","margin","contentBoundingClientRect","contentRight","contentBottom","_e","elsPopups","elPopupLast"],"mappings":"+JAKA,MAAAA,CAAA,CAAgB,OAAA,cAAA,MAEQ,cAEvB,UACA,IACA,6CAKwB,KAAAC,EAAAC,EAAAC,EAAA,OAOtB,MAAAF,EAAA,qDAMA,OAAAG,EAAA,OAAAD,CAAA,IAKD,KAAA,cAAAF,wHAIA,KAAA,cAAAC,CAAA,EACA,KAAA,GAAAA,EACA,KAAA,GAAA,UAAA,IAAA,KAAA,SAAA,EACA,KAAA,QAAA,OAAA,OAAA,KAAA,QAAAC,CAAA,EAEA,KAAA,MAAA,EACD,OAAA,aAAAD,EAAAD,EAAA,oDASCI,EAAA,QAAA,QAAAH,EAAA,IAAA,KAAA,cAAA,IAAA,EACD,OAAA,CAIC,KAAA,4CAAA,KAAA,cACD,SAAA,CAICG,EAAA,QAAA,QAAA,KAAA,GAAA,IAAA,KAAA,cAAA,IAAA,8BAGCH,EAAA,OAAA,CAAU,CAAA,EAGX,KAAA,WAAA,CAAA,iCAGCI,EAAA,GAAA,oBAAAA,EAAA,KAAAA,EAAA,SAAAA,EAAA,OAAA,CAAsF,CAAA,EAGvF,KAAA,cAAA,CAAA,iHAiBA,KAAA,wBAAAJ,EAAAK,EAAAC,EAAAL,CAAA,4CAUkB,GAAAD,EACjB,KAAAK,EACA,SAAAC,EACA,QAAAL,CACA,uCAQD,KAAA,6CAAA,KAAA,cACD,OAAA,OAAAM,EAAA,OAOC,GAAAA,EAAA,QACCA,EAAA,QAAAC,GAAA,OAAA,OAAAC,EAAAD,EAAA,gBAAA,YAAAC,EAAA,YAAAD,GAAA,MAAmE,CAEnE,MAAAR,EAAAO,+CAKH,CCzHA,MAAAG,CAAA,mHAIC,OAAA,QAAAC,EAAA,6JAqBE,OAAAC,EAAA,QAAA,qBAAA,EACC,wCAKAD,EAAA,eAAA,wGAaCF,EAAAI,EAAA,cAAA,6BAAA,IAAA,MAAAJ,EAAA,UAAA,OAAA,gDAOD,OAIDK,EAAA,YAAA,MAAAC,CAAA,6CAKA,MAAAA,EAAAJ,EAAA,OAEAG,EAAA,YAAA,MAAAC,CAAA,GAEF,OAAA,UAAAJ,EAAA,uGAYE,qEAKc,IAAA,SAEbG,EAAA,YAAA,MAAAC,CAAA,EAEA,MAAA,IAAA,iEAME,yGAKD,GAAAC,aAAA,YAAA,CACCA,EAAA,MAAA,EAEA,oFAKDC,aAAA,aACCA,EAAA,MAAA,EAGD,gGAQAN,EAAA,eAAA,oFAODO,aAAA,aACCA,EAAA,MAAA,EAGD,qDAKI,IAAA,kBAGH,MAGDP,EAAA,MAAA,cAAAA,EAAA,MAAA,YACCR,EAAA,QAAA,qBAA0BY,EAAqB,8FAC9C,GAEAJ,EAAA,eAAA,EAGDA,EAAA,eAAA,8NAaA,GAAAQ,aAAA,YACC,OAAAA,EAAA,MAAA,0GAKFC,EAAAC,EAAA,aAGC,OAGD,IAAAC,EAAA,0BAKAX,EAAA,MAAA,WAAAA,EAAA,MAAA,iFASE,OAGDG,EAAA,YAAA,MAAAC,CAAA,iCAKA,OAGDO,EAAA,IACCA,EAAAF,EAAA,GAGDE,EAAAF,EAAA,qHAKAG,EAAAF,EAAAC,CAAA,EAAA,cAAA,yBAAA,IAAA,MAAAC,EAAA,UAAA,IAAA,cAEAT,EAAA,YAAA,eAAAC,CAAA,EAEA,OAIJ,CC7NA,MAAAS,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gECAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6HCAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}