@topvisor/ui 1.0.0-rc-2 → 1.0.1

package/.chunks/{forms--Ye61xQ5.amd.js.map → forms-DKL0e9tp.amd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"forms--Ye61xQ5.amd.js","sources":["../../src/core/utils/device.ts","../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.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/loadbar/loadbar.vue","../../src/components/forms/input/input.vue","../../src/components/forms/inputDate/inputDate.vue","../../src/components/forms/radio/radio.vue","../../src/components/forms/switcher/switcher.vue","../../src/components/forms/textarea/textarea.vue","../../src/components/forms/select/select.vue","../../src/components/forms/forms.ts"],"sourcesContent":["/**\n * Получение информации об устройстве\n * @packageDocumentation\n */\n\n/**\n * Определить, увеличинная ли плотность пикселей у экрана (DPR > 1)\n */\nexport function isRetina(): boolean {\n\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n}\n\n/**\n * Определить, является ли устройство мобильным\n */\nexport function isMobile(): boolean {\n\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n}\n\n/**\n * Определить, открыт ли сайт в приложении\n */\nexport function isApp(): boolean {\n\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n}\n\n/**\n * Определить, является ли OS пользователя macOS\n */\nexport function isMacOS(): boolean {\n\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n}\n\n/**\n * Определить, является ли текущий браузер пользователя Safari\n */\nexport function isSafari(): boolean {\n\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\tlet isSafari = /Safari/.test(navigator.userAgent);\n\tif (isChrome && isSafari) {\n\t\tisSafari = false;\n\t}\n\n\treturn isSafari;\n}\n\n/**\n * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n */\nexport function getCommandKeyLabel(): 'Ctrl' | '⌘' {\n\tif (isMacOS()) {\n\t\treturn '⌘';\n\t} else {\n\t\treturn 'Ctrl';\n\t}\n}\n\n/**\n * Вернуть скролл с учетом устройства\n */\nexport const getScrollTop = (): number | undefined => {\n\treturn $(document).scrollTop();\n};\n\n/**\n * Вернуть контейнеры со скроллом (требует jquery)\n */\nexport const get$scroll = (): JQuery<Document> => {\n\treturn $(document);\n};\n\n/**\n * Вернуть контейнеры со скроллом (без jquery)\n */\nexport const getElsScroll = (): Document[] => {\n\treturn [document];\n};\n\n/**\n * Получить операционную систему пользователя\n *\n * Не определяет Windows 11, см. getOSAsync()\n */\nexport const getOS = (): string => {\n\tconst os: [string, RegExp][] = [\n\t\t['iOS', /(iPhone|iPad)/i],\n\t\t['Android', /(Android)/i],\n\t\t['Windows Phone', /(IEMobile)/i],\n\t\t['Windows 3.11', /Win16/i],\n\t\t['Windows 95', /(Windows 95)|(Win95)|(Windows_95)/i],\n\t\t['Windows 98', /(Windows 98)|(Win98)/i],\n\t\t['Windows 2000', /(Windows NT 5.0)|(Windows 2000)/i],\n\t\t['Windows XP', /(Windows NT 5.1)|(Windows XP)/i],\n\t\t['Windows Server 2003', /(Windows NT 5.2)/i],\n\t\t['Windows Vista', /(Windows NT 6.0)/i],\n\t\t['Windows 7', /(Windows NT 6.1)/i],\n\t\t['Windows 8', /(Windows NT 6.[23])|(Windows 8)/i],\n\t\t['Windows 10', /(Windows NT 10)/i],\n\t\t['Windows NT 4.0', /(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)/i],\n\t\t['Windows ME', /Windows ME/i],\n\t\t['Windows', /Windows/i],\n\t\t['Open BSD', /OpenBSD/i],\n\t\t['Sun OS', /SunOS/i],\n\t\t['Linux', /(Linux)|(X11)/i],\n\t\t['Macintosh', /(Mac_PowerPC)|(Macintosh)|(Mac OS X 10.4)|(Mac OS X 10.5)|(Mac OS X 10.6)/i],\n\t\t['QNX', /QNX/i],\n\t\t['BeOS', /BeOS/i],\n\t\t['OS/2', /OS\\/2/i],\n\t];\n\n\tlet res = '';\n\tfor (let i = 0; i < os.length; i++) {\n\t\tif (os[i][1].test(navigator.userAgent)) {\n\t\t\tres = os[i][0];\n\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn res;\n};\n\n/**\n * Получить операционную систему пользователя, в том числе Windows 11\n */\nexport const getOSAsync = async (): Promise<string> => {\n\tlet os = getOS();\n\n\tif (os === 'Windows 10') {\n\t\t// @ts-ignore - experimental technology\n\t\tconst platformVersion = await navigator?.userAgentData?.getHighEntropyValues(['platformVersion']);\n\t\tif (platformVersion && platformVersion.platformVersion >= '13') {\n\t\t\tos = 'Windows 11';\n\t\t}\n\t}\n\n\treturn os;\n};\n","const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize(listener: (this: HTMLElement, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize(listener: (this: HTMLElement, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize(e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n *\n * Начальные значений устанавилаются при подклчюении Core во Vue приложение через app.use(PluginCore, options)\n */\nexport default {\n\t/**\n\t * Базовая ширина страницы для отображения ПК / Мобильной версии сайта\n\t */\n\twidthForMobile: 900,\n\n\t/**\n\t * Формат даты, который будет испоьзоваться по умолчанию для вывода даты, как правило, завсит от текущего пользователя\n\t */\n\tdateFormat: 'Y-m-d',\n\n\t/**\n\t * Валюта, которая будет испоьзоваться по умолчанию, как правило, завсит от текущего пользователя\n\t */\n\tcurrency: 'USD' as 'RUB' | 'USD' | 'EUR',\n\n\t/**\n\t * Для Москвы: +0300\n\t */\n\tgmt: new Date().toString().match(/GMT(\\S+)/)?.[1] as string,\n};\n","import options from './options';\n\n/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\tdateFormat: options.dateFormat,\n\tcurrency: options.currency,\n\tgmt: options.gmt,\n\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\n\t/**\n\t * Максимальная сторона страницы\n\t */\n\tsize: 0,\n\n\t// /**\n\t//  * true, если страница скрыта\n\t//  */\n\t// isHidden: false,\n};\n\nexport default state;\n","import { reactive } from 'vue';\nimport { isApp, isMobile, isRetina } from '@/core/utils/device';\nimport Events from '@/core/core/events';\nimport state from '@/core/core/state';\n\n/**\n * Статический класс с текущим состоянимем UI\n */\nexport default class Core {\n\n\t/**\n\t * Настройки словаря\n\t *\n\t * @deprecated - используйте useI18n() и $i18n;\n\t */\n\tstatic L = reactive({\n\t\tNot_date: 'Not date',\n\t});\n\n\tstatic state = reactive({ ...state });\n\n\tstatic widthForMobile = 900;\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\tstatic $ = window['$'] as typeof $ | undefined;\n\n\tstatic Events = Events;\n\n\tstatic _setState() {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = isMobile();\n\t\tCore.state.isRetina = isRetina();\n\t\tCore.state.isApp = isApp();\n\t\t// Core.state.isHidden = this.isHidden();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tprivate static onResize() {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tprivate static setStateByWindowSize() {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tprivate static saveToCookie() {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n\t/**\n\t * Проверить скрыта страница или нет\n\t */\n\tstatic isHidden = (): boolean => document.hidden;\n\n\t/**\n\t * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media\n\t *\n\t * Правила media:\n\t * - Файлы *.m.css будут грузиться, только на экранах с шириной менее, чем Core.widthForMobile\n\t * - Файлы *.pc.css будут грузиться, только на экранах с шириной более, чем Core.widthForMobile\n\t *\n\t * Настройкой Core.widthForMobile можно управлять через plugin: @topvisor/ui/plugin/core\n\t *\n\t * @param fileNames - список ссылок на css файлы\n\t * @param useSync - использовать синхронную загрузку css, только для css с того же домена. В синхронном режиме стили предзагружаются независимо от\n\t * media\n\t */\n\tstatic insertCSSLinkToPage = (fileNames: Array<string>, useSync = false) => {\n\t\tconst cssFilesByOptions = new Map();\n\t\tcssFilesByOptions.set('::', []);\n\n\t\tfileNames.forEach(filename => {\n\t\t\tlet m = false;\n\t\t\tlet pc = false;\n\n\t\t\tif (filename.match(/\\.m\\./)) {\n\t\t\t\tm = true;\n\t\t\t}\n\t\t\tif (filename.match(/\\.pc\\./)) {\n\t\t\t\tpc = true;\n\t\t\t}\n\n\t\t\tconst key = `${m}:${pc}`;\n\t\t\tif (!cssFilesByOptions.has(key)) {\n\t\t\t\tcssFilesByOptions.set(`${m}:${pc}`, []);\n\t\t\t}\n\t\t\tcssFilesByOptions.get(`${m}:${pc}`).push(filename);\n\t\t});\n\n\t\tconst promises: Array<Promise<unknown>> = [];\n\n\t\tcssFilesByOptions.forEach((fileNames, options: string) => {\n\t\t\tif (!fileNames.length) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [m, pc] = options.split(':').map(item => item === 'true');\n\n\t\t\tlet media = 'all';\n\t\t\tif (m) {\n\t\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\n\t\t\t}\n\t\t\tif (pc) {\n\t\t\t\tmedia = '(min-width: ' + Core.widthForMobile + 'px)';\n\t\t\t}\n\n\t\t\tconst promisesI = Core._insertToPage(fileNames, media, useSync);\n\t\t\tpromisesI.forEach(promise => promises.push(promise));\n\t\t});\n\n\t\treturn Promise.all(promises);\n\t};\n\n\tprivate static _insertToPage = (fileNames: Array<string>, media: string, useSync: boolean) => {\n\t\tconst promises: Array<Promise<unknown>> = [];\n\n\t\tfileNames.forEach(fileName => {\n\t\t\t// синхронная загрузка, чтобы функция не выполнилась раньше загрузки стилей\n\t\t\tif (useSync) {\n\t\t\t\tconst request = new XMLHttpRequest();\n\t\t\t\trequest.open('GET', fileName, false);\n\t\t\t\trequest.send();\n\t\t\t}\n\n\t\t\tconst id = 'topCSSLink-' + fileName.replace(/\\W/g, '-');\n\n\t\t\t// стиль уже загружен\n\t\t\tif (window.hasOwnProperty(id)) return;\n\n\t\t\tlet resolve: Function;\n\t\t\tlet reject: Function;\n\t\t\tconst promise = new Promise((_resolve, _reject) => {\n\t\t\t\tresolve = _resolve;\n\t\t\t\treject = _reject;\n\t\t\t});\n\t\t\tpromises.push(promise);\n\n\t\t\tconst elLink = document.createElement('link');\n\t\t\telLink.id = id;\n\t\t\telLink.rel = 'stylesheet';\n\t\t\telLink.media = media;\n\t\t\telLink.href = fileName;\n\t\t\telLink.onload = () => resolve();\n\t\t\telLink.onerror = () => reject();\n\n\t\t\tdocument.head.append(elLink);\n\t\t});\n\n\t\treturn promises;\n\t};\n\n\t/**\n\t * Вставить css стили на страницу с автоматическим добавлением правил media\n\t *\n\t * Загрузка с Vite:\n\t *\n\t * ```js\n\t * import style from '/style.css?raw';\n\t *\n\t * insertToPageAsInine(style);\n\t * ```\n\t *\n\t * Загрузка с fetch:\n\t *\n\t * ```js\n\t * const style = await fetch('./style.css');\n\t *\n\t * insertToPageAsInine(style);\n\t * ```\n\t *\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile\n\t *\n\t * @see insertToPage\n\t */\n\tstatic insertStyleToPage = (style: string, type: '' | 'm' | 'pc' = '') => {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + Core.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t};\n\n}\n","/**\n * Работа с датами\n * @packageDocumentation\n */\n\nimport Core from '@/core/core/core';\n\nconst L = (window as any).L ?? {};\n\n/**\n * Получить день недели\n */\nexport const getDayOfWeek = (y: number, m: number, d: number): string => {\n\tswitch ((new Date(y, m, d)).getDay()) {\n\t\tcase 0:\n\t\t\treturn L.Vs + '.';\n\t\tcase 1:\n\t\t\treturn L.Pn + '.';\n\t\tcase 2:\n\t\t\treturn L.Vt + '.';\n\t\tcase 3:\n\t\t\treturn L.Sr + '.';\n\t\tcase 4:\n\t\t\treturn L.Ct + '.';\n\t\tcase 5:\n\t\t\treturn L.Pt + '.';\n\t\tcase 6:\n\t\t\treturn L.Sb + '.';\n\t\tdefault:\n\t\t\treturn '';\n\t}\n};\n\n/**\n * Преобразовать дату в строку формата Y-m-d H:i:s\n * @param dateObject - объект Date\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\n * @param timeFormat - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\n */\nexport const dateToString = (dateObject: Date, langFormat: boolean = true, timeFormat: 0 | 1 | 2 | 3 = 2): string => {\n\tlet Y = String(dateObject.getFullYear());\n\tlet d = String(dateObject.getDate()).padStart(2, '0');\n\tlet m = String(dateObject.getMonth() + 1).padStart(2, '0');\n\tlet H = String(dateObject.getHours()).padStart(2, '0');\n\tlet i = String(dateObject.getMinutes()).padStart(2, '0');\n\tlet s = String(dateObject.getSeconds()).padStart(2, '0');\n\n\tlet date = Y + '-' + m + '-' + d;\n\tif (timeFormat >= 1) date += ' ' + H;\n\tif (timeFormat >= 2) date += ':' + i;\n\tif (timeFormat === 3) date += ':' + s;\n\tif (langFormat) date = dateFormat(date, timeFormat);\n\n\treturn date;\n};\n\n/**\n * Получить объект Date из строки\n * @param date - строка с датой\n */\nexport function stringToDate(date: string): Date {\n\tif (date.indexOf('T') === -1) {\n\t\tif (date.length == 10) {\n\t\t\tdate += ' 00:00:00';\n\t\t}\n\n\t\tdate = date.replace(' ', 'T') + Core.state.gmt;\n\t}\n\n\treturn new Date(date);\n}\n\n/**\n * Генерация даты-строки из миллисекунд (UTC), в формате Y-m-d H:i:s\n * @param timestamp - дата в мс, если не передана, берется дата на момент вызова функции\n * @param useFormat - если true, формат даты будет взят из Core.state.dateFormat\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\n */\nexport function genDate(timestamp: number | undefined, useFormat: boolean = true, time: 0 | 1 | 2 | 3 = 0): string {\n\tlet date;\n\tif (timestamp != undefined) {\n\t\tdate = new Date(timestamp);\n\t} else {\n\t\tdate = new Date();\n\t}\n\n\tconst Y = date.getFullYear();\n\tconst m = String(date.getMonth() + 1).padStart(2, '0');\n\tconst d = date.getDate().toString().padStart(2, '0');\n\n\tconst H = date.getHours().toString().padStart(2, '0');\n\tconst i = date.getMinutes().toString().padStart(2, '0');\n\tconst s = date.getSeconds().toString().padStart(2, '0');\n\n\tdate = Y + '-' + m + '-' + d;\n\n\tif (time) date += ' ';\n\tif (time >= 1) date += H;\n\tif (time >= 2) date += ':' + i;\n\tif (time >= 3) date += ':' + s;\n\n\tif (useFormat) {\n\t\tdate = dateFormat(date, time);\n\t}\n\n\treturn date;\n}\n\n/**\n * Генерация даты-строки (время московское) из миллисекунд (UTC), в формате Y-m-d H:i:s\n * @param ms - дата в мс, если не передана, берется дата на момент вызова функции\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\n */\nexport function genDateMoscow(ms: number | undefined, langFormat: boolean = true): string {\n\tconst time_zone = (new Date().getTimezoneOffset() / 60) * (-1);\n\tconst dateoffset = time_zone * 60 * 60 * 1000;\n\tconst moscow_dateoffset = 3 * 60 * 60 * 1000;\n\n\tlet date: Date;\n\tif (ms !== undefined) {\n\t\tdate = new Date(ms);\n\t} else {\n\t\tdate = new Date();\n\t}\n\n\tdate.setTime(date.getTime() - dateoffset + moscow_dateoffset);\n\n\tlet Y = String(date.getFullYear());\n\tlet d = String(date.getDate()).padStart(2, '0');\n\tlet m = String(date.getMonth() + 1).padStart(2, '0');\n\tlet H = String(date.getHours()).padStart(2, '0');\n\tlet i = String(date.getMinutes()).padStart(2, '0');\n\tlet s = String(date.getSeconds()).padStart(2, '0');\n\n\tlet dateStr = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s;\n\tif (langFormat) {\n\t\tdateStr = dateFormat(dateStr);\n\t}\n\n\treturn dateStr;\n}\n\n/**\n * Перевод даты в формат пользователя\n * @param date - объект даты или строка в формате Y-m-d H:i:s\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\n * @param dateformat -\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\n */\nexport function dateFormat(dateMixed: string | Date, time: 0 | 1 | 2 | 3 = 2, dateFormat?: string, emptyValue: string = Core.L.Not_date): string {\n\tif (typeof dateMixed === 'string') {\n\t\tif (!dateMixed || dateMixed.substring(0, 10) === '0000-00-00') {\n\t\t\tif (emptyValue && emptyValue !== '0000-00-00') {\n\t\t\t\treturn emptyValue;\n\t\t\t}\n\t\t}\n\t}\n\n\tif (!dateMixed) return emptyValue;\n\n\tif (!dateFormat) {\n\t\tdateFormat = Core.state.dateFormat;\n\t}\n\n\tdateFormat = dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\n\n\tlet date: Date;\n\tif (dateMixed instanceof Date) {\n\t\tdate = dateMixed;\n\t} else {\n\t\tlet dateForObj = dateMixed.substring(0, 10);\n\t\tif (dateForObj.length === 7) dateForObj += '-01';\n\t\tdateForObj += ' 00:00';\n\t\tdateForObj = dateForObj.replace(/-/g, '/'); // safari fix\n\n\t\tdate = new Date(dateForObj);\n\t\tif (isNaN(Number(date))) return emptyValue;\n\t}\n\n\tlet result = '';\n\n\tif (dateFormat && window['$']) {\n\t\tresult = $.datepicker.formatDate(dateFormat, date);\n\t}\n\n\tif (time && typeof dateMixed === 'string' && dateMixed.length > 10 || time && dateMixed instanceof Date) {\n\t\tlet timeStr: string = '';\n\t\tif (dateMixed instanceof Date) {\n\t\t\ttimeStr = new Date().toLocaleTimeString('en-US', {\n\t\t\t\thour12: false,\n\t\t\t\thour: 'numeric',\n\t\t\t\tminute: time >= 2 ? 'numeric' : undefined,\n\t\t\t\tsecond: time >= 3 ? 'numeric' : undefined,\n\t\t\t});\n\t\t} else {\n\t\t\tswitch (time) {\n\t\t\t\t// часы\n\t\t\t\tcase 1:\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 13);\n\n\t\t\t\t\tbreak;\n\t\t\t\t// часы и минуты\n\t\t\t\tcase 2:\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 16);\n\n\t\t\t\t\tbreak;\n\t\t\t\t// часы, минуты и секунды\n\t\t\t\tcase 3:\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 19);\n\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tresult += ' ' + timeStr;\n\t}\n\n\tresult = result.trim();\n\n\treturn result;\n}\n\n/**\n * Перевод даты из формата пользователя в системный формат Y-m-d H:i:s\n * @param date - строка с датой\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\n */\nexport function dateUnformat(date: string, emptyValue: string = Core.L.Not_date): string {\n\tif (!date) {\n\t\treturn emptyValue;\n\t}\n\n\tif (date.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\n\t\treturn date;\n\t}\n\n\tconst dateFormat = Core.state.dateFormat.toLowerCase();\n\n\tconst dateChunks = date.split(/\\W/);\n\tconst dateFormatChunks = dateFormat.split(/\\W/);\n\n\tlet d = '';\n\tlet m = '';\n\tlet y = '';\n\n\tdateFormatChunks.forEach((type, index) => {\n\t\tswitch (type) {\n\t\t\tcase 'd':\n\t\t\t\td = dateChunks[index];\n\n\t\t\t\tbreak;\n\t\t\tcase 'm':\n\t\t\t\tm = dateChunks[index];\n\n\t\t\t\tbreak;\n\t\t\tcase 'y':\n\t\t\t\ty = dateChunks[index];\n\n\t\t\t\tbreak;\n\t\t}\n\t});\n\n\tlet result = y + '-' + m + '-' + d;\n\n\tif (!result.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\n\t\tconsole.info('Неверный формат даты, будет возращена текущая дата, ' + result);\n\n\t\tresult = genDate((new Date()).getTime(), false).substring(0, 10);\n\t}\n\n\treturn result;\n}\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { Props } from './avatar';\nimport { dateFormat } from '@/core/utils/date';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 64,\n\ti18n: () => ({\n\t\tOnline: 'Online',\n\t\tLastSeen: 'Last seen',\n\t}),\n});\n\nconst titleStatus = computed(() => {\n\tif (props.isOnline) {\n\t\treturn props.i18n?.Online;\n\t}\n\n\tif (props.lastActiveTime) {\n\t\treturn props.i18n?.LastSeen + ': ' + dateFormat(props.lastActiveTime, 2);\n\t}\n});\n\nconst titleImage = computed(() => {\n\tif (!props.nickname) return titleStatus.value;\n\n\treturn props.nickname + (titleStatus.value ? `\\n${titleStatus.value}` : '');\n});\n</script>\n\n<template>\n\t<div class=\"top-avatar\">\n\t\t<img\n\t\t\tclass=\"top-avatar_image\"\n\t\t\t:src=\"image\"\n\t\t\t:title=\"titleImage\"\n\t\t\talt=\"\"\n\t\t>\n\n\t\t<div\n\t\t\tv-if=\"isOnline\"\n\t\t\tclass=\"top-avatar_status\"\n\t\t\t:title=\"titleStatus\"\n\t\t>\n\t\t</div>\n\t</div>\n</template>\n\n<style module>\n.top-avatar {\n\twidth: v-bind(size+ \"px\");\n\theight: v-bind(size+ \"px\");\n\tdisplay: flex;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tposition: relative;\n\ttop: 0;\n\tleft: 0;\n}\n\n.top-avatar_image {\n\tborder-radius: 50%;\n\twidth: 100%;\n\theight: 100%;\n}\n\n.top-avatar_status {\n\tborder-radius: 50%;\n\tborder: 2px solid var(--content-background-color);\n\tbackground-color: var(--color-bg-positive-2);\n\twidth: 25%;\n\theight: 25%;\n\tposition: absolute;\n\tright: 0;\n\tbottom: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './button';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tstyling: '',\n\tsize: 's',\n});\n\nconst tagName = computed(() => props.href ? 'a' : 'button');\n\nconst type = computed(() => props.isSubmit ? 'submit' : undefined);\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\t:class=\"{\n\t\t\t['top-active']: isActive,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t['top-button']: true,\n\t\t\t['top-button-progress']: isProgress,\n\t\t\t[`top-size_${size}`]: !!size,\n\t\t\t[`top-color_${color}`]: true,\n\t\t\t[`top-style_${styling}`]: !!styling,\n\t\t\t['top-button-withoutText']: !$slots.default,\n\t\t}\"\n\t\t:name=\"name\"\n\t\t:title=\"title\"\n\t\t:href=\"href\"\n\t\t:type=\"type\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:data-top-icon2=\"icon2 || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t:inProgress=\"isProgress\"\n\t>\n\t\t<span\n\t\t\tv-if=\"badgeNumber\"\n\t\t\t:data-top-badge=\"badgeNumber\"\n\t\t\tclass=\"top-button_badge\"\n\t\t\t:class=\"{\n\t\t\t\t['top-button_badge-afterText']: badgePosAfterText,\n\t\t\t}\"\n\t\t></span>\n\n\t\t<span\n\t\t\tv-if=\"$slots.default\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<!-- @slot Текст в кнопке -->\n\t\t\t<slot>\n\t\t\t\t{{ !icon ? 'Button' : '' }}\n\t\t\t</slot>\n\t\t</span>\n\n\t\t<!-- @slot HTML в кнопке -->\n\t\t<slot name=\"html\"></slot>\n\t</component>\n</template>\n\n<style module>\n@import \"./style/button.css\";\n@import \"./style/style-outline.css\";\n@import \"./style/style-soft.css\";\n@import \"./style/style-transparent.css\";\n\n.top-button {\n\t--top-button-color: var(--color-white);\n\t--top-button-background-color: transparent;\n\t--top-button-background-color-hover: var(--top-button-background-color);\n\t--top-button-background-color-active: var(--top-button-background-color-hover);\n\t--top-button-background-color-selected: var(--top-button-background-color-hover);\n\t--top-button-box-shadow: none;\n\t--top-button-box-shadow-hover: var(--top-shadow-darken-2);\n\t--top-button-box-shadow-active: var(--top-shadow-darken-3);\n\t--top-button-box-shadow-selected: var(--top-shadow-darken-3);\n\t--top-forms-border-width: 0px;\n\t--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));\n\t--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding));\n}\n\n.top-button > .top-ellipsis { flex-grow: 0; }\n\n.top-button.top-size_xs {\n\t--top-forms-padding: var(--top-forms-padding_xs);\n\t--top-forms-base-height: var(--top-forms-base-height_xs);\n}\n\n.top-button.top-size_m {\n\t--top-forms-padding: var(--top-forms-padding_m);\n\t--top-forms-base-height: var(--top-forms-base-height_m);\n}\n\n.top-button.top-size_l {\n\t--top-forms-padding: var(--top-forms-padding_l);\n\t--top-forms-base-height: var(--top-forms-base-height_l);\n}\n\n.top-button_badge-afterText {\n\torder: 100;\n}\n\n.top-button:not([data-top-icon2]) > .top-button_badge-afterText {\n\tmargin-left: 0;\n}\n</style>\n","<template>\n\t<div class=\"top-loadbar\"></div>\n</template>\n\n<style module>\n:root {\n\t--top-loadbar-duration: 10s;\n\t--top-loadbar-color: var(--color-line-primary-2);\n}\n\n.top-loadbar {\n\tbackground: var(--top-loadbar-color);\n\twidth: 0;\n\theight: 4px;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\n\tanimation: top-loadbar var(--top-loadbar-duration) forwards;\n}\n\n@keyframes top-loadbar {\n\tfrom {\n\t\t/* fix render pixels */\n\t\twidth: 4px;\n\t}\n\t4% {\n\t\twidth: calc(4%);\n\t}\n\t5% {\n\t\twidth: 5%;\n\t}\n\tto {\n\t\twidth: 95%;\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Emits, Props } from './input';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n\tcaptionType: '',\n});\n\nconst emit = defineEmits<Emits>();\n\nconst localValue = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n\nconst placeholder = computed(() => {\n\tif (props.addCleaner && !props.title) {\n\t\treturn '';\n\t}\n\tif (props.captionType !== '') {\n\t\treturn '';\n\t}\n\n\treturn props.title;\n});\n\nconst clean = (event: Event) => {\n\tif (props.modelValue) {\n\t\tevent.stopPropagation();\n\t}\n\n\temit('update:modelValue', '');\n};\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-input']: true,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-input-' + modificator]: !!modificator,\n\t\t\t['top-input-withCleaner']: addCleaner && localValue && localValue !== '0000-00-00',\n\t\t\t['top-formsCaptionWrapper']: captionType !== '',\n\t\t\t['top-formsCaptionWrapper-always']: captionType === 'top',\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t\t:data-top-icon2=\"icon2\"\n\t>\n\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-input_input']: true,\n\t\t\t\t['top-input_input-' + modificator]: !!modificator,\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\tv-model=\"localValue\"\n\t\t\t:title=\"title\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t@keydown.esc=\"(event) => (addCleaner || !!$slots.btn) && clean(event)\"\n\t\t\t:=\"$attrs\"\n\t\t>\n\n\t\t<span\n\t\t\tv-if=\"addCleaner && localValue && localValue !== '0000-00-00'\"\n\t\t\tclass=\"top-input_cleaner\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click.prevent=\"clean\"\n\t\t></span>\n\n\t\t<span\n\t\t\tv-if=\"captionType !== ''\"\n\t\t\tclass=\"top-formsCaption\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</span>\n\n\t\t<!-- @slot Слот для вставки произвольного кода в label -->\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style module>\n.top-input {\n\t--top-forms_clear-width: 0px;\n\n\tborder-radius: var(--top-forms-radius);\n\twidth: 180px;\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-input_input {\n\tcolor: var(--color-text-2);\n\tbackground: var(--top-forms-background-color);\n\theight: var(--top-forms-base-height);\n\tpadding: 0;\n\tpadding-right: calc(max(var(--top-forms-padding), calc(var(--top-icon2-width) + var(--top-forms_clear-width))));\n\tpadding-left: calc(max(var(--top-forms-padding), var(--top-icon-width)));\n}\n\n.top-input_input:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-input_input:focus {\n\tcolor: var(--color-text-1);\n\tborder-color: var(--color-line-primary-1);\n\toutline: none;\n}\n\n/* значки */\n.top-input[data-top-icon]:before,\n.top-input[data-top-icon2]:after {\n\t--top-icon-color: var(--color-icon-4);\n\t--top-icon2-color: var(--color-icon-4);\n\n\tposition: absolute;\n\tz-index: 3;\n\tfont-size: 20px;\n}\n\n.top-input[data-top-icon]:before {\n\tleft: 0;\n}\n\n.top-input[data-top-icon2]:after {\n\tright: 0;\n}\n\n/* cleaner */\n.top-input-withCleaner {\n\t--top-forms_clear-width: 24px;\n}\n\n.top-input_cleaner[data-top-icon] {\n\t--top-icon-size: 16px;\n\t--top-icon-width: 20px;\n\t--top-icon-color: var(--color-icon-3);\n\n\tcursor: pointer;\n\tborder-radius: 50%;\n\twidth: 20px;\n\theight: 16px;\n\tposition: absolute;\n\tright: calc(var(--top-forms-border-width) + max(var(--top-icon2-width), var(--top-forms-padding) / 2));\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.top-input_cleaner[data-top-icon]:hover {\n\t--top-icon-color: var(--color-icon-2);\n}\n\n/* TODO: перенести в inputsRange */\n.top-input_input {\n\twidth: 50%;\n\tflex-grow: 1;\n}\n\n/* top-loadbar */\n.top-input .top-loadbar {\n\tborder-radius: var(--top-forms-radius) 0 0 0;\n}\n</style>\n","<script lang=\"ts\">\nconst useNativeDatepicker = !!document.documentElement.ontouchstart && !!document.createElement('input').showPicker;\n\nlet onInputLazy = (_e: any) => { };\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onUnmounted } from 'vue';\nimport { dateFormat, dateUnformat } from '@/core/utils/date';\nimport type { Props, Emits } from './inputDate';\nimport TopInput from '@/components/forms/input/input.vue';\nimport Core from '@/core/core/core';\n\nconst props = withDefaults(defineProps<Props>(), {\n\ticon2: '',\n});\n\nconst emit = defineEmits<Emits>();\n\nonUnmounted(() => {\n\tif ($el) {\n\t\t$el.datepicker('destroy');\n\t}\n});\n\nconst el = ref();\nlet $el: any;\n\nconst localValue = computed({\n\tget() {\n\t\treturn dateFormat(props.modelValue, 2, undefined, '0000-00-00');\n\t},\n\n\tset(value) {\n\t\tvalue = dateUnformat(value, '0000-00-00');\n\n\t\temit('update:modelValue', value);\n\t},\n});\n\nlet oninput = (e: any) => {\n\tonInputLazy(e);\n};\n\nlet onchange = (e: any) => {\n\tconst date = dateUnformat(e.target.value);\n\tconst dateFormatted = dateFormat(date);\n\n\tif (!dateFormatted || dateFormatted === Core.L.Not_date || e.target.value !== dateFormatted) {\n\t\te.target.value = localValue.value;\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = e.target.value;\n};\n\n/**\n * Инициализпация функций выбора дат\n *\n * Для не нативного datepicker\n */\nasync function init(e: any) {\n\tconst datepicker = await import('./datepicker');\n\n\t// формат ввода\n\tonInputLazy = datepicker.oninput;\n\n\t// datepicker\n\t$el = datepicker.connectDatepicker(e.target, {\n\t\tonSelect: () => onchange(e),\n\t});\n\n\tif ($el) {\n\t\t$el.datepicker('show');\n\t}\n}\n</script>\n\n<template>\n\t<TopInput\n\t\tv-if=\"useNativeDatepicker\"\n\t\t:=\"$props\"\n\t\t:modelValue=\"localValue\"\n\t\treadonly\n\t\t@click=\"el.showPicker()\"\n\t>\n\t\t<input\n\t\t\tref=\"el\"\n\t\t\ttype=\"date\"\n\t\t\tclass=\"top-input_input-date\"\n\t\t\t:modelValue=\"modelValue\"\n\t\t\t@change=\"(e: any) => localValue = e.target.value\"\n\t\t\ttabindex=\"-1\"\n\t\t/>\n\t</TopInput>\n\n\t<TopInput\n\t\tv-else\n\t\t:=\"$props\"\n\t\t:modelValue=\"localValue\"\n\t\t@update:modelValue=\"(newValue) => (newValue === '') ? localValue = '' : ''\"\n\t\t@input.date=\"oninput\"\n\t\t@focus.once.date=\"init\"\n\t\t@change.date=\"onchange\"\n\t\tmodificator=\"datepicker\"\n\t/>\n</template>\n\n<style module>\n.top-input-datepicker {\n\twidth: calc(105px + var(--top-icon-width) + var(--top-icon2-width));\n}\n\n.top-input_input-date {\n\topacity: 0;\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: -1;\n}\n\n.top-input_input-date::-webkit-inner-spin-button {\n\tdisplay: none;\n}\n\n.top-input_input-date::-webkit-calendar-picker-indicator {\n\topacity: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Emits, Props } from './radio';\nimport ControlLabel from '../controlLabel/controlLabel.vue';\n\nconst props = defineProps<Props>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-forms-optionWrapper']: true,\n\t\t\t['top-radio']: true,\n\t\t\t['top-radio_' + name]: name !== '',\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-error']: isError && !disabled,\n\t\t}\"\n\t>\n\t\t<input\n\t\t\ttype=\"radio\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-forms-option']: true,\n\t\t\t\t['top-radio_input']: true,\n\t\t\t\t['top-error']: isError && !disabled,\n\t\t\t}\"\n\t\t\tv-model=\"localValue\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\n\t\t<ControlLabel\n\t\t\tv-if=\"$slots.default\"\n\t\t\t:description=\"description\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t\t<!-- @slot Слот с заголовком -->\n\t\t\t<slot></slot>\n\t\t</ControlLabel>\n\t</label>\n</template>\n\n<style module>\n:root {\n\t--top-radio-background-color: var(--content-background-color);\n\t--top-radio-background-color-hover: var(--top-radio-background-color);\n\t--top-radio-background-color-active: var(--top-radio-background-color);\n}\n\n.top-radio {\n\tcursor: pointer;\n}\n\n.top-radio_input {\n\tborder-radius: 50%;\n\tbackground: var(--content-background-color);\n\tborder: 1px solid var(--color-line-3);\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\n}\n\n.top-radio_input:hover {\n\tborder-color: var(--color-line-3);\n\tbackground: var(--color-layer-secondary-1);\n}\n\n.top-radio_input:checked {\n\tborder-color: var(--color-line-primary-1);\n\tborder-width: 5px;\n}\n\n.top-radio_input:checked:hover {\n\tborder-color: var(--color-line-primary-2);\n}\n\n/* disabled */\n.top-radio_input:disabled {\n\tborder-color: var(--color-line-1-opacity);\n\tbackground: var(--color-theme-100);\n}\n\n/* disabled selected */\n.top-radio_input:checked:disabled {\n\tborder-color: var(--color-theme-400);\n}\n\n/* isError */\n.top-radio_input.top-error {\n\tborder-color: var(--color-line-negative-1);\n}\n\n.top-radio_input.top-error:hover {\n\tborder-color: var(--color-line-negative-2);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Emits, Props } from './switcher';\nimport ControlLabel from '../controlLabel/controlLabel.vue';\n\nconst props = defineProps<Props>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t['top-forms-optionWrapper']: true,\n\t\t['top-checkboxSwitcher']: true,\n\t\t['top-disabled']: disabled,\n\t\t['top-error']: isError && !disabled,\n\t}\"\n\t>\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-forms-option']: true,\n\t\t\t\t['top-checkboxSwitcher_input']: true,\n\t\t\t\t['top-error']: isError && !disabled,\n\t\t\t}\"\n\t\t\tv-model=\"localValue\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\n\t\t<ControlLabel\n\t\t\tv-if=\"$slots.default\"\n\t\t\t:description=\"description\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t\t<!-- @slot Слот с заголовком -->\n\t\t\t<slot></slot>\n\t\t</ControlLabel>\n\t</label>\n</template>\n\n<style module>\n.top-checkboxSwitcher {\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tgap: 4px;\n}\n\n.top-checkboxSwitcher_input {\n\tborder-radius: 9px;\n\tborder: none;\n\tbackground: var(--color-layer-secondary-2);\n\twidth: 36px;\n\theight: 18px;\n\tposition: relative;\n}\n\n.top-checkboxSwitcher_input:before {\n\tcontent: \"\";\n\tborder-radius: 50%;\n\tbackground: var(--color-white);\n\twidth: 12px;\n\theight: 12px;\n\tmargin: 3px;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\n\ttransition: left 0.1s;\n}\n\n.top-checkboxSwitcher_input:hover {\n\tbackground: var(--color-layer-secondary-4);\n}\n\n/* checked */\n.top-checkboxSwitcher_input:checked {\n\tbackground: var(--color-bg-primary-2);\n}\n\n.top-checkboxSwitcher_input:checked:hover {\n\tbackground: var(--color-bg-primary-1);\n}\n\n.top-checkboxSwitcher_input:checked:before {\n\tleft: 50%;\n}\n\n/* disabled */\n.top-checkboxSwitcher_input:disabled {\n\tbackground: var(--color-theme-400);\n}\n\n/* isError */\n.top-checkboxSwitcher_input.top-error {\n\tbackground: var(--color-layer-negative-3);\n}\n\n.top-checkboxSwitcher_input.top-error:hover {\n\tbackground: var(--color-layer-negative-4);\n}\n\n.top-checkboxSwitcher_input.top-error:checked {\n\tbackground: var(--color-bg-negative-2);\n}\n\n.top-checkboxSwitcher_input.top-error:checked:hover {\n\tbackground: var(--color-bg-negative-1);\n}\n\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Hint from '@/components/forms/hint/hint.vue';\nimport type { Emits, Props } from './textarea';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\trows: 5,\n\tminHeight: 120,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst value = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-textarea']: true,\n\t\t\t['top-textarea-' + name]: name,\n\t\t\t['top-disabled']: disabled,\n\t\t}\"\n\t>\n\t\t<textarea\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-textarea_textarea']: true,\n\t\t\t\t['top-textarea_textarea-expandable']: expandable,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t:rows=\"!expandable ? rows : undefined\"\n\t\t\t:=\"$attrs\"\n\t\t\tv-model=\"value\"\n\t\t/>\n\n\t\t<div\n\t\t\tv-if=\"expandable\"\n\t\t\tclass=\"top-textarea_pseudoContent\"\n\t\t>\n\t\t\t{{ value + ' ' }}\n\t\t</div>\n\n\t\t<Hint\n\t\t\tv-if=\"hint\"\n\t\t\tclass=\"top-textarea_hint\"\n\t\t\t:hint=\"hint\"\n\t\t\tv-top-tooltip\n\t\t/>\n\t</label>\n</template>\n\n<style module>\n.top-textarea {\n\twidth: 180px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tposition: relative;\n}\n\n.top-textarea_textarea {\n\tcolor: var(--color-text-1);\n\tbackground: var(--top-forms-background-color);\n\twidth: 100%;\n\tpadding: var(--top-forms-padding);\n\tresize: none;\n}\n\n.top-textarea_textarea:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-textarea_textarea:focus {\n\tborder-color: var(--color-line-primary-1);\n\toutline: none;\n}\n\n.top-textarea_textarea.top-textarea_textarea-expandable {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n\n.top-textarea_pseudoContent {\n\tbox-sizing: border-box;\n\tmin-height: v-bind(minHeight+ \"px\");\n\tpadding: var(--top-forms-padding);\n\tfont-size: 14px;\n\twhite-space: pre-wrap;\n\toverflow-wrap: anywhere;\n\tpointer-events: none;\n\topacity: 0;\n\tz-index: -1;\n}\n\n.top-textarea_hint {\n\tposition: absolute;\n\ttop: 2px;\n\tright: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ComputedRef } from 'vue';\nimport { computed, watch } from 'vue';\nimport type { Emits, LocalOptions, Option, Props } from './select';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nconst emit = defineEmits<Emits>();\n\n/**\n * Словарь с учетом вложенных Props['options']\n *\n * Этот словарь должен использовать в логике компонента, чтобы она не зависила от типа входных данных\n */\nconst optionByValue: ComputedRef<LocalOptions> = computed(() => {\n\t/**\n\t * Преобразование:\n\t * - Array => Map\n\t * - string => Option\n\t */\n\tconst res = new Map();\n\n\tprops.options.forEach((option, index) => {\n\t\t// базовый Options со строками\n\t\tif (typeof option === 'string') option = genOption(index, option);\n\n\t\tif (option.children) {\n\t\t\t// вложенные элементы Option для <optgroup>\n\t\t\tconst children = new Map();\n\n\t\t\toption.children.forEach((subOption, subIndex) => {\n\t\t\t\t// базовый Options со строками\n\t\t\t\tif (typeof subOption === 'string') subOption = genOption(subIndex, subOption);\n\n\t\t\t\tchildren.set(subOption.value, subOption);\n\t\t\t});\n\n\t\t\toption = { ...option };\n\t\t\toption.children = children;\n\n\t\t\tres.set(option.value, option);\n\t\t} else {\n\t\t\t// самостоятельный элемент Option\n\t\t\tres.set(option.value, option);\n\t\t}\n\t});\n\n\treturn res;\n});\n\n/**\n * Словарь со всеми не disabled значениями Props['options'] в порядке следования с учетом вложенных Props['options']\n */\nconst flatOptionByValue: ComputedRef<Map<Props['modelValue'], Option>> = computed(() => {\n\tconst res = new Map();\n\n\toptionByValue.value.forEach(option => {\n\t\tif (option.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\t// вложенные элементы Option для <optgroup>\n\t\tif (option.children) {\n\t\t\toption.children.forEach(subOption => {\n\t\t\t\tif (subOption.disabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tres.set(subOption.value, subOption);\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tres.set(option.value, option);\n\t});\n\n\treturn res;\n});\n\n/**\n * Генерация Объекта option из строки\n *\n * Для базового способа указания props\n */\nconst genOption = (value: Props['modelValue'], title: string): Option => {\n\treturn {\n\t\tvalue,\n\t\ttitle,\n\t};\n};\n\n/**\n * Логика для обртаной своместимости:\n * - null - заменить на первое доступное значение\n * - undefined - заменить на первое доступное значение\n */\nwatch([\n\t() => props.modelValue,\n\tflatOptionByValue,\n], () => {\n\tif ((model.value === null || model.value === undefined) && flatOptionByValue.value.size) {\n\t\tconsole.warn('Пожалуйста, не передавайте в компонент Select значения null и undefined');\n\n\t\tmodel.value = flatOptionByValue.value.keys().next().value;\n\t}\n}, { immediate: true });\n\n/**\n * Иконка выбранного option\n */\nconst optionIcon = computed(() => {\n\treturn flatOptionByValue.value.get(model.value)?.icon;\n});\n\n/**\n * Выбрать следующее доступное значение\n */\nconst selectNextValue = () => {\n\tconst listEnabledValues = [...flatOptionByValue.value.keys()];\n\tconst currentIndex = listEnabledValues.indexOf(model.value);\n\tconst nextIndex = (currentIndex + 1) % listEnabledValues.length;\n\n\tmodel.value = listEnabledValues[nextIndex];\n};\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-select']:true,\n\t\t\t['top-select-' + name]:name,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-formsCaptionWrapper']: !!title,\n\t\t\t['top-select-error']: isError,\n\t\t\t['top-disabled']: disabled,\n\t\t}\"\n\t\t:data-value=\"model\"\n\t\t:data-top-icon=\"icon\"\n\t\t:data-top-icon2=\"optionIcon\"\n\t>\n\t\t<select\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-select_select']: true,\n\t\t\t\t['top-select_arrow']: true,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\t:name=\"name\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tv-model=\"model\"\n\t\t>\n\t\t\t<template v-for=\"[value, option] of optionByValue\">\n\t\t\t\t<optgroup\n\t\t\t\t\tv-if=\"option.children\"\n\t\t\t\t\t:key=\"'group_' + value\"\n\t\t\t\t\t:label=\"option.title\"\n\t\t\t\t\t:disabled=\"option.disabled\"\n\t\t\t\t>\n\t\t\t\t\t<option\n\t\t\t\t\t\tv-for=\"[subValue, subOption] of option.children\"\n\t\t\t\t\t\t:key=\"subValue\"\n\t\t\t\t\t\t:value=\"subValue\"\n\t\t\t\t\t\t:selected=\"subValue === model\"\n\t\t\t\t\t\t:disabled=\"subOption.disabled\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ subOption.title }}\n\t\t\t\t\t</option>\n\t\t\t\t</optgroup>\n\n\t\t\t\t<option\n\t\t\t\t\tv-else\n\t\t\t\t\t:key=\"value ?? undefined\"\n\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t:selected=\"value === model\"\n\t\t\t\t\t:disabled=\"option.disabled\"\n\t\t\t\t>\n\t\t\t\t\t{{ option.title }}\n\t\t\t\t</option>\n\t\t\t</template>\n\t\t</select>\n\n\t\t<span\n\t\t\tv-if=\"addChanger && flatOptionByValue.size && !disabled\"\n\t\t\tclass=\"top-changer\"\n\t\t\t@click=\"selectNextValue\"\n\t\t></span>\n\n\t\t<span\n\t\t\tv-if=\"title\"\n\t\t\tclass=\"top-formsCaption\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</span>\n\t</label>\n</template>\n\n<style module>\n.top-select {\n\tcolor: var(--color-text-1);\n\t--top-icon-color: var(--color-icon-2);\n\t--top-icon2-color: var(--color-icon-2);\n\n\talign-items: center;\n\twidth: 180px;\n\tmax-width: 100%;\n\tdisplay: inline-flex;\n}\n\n.top-select-error {\n\t--top-icon-color: var(--color-icon-negative-1);\n\t--top-icon2-color: var(--color-icon-negative-1);\n}\n\n.top-select_select {\n\tbackground-color: var(--top-forms-background-color);\n\t/* для select вместо padding нужно использовать text-indent */\n\tpadding-left: var(--top-forms-padding);\n\n\t/* если есть значки, добавить отступ на их ширину с учетом уже добавленного padding */\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))));\n\n\twidth: 100%;\n\theight: var(--top-forms-base-height);\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\toverflow: hidden;\n}\n\n.top-select_select:disabled {\n\tcolor: var(--color-text-3);\n}\n\n.top-select optgroup {\n\tcolor: var(--color-text-1);\n\tfont-style: normal;\n}\n\n.top-select option:not(:disabled) {\n\tbackground: var(--content-background-color);\n\tcolor: var(--color-text-1);\n}\n\n.top-select option:disabled {\n\tbackground: unset;\n\tcolor: unset;\n}\n\n/* хром не мерняет цвет для optgroup option, стили оставлены по умолчанию */\n/*\n.top-select optgroup:disabled,\n.top-select optgroup option,\n.top-select option:disabled {\n\n}\n*/\n\n/* https://bugzilla.mozilla.org/show_bug.cgi?id=1743066 */\n@-moz-document url-prefix() {\n\t.top-select_select {\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);\n\t}\n}\n\n@media only screen and (min-width: 900px) {\n\t/* changer */\n\t.top-changer {\n\t\tcursor: pointer;\n\t\tborder-radius: 100%;\n\t\twidth: 0;\n\t\ttransform: translateX(-44px);\n\t\tcolor: var(--color-text-2);\n\t\tfont-size: 16px;\n\t\tline-height: 1;\n\t\tdisplay: none;\n\t\tz-index: 2;\n\t\torder: 4;\n\t}\n\n\t.top-changer:hover {\n\t\tcolor: var(--color-primary);\n\t}\n\n\t.top-changer:after {\n\t\tcontent: \"\";\n\t\tbackground-color: var(--top-forms-background-color);\n\t\tfont-family: \"Topvisor-2\";\n\t}\n\n\t*:hover > .top-changer {\n\t\tdisplay: block;\n\t}\n}\n</style>\n","/**\n * Замечание для разработчиков\n *\n * При изменении библиотеки Forms не забудьте обновить ее подключение в плагине\n *\n * @see import('@/core/core/plugin')\n */\n\nimport type { ComponentCustomProps } from 'vue';\n\nimport Avatar from './avatar/avatar.vue';\nimport Button from './button/button.vue';\nimport Checkbox from './checkbox/checkbox.vue';\nimport ControlLabel from './controlLabel/controlLabel.vue';\nimport Hint from './hint/hint.vue';\nimport Input from './input/input.vue';\nimport InputDate from './inputDate/inputDate.vue';\nimport InputRange from './inputRange/inputRange.vue';\nimport Radio from './radio/radio.vue';\nimport Switcher from './switcher/switcher.vue';\nimport Textarea from './textarea/textarea.vue';\nimport Select from './select/select.vue';\nimport Loadbar from './loadbar/loadbar.vue';\n\n// Для не SFC, чтобы работало автозаполнение в template в ComponentOptions\n// Имена намеренно делаются разными, чтобы типы не конфликтовали: `Button` и `TopButton`\n\nexport const TopAvatar = Avatar as typeof Avatar & ComponentCustomProps;\nexport const TopButton = Button as typeof Button & ComponentCustomProps;\nexport const TopCheckbox = Checkbox as typeof Checkbox & ComponentCustomProps;\nexport const TopControlLabel = ControlLabel as typeof ControlLabel & ComponentCustomProps;\nexport const TopHint = Hint as typeof Hint & ComponentCustomProps;\nexport const TopInput = Input as typeof Input & ComponentCustomProps;\nexport const TopInputDate = InputDate as typeof InputDate & ComponentCustomProps;\nexport const TopInputRange = InputRange as typeof InputRange & ComponentCustomProps;\nexport const TopRadio = Radio as typeof Radio & ComponentCustomProps;\nexport const TopSwitcher = Switcher as typeof Switcher & ComponentCustomProps;\nexport const TopTextarea = Textarea as typeof Textarea & ComponentCustomProps;\nexport const TopSelect = Select as typeof Select & ComponentCustomProps;\nexport const TopLoadbar = Loadbar as typeof Loadbar & ComponentCustomProps;\n"],"names":["isRetina","isMobile","isApp","isMacOS","isSafari","isChrome","isSafari2","getCommandKeyLabel","getScrollTop","get$scroll","getElsScroll","getOS","res","i","os","getOSAsync","platformVersion","_a","onResizeTimer","onResizeListeners","windowSize","listener","callback","e","onResize","Events","addOnReize","removeOnResize","options","state","Core","vue","device","cssFilesByOptions","fileNames","filename","m","pc","key","promises","fileNames2","media","useSync","promise","fileName","request","id","elLink","resolve","reject","type","elStyle","style","L","getDayOfWeek","y","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","_b","titleImage","tagName","_sfc_render","_ctx","_cache","emit","__emit","localValue","value","placeholder","clean","event","onInputLazy","_e","$el","el","oninput","onchange","dateFormatted","init","datepicker","require","value2","optionByValue","option","genOption","children","subOption","subIndex","flatOptionByValue","title","model","optionIcon","listEnabledValues","TopAvatar","Avatar","TopButton","TopButton$1","TopCheckbox","Checkbox","TopControlLabel","ControlLabel","TopHint","TopHint$1","TopInput","TopInput$1","TopInputDate","InputDate","TopInputRange","InputRange","TopRadio","Radio","TopSwitcher","Switcher","TopTextarea","Textarea","TopSelect","Select","TopLoadbar","TopLoadbar$1"],"mappings":"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"}
+{"version":3,"file":"forms-DKL0e9tp.amd.js","sources":["../../src/core/utils/device.ts","../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.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/loadbar/loadbar.vue","../../src/components/forms/input/input.vue","../../src/components/forms/inputDate/inputDate.vue","../../src/components/forms/radio/radio.vue","../../src/components/forms/switcher/switcher.vue","../../src/components/forms/textarea/textarea.vue","../../src/components/forms/select/select.vue","../../src/components/forms/forms.ts"],"sourcesContent":["/**\n * Получение информации об устройстве\n * @packageDocumentation\n */\n\n/**\n * Определить, увеличинная ли плотность пикселей у экрана (DPR > 1)\n */\nexport function isRetina(): boolean {\n\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n}\n\n/**\n * Определить, является ли устройство мобильным\n */\nexport function isMobile(): boolean {\n\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n}\n\n/**\n * Определить, открыт ли сайт в приложении\n */\nexport function isApp(): boolean {\n\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n}\n\n/**\n * Определить, является ли OS пользователя macOS\n */\nexport function isMacOS(): boolean {\n\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n}\n\n/**\n * Определить, является ли текущий браузер пользователя Safari\n */\nexport function isSafari(): boolean {\n\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\tlet isSafari = /Safari/.test(navigator.userAgent);\n\tif (isChrome && isSafari) {\n\t\tisSafari = false;\n\t}\n\n\treturn isSafari;\n}\n\n/**\n * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n */\nexport function getCommandKeyLabel(): 'Ctrl' | '⌘' {\n\tif (isMacOS()) {\n\t\treturn '⌘';\n\t} else {\n\t\treturn 'Ctrl';\n\t}\n}\n\n/**\n * Вернуть скролл с учетом устройства\n */\nexport const getScrollTop = (): number | undefined => {\n\treturn $(document).scrollTop();\n};\n\n/**\n * Вернуть контейнеры со скроллом (требует jquery)\n */\nexport const get$scroll = (): JQuery<Document> => {\n\treturn $(document);\n};\n\n/**\n * Вернуть контейнеры со скроллом (без jquery)\n */\nexport const getElsScroll = (): Document[] => {\n\treturn [document];\n};\n\n/**\n * Получить операционную систему пользователя\n *\n * Не определяет Windows 11, см. getOSAsync()\n */\nexport const getOS = (): string => {\n\tconst os: [string, RegExp][] = [\n\t\t['iOS', /(iPhone|iPad)/i],\n\t\t['Android', /(Android)/i],\n\t\t['Windows Phone', /(IEMobile)/i],\n\t\t['Windows 3.11', /Win16/i],\n\t\t['Windows 95', /(Windows 95)|(Win95)|(Windows_95)/i],\n\t\t['Windows 98', /(Windows 98)|(Win98)/i],\n\t\t['Windows 2000', /(Windows NT 5.0)|(Windows 2000)/i],\n\t\t['Windows XP', /(Windows NT 5.1)|(Windows XP)/i],\n\t\t['Windows Server 2003', /(Windows NT 5.2)/i],\n\t\t['Windows Vista', /(Windows NT 6.0)/i],\n\t\t['Windows 7', /(Windows NT 6.1)/i],\n\t\t['Windows 8', /(Windows NT 6.[23])|(Windows 8)/i],\n\t\t['Windows 10', /(Windows NT 10)/i],\n\t\t['Windows NT 4.0', /(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)/i],\n\t\t['Windows ME', /Windows ME/i],\n\t\t['Windows', /Windows/i],\n\t\t['Open BSD', /OpenBSD/i],\n\t\t['Sun OS', /SunOS/i],\n\t\t['Linux', /(Linux)|(X11)/i],\n\t\t['Macintosh', /(Mac_PowerPC)|(Macintosh)|(Mac OS X 10.4)|(Mac OS X 10.5)|(Mac OS X 10.6)/i],\n\t\t['QNX', /QNX/i],\n\t\t['BeOS', /BeOS/i],\n\t\t['OS/2', /OS\\/2/i],\n\t];\n\n\tlet res = '';\n\tfor (let i = 0; i < os.length; i++) {\n\t\tif (os[i][1].test(navigator.userAgent)) {\n\t\t\tres = os[i][0];\n\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn res;\n};\n\n/**\n * Получить операционную систему пользователя, в том числе Windows 11\n */\nexport const getOSAsync = async (): Promise<string> => {\n\tlet os = getOS();\n\n\tif (os === 'Windows 10') {\n\t\t// @ts-ignore - experimental technology\n\t\tconst platformVersion = await navigator?.userAgentData?.getHighEntropyValues(['platformVersion']);\n\t\tif (platformVersion && platformVersion.platformVersion >= '13') {\n\t\t\tos = 'Windows 11';\n\t\t}\n\t}\n\n\treturn os;\n};\n","const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize(listener: (this: HTMLElement, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize(listener: (this: HTMLElement, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize(e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n *\n * Начальные значений устанавилаются при подклчюении Core во Vue приложение через app.use(PluginCore, options)\n */\nexport default {\n\t/**\n\t * Базовая ширина страницы для отображения ПК / Мобильной версии сайта\n\t */\n\twidthForMobile: 900,\n\n\t/**\n\t * Формат даты, который будет испоьзоваться по умолчанию для вывода даты, как правило, завсит от текущего пользователя\n\t */\n\tdateFormat: 'Y-m-d',\n\n\t/**\n\t * Валюта, которая будет испоьзоваться по умолчанию, как правило, завсит от текущего пользователя\n\t */\n\tcurrency: 'USD' as 'RUB' | 'USD' | 'EUR',\n\n\t/**\n\t * Для Москвы: +0300\n\t */\n\tgmt: new Date().toString().match(/GMT(\\S+)/)?.[1] as string,\n};\n","import options from './options';\n\n/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\tdateFormat: options.dateFormat,\n\tcurrency: options.currency,\n\tgmt: options.gmt,\n\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\n\t/**\n\t * Максимальная сторона страницы\n\t */\n\tsize: 0,\n\n\t// /**\n\t//  * true, если страница скрыта\n\t//  */\n\t// isHidden: false,\n};\n\nexport default state;\n","import { reactive } from 'vue';\nimport { isApp, isMobile, isRetina } from '@/core/utils/device';\nimport Events from '@/core/core/events';\nimport state from '@/core/core/state';\n\n/**\n * Статический класс с текущим состоянимем UI\n */\nexport default class Core {\n\n\t/**\n\t * Настройки словаря\n\t *\n\t * @deprecated - используйте useI18n() и $i18n;\n\t */\n\tstatic L = reactive({\n\t\tNot_date: 'Not date',\n\t});\n\n\tstatic state = reactive({ ...state });\n\n\tstatic widthForMobile = 900;\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\tstatic $ = window['$'] as typeof $ | undefined;\n\n\tstatic Events = Events;\n\n\tstatic _setState() {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = isMobile();\n\t\tCore.state.isRetina = isRetina();\n\t\tCore.state.isApp = isApp();\n\t\t// Core.state.isHidden = this.isHidden();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tprivate static onResize() {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tprivate static setStateByWindowSize() {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tprivate static saveToCookie() {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n\t/**\n\t * Проверить скрыта страница или нет\n\t */\n\tstatic isHidden = (): boolean => document.hidden;\n\n\t/**\n\t * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media\n\t *\n\t * Правила media:\n\t * - Файлы *.m.css будут грузиться, только на экранах с шириной менее, чем Core.widthForMobile\n\t * - Файлы *.pc.css будут грузиться, только на экранах с шириной более, чем Core.widthForMobile\n\t *\n\t * Настройкой Core.widthForMobile можно управлять через plugin: @topvisor/ui/plugin/core\n\t *\n\t * @param fileNames - список ссылок на css файлы\n\t * @param useSync - использовать синхронную загрузку css, только для css с того же домена. В синхронном режиме стили предзагружаются независимо от\n\t * media\n\t */\n\tstatic insertCSSLinkToPage = (fileNames: Array<string>, useSync = false) => {\n\t\tconst cssFilesByOptions = new Map();\n\t\tcssFilesByOptions.set('::', []);\n\n\t\tfileNames.forEach(filename => {\n\t\t\tlet m = false;\n\t\t\tlet pc = false;\n\n\t\t\tif (filename.match(/\\.m\\./)) {\n\t\t\t\tm = true;\n\t\t\t}\n\t\t\tif (filename.match(/\\.pc\\./)) {\n\t\t\t\tpc = true;\n\t\t\t}\n\n\t\t\tconst key = `${m}:${pc}`;\n\t\t\tif (!cssFilesByOptions.has(key)) {\n\t\t\t\tcssFilesByOptions.set(`${m}:${pc}`, []);\n\t\t\t}\n\t\t\tcssFilesByOptions.get(`${m}:${pc}`).push(filename);\n\t\t});\n\n\t\tconst promises: Array<Promise<unknown>> = [];\n\n\t\tcssFilesByOptions.forEach((fileNames, options: string) => {\n\t\t\tif (!fileNames.length) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [m, pc] = options.split(':').map(item => item === 'true');\n\n\t\t\tlet media = 'all';\n\t\t\tif (m) {\n\t\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\n\t\t\t}\n\t\t\tif (pc) {\n\t\t\t\tmedia = '(min-width: ' + Core.widthForMobile + 'px)';\n\t\t\t}\n\n\t\t\tconst promisesI = Core._insertToPage(fileNames, media, useSync);\n\t\t\tpromisesI.forEach(promise => promises.push(promise));\n\t\t});\n\n\t\treturn Promise.all(promises);\n\t};\n\n\tprivate static _insertToPage = (fileNames: Array<string>, media: string, useSync: boolean) => {\n\t\tconst promises: Array<Promise<unknown>> = [];\n\n\t\tfileNames.forEach(fileName => {\n\t\t\t// синхронная загрузка, чтобы функция не выполнилась раньше загрузки стилей\n\t\t\tif (useSync) {\n\t\t\t\tconst request = new XMLHttpRequest();\n\t\t\t\trequest.open('GET', fileName, false);\n\t\t\t\trequest.send();\n\t\t\t}\n\n\t\t\tconst id = 'topCSSLink-' + fileName.replace(/\\W/g, '-');\n\n\t\t\t// стиль уже загружен\n\t\t\tif (window.hasOwnProperty(id)) return;\n\n\t\t\tlet resolve: Function;\n\t\t\tlet reject: Function;\n\t\t\tconst promise = new Promise((_resolve, _reject) => {\n\t\t\t\tresolve = _resolve;\n\t\t\t\treject = _reject;\n\t\t\t});\n\t\t\tpromises.push(promise);\n\n\t\t\tconst elLink = document.createElement('link');\n\t\t\telLink.id = id;\n\t\t\telLink.rel = 'stylesheet';\n\t\t\telLink.media = media;\n\t\t\telLink.href = fileName;\n\t\t\telLink.onload = () => resolve();\n\t\t\telLink.onerror = () => reject();\n\n\t\t\tdocument.head.append(elLink);\n\t\t});\n\n\t\treturn promises;\n\t};\n\n\t/**\n\t * Вставить css стили на страницу с автоматическим добавлением правил media\n\t *\n\t * Загрузка с Vite:\n\t *\n\t * ```js\n\t * import style from '/style.css?raw';\n\t *\n\t * insertToPageAsInine(style);\n\t * ```\n\t *\n\t * Загрузка с fetch:\n\t *\n\t * ```js\n\t * const style = await fetch('./style.css');\n\t *\n\t * insertToPageAsInine(style);\n\t * ```\n\t *\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile\n\t *\n\t * @see insertToPage\n\t */\n\tstatic insertStyleToPage = (style: string, type: '' | 'm' | 'pc' = '') => {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + Core.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + Core.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t};\n\n}\n","/**\n * Работа с датами\n * @packageDocumentation\n */\n\nimport Core from '@/core/core/core';\n\nconst L = (window as any).L ?? {};\n\n/**\n * Получить день недели\n */\nexport const getDayOfWeek = (y: number, m: number, d: number): string => {\n\tswitch ((new Date(y, m, d)).getDay()) {\n\t\tcase 0:\n\t\t\treturn L.Vs + '.';\n\t\tcase 1:\n\t\t\treturn L.Pn + '.';\n\t\tcase 2:\n\t\t\treturn L.Vt + '.';\n\t\tcase 3:\n\t\t\treturn L.Sr + '.';\n\t\tcase 4:\n\t\t\treturn L.Ct + '.';\n\t\tcase 5:\n\t\t\treturn L.Pt + '.';\n\t\tcase 6:\n\t\t\treturn L.Sb + '.';\n\t\tdefault:\n\t\t\treturn '';\n\t}\n};\n\n/**\n * Преобразовать дату в строку формата Y-m-d H:i:s\n * @param dateObject - объект Date\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\n * @param timeFormat - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\n */\nexport const dateToString = (dateObject: Date, langFormat: boolean = true, timeFormat: 0 | 1 | 2 | 3 = 2): string => {\n\tlet Y = String(dateObject.getFullYear());\n\tlet d = String(dateObject.getDate()).padStart(2, '0');\n\tlet m = String(dateObject.getMonth() + 1).padStart(2, '0');\n\tlet H = String(dateObject.getHours()).padStart(2, '0');\n\tlet i = String(dateObject.getMinutes()).padStart(2, '0');\n\tlet s = String(dateObject.getSeconds()).padStart(2, '0');\n\n\tlet date = Y + '-' + m + '-' + d;\n\tif (timeFormat >= 1) date += ' ' + H;\n\tif (timeFormat >= 2) date += ':' + i;\n\tif (timeFormat === 3) date += ':' + s;\n\tif (langFormat) date = dateFormat(date, timeFormat);\n\n\treturn date;\n};\n\n/**\n * Получить объект Date из строки\n * @param date - строка с датой\n */\nexport function stringToDate(date: string): Date {\n\tif (date.indexOf('T') === -1) {\n\t\tif (date.length == 10) {\n\t\t\tdate += ' 00:00:00';\n\t\t}\n\n\t\tdate = date.replace(' ', 'T') + Core.state.gmt;\n\t}\n\n\treturn new Date(date);\n}\n\n/**\n * Генерация даты-строки из миллисекунд (UTC), в формате Y-m-d H:i:s\n * @param timestamp - дата в мс, если не передана, берется дата на момент вызова функции\n * @param useFormat - если true, формат даты будет взят из Core.state.dateFormat\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\n */\nexport function genDate(timestamp: number | undefined, useFormat: boolean = true, time: 0 | 1 | 2 | 3 = 0): string {\n\tlet date;\n\tif (timestamp != undefined) {\n\t\tdate = new Date(timestamp);\n\t} else {\n\t\tdate = new Date();\n\t}\n\n\tconst Y = date.getFullYear();\n\tconst m = String(date.getMonth() + 1).padStart(2, '0');\n\tconst d = date.getDate().toString().padStart(2, '0');\n\n\tconst H = date.getHours().toString().padStart(2, '0');\n\tconst i = date.getMinutes().toString().padStart(2, '0');\n\tconst s = date.getSeconds().toString().padStart(2, '0');\n\n\tdate = Y + '-' + m + '-' + d;\n\n\tif (time) date += ' ';\n\tif (time >= 1) date += H;\n\tif (time >= 2) date += ':' + i;\n\tif (time >= 3) date += ':' + s;\n\n\tif (useFormat) {\n\t\tdate = dateFormat(date, time);\n\t}\n\n\treturn date;\n}\n\n/**\n * Генерация даты-строки (время московское) из миллисекунд (UTC), в формате Y-m-d H:i:s\n * @param ms - дата в мс, если не передана, берется дата на момент вызова функции\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\n */\nexport function genDateMoscow(ms: number | undefined, langFormat: boolean = true): string {\n\tconst time_zone = (new Date().getTimezoneOffset() / 60) * (-1);\n\tconst dateoffset = time_zone * 60 * 60 * 1000;\n\tconst moscow_dateoffset = 3 * 60 * 60 * 1000;\n\n\tlet date: Date;\n\tif (ms !== undefined) {\n\t\tdate = new Date(ms);\n\t} else {\n\t\tdate = new Date();\n\t}\n\n\tdate.setTime(date.getTime() - dateoffset + moscow_dateoffset);\n\n\tlet Y = String(date.getFullYear());\n\tlet d = String(date.getDate()).padStart(2, '0');\n\tlet m = String(date.getMonth() + 1).padStart(2, '0');\n\tlet H = String(date.getHours()).padStart(2, '0');\n\tlet i = String(date.getMinutes()).padStart(2, '0');\n\tlet s = String(date.getSeconds()).padStart(2, '0');\n\n\tlet dateStr = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s;\n\tif (langFormat) {\n\t\tdateStr = dateFormat(dateStr);\n\t}\n\n\treturn dateStr;\n}\n\n/**\n * Перевод даты в формат пользователя\n * @param date - объект даты или строка в формате Y-m-d H:i:s\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\n * @param dateformat -\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\n */\nexport function dateFormat(dateMixed: string | Date, time: 0 | 1 | 2 | 3 = 2, dateFormat?: string, emptyValue: string = Core.L.Not_date): string {\n\tif (typeof dateMixed === 'string') {\n\t\tif (!dateMixed || dateMixed.substring(0, 10) === '0000-00-00') {\n\t\t\tif (emptyValue && emptyValue !== '0000-00-00') {\n\t\t\t\treturn emptyValue;\n\t\t\t}\n\t\t}\n\t}\n\n\tif (!dateMixed) return emptyValue;\n\n\tif (!dateFormat) {\n\t\tdateFormat = Core.state.dateFormat;\n\t}\n\n\tdateFormat = dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\n\n\tlet date: Date;\n\tif (dateMixed instanceof Date) {\n\t\tdate = dateMixed;\n\t} else {\n\t\tlet dateForObj = dateMixed.substring(0, 10);\n\t\tif (dateForObj.length === 7) dateForObj += '-01';\n\t\tdateForObj += ' 00:00';\n\t\tdateForObj = dateForObj.replace(/-/g, '/'); // safari fix\n\n\t\tdate = new Date(dateForObj);\n\t\tif (isNaN(Number(date))) return emptyValue;\n\t}\n\n\tlet result = '';\n\n\tif (dateFormat && window['$']) {\n\t\tresult = $.datepicker.formatDate(dateFormat, date);\n\t}\n\n\tif (time && typeof dateMixed === 'string' && dateMixed.length > 10 || time && dateMixed instanceof Date) {\n\t\tlet timeStr: string = '';\n\t\tif (dateMixed instanceof Date) {\n\t\t\ttimeStr = new Date().toLocaleTimeString('en-US', {\n\t\t\t\thour12: false,\n\t\t\t\thour: 'numeric',\n\t\t\t\tminute: time >= 2 ? 'numeric' : undefined,\n\t\t\t\tsecond: time >= 3 ? 'numeric' : undefined,\n\t\t\t});\n\t\t} else {\n\t\t\tswitch (time) {\n\t\t\t\t// часы\n\t\t\t\tcase 1:\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 13);\n\n\t\t\t\t\tbreak;\n\t\t\t\t// часы и минуты\n\t\t\t\tcase 2:\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 16);\n\n\t\t\t\t\tbreak;\n\t\t\t\t// часы, минуты и секунды\n\t\t\t\tcase 3:\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 19);\n\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tresult += ' ' + timeStr;\n\t}\n\n\tresult = result.trim();\n\n\treturn result;\n}\n\n/**\n * Перевод даты из формата пользователя в системный формат Y-m-d H:i:s\n * @param date - строка с датой\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\n */\nexport function dateUnformat(date: string, emptyValue: string = Core.L.Not_date): string {\n\tif (!date) {\n\t\treturn emptyValue;\n\t}\n\n\tif (date.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\n\t\treturn date;\n\t}\n\n\tconst dateFormat = Core.state.dateFormat.toLowerCase();\n\n\tconst dateChunks = date.split(/\\W/);\n\tconst dateFormatChunks = dateFormat.split(/\\W/);\n\n\tlet d = '';\n\tlet m = '';\n\tlet y = '';\n\n\tdateFormatChunks.forEach((type, index) => {\n\t\tswitch (type) {\n\t\t\tcase 'd':\n\t\t\t\td = dateChunks[index];\n\n\t\t\t\tbreak;\n\t\t\tcase 'm':\n\t\t\t\tm = dateChunks[index];\n\n\t\t\t\tbreak;\n\t\t\tcase 'y':\n\t\t\t\ty = dateChunks[index];\n\n\t\t\t\tbreak;\n\t\t}\n\t});\n\n\tlet result = y + '-' + m + '-' + d;\n\n\tif (!result.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\n\t\tconsole.info('Неверный формат даты, будет возращена текущая дата, ' + result);\n\n\t\tresult = genDate((new Date()).getTime(), false).substring(0, 10);\n\t}\n\n\treturn result;\n}\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { Props } from './avatar';\nimport { dateFormat } from '@/core/utils/date';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 64,\n\ti18n: () => ({\n\t\tOnline: 'Online',\n\t\tLastSeen: 'Last seen',\n\t}),\n});\n\nconst titleStatus = computed(() => {\n\tif (props.isOnline) {\n\t\treturn props.i18n?.Online;\n\t}\n\n\tif (props.lastActiveTime) {\n\t\treturn props.i18n?.LastSeen + ': ' + dateFormat(props.lastActiveTime, 2);\n\t}\n});\n\nconst titleImage = computed(() => {\n\tif (!props.nickname) return titleStatus.value;\n\n\treturn props.nickname + (titleStatus.value ? `\\n${titleStatus.value}` : '');\n});\n</script>\n\n<template>\n\t<div class=\"top-avatar\">\n\t\t<img\n\t\t\tclass=\"top-avatar_image\"\n\t\t\t:src=\"image\"\n\t\t\t:title=\"titleImage\"\n\t\t\talt=\"\"\n\t\t>\n\n\t\t<div\n\t\t\tv-if=\"isOnline\"\n\t\t\tclass=\"top-avatar_status\"\n\t\t\t:title=\"titleStatus\"\n\t\t>\n\t\t</div>\n\t</div>\n</template>\n\n<style module>\n.top-avatar {\n\twidth: v-bind(size+ \"px\");\n\theight: v-bind(size+ \"px\");\n\tdisplay: flex;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tposition: relative;\n\ttop: 0;\n\tleft: 0;\n}\n\n.top-avatar_image {\n\tborder-radius: 50%;\n\twidth: 100%;\n\theight: 100%;\n}\n\n.top-avatar_status {\n\tborder-radius: 50%;\n\tborder: 2px solid var(--content-background-color);\n\tbackground-color: var(--color-bg-positive-2);\n\twidth: 25%;\n\theight: 25%;\n\tposition: absolute;\n\tright: 0;\n\tbottom: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './button';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tstyling: '',\n\tsize: 's',\n});\n\nconst tagName = computed(() => props.href ? 'a' : 'button');\n\nconst type = computed(() => props.isSubmit ? 'submit' : undefined);\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\t:class=\"{\n\t\t\t['top-active']: isActive,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t['top-button']: true,\n\t\t\t['top-button-progress']: isProgress,\n\t\t\t[`top-size_${size}`]: !!size,\n\t\t\t[`top-color_${color}`]: true,\n\t\t\t[`top-style_${styling}`]: !!styling,\n\t\t\t['top-button-withoutText']: !$slots.default,\n\t\t}\"\n\t\t:name=\"name\"\n\t\t:title=\"title\"\n\t\t:href=\"href\"\n\t\t:type=\"type\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:data-top-icon2=\"icon2 || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t:inProgress=\"isProgress\"\n\t>\n\t\t<span\n\t\t\tv-if=\"badgeNumber\"\n\t\t\t:data-top-badge=\"badgeNumber\"\n\t\t\tclass=\"top-button_badge\"\n\t\t\t:class=\"{\n\t\t\t\t['top-button_badge-afterText']: badgePosAfterText,\n\t\t\t}\"\n\t\t></span>\n\n\t\t<span\n\t\t\tv-if=\"$slots.default\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<!-- @slot Текст в кнопке -->\n\t\t\t<slot>\n\t\t\t\t{{ !icon ? 'Button' : '' }}\n\t\t\t</slot>\n\t\t</span>\n\n\t\t<!-- @slot HTML в кнопке -->\n\t\t<slot name=\"html\"></slot>\n\t</component>\n</template>\n\n<style module>\n@import \"./style/button.css\";\n@import \"./style/style-outline.css\";\n@import \"./style/style-soft.css\";\n@import \"./style/style-transparent.css\";\n\n.top-button {\n\t--top-button-color: var(--color-white);\n\t--top-button-background-color: transparent;\n\t--top-button-background-color-hover: var(--top-button-background-color);\n\t--top-button-background-color-active: var(--top-button-background-color-hover);\n\t--top-button-background-color-selected: var(--top-button-background-color-hover);\n\t--top-button-box-shadow: none;\n\t--top-button-box-shadow-hover: var(--top-shadow-darken-2);\n\t--top-button-box-shadow-active: var(--top-shadow-darken-3);\n\t--top-button-box-shadow-selected: var(--top-shadow-darken-3);\n\t--top-forms-border-width: 0px;\n\t--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));\n\t--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding));\n}\n\n.top-button > .top-ellipsis { flex-grow: 0; }\n\n.top-button.top-size_xs {\n\t--top-forms-padding: var(--top-forms-padding_xs);\n\t--top-forms-base-height: var(--top-forms-base-height_xs);\n}\n\n.top-button.top-size_m {\n\t--top-forms-padding: var(--top-forms-padding_m);\n\t--top-forms-base-height: var(--top-forms-base-height_m);\n}\n\n.top-button.top-size_l {\n\t--top-forms-padding: var(--top-forms-padding_l);\n\t--top-forms-base-height: var(--top-forms-base-height_l);\n}\n\n.top-button_badge-afterText {\n\torder: 100;\n}\n\n.top-button:not([data-top-icon2]) > .top-button_badge-afterText {\n\tmargin-left: 0;\n}\n</style>\n","<template>\n\t<div class=\"top-loadbar\"></div>\n</template>\n\n<style module>\n:root {\n\t--top-loadbar-duration: 10s;\n\t--top-loadbar-color: var(--color-line-primary-2);\n}\n\n.top-loadbar {\n\tbackground: var(--top-loadbar-color);\n\twidth: 0;\n\theight: 4px;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\n\tanimation: top-loadbar var(--top-loadbar-duration) forwards;\n}\n\n@keyframes top-loadbar {\n\tfrom {\n\t\t/* fix render pixels */\n\t\twidth: 4px;\n\t}\n\t4% {\n\t\twidth: calc(4%);\n\t}\n\t5% {\n\t\twidth: 5%;\n\t}\n\tto {\n\t\twidth: 95%;\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Emits, Props } from './input';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n\tcaptionType: '',\n});\n\nconst emit = defineEmits<Emits>();\n\nconst localValue = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n\nconst placeholder = computed(() => {\n\tif (props.addCleaner && !props.title) {\n\t\treturn '';\n\t}\n\tif (props.captionType !== '') {\n\t\treturn '';\n\t}\n\n\treturn props.title;\n});\n\nconst clean = (event: Event) => {\n\tif (props.modelValue) {\n\t\tevent.stopPropagation();\n\t}\n\n\temit('update:modelValue', '');\n};\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-input']: true,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-input-' + modificator]: !!modificator,\n\t\t\t['top-input-withCleaner']: addCleaner && localValue && localValue !== '0000-00-00',\n\t\t\t['top-formsCaptionWrapper']: captionType !== '',\n\t\t\t['top-formsCaptionWrapper-always']: captionType === 'top',\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t\t:data-top-icon2=\"icon2\"\n\t>\n\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-input_input']: true,\n\t\t\t\t['top-input_input-' + modificator]: !!modificator,\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\tv-model=\"localValue\"\n\t\t\t:title=\"title\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t@keydown.esc=\"(event) => (addCleaner || !!$slots.btn) && clean(event)\"\n\t\t\t:=\"$attrs\"\n\t\t>\n\n\t\t<span\n\t\t\tv-if=\"addCleaner && localValue && localValue !== '0000-00-00'\"\n\t\t\tclass=\"top-input_cleaner\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click.prevent=\"clean\"\n\t\t></span>\n\n\t\t<span\n\t\t\tv-if=\"captionType !== ''\"\n\t\t\tclass=\"top-formsCaption\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</span>\n\n\t\t<!-- @slot Слот для вставки произвольного кода в label -->\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style module>\n.top-input {\n\t--top-forms_clear-width: 0px;\n\n\tborder-radius: var(--top-forms-radius);\n\twidth: 180px;\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-input_input {\n\tcolor: var(--color-text-2);\n\tbackground: var(--top-forms-background-color);\n\theight: var(--top-forms-base-height);\n\tpadding: 0;\n\tpadding-right: calc(max(var(--top-forms-padding), calc(var(--top-icon2-width) + var(--top-forms_clear-width))));\n\tpadding-left: calc(max(var(--top-forms-padding), var(--top-icon-width)));\n}\n\n.top-input_input:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-input_input:focus {\n\tcolor: var(--color-text-1);\n\tborder-color: var(--color-line-primary-1);\n\toutline: none;\n}\n\n/* значки */\n.top-input[data-top-icon]:before,\n.top-input[data-top-icon2]:after {\n\t--top-icon-color: var(--color-icon-4);\n\t--top-icon2-color: var(--color-icon-4);\n\n\tposition: absolute;\n\tz-index: 3;\n\tfont-size: 20px;\n}\n\n.top-input[data-top-icon]:before {\n\tleft: 0;\n}\n\n.top-input[data-top-icon2]:after {\n\tright: 0;\n}\n\n/* cleaner */\n.top-input-withCleaner {\n\t--top-forms_clear-width: 24px;\n}\n\n.top-input_cleaner[data-top-icon] {\n\t--top-icon-size: 16px;\n\t--top-icon-width: 20px;\n\t--top-icon-color: var(--color-icon-3);\n\n\tcursor: pointer;\n\tborder-radius: 50%;\n\twidth: 20px;\n\theight: 16px;\n\tposition: absolute;\n\tright: calc(var(--top-forms-border-width) + max(var(--top-icon2-width), var(--top-forms-padding) / 2));\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.top-input_cleaner[data-top-icon]:hover {\n\t--top-icon-color: var(--color-icon-2);\n}\n\n/* TODO: перенести в inputsRange */\n.top-input_input {\n\twidth: 50%;\n\tflex-grow: 1;\n}\n\n/* top-loadbar */\n.top-input .top-loadbar {\n\tborder-radius: var(--top-forms-radius) 0 0 0;\n}\n</style>\n","<script lang=\"ts\">\nconst useNativeDatepicker = !!document.documentElement.ontouchstart && !!document.createElement('input').showPicker;\n\nlet onInputLazy = (_e: any) => { };\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onUnmounted } from 'vue';\nimport { dateFormat, dateUnformat } from '@/core/utils/date';\nimport type { Props, Emits } from './inputDate';\nimport TopInput from '@/components/forms/input/input.vue';\nimport Core from '@/core/core/core';\n\nconst props = withDefaults(defineProps<Props>(), {\n\ticon2: '',\n});\n\nconst emit = defineEmits<Emits>();\n\nonUnmounted(() => {\n\tif ($el) {\n\t\t$el.datepicker('destroy');\n\t}\n});\n\nconst el = ref();\nlet $el: any;\n\nconst localValue = computed({\n\tget() {\n\t\treturn dateFormat(props.modelValue, 2, undefined, '0000-00-00');\n\t},\n\n\tset(value) {\n\t\tvalue = dateUnformat(value, '0000-00-00');\n\n\t\temit('update:modelValue', value);\n\t},\n});\n\nlet oninput = (e: any) => {\n\tonInputLazy(e);\n};\n\nlet onchange = (e: any) => {\n\tconst date = dateUnformat(e.target.value);\n\tconst dateFormatted = dateFormat(date);\n\n\tif (!dateFormatted || dateFormatted === Core.L.Not_date || e.target.value !== dateFormatted) {\n\t\te.target.value = localValue.value;\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = e.target.value;\n};\n\n/**\n * Инициализпация функций выбора дат\n *\n * Для не нативного datepicker\n */\nasync function init(e: any) {\n\tconst datepicker = await import('./datepicker');\n\n\t// формат ввода\n\tonInputLazy = datepicker.oninput;\n\n\t// datepicker\n\t$el = datepicker.connectDatepicker(e.target, {\n\t\tonSelect: () => onchange(e),\n\t});\n\n\tif ($el) {\n\t\t$el.datepicker('show');\n\t}\n}\n</script>\n\n<template>\n\t<TopInput\n\t\tv-if=\"useNativeDatepicker\"\n\t\t:=\"$props\"\n\t\t:modelValue=\"localValue\"\n\t\treadonly\n\t\t@click=\"el.showPicker()\"\n\t>\n\t\t<input\n\t\t\tref=\"el\"\n\t\t\ttype=\"date\"\n\t\t\tclass=\"top-input_input-date\"\n\t\t\t:modelValue=\"modelValue\"\n\t\t\t@change=\"(e: any) => localValue = e.target.value\"\n\t\t\ttabindex=\"-1\"\n\t\t/>\n\t</TopInput>\n\n\t<TopInput\n\t\tv-else\n\t\t:=\"$props\"\n\t\t:modelValue=\"localValue\"\n\t\t@update:modelValue=\"(newValue) => (newValue === '') ? localValue = '' : ''\"\n\t\t@input.date=\"oninput\"\n\t\t@focus.once.date=\"init\"\n\t\t@change.date=\"onchange\"\n\t\tmodificator=\"datepicker\"\n\t/>\n</template>\n\n<style module>\n.top-input-datepicker {\n\twidth: calc(105px + var(--top-icon-width) + var(--top-icon2-width));\n}\n\n.top-input_input-date {\n\topacity: 0;\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: -1;\n}\n\n.top-input_input-date::-webkit-inner-spin-button {\n\tdisplay: none;\n}\n\n.top-input_input-date::-webkit-calendar-picker-indicator {\n\topacity: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Emits, Props } from './radio';\nimport ControlLabel from '../controlLabel/controlLabel.vue';\n\nconst props = defineProps<Props>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-forms-optionWrapper']: true,\n\t\t\t['top-radio']: true,\n\t\t\t['top-radio_' + name]: name !== '',\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-error']: isError && !disabled,\n\t\t}\"\n\t>\n\t\t<input\n\t\t\ttype=\"radio\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-forms-option']: true,\n\t\t\t\t['top-radio_input']: true,\n\t\t\t\t['top-error']: isError && !disabled,\n\t\t\t}\"\n\t\t\tv-model=\"localValue\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\n\t\t<ControlLabel\n\t\t\tv-if=\"$slots.default\"\n\t\t\t:description=\"description\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t\t<!-- @slot Слот с заголовком -->\n\t\t\t<slot></slot>\n\t\t</ControlLabel>\n\t</label>\n</template>\n\n<style module>\n:root {\n\t--top-radio-background-color: var(--content-background-color);\n\t--top-radio-background-color-hover: var(--top-radio-background-color);\n\t--top-radio-background-color-active: var(--top-radio-background-color);\n}\n\n.top-radio {\n\tcursor: pointer;\n}\n\n.top-radio_input {\n\tborder-radius: 50%;\n\tbackground: var(--content-background-color);\n\tborder: 1px solid var(--color-line-3);\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\n}\n\n.top-radio_input:hover {\n\tborder-color: var(--color-line-3);\n\tbackground: var(--color-layer-secondary-1);\n}\n\n.top-radio_input:checked {\n\tborder-color: var(--color-line-primary-1);\n\tborder-width: 5px;\n}\n\n.top-radio_input:checked:hover {\n\tborder-color: var(--color-line-primary-2);\n}\n\n/* disabled */\n.top-radio_input:disabled {\n\tborder-color: var(--color-line-1-opacity);\n\tbackground: var(--color-theme-100);\n}\n\n/* disabled selected */\n.top-radio_input:checked:disabled {\n\tborder-color: var(--color-theme-400);\n}\n\n/* isError */\n.top-radio_input.top-error {\n\tborder-color: var(--color-line-negative-1);\n}\n\n.top-radio_input.top-error:hover {\n\tborder-color: var(--color-line-negative-2);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Emits, Props } from './switcher';\nimport ControlLabel from '../controlLabel/controlLabel.vue';\n\nconst props = defineProps<Props>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t['top-forms-optionWrapper']: true,\n\t\t['top-checkboxSwitcher']: true,\n\t\t['top-disabled']: disabled,\n\t\t['top-error']: isError && !disabled,\n\t}\"\n\t>\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-forms-option']: true,\n\t\t\t\t['top-checkboxSwitcher_input']: true,\n\t\t\t\t['top-error']: isError && !disabled,\n\t\t\t}\"\n\t\t\tv-model=\"localValue\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\n\t\t<ControlLabel\n\t\t\tv-if=\"$slots.default\"\n\t\t\t:description=\"description\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t\t<!-- @slot Слот с заголовком -->\n\t\t\t<slot></slot>\n\t\t</ControlLabel>\n\t</label>\n</template>\n\n<style module>\n.top-checkboxSwitcher {\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tgap: 4px;\n}\n\n.top-checkboxSwitcher_input {\n\tborder-radius: 9px;\n\tborder: none;\n\tbackground: var(--color-layer-secondary-2);\n\twidth: 36px;\n\theight: 18px;\n\tposition: relative;\n}\n\n.top-checkboxSwitcher_input:before {\n\tcontent: \"\";\n\tborder-radius: 50%;\n\tbackground: var(--color-white);\n\twidth: 12px;\n\theight: 12px;\n\tmargin: 3px;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\n\ttransition: left 0.1s;\n}\n\n.top-checkboxSwitcher_input:hover {\n\tbackground: var(--color-layer-secondary-4);\n}\n\n/* checked */\n.top-checkboxSwitcher_input:checked {\n\tbackground: var(--color-bg-primary-2);\n}\n\n.top-checkboxSwitcher_input:checked:hover {\n\tbackground: var(--color-bg-primary-1);\n}\n\n.top-checkboxSwitcher_input:checked:before {\n\tleft: 50%;\n}\n\n/* disabled */\n.top-checkboxSwitcher_input:disabled {\n\tbackground: var(--color-theme-400);\n}\n\n/* isError */\n.top-checkboxSwitcher_input.top-error {\n\tbackground: var(--color-layer-negative-3);\n}\n\n.top-checkboxSwitcher_input.top-error:hover {\n\tbackground: var(--color-layer-negative-4);\n}\n\n.top-checkboxSwitcher_input.top-error:checked {\n\tbackground: var(--color-bg-negative-2);\n}\n\n.top-checkboxSwitcher_input.top-error:checked:hover {\n\tbackground: var(--color-bg-negative-1);\n}\n\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Hint from '@/components/forms/hint/hint.vue';\nimport type { Emits, Props } from './textarea';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\trows: 5,\n\tminHeight: 120,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst value = computed({\n\tget() {\n\t\treturn props.modelValue;\n\t},\n\tset(value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-textarea']: true,\n\t\t\t['top-textarea-' + name]: name,\n\t\t\t['top-disabled']: disabled,\n\t\t}\"\n\t>\n\t\t<textarea\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-textarea_textarea']: true,\n\t\t\t\t['top-textarea_textarea-expandable']: expandable,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t:rows=\"!expandable ? rows : undefined\"\n\t\t\t:=\"$attrs\"\n\t\t\tv-model=\"value\"\n\t\t/>\n\n\t\t<div\n\t\t\tv-if=\"expandable\"\n\t\t\tclass=\"top-textarea_pseudoContent\"\n\t\t>\n\t\t\t{{ value + ' ' }}\n\t\t</div>\n\n\t\t<Hint\n\t\t\tv-if=\"hint\"\n\t\t\tclass=\"top-textarea_hint\"\n\t\t\t:hint=\"hint\"\n\t\t\tv-top-tooltip\n\t\t/>\n\t</label>\n</template>\n\n<style module>\n.top-textarea {\n\twidth: 180px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tposition: relative;\n}\n\n.top-textarea_textarea {\n\tcolor: var(--color-text-1);\n\tbackground: var(--top-forms-background-color);\n\twidth: 100%;\n\tpadding: var(--top-forms-padding);\n\tresize: none;\n}\n\n.top-textarea_textarea:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-textarea_textarea:focus {\n\tborder-color: var(--color-line-primary-1);\n\toutline: none;\n}\n\n.top-textarea_textarea.top-textarea_textarea-expandable {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n\n.top-textarea_pseudoContent {\n\tbox-sizing: border-box;\n\tmin-height: v-bind(minHeight+ \"px\");\n\tpadding: var(--top-forms-padding);\n\tfont-size: 14px;\n\twhite-space: pre-wrap;\n\toverflow-wrap: anywhere;\n\tpointer-events: none;\n\topacity: 0;\n\tz-index: -1;\n}\n\n.top-textarea_hint {\n\tposition: absolute;\n\ttop: 2px;\n\tright: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ComputedRef } from 'vue';\nimport { computed, watch } from 'vue';\nimport type { Emits, LocalOptions, Option, Props } from './select';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nconst emit = defineEmits<Emits>();\n\n/**\n * Словарь с учетом вложенных Props['options']\n *\n * Этот словарь должен использовать в логике компонента, чтобы она не зависила от типа входных данных\n */\nconst optionByValue: ComputedRef<LocalOptions> = computed(() => {\n\t/**\n\t * Преобразование:\n\t * - Array => Map\n\t * - string => Option\n\t */\n\tconst res = new Map();\n\n\tprops.options.forEach((option, index) => {\n\t\t// базовый Options со строками\n\t\tif (typeof option === 'string') option = genOption(index, option);\n\n\t\tif (option.children) {\n\t\t\t// вложенные элементы Option для <optgroup>\n\t\t\tconst children = new Map();\n\n\t\t\toption.children.forEach((subOption, subIndex) => {\n\t\t\t\t// базовый Options со строками\n\t\t\t\tif (typeof subOption === 'string') subOption = genOption(subIndex, subOption);\n\n\t\t\t\tchildren.set(subOption.value, subOption);\n\t\t\t});\n\n\t\t\toption = { ...option };\n\t\t\toption.children = children;\n\n\t\t\tres.set(option.value, option);\n\t\t} else {\n\t\t\t// самостоятельный элемент Option\n\t\t\tres.set(option.value, option);\n\t\t}\n\t});\n\n\treturn res;\n});\n\n/**\n * Словарь со всеми не disabled значениями Props['options'] в порядке следования с учетом вложенных Props['options']\n */\nconst flatOptionByValue: ComputedRef<Map<Props['modelValue'], Option>> = computed(() => {\n\tconst res = new Map();\n\n\toptionByValue.value.forEach(option => {\n\t\tif (option.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\t// вложенные элементы Option для <optgroup>\n\t\tif (option.children) {\n\t\t\toption.children.forEach(subOption => {\n\t\t\t\tif (subOption.disabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tres.set(subOption.value, subOption);\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tres.set(option.value, option);\n\t});\n\n\treturn res;\n});\n\n/**\n * Генерация Объекта option из строки\n *\n * Для базового способа указания props\n */\nconst genOption = (value: Props['modelValue'], title: string): Option => {\n\treturn {\n\t\tvalue,\n\t\ttitle,\n\t};\n};\n\n/**\n * Логика для обртаной своместимости:\n * - null - заменить на первое доступное значение\n * - undefined - заменить на первое доступное значение\n */\nwatch([\n\t() => props.modelValue,\n\tflatOptionByValue,\n], () => {\n\tif ((model.value === null || model.value === undefined) && flatOptionByValue.value.size) {\n\t\tconsole.warn('Пожалуйста, не передавайте в компонент Select значения null и undefined');\n\n\t\tmodel.value = flatOptionByValue.value.keys().next().value;\n\t}\n}, { immediate: true });\n\n/**\n * Иконка выбранного option\n */\nconst optionIcon = computed(() => {\n\treturn flatOptionByValue.value.get(model.value)?.icon;\n});\n\n/**\n * Выбрать следующее доступное значение\n */\nconst selectNextValue = () => {\n\tconst listEnabledValues = [...flatOptionByValue.value.keys()];\n\tconst currentIndex = listEnabledValues.indexOf(model.value);\n\tconst nextIndex = (currentIndex + 1) % listEnabledValues.length;\n\n\tmodel.value = listEnabledValues[nextIndex];\n};\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-select']:true,\n\t\t\t['top-select-' + name]:name,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-formsCaptionWrapper']: !!title,\n\t\t\t['top-select-error']: isError,\n\t\t\t['top-disabled']: disabled,\n\t\t}\"\n\t\t:data-value=\"model\"\n\t\t:data-top-icon=\"icon\"\n\t\t:data-top-icon2=\"optionIcon\"\n\t>\n\t\t<select\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-select_select']: true,\n\t\t\t\t['top-select_arrow']: true,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\t:name=\"name\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tv-model=\"model\"\n\t\t>\n\t\t\t<template v-for=\"[value, option] of optionByValue\">\n\t\t\t\t<optgroup\n\t\t\t\t\tv-if=\"option.children\"\n\t\t\t\t\t:key=\"'group_' + value\"\n\t\t\t\t\t:label=\"option.title\"\n\t\t\t\t\t:disabled=\"option.disabled\"\n\t\t\t\t>\n\t\t\t\t\t<option\n\t\t\t\t\t\tv-for=\"[subValue, subOption] of option.children\"\n\t\t\t\t\t\t:key=\"subValue\"\n\t\t\t\t\t\t:value=\"subValue\"\n\t\t\t\t\t\t:selected=\"subValue === model\"\n\t\t\t\t\t\t:disabled=\"subOption.disabled\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ subOption.title }}\n\t\t\t\t\t</option>\n\t\t\t\t</optgroup>\n\n\t\t\t\t<option\n\t\t\t\t\tv-else\n\t\t\t\t\t:key=\"value ?? undefined\"\n\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t:selected=\"value === model\"\n\t\t\t\t\t:disabled=\"option.disabled\"\n\t\t\t\t>\n\t\t\t\t\t{{ option.title }}\n\t\t\t\t</option>\n\t\t\t</template>\n\t\t</select>\n\n\t\t<span\n\t\t\tv-if=\"addChanger && flatOptionByValue.size && !disabled\"\n\t\t\tclass=\"top-changer\"\n\t\t\t@click=\"selectNextValue\"\n\t\t></span>\n\n\t\t<span\n\t\t\tv-if=\"title\"\n\t\t\tclass=\"top-formsCaption\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</span>\n\t</label>\n</template>\n\n<style module>\n.top-select {\n\tcolor: var(--color-text-1);\n\t--top-icon-color: var(--color-icon-2);\n\t--top-icon2-color: var(--color-icon-2);\n\n\talign-items: center;\n\twidth: 180px;\n\tmax-width: 100%;\n\tdisplay: inline-flex;\n}\n\n.top-select-error {\n\t--top-icon-color: var(--color-icon-negative-1);\n\t--top-icon2-color: var(--color-icon-negative-1);\n}\n\n.top-select_select {\n\tbackground-color: var(--top-forms-background-color);\n\t/* для select вместо padding нужно использовать text-indent */\n\tpadding-left: var(--top-forms-padding);\n\n\t/* если есть значки, добавить отступ на их ширину с учетом уже добавленного padding */\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))));\n\n\twidth: 100%;\n\theight: var(--top-forms-base-height);\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\toverflow: hidden;\n}\n\n.top-select_select:disabled {\n\tcolor: var(--color-text-3);\n}\n\n.top-select optgroup {\n\tcolor: var(--color-text-1);\n\tfont-style: normal;\n}\n\n.top-select option:not(:disabled) {\n\tbackground: var(--content-background-color);\n\tcolor: var(--color-text-1);\n}\n\n.top-select option:disabled {\n\tbackground: unset;\n\tcolor: unset;\n}\n\n/* хром не мерняет цвет для optgroup option, стили оставлены по умолчанию */\n/*\n.top-select optgroup:disabled,\n.top-select optgroup option,\n.top-select option:disabled {\n\n}\n*/\n\n/* https://bugzilla.mozilla.org/show_bug.cgi?id=1743066 */\n@-moz-document url-prefix() {\n\t.top-select_select {\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);\n\t}\n}\n\n@media only screen and (min-width: 900px) {\n\t/* changer */\n\t.top-changer {\n\t\tcursor: pointer;\n\t\tborder-radius: 100%;\n\t\twidth: 0;\n\t\ttransform: translateX(-44px);\n\t\tcolor: var(--color-text-2);\n\t\tfont-size: 16px;\n\t\tline-height: 1;\n\t\tdisplay: none;\n\t\tz-index: 2;\n\t\torder: 4;\n\t}\n\n\t.top-changer:hover {\n\t\tcolor: var(--color-primary);\n\t}\n\n\t.top-changer:after {\n\t\tcontent: \"\";\n\t\tbackground-color: var(--top-forms-background-color);\n\t\tfont-family: \"Topvisor-2\";\n\t}\n\n\t*:hover > .top-changer {\n\t\tdisplay: block;\n\t}\n}\n</style>\n","/**\n * Замечание для разработчиков\n *\n * При изменении библиотеки Forms не забудьте обновить ее подключение в плагине\n *\n * @see import('@/core/core/plugin')\n */\n\nimport type { ComponentCustomProps } from 'vue';\n\nimport Avatar from './avatar/avatar.vue';\nimport Button from './button/button.vue';\nimport Checkbox from './checkbox/checkbox.vue';\nimport ControlLabel from './controlLabel/controlLabel.vue';\nimport Hint from './hint/hint.vue';\nimport Input from './input/input.vue';\nimport InputDate from './inputDate/inputDate.vue';\nimport InputRange from './inputRange/inputRange.vue';\nimport Radio from './radio/radio.vue';\nimport Switcher from './switcher/switcher.vue';\nimport Textarea from './textarea/textarea.vue';\nimport Select from './select/select.vue';\nimport Loadbar from './loadbar/loadbar.vue';\n\n// Для не SFC, чтобы работало автозаполнение в template в ComponentOptions\n// Имена намеренно делаются разными, чтобы типы не конфликтовали: `Button` и `TopButton`\n\nexport const TopAvatar = Avatar as typeof Avatar & ComponentCustomProps;\nexport const TopButton = Button as typeof Button & ComponentCustomProps;\nexport const TopCheckbox = Checkbox as typeof Checkbox & ComponentCustomProps;\nexport const TopControlLabel = ControlLabel as typeof ControlLabel & ComponentCustomProps;\nexport const TopHint = Hint as typeof Hint & ComponentCustomProps;\nexport const TopInput = Input as typeof Input & ComponentCustomProps;\nexport const TopInputDate = InputDate as typeof InputDate & ComponentCustomProps;\nexport const TopInputRange = InputRange as typeof InputRange & ComponentCustomProps;\nexport const TopRadio = Radio as typeof Radio & ComponentCustomProps;\nexport const TopSwitcher = Switcher as typeof Switcher & ComponentCustomProps;\nexport const TopTextarea = Textarea as typeof Textarea & ComponentCustomProps;\nexport const TopSelect = Select as typeof Select & ComponentCustomProps;\nexport const TopLoadbar = Loadbar as typeof Loadbar & ComponentCustomProps;\n"],"names":["isRetina","isMobile","isApp","isMacOS","isSafari","isChrome","isSafari2","getCommandKeyLabel","getScrollTop","get$scroll","getElsScroll","getOS","res","i","os","getOSAsync","platformVersion","_a","onResizeTimer","onResizeListeners","windowSize","listener","callback","e","onResize","Events","addOnReize","removeOnResize","options","state","Core","vue","device","cssFilesByOptions","fileNames","filename","m","pc","key","promises","fileNames2","media","useSync","promise","fileName","request","id","elLink","resolve","reject","type","elStyle","style","L","getDayOfWeek","y","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","_b","titleImage","tagName","_sfc_render","_ctx","_cache","emit","__emit","localValue","value","placeholder","clean","event","onInputLazy","_e","$el","el","oninput","onchange","dateFormatted","init","datepicker","require","value2","optionByValue","option","genOption","children","subOption","subIndex","flatOptionByValue","title","model","optionIcon","listEnabledValues","TopAvatar","Avatar","TopButton","TopButton$1","TopCheckbox","Checkbox","TopControlLabel","ControlLabel","TopHint","TopHint$1","TopInput","TopInput$1","TopInputDate","InputDate","TopInputRange","InputRange","TopRadio","Radio","TopSwitcher","Switcher","TopTextarea","Textarea","TopSelect","Select","TopLoadbar","TopLoadbar$1"],"mappings":"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"}

package/.chunks/{forms-NfVxcPud.es.js → forms-DT_fsN6V.es.js}

@@ -739,7 +739,7 @@ const rt = /* @__PURE__ */ v({
       d.value = l.target.value;
     };
     async function r(l) {
-      const p = await import("./datepicker-DTNYG8Iy.es.js");
+      const p = await import("./datepicker-CS24dmLk.es.js");
       q = p.oninput, e = p.connectDatepicker(l.target, {
         onSelect: () => m(l)
       }), e && e.datepicker("show");
@@ -1131,22 +1131,22 @@ export {
   Y as K,
   Pe as T,
   y as _,
-  eo as a,
-  to as b,
-  oo as c,
+  j as a,
+  eo as b,
+  to as c,
   B as d,
-  so as e,
-  ao as f,
-  no as g,
-  io as h,
+  oo as e,
+  so as f,
+  ao as g,
+  no as h,
   Xt as i,
-  ro as j,
-  mo as k,
-  lo as l,
-  co as m,
-  po as n,
-  uo as o,
-  j as p,
+  io as j,
+  ro as k,
+  mo as l,
+  lo as m,
+  co as n,
+  po as o,
+  uo as p,
   O as q,
   zt as r,
   x as s,
@@ -1158,4 +1158,4 @@ export {
   qt as y,
   Kt as z
 };
-//# sourceMappingURL=forms-NfVxcPud.es.js.map
+//# sourceMappingURL=forms-DT_fsN6V.es.js.map