npm - @topvisor/ui - Versions diffs - 1.0.20-selector2-4 → 1.0.21-pinia-1 - Mend

@topvisor/ui 1.0.20-selector2-4 → 1.0.21-pinia-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/.chunks/{utils-9b7woobj.es.js.map → utils-C5sf4bZh.es.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils-9b7woobj.es.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/dialog/composables/dialogHandle.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue","../../src/components/dialog/dialog/composables/asyncDialogHandle.ts","../../src/components/dialog/dialog/composables/utils.ts"],"sourcesContent":["import { genHash, getHash, historySetState } from '@/core/utils/route';\r\nimport type { MoveDirection, TopDialogOptions } from './types';\r\nimport type { $el } from '@/components/types';\r\n\r\nexport abstract class TopDialogWorker {\r\n\tstatic state = {\r\n\t\tload: undefined as TopDialogOptions['load'] \| undefined,\r\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] \| undefined,\r\n\r\n\t\t/*\r\n\t\t Порядковай номер перехода в диалоговых окнах\r\n\t\t \r\n\t\t Для расчета направления Вперед / Назад\r\n\t\t /\r\n\t\tviewPageN: 0,\r\n\t\tlocationHashPrev: '',\r\n\t};\r\n\r\n\tprivate static inited = false;\r\n\r\n\t/\r\n\t Инициировать события слежения за парамтерами url\r\n\t \r\n\t Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\r\n\t /\r\n\tstatic init(options?: TopDialogOptions) {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\r\n\t\tthis.state.load = options?.load;\r\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\r\n\r\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\r\n\r\n\t\t$(window).on('hashchange.dialogs', () => {\r\n\t\t\tconst dialogsStateChanged = this.compareStates(location.hash, this.state.locationHashPrev);\r\n\t\t\tif (dialogsStateChanged) this.opendDialogsFromUrl();\r\n\t\t});\r\n\r\n\t\t$(window).trigger('hashchange.dialogs');\r\n\r\n\t\t/\r\n\t\t Сгенерировать ссылку для перехода к странице диалогового окна\r\n\t\t /\r\n\t\t$(document).on('mousedown', 'a[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\r\n\t\t\t// /\r\n\t\t\t// Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\r\n\t\t\t// /\r\n\t\t\t// if ($currentPage.length) {\r\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t//\r\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\r\n\t\t\t//\r\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\r\n\t\t\t//\r\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t// }\r\n\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\r\n\t\t});\r\n\r\n\t\t/\r\n\t\t Осуществить переход по ссылке с учетом historyType\r\n\t\t /\r\n\t\t$(document).on('click', '[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\t// Подождать генерацию ссылки\r\n\t\t\tif (el.href === '.') {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tel.mousedown();\r\n\r\n\t\t\t\tsetTimeout(() => el.click());\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\tconst $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tconst replaceHistory = !!$toDialog.data('data-to-view-replace');\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\t\t\tif ($currentPage.length) {\r\n\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t\tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t}\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\r\n\r\n\t\t\tif (el.tagName === 'A') {\r\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\r\n\t\t\t\tif (!$toDialog.is(':visible')) return;\r\n\r\n\t\t\t\t// в адресе уже указана эта страница, необходимсо явно запросить ее открытие\r\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\r\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (replaceHistory) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\thistorySetState(true, hash);\r\n\r\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\tif (moveDirection == 'next') {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (el.tagName !== 'A') {\r\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\r\n\t\t\t\t\t\tlocation.hash = hash;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\r\n\t}\r\n\r\n\tstatic async getDialogsUtils() {\r\n\t\tconst { TopDialogUtils } = await import('./utils');\r\n\r\n\t\treturn TopDialogUtils;\r\n\t}\r\n\r\n\tstatic get$dialog($el: $el) {\r\n\t\treturn $el.closest('.ui-dialog-content');\r\n\t};\r\n\r\n\tstatic get$page($el: $el) {\r\n\t\treturn $el.closest('[data-view-page]');\r\n\t};\r\n\r\n\t/\r\n\t Получить элементы страницы в шапке и в контенте\r\n\t /\r\n\tstatic get$pairPage($el: $el) {\r\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\r\n\r\n\t\tconst $page = TopDialogWorker.get$page($el);\r\n\t\tconst pageName = $page.data('view-page');\r\n\r\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\r\n\t};\r\n\r\n\t/\r\n\t Закрыть диалоговое окно\r\n\t /\r\n\tstatic close(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t};\r\n\r\n\t/\r\n\t Размонтировать $.dialog\r\n\t /\r\n\tstatic destroy(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t\t$dialog.dialog('destroy');\r\n\t};\r\n\r\n\t/\r\n\t Сгенерировать ссылку на страницу в диалоговом окне\r\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\r\n\t * @param moveDirection\r\n\t /\r\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\r\n\t\tvar toViewPageN = this.state.viewPageN;\r\n\t\tif (moveDirection == 'prev') {\r\n\t\t\ttoViewPageN--;\r\n\t\t} else {\r\n\t\t\ttoViewPageN++;\r\n\t\t}\r\n\r\n\t\tvar viewNameAndPageLink = toView.split('-');\r\n\t\tvar viewName = viewNameAndPageLink.shift();\r\n\t\tvar pageLink = viewNameAndPageLink.join('-');\r\n\t\tvar hash = genHash('vpn', toViewPageN);\r\n\t\tvar hash = genHash('view-' + viewName, pageLink, hash);\r\n\r\n\t\treturn hash;\r\n\t};\r\n\r\n\t/\r\n\t Сравнить версию открытых диалоговых окон\r\n\t * @returns вернет true, если состояния открытых окон изменилось\r\n\t /\r\n\tstatic compareStates(hash: string, hash2: string) {\r\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) \|\| [];\r\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) \|\| [];\r\n\r\n\t\tif (mathes.length !== mathes2.length) return true;\r\n\r\n\t\tconst mathesChanged = mathes.filter((math, n) => {\r\n\t\t\tconst math2 = mathes2[n] \|\| '';\r\n\r\n\t\t\treturn math !== math2;\r\n\t\t});\r\n\r\n\t\tif (mathesChanged.length) return true;\r\n\r\n\t\treturn false;\r\n\t};\r\n\r\n\tstatic opendDialogsFromUrl = async () => {\r\n\t\tconst toViewPageN = Number(getHash('vpn')) \|\| 0;\r\n\r\n\t\tthis.state.locationHashPrev = location.hash;\r\n\r\n\t\t// Открыть диалоговое окно\r\n\t\tlet view: RegExpExecArray \| null;\r\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\r\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\r\n\t\twhile (view = regexp.exec(location.hash)) {\r\n\t\t\tvar moveDirection: MoveDirection = 'next';\r\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\r\n\t\t}\r\n\r\n\t\t// Закрыть ненужные view\r\n\t\t$('.ui-dialog-content[data-view-page-active]:visible').each((_index: number, dialog: HTMLElement) => {\r\n\t\t\tvar $dialog = $(dialog);\r\n\r\n\t\t\tvar viewName = $dialog.attr('id');\r\n\t\t\tvar pageName = getHash('view-' + viewName);\r\n\t\t\tif (!pageName) $dialog.dialog('close');\r\n\t\t});\r\n\r\n\t\tthis.state.viewPageN = toViewPageN;\r\n\r\n\t\treturn true;\r\n\t};\r\n}\r\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport TopDialog from '../dialog.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { MoveDirection } from '@/components/dialog/lib/types';\r\nimport type { TopDialogComponent } from './types';\r\n\r\n/\r\n Объект для работы с диалоговым окном\r\n \r\n Каждое окно уникально и может быть открыто одновременно только один раз\r\n \r\n Можно определить много окон, после чего с ними можно вести работу в любой части приложения\r\n /\r\nexport class TopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/\r\n\t Индентификатор, определяется на уровне компонента TopDialogComponent\r\n\t \r\n\t Может использоваться в навигации для открытия нужных окон с нужными настройками\r\n\t /\r\n\tid: string;\r\n\r\n\t/\r\n\t ID, используемый в верстке диалогового окна\r\n\t /\r\n\tidAttr: string;\r\n\r\n\t/\r\n\t Пользовательский компонент диалогового окна\r\n\t /\r\n\tComponent: T;\r\n\r\n\t/\r\n\t Компонент инициирован\r\n\t \r\n\t Устанавливается после первого вызова useTopDialog()\r\n\t /\r\n\tisMounted = ref(false);\r\n\r\n\t/\r\n\t Компонент готов к использованию\r\n\t \r\n\t Используется для внутренних преобразований после отрисовки\r\n\t /\r\n\tisReady = ref(false);\r\n\r\n\t/\r\n\t Диалоговое окно открыто\r\n\t /\r\n\tisOpened = ref(false);\r\n\r\n\t/\r\n\t Имя активной страницы дилогового окна\r\n\t /\r\n\tpageActive = ref('');\r\n\r\n\t/\r\n\t Диалоговое окно находится в состоянии загрузки своей страницы\r\n\t /\r\n\tisLoadingPage = ref(false);\r\n\r\n\t/\r\n\t Следующая активная страница\r\n\t \r\n\t В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\r\n\t /\r\n\tpageActiveNext = ref('');\r\n\r\n\t/\r\n\t props компонента, доступны после инициализации\r\n\t /\r\n\tprops?: ComponentInstance<T>['$props'];\r\n\r\n\t/\r\n\t emit базового компонента `TopDialog`\r\n\t /\r\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\r\n\r\n\t/\r\n\t Одноразовое событие на закрытие диалогового окна\r\n\t \r\n\t Используется для привязки окна к сценариям использования\r\n\t /\r\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\r\n\r\n\tconstructor(TopDialogComponent: T) {\r\n\t\tthis.id = TopDialogComponent.id!;\r\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\r\n\t\tthis.Component = markRaw(TopDialogComponent);\r\n\t}\r\n\r\n\t/\r\n\t Событие - компонент инициирован\r\n\t /\r\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\r\n\t\tthis.isMounted.value = true;\r\n\t\tthis.props = topDialogComponent.props;\r\n\t\tthis.emit = topDialogBaseComponent.emit;\r\n\t}\r\n\r\n\t/\r\n\t Открыть диалоговое окно\r\n\t \r\n\t Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\r\n\t /\r\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\r\n\r\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\r\n\t};\r\n\r\n\t/\r\n\t Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t \r\n\t Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\r\n\t /\r\n\tasync openAsLink(\r\n\t\tpageName: string = 'main',\r\n\t\tprops?: {},\r\n\t\t_args: string[] = [],\r\n\t\tonCloseOnce?: typeof this.onCloseOnce,\r\n\t\tmoveDirection?: MoveDirection,\r\n\t) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst viewName = this.idAttr + '-' + pageName;\r\n\r\n\t\tlocation.hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\r\n\t};\r\n\r\n\t/\r\n\t Закрыть диалоговое окно\r\n\t \r\n\t Не меняет состояние компонента диалогового окна\r\n\t /\r\n\tasync close() {\r\n\t\tTopDialogWorker.close(this.idAttr);\r\n\t};\r\n\r\n\t/\r\n\t Размонтировать $.dialog\r\n\t /\r\n\tasync destroy() {\r\n\t\tTopDialogWorker.destroy(this.idAttr);\r\n\t}\r\n\r\n\t/\r\n\t Устанвоить props\r\n\t \r\n\t Полностью сбрасывается состояние props\r\n\t /\r\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\r\n\t\t// ожидание инициализации компонента\r\n\t\tif (!this.isMounted) {\r\n\t\t\tawait waitWhile(() => !this.props);\r\n\t\t}\r\n\r\n\t\tfor (const name in this.props) {\r\n\t\t\tthis.props[name] = props[name];\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Проверить, есть ли необходимость отрисовки страницы диалогового окна\r\n\t /\r\n\tneedShowPage(pageName: string): boolean {\r\n\t\tif (!this.isOpened.value) return false;\r\n\r\n\t\treturn this.pageActive.value === pageName \|\| this.pageActiveNext.value === pageName;\r\n\t}\r\n}\r\n","<script lang=\"ts\">\r\nimport { shallowReactive } from 'vue';\r\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\r\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\r\n\r\n/\r\n Словарь всех используемых диалоговых окон\r\n \r\n В других компонентах не использовать\r\n /\r\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\r\n\r\nexport const getDialogWorker = (id: string) => {\r\n\tid = id.replace(/^dialog_/, '');\r\n\r\n\treturn dialogsWorkers.get(id);\r\n};\r\n\r\n/\r\n Добавить компонент диалогового окна для использования\r\n /\r\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\r\n\tif (!TopDialogComponent?.id) {\r\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\r\n\r\n\t\tthrow new Error('Expected TopDialogComponent');\r\n\t}\r\n\r\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\r\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\r\n\t}\r\n\r\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onUnmounted } from 'vue';\r\n\r\ndefineOptions({\r\n\tname: 'DialogWrapper',\r\n});\r\n\r\nonUnmounted(() => {\r\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\r\n\tdialogsWorkers.clear();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-dialogs\" style=\"display: none;\">\r\n\t\t<component\r\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\r\n\t\t\t:is=\"dialog.Component\"\r\n\t\t\t:key=\"dialogId\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n","import type { Ref } from 'vue';\r\nimport { ref } from 'vue';\r\nimport { useTopDialog } from './utils';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport type { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';\r\nimport { TopDialogHandle } from './dialogHandle';\r\n\r\n/\r\n Объект для работы с асинхронным диалоговым окном\r\n \r\n Является прослойкой для доступа к TopDialogHandle\r\n /\r\nexport class AsyncTopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/\r\n\t Функция, определяющая компонент TopDialogComponent\r\n\t /\r\n\treadonly resolve: AsyncTopDialogComponentLoader<T>;\r\n\r\n\t/\r\n\t Реактивная Сссылка на объект worker,\r\n\t \r\n\t Ссылка не будет указывать на объект, если диалоговое окно еще не загружено\r\n\t /\r\n\treadonly worker: Ref<TopDialogHandle<T> \| null> = ref(null);\r\n\r\n\tconstructor(resolve: AsyncTopDialogComponentLoader<T>) {\r\n\t\tthis.resolve = resolve;\r\n\t}\r\n\r\n\t/\r\n\t Получить доступ к TopDialogHandle\r\n\t /\r\n\tasync get() {\r\n\t\tif (this.worker.value) return this.worker.value;\r\n\r\n\t\tconst result = await this.resolve();\r\n\t\tconst TopDialogComponent = result.default;\r\n\r\n\t\tthis.worker.value = useTopDialog(TopDialogComponent);\r\n\r\n\t\tconst worker = this.worker.value;\r\n\r\n\t\tawait waitWhile(() => !worker.isMounted);\r\n\r\n\t\treturn worker;\r\n\t}\r\n\r\n\t/\r\n\t Открыть диалоговое окно\r\n\t /\r\n\tasync open(...args: Parameters<TopDialogHandle<T>['open']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tawait worker.open(...args);\r\n\t}\r\n\r\n\t/\r\n\t Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t \r\n\t Только общедоступные диалоговые окна, расположенные в @/dialogs\r\n\t /\r\n\tasync openAsLink(...args: Parameters<TopDialogHandle<T>['open']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tvoid worker.openAsLink(...args);\r\n\t}\r\n\r\n\t/\r\n\t Закрыть диалоговое окно\r\n\t \r\n\t Не меняет состояние компонента диалогового окна\r\n\t /\r\n\tasync close(...args: Parameters<TopDialogHandle<T>['close']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tworker.close(...args);\r\n\t}\r\n\r\n\t/\r\n\t Размонтировать виджет диалогового окна\r\n\t /\r\n\tasync destroy(...args: Parameters<TopDialogHandle<T>['close']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tworker.destroy(...args);\r\n\t}\r\n\r\n\t/\r\n\t Устанвоить props\r\n\t \r\n\t Полностью сбрасывается состояние props\r\n\t /\r\n\tasync setProps(...args: Parameters<TopDialogHandle<T>['setProps']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tawait worker.setProps(...args);\r\n\t}\r\n}\r\n","import { getCurrentInstance, inject } from 'vue';\r\nimport { TopDialogHandle } from './dialogHandle';\r\nimport { AsyncTopDialogHandle } from './asyncDialogHandle';\r\nimport type { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';\r\nimport { addDialogWorker, getDialogWorker } from '../dialogs/dialogs.vue';\r\n\r\n/\r\n Получить объект управленя текущим диалоговым окном\r\n /\r\nexport const useTopDialogSelf = () => {\r\n\t// вызов из пользовтаельского компонента диалога\r\n\tconst topDialogComponent = getCurrentInstance() as any;\r\n\tif (topDialogComponent?.type?.id) {\r\n\t\tconst dialogWorker = getDialogWorker(topDialogComponent.type.id);\r\n\t\tif (dialogWorker) return dialogWorker;\r\n\t}\r\n\r\n\treturn inject('dialogWorker') as TopDialogHandle<TopDialogComponent>;\r\n};\r\n\r\n/\r\n Получить объект управленя диалоговым окном\r\n \r\n При первом вызове компонент диалогового окна будет внедрен в компонент DialogWrapper\r\n /\r\nexport const useTopDialog = <T extends TopDialogComponent>(DialogComponent: T): TopDialogHandle<T> => {\r\n\treturn addDialogWorker(DialogComponent);\r\n};\r\n\r\n/\r\n Получить объект управленя асинхронным диалоговым окном\r\n \r\n Компонент диалогового окна будет загружен и инициирован при первом взаимодействии с объектом\r\n \r\n Использует useTopDialog()\r\n */\r\nexport const useAsyncTopDialog = <T extends TopDialogComponent>(resolve: AsyncTopDialogComponentLoader<T>): AsyncTopDialogHandle<T> => {\r\n\treturn new AsyncTopDialogHandle(resolve);\r\n};\r\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","viewName","$toDialog","moveDirection","TopDialogUtils","toView","$modalLayers","$currentPage","replaceHistory","pageName","hash","historySetState","$el","$dialog","dialogId","toViewPageN","viewNameAndPageLink","pageLink","genHash","hash2","mathes","mathes2","math","math2","getHash","view","regexp","_index","dialog","TopDialogHandle","ref","TopDialogComponent","markRaw","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","waitWhile","name","dialogsWorkers","shallowReactive","getDialogWorker","id","addDialogWorker","onUnmounted","AsyncTopDialogHandle","resolve","useTopDialog","worker","useTopDialogSelf","getCurrentInstance","_a","dialogWorker","inject","DialogComponent","useAsyncTopDialog"],"mappings":"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"}
1	+ {"version":3,"file":"utils-C5sf4bZh.es.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/dialog/composables/dialogHandle.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue","../../src/components/dialog/dialog/composables/asyncDialogHandle.ts","../../src/components/dialog/dialog/composables/utils.ts"],"sourcesContent":["import { genHash, getHash, historySetState } from '@/core/utils/route';\r\nimport type { MoveDirection, TopDialogOptions } from './types';\r\nimport type { $el } from '@/components/types';\r\n\r\nexport abstract class TopDialogWorker {\r\n\tstatic state = {\r\n\t\tload: undefined as TopDialogOptions['load'] \| undefined,\r\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] \| undefined,\r\n\r\n\t\t/*\r\n\t\t Порядковай номер перехода в диалоговых окнах\r\n\t\t \r\n\t\t Для расчета направления Вперед / Назад\r\n\t\t /\r\n\t\tviewPageN: 0,\r\n\t\tlocationHashPrev: '',\r\n\t};\r\n\r\n\tprivate static inited = false;\r\n\r\n\t/\r\n\t Инициировать события слежения за парамтерами url\r\n\t \r\n\t Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\r\n\t /\r\n\tstatic init(options?: TopDialogOptions) {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\r\n\t\tthis.state.load = options?.load;\r\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\r\n\r\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\r\n\r\n\t\t$(window).on('hashchange.dialogs', () => {\r\n\t\t\tconst dialogsStateChanged = this.compareStates(location.hash, this.state.locationHashPrev);\r\n\t\t\tif (dialogsStateChanged) this.opendDialogsFromUrl();\r\n\t\t});\r\n\r\n\t\t$(window).trigger('hashchange.dialogs');\r\n\r\n\t\t/\r\n\t\t Сгенерировать ссылку для перехода к странице диалогового окна\r\n\t\t /\r\n\t\t$(document).on('mousedown', 'a[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\r\n\t\t\t// /\r\n\t\t\t// Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\r\n\t\t\t// /\r\n\t\t\t// if ($currentPage.length) {\r\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t//\r\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\r\n\t\t\t//\r\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\r\n\t\t\t//\r\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t// }\r\n\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\r\n\t\t});\r\n\r\n\t\t/\r\n\t\t Осуществить переход по ссылке с учетом historyType\r\n\t\t /\r\n\t\t$(document).on('click', '[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\t// Подождать генерацию ссылки\r\n\t\t\tif (el.href === '.') {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tel.mousedown();\r\n\r\n\t\t\t\tsetTimeout(() => el.click());\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\tconst $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tconst replaceHistory = !!$toDialog.data('data-to-view-replace');\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\t\t\tif ($currentPage.length) {\r\n\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t\tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t}\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\r\n\r\n\t\t\tif (el.tagName === 'A') {\r\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\r\n\t\t\t\tif (!$toDialog.is(':visible')) return;\r\n\r\n\t\t\t\t// в адресе уже указана эта страница, необходимсо явно запросить ее открытие\r\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\r\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (replaceHistory) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\thistorySetState(true, hash);\r\n\r\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\tif (moveDirection == 'next') {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (el.tagName !== 'A') {\r\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\r\n\t\t\t\t\t\tlocation.hash = hash;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\r\n\t}\r\n\r\n\tstatic async getDialogsUtils() {\r\n\t\tconst { TopDialogUtils } = await import('./utils');\r\n\r\n\t\treturn TopDialogUtils;\r\n\t}\r\n\r\n\tstatic get$dialog($el: $el) {\r\n\t\treturn $el.closest('.ui-dialog-content');\r\n\t};\r\n\r\n\tstatic get$page($el: $el) {\r\n\t\treturn $el.closest('[data-view-page]');\r\n\t};\r\n\r\n\t/\r\n\t Получить элементы страницы в шапке и в контенте\r\n\t /\r\n\tstatic get$pairPage($el: $el) {\r\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\r\n\r\n\t\tconst $page = TopDialogWorker.get$page($el);\r\n\t\tconst pageName = $page.data('view-page');\r\n\r\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\r\n\t};\r\n\r\n\t/\r\n\t Закрыть диалоговое окно\r\n\t /\r\n\tstatic close(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t};\r\n\r\n\t/\r\n\t Размонтировать $.dialog\r\n\t /\r\n\tstatic destroy(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t\t$dialog.dialog('destroy');\r\n\t};\r\n\r\n\t/\r\n\t Сгенерировать ссылку на страницу в диалоговом окне\r\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\r\n\t * @param moveDirection\r\n\t /\r\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\r\n\t\tvar toViewPageN = this.state.viewPageN;\r\n\t\tif (moveDirection == 'prev') {\r\n\t\t\ttoViewPageN--;\r\n\t\t} else {\r\n\t\t\ttoViewPageN++;\r\n\t\t}\r\n\r\n\t\tvar viewNameAndPageLink = toView.split('-');\r\n\t\tvar viewName = viewNameAndPageLink.shift();\r\n\t\tvar pageLink = viewNameAndPageLink.join('-');\r\n\t\tvar hash = genHash('vpn', toViewPageN);\r\n\t\tvar hash = genHash('view-' + viewName, pageLink, hash);\r\n\r\n\t\treturn hash;\r\n\t};\r\n\r\n\t/\r\n\t Сравнить версию открытых диалоговых окон\r\n\t * @returns вернет true, если состояния открытых окон изменилось\r\n\t /\r\n\tstatic compareStates(hash: string, hash2: string) {\r\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) \|\| [];\r\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) \|\| [];\r\n\r\n\t\tif (mathes.length !== mathes2.length) return true;\r\n\r\n\t\tconst mathesChanged = mathes.filter((math, n) => {\r\n\t\t\tconst math2 = mathes2[n] \|\| '';\r\n\r\n\t\t\treturn math !== math2;\r\n\t\t});\r\n\r\n\t\tif (mathesChanged.length) return true;\r\n\r\n\t\treturn false;\r\n\t};\r\n\r\n\tstatic opendDialogsFromUrl = async () => {\r\n\t\tconst toViewPageN = Number(getHash('vpn')) \|\| 0;\r\n\r\n\t\tthis.state.locationHashPrev = location.hash;\r\n\r\n\t\t// Открыть диалоговое окно\r\n\t\tlet view: RegExpExecArray \| null;\r\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\r\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\r\n\t\twhile (view = regexp.exec(location.hash)) {\r\n\t\t\tvar moveDirection: MoveDirection = 'next';\r\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\r\n\t\t}\r\n\r\n\t\t// Закрыть ненужные view\r\n\t\t$('.ui-dialog-content[data-view-page-active]:visible').each((_index: number, dialog: HTMLElement) => {\r\n\t\t\tvar $dialog = $(dialog);\r\n\r\n\t\t\tvar viewName = $dialog.attr('id');\r\n\t\t\tvar pageName = getHash('view-' + viewName);\r\n\t\t\tif (!pageName) $dialog.dialog('close');\r\n\t\t});\r\n\r\n\t\tthis.state.viewPageN = toViewPageN;\r\n\r\n\t\treturn true;\r\n\t};\r\n}\r\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport TopDialog from '../dialog.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { MoveDirection } from '@/components/dialog/lib/types';\r\nimport type { TopDialogComponent } from './types';\r\n\r\n/\r\n Объект для работы с диалоговым окном\r\n \r\n Каждое окно уникально и может быть открыто одновременно только один раз\r\n \r\n Можно определить много окон, после чего с ними можно вести работу в любой части приложения\r\n /\r\nexport class TopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/\r\n\t Индентификатор, определяется на уровне компонента TopDialogComponent\r\n\t \r\n\t Может использоваться в навигации для открытия нужных окон с нужными настройками\r\n\t /\r\n\tid: string;\r\n\r\n\t/\r\n\t ID, используемый в верстке диалогового окна\r\n\t /\r\n\tidAttr: string;\r\n\r\n\t/\r\n\t Пользовательский компонент диалогового окна\r\n\t /\r\n\tComponent: T;\r\n\r\n\t/\r\n\t Компонент инициирован\r\n\t \r\n\t Устанавливается после первого вызова useTopDialog()\r\n\t /\r\n\tisMounted = ref(false);\r\n\r\n\t/\r\n\t Компонент готов к использованию\r\n\t \r\n\t Используется для внутренних преобразований после отрисовки\r\n\t /\r\n\tisReady = ref(false);\r\n\r\n\t/\r\n\t Диалоговое окно открыто\r\n\t /\r\n\tisOpened = ref(false);\r\n\r\n\t/\r\n\t Имя активной страницы дилогового окна\r\n\t /\r\n\tpageActive = ref('');\r\n\r\n\t/\r\n\t Диалоговое окно находится в состоянии загрузки своей страницы\r\n\t /\r\n\tisLoadingPage = ref(false);\r\n\r\n\t/\r\n\t Следующая активная страница\r\n\t \r\n\t В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\r\n\t /\r\n\tpageActiveNext = ref('');\r\n\r\n\t/\r\n\t props компонента, доступны после инициализации\r\n\t /\r\n\tprops?: ComponentInstance<T>['$props'];\r\n\r\n\t/\r\n\t emit базового компонента `TopDialog`\r\n\t /\r\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\r\n\r\n\t/\r\n\t Одноразовое событие на закрытие диалогового окна\r\n\t \r\n\t Используется для привязки окна к сценариям использования\r\n\t /\r\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\r\n\r\n\tconstructor(TopDialogComponent: T) {\r\n\t\tthis.id = TopDialogComponent.id!;\r\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\r\n\t\tthis.Component = markRaw(TopDialogComponent);\r\n\t}\r\n\r\n\t/\r\n\t Событие - компонент инициирован\r\n\t /\r\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\r\n\t\tthis.isMounted.value = true;\r\n\t\tthis.props = topDialogComponent.props;\r\n\t\tthis.emit = topDialogBaseComponent.emit;\r\n\t}\r\n\r\n\t/\r\n\t Открыть диалоговое окно\r\n\t \r\n\t Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\r\n\t /\r\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\r\n\r\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\r\n\t};\r\n\r\n\t/\r\n\t Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t \r\n\t Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\r\n\t /\r\n\tasync openAsLink(\r\n\t\tpageName: string = 'main',\r\n\t\tprops?: {},\r\n\t\t_args: string[] = [],\r\n\t\tonCloseOnce?: typeof this.onCloseOnce,\r\n\t\tmoveDirection?: MoveDirection,\r\n\t) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst viewName = this.idAttr + '-' + pageName;\r\n\r\n\t\tlocation.hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\r\n\t};\r\n\r\n\t/\r\n\t Закрыть диалоговое окно\r\n\t \r\n\t Не меняет состояние компонента диалогового окна\r\n\t /\r\n\tasync close() {\r\n\t\tTopDialogWorker.close(this.idAttr);\r\n\t};\r\n\r\n\t/\r\n\t Размонтировать $.dialog\r\n\t /\r\n\tasync destroy() {\r\n\t\tTopDialogWorker.destroy(this.idAttr);\r\n\t}\r\n\r\n\t/\r\n\t Устанвоить props\r\n\t \r\n\t Полностью сбрасывается состояние props\r\n\t /\r\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\r\n\t\t// ожидание инициализации компонента\r\n\t\tif (!this.isMounted) {\r\n\t\t\tawait waitWhile(() => !this.props);\r\n\t\t}\r\n\r\n\t\tfor (const name in this.props) {\r\n\t\t\tthis.props[name] = props[name];\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Проверить, есть ли необходимость отрисовки страницы диалогового окна\r\n\t /\r\n\tneedShowPage(pageName: string): boolean {\r\n\t\tif (!this.isOpened.value) return false;\r\n\r\n\t\treturn this.pageActive.value === pageName \|\| this.pageActiveNext.value === pageName;\r\n\t}\r\n}\r\n","<script lang=\"ts\">\r\nimport { shallowReactive } from 'vue';\r\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\r\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\r\n\r\n/\r\n Словарь всех используемых диалоговых окон\r\n \r\n В других компонентах не использовать\r\n /\r\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\r\n\r\nexport const getDialogWorker = (id: string) => {\r\n\tid = id.replace(/^dialog_/, '');\r\n\r\n\treturn dialogsWorkers.get(id);\r\n};\r\n\r\n/\r\n Добавить компонент диалогового окна для использования\r\n /\r\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\r\n\tif (!TopDialogComponent?.id) {\r\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\r\n\r\n\t\tthrow new Error('Expected TopDialogComponent');\r\n\t}\r\n\r\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\r\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\r\n\t}\r\n\r\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onUnmounted } from 'vue';\r\n\r\ndefineOptions({\r\n\tname: 'DialogWrapper',\r\n});\r\n\r\nonUnmounted(() => {\r\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\r\n\tdialogsWorkers.clear();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-dialogs\" style=\"display: none;\">\r\n\t\t<component\r\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\r\n\t\t\t:is=\"dialog.Component\"\r\n\t\t\t:key=\"dialogId\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n","import type { Ref } from 'vue';\r\nimport { ref } from 'vue';\r\nimport { useTopDialog } from './utils';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport type { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';\r\nimport { TopDialogHandle } from './dialogHandle';\r\n\r\n/\r\n Объект для работы с асинхронным диалоговым окном\r\n \r\n Является прослойкой для доступа к TopDialogHandle\r\n /\r\nexport class AsyncTopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/\r\n\t Функция, определяющая компонент TopDialogComponent\r\n\t /\r\n\treadonly resolve: AsyncTopDialogComponentLoader<T>;\r\n\r\n\t/\r\n\t Реактивная Сссылка на объект worker,\r\n\t \r\n\t Ссылка не будет указывать на объект, если диалоговое окно еще не загружено\r\n\t /\r\n\treadonly worker: Ref<TopDialogHandle<T> \| null> = ref(null);\r\n\r\n\tconstructor(resolve: AsyncTopDialogComponentLoader<T>) {\r\n\t\tthis.resolve = resolve;\r\n\t}\r\n\r\n\t/\r\n\t Получить доступ к TopDialogHandle\r\n\t /\r\n\tasync get() {\r\n\t\tif (this.worker.value) return this.worker.value;\r\n\r\n\t\tconst result = await this.resolve();\r\n\t\tconst TopDialogComponent = result.default;\r\n\r\n\t\tthis.worker.value = useTopDialog(TopDialogComponent);\r\n\r\n\t\tconst worker = this.worker.value;\r\n\r\n\t\tawait waitWhile(() => !worker.isMounted);\r\n\r\n\t\treturn worker;\r\n\t}\r\n\r\n\t/\r\n\t Открыть диалоговое окно\r\n\t /\r\n\tasync open(...args: Parameters<TopDialogHandle<T>['open']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tawait worker.open(...args);\r\n\t}\r\n\r\n\t/\r\n\t Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t \r\n\t Только общедоступные диалоговые окна, расположенные в @/dialogs\r\n\t /\r\n\tasync openAsLink(...args: Parameters<TopDialogHandle<T>['open']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tvoid worker.openAsLink(...args);\r\n\t}\r\n\r\n\t/\r\n\t Закрыть диалоговое окно\r\n\t \r\n\t Не меняет состояние компонента диалогового окна\r\n\t /\r\n\tasync close(...args: Parameters<TopDialogHandle<T>['close']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tworker.close(...args);\r\n\t}\r\n\r\n\t/\r\n\t Размонтировать виджет диалогового окна\r\n\t /\r\n\tasync destroy(...args: Parameters<TopDialogHandle<T>['close']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tworker.destroy(...args);\r\n\t}\r\n\r\n\t/\r\n\t Устанвоить props\r\n\t \r\n\t Полностью сбрасывается состояние props\r\n\t /\r\n\tasync setProps(...args: Parameters<TopDialogHandle<T>['setProps']>) {\r\n\t\tconst worker = await this.get();\r\n\r\n\t\tawait worker.setProps(...args);\r\n\t}\r\n}\r\n","import { getCurrentInstance, inject } from 'vue';\r\nimport { TopDialogHandle } from './dialogHandle';\r\nimport { AsyncTopDialogHandle } from './asyncDialogHandle';\r\nimport type { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';\r\nimport { addDialogWorker, getDialogWorker } from '../dialogs/dialogs.vue';\r\n\r\n/\r\n Получить объект управленя текущим диалоговым окном\r\n /\r\nexport const useTopDialogSelf = () => {\r\n\t// вызов из пользовтаельского компонента диалога\r\n\tconst topDialogComponent = getCurrentInstance() as any;\r\n\tif (topDialogComponent?.type?.id) {\r\n\t\tconst dialogWorker = getDialogWorker(topDialogComponent.type.id);\r\n\t\tif (dialogWorker) return dialogWorker;\r\n\t}\r\n\r\n\treturn inject('dialogWorker') as TopDialogHandle<TopDialogComponent>;\r\n};\r\n\r\n/\r\n Получить объект управленя диалоговым окном\r\n \r\n При первом вызове компонент диалогового окна будет внедрен в компонент DialogWrapper\r\n /\r\nexport const useTopDialog = <T extends TopDialogComponent>(DialogComponent: T): TopDialogHandle<T> => {\r\n\treturn addDialogWorker(DialogComponent);\r\n};\r\n\r\n/\r\n Получить объект управленя асинхронным диалоговым окном\r\n \r\n Компонент диалогового окна будет загружен и инициирован при первом взаимодействии с объектом\r\n \r\n Использует useTopDialog()\r\n */\r\nexport const useAsyncTopDialog = <T extends TopDialogComponent>(resolve: AsyncTopDialogComponentLoader<T>): AsyncTopDialogHandle<T> => {\r\n\treturn new AsyncTopDialogHandle(resolve);\r\n};\r\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","viewName","$toDialog","moveDirection","TopDialogUtils","toView","$modalLayers","$currentPage","replaceHistory","pageName","hash","historySetState","$el","$dialog","dialogId","toViewPageN","viewNameAndPageLink","pageLink","genHash","hash2","mathes","mathes2","math","math2","getHash","view","regexp","_index","dialog","TopDialogHandle","ref","TopDialogComponent","markRaw","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","waitWhile","name","dialogsWorkers","shallowReactive","getDialogWorker","id","addDialogWorker","onUnmounted","AsyncTopDialogHandle","resolve","useTopDialog","worker","useTopDialogSelf","getCurrentInstance","_a","dialogWorker","inject","DialogComponent","useAsyncTopDialog"],"mappings":"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"}

package/assets/core.css CHANGED Viewed

	@@ -1 +1 @@
1	- button,input,textarea,select{border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color);color:var(--color-text-1);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--top-forms-placeholder-color)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-2)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text-1);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none}.top-forms-focusable:focus-visible,.top-focus{outline:2px solid var(--color-line-primary-1);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-focus:hover,.top-focus:focus,.top-input:hover>.top-input_input,.top-select:hover>.top-select_select{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--color-line-primary-1)}:root{--top-font-size: 14px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_xs: 24px;--top-forms-base-height_s: 32px;--top-forms-base-height_m: 36px;--top-forms-base-height_l: 40px;--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding_xs: 6px;--top-forms-padding_s: 8px;--top-forms-padding_m: 10px;--top-forms-padding_l: 12px;--top-forms-padding: var(--top-forms-padding_s);--top-forms-option-height: 24px;--top-select_arrow-width: 0px;--top-forms_clear-width: 0px;--top-forms-border-color: var(--color-line-1);--top-forms-border-color-hover: var(--color-line-primary-1);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-active: var(--color-text-2);--top-forms-background-color: var(--color-layout-front-1);--top-forms-background-color-hover: var(--color-layout-front-1)}.top-size_xs{--top-forms-base-height: var(--top-forms-base-height_xs)}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_m{--top-forms-base-height: var(--top-forms-base-height_m)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-input_input,.top-textarea_textarea,.top-editArea_form,.top-select_select{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);display:inline-flex;appearance:none;-webkit-appearance:none}.top-select_select{padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width))}.top-select{position:relative}.top-select[data-top-icon]:before,.top-select[data-top-icon2]:after{position:absolute;z-index:3}.top-select[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}.top-as-a{cursor:pointer;color:var(--color-text-primary)}.top-as-a:hover{text-decoration:underline}.top-ellipsis,.top-ellipsis1{max-height:100%;line-height:1.23;text-overflow:ellipsis;overflow:hidden;flex-grow:1}.top-ellipsis1{white-space:nowrap}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;line-height:1.23;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute;-webkit-appearance:none;appearance:none;border:none}.top-unvisible:focus-visible{outline:none}.top-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:disabled:not(option):not(optgroup),:disabled~.top-formsCaption,.top-disabled{opacity:.4;filter:grayscale(100%)}.top-input.top-disabled,.top-select.top-disabled{filter:unset}.top-input_input:disabled,.top-textarea_textarea:disabled,.top-select_select:disabled{opacity:1;background-color:var(--color-bg-shading-3);filter:unset}.top-checkbox_input:not(:checked):not(:indeterminate):disabled,.top-radio_input:not(:checked):disabled,.top-checkboxSwitcher_input:disabled{opacity:1;background-color:var(--color-layer-1)}.top-checkboxSwitcher_input:disabled{background-color:var(--color-layer-4)}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-line-negative-1);border-color:var(--color-line-negative-1)}.top-error{--top-icon-color: var(--color-text-negative);color:var(--color-text-negative)}input.top-error:focus,textarea.top-error:focus,select.top-error:focus,div.top-error:focus{outline-color:var(--color-line-negative-1);border-color:var(--color-line-negative-1)}.top-error~.top-formsCaption{color:var(--color-text-negative)}.top-warning{--top-icon-color: var(--color-text-warning);color:var(--color-text-warning)}.top-forms-focusable.top-error{--top-error-keyframes-outline-color-100: transparent;animation:top-error .6s ease-out}.top-forms-focusable.top-error:focus{--top-error-keyframes-outline-color-100: var(--color-line-negative-1)}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline-offset:2px;outline:3px solid var(--color-line-negative-1)}to{outline-offset:2px;outline:2px solid var(--top-error-keyframes-outline-color-100)}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is_admin="0"] .top-only-admin{display:none!important}.has_scroll_container{transform:translate(0)}.has_scroll{--scroll-offset-top: 0px;--scroll-padding-top: 0px;--scroll-padding-bottom: 0px;--scroll-height: 0px;--scroll-shadow-height: 15px;--scroll-shadow-color: rgba(0, 0, 0, .1)}.has_scroll:before{pointer-events:none;content:"";background:linear-gradient(180deg,transparent calc(100% - var(--scroll-shadow-height)),var(--scroll-shadow-color));height:calc(var(--scroll-height) - var(--scroll-padding-top) - var(--scroll-padding-bottom));position:fixed;top:calc(var(--scroll-offset-top) + var(--scroll-padding-top));right:0;left:0;z-index:1;display:block}.has_scroll-started:before{background:linear-gradient(180deg,var(--scroll-shadow-color),transparent var(--scroll-shadow-height),transparent calc(100% - var(--scroll-shadow-height)),var(--scroll-shadow-color))}.has_scroll-finished:before{background:linear-gradient(180deg,var(--scroll-shadow-color),transparent var(--scroll-shadow-height))}:root{--color-tag-1: #bdc3c7;--color-tag-2: #FD6052;--color-tag-3: #F48D09;--color-tag-4: #F4D30C;--color-tag-5: #5AACFD;--color-tag-6: #C98AE4;--color-tag-7: #A7DE59;--color-tag-8: #e44097;--color-tag-9: #0354a5;--color-tag-10: #33b8a5;--color-tag-all: #d8dbdd}.top-comment{color:var(--color-text-3);font-size:12px}[data-top-badge]{position:relative;width:0;margin:-3px 16px 0 -16px;display:flex;align-self:flex-start}[data-top-badge]:after{content:attr(data-top-badge);border-radius:4px;padding:2px 3px;background:var(--color-bg-negative-1);color:var(--color-text-white);font-size:12px}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));padding:0 var(--top-forms-padding);color:var(--top-forms-placeholder-color);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--top-forms-placeholder-color-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}.ui-tooltip{pointer-events:none;box-shadow:0 6px 18px #0e152f21,0 -2px 6px #0e152f08;border-radius:8px;border:none;background:var(--color-layout-front-1);width:max-content;padding:16px;margin:0 18px;font-size:13px}.ui-tooltip img{margin:12px 0 0}.ui-tooltip ul{margin-left:24px}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}:root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--100vh: 100dvh;--transition: .2s ease-in-out;--transition-fast: .1s;--transition-normal: .3s;--transition-slow: .5s;--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px;--padding-default: var(--top-padding-4)}@media only screen and (max-width: 900px){:root{--padding-default: var(--top-padding-3)}}.ui-widget-content{background:var(--color-layout-front-1);color:var(--color-text-1)}.top-select_arrow{--top-select_arrow-size: 12px;--top-select_arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:32px}.top-select_arrow~.top-cleaner{--top-select_arrow-width: 24px}
1	+ button,input,textarea,select{border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color);color:var(--color-text-1);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--top-forms-placeholder-color)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-2)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text-1);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none}.top-forms-focusable:focus-visible,.top-focus{outline:2px solid var(--color-line-primary-1);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-focus:hover,.top-focus:focus,.top-input:hover>.top-input_input,.top-select:hover>.top-select_select{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--color-line-primary-1)}:root{--top-font-size: 14px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_xs: 24px;--top-forms-base-height_s: 32px;--top-forms-base-height_m: 36px;--top-forms-base-height_l: 40px;--top-forms-background-color-regular: var(--color-layout-front-1);--top-forms-background-color-regular-hover: var(--color-layout-front-1);--top-forms-background-color-light: var(--top-forms-background-color-regular);--top-forms-background-color-light-hover: var(--top-forms-background-color-regular);--top-forms-background-color-soft: var(--color-theme-75);--top-forms-background-color-soft-hover: var(--color-bg-shading-2);--top-forms-background-color-transparent: transparent;--top-forms-background-color-transparent-hover: var(--color-layout-front-3);--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding_xs: 6px;--top-forms-padding_s: 8px;--top-forms-padding_m: 10px;--top-forms-padding_l: 12px;--top-forms-padding: var(--top-forms-padding_s);--top-forms-option-height: 24px;--top-select_arrow-width: 0px;--top-forms_clear-width: 0px;--top-forms-border-color: var(--color-line-1);--top-forms-border-color-hover: var(--color-line-primary-1);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-active: var(--color-text-2);--top-forms-background-color: var(--color-layout-front-1);--top-forms-background-color-hover: var(--color-layout-front-1)}.top-style_light{--top-forms-radius: 0;border-top-width:0!important;border-left-width:0!important;border-right-width:0!important}.top-style_soft,.top-style_transparent{--top-forms-border-color: transparent;--top-forms-border-color-hover: transparent}.top-style_soft{--top-forms-background-color: var(--top-forms-background-color-soft);--top-forms-background-color-hover: var(--top-forms-background-color-soft-hover)}.top-style_transparent{--top-forms-background-color: var(--top-forms-background-color-transparent);--top-forms-background-color-hover: var(--top-forms-background-color-transparent-hover)}.top-size_xs{--top-forms-base-height: var(--top-forms-base-height_xs)}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_m{--top-forms-base-height: var(--top-forms-base-height_m)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-input_input,.top-textarea_textarea,.top-editArea_form,.top-select_select{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);display:inline-flex;appearance:none;-webkit-appearance:none}.top-select_select{padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width))}.top-select{position:relative}.top-select[data-top-icon]:before,.top-select[data-top-icon2]:after{position:absolute;z-index:3}.top-select[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}.top-as-a{cursor:pointer;color:var(--color-text-primary)}.top-as-a:hover{text-decoration:underline}.top-ellipsis,.top-ellipsis1{max-height:100%;line-height:1.23;text-overflow:ellipsis;overflow:hidden;flex-grow:1}.top-ellipsis1{white-space:nowrap}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;line-height:1.23;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute;-webkit-appearance:none;appearance:none;border:none}.top-unvisible:focus-visible{outline:none}.top-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:disabled:not(option):not(optgroup),:disabled~.top-formsCaption,.top-disabled{opacity:.4;filter:grayscale(100%)}.top-input.top-disabled,.top-select.top-disabled{filter:unset}.top-input_input:disabled,.top-textarea_textarea:disabled,.top-select_select:disabled{opacity:1;background-color:var(--color-bg-shading-3);filter:unset}.top-checkbox_input:not(:checked):not(:indeterminate):disabled,.top-radio_input:not(:checked):disabled,.top-checkboxSwitcher_input:disabled{opacity:1;background-color:var(--color-layer-1)}.top-checkboxSwitcher_input:disabled{background-color:var(--color-layer-4)}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-line-negative-1);border-color:var(--color-line-negative-1)}.top-error{--top-icon-color: var(--color-text-negative);color:var(--color-text-negative)}input.top-error:focus,textarea.top-error:focus,select.top-error:focus,div.top-error:focus{outline-color:var(--color-line-negative-1);border-color:var(--color-line-negative-1)}.top-error~.top-formsCaption{color:var(--color-text-negative)}.top-warning{--top-icon-color: var(--color-text-warning);color:var(--color-text-warning)}.top-forms-focusable.top-error{--top-error-keyframes-outline-color-100: transparent;animation:top-error .6s ease-out}.top-forms-focusable.top-error:focus{--top-error-keyframes-outline-color-100: var(--color-line-negative-1)}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline-offset:2px;outline:3px solid var(--color-line-negative-1)}to{outline-offset:2px;outline:2px solid var(--top-error-keyframes-outline-color-100)}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is_admin="0"] .top-only-admin{display:none!important}.has_scroll_container{transform:translate(0)}.has_scroll{--scroll-offset-top: 0px;--scroll-padding-top: 0px;--scroll-padding-bottom: 0px;--scroll-height: 0px;--scroll-shadow-height: 15px;--scroll-shadow-color: rgba(0, 0, 0, .1)}.has_scroll:before{pointer-events:none;content:"";background:linear-gradient(180deg,transparent calc(100% - var(--scroll-shadow-height)),var(--scroll-shadow-color));height:calc(var(--scroll-height) - var(--scroll-padding-top) - var(--scroll-padding-bottom));position:fixed;top:calc(var(--scroll-offset-top) + var(--scroll-padding-top));right:0;left:0;z-index:1;display:block}.has_scroll-started:before{background:linear-gradient(180deg,var(--scroll-shadow-color),transparent var(--scroll-shadow-height),transparent calc(100% - var(--scroll-shadow-height)),var(--scroll-shadow-color))}.has_scroll-finished:before{background:linear-gradient(180deg,var(--scroll-shadow-color),transparent var(--scroll-shadow-height))}:root{--color-tag-1: #bdc3c7;--color-tag-2: #FD6052;--color-tag-3: #F48D09;--color-tag-4: #F4D30C;--color-tag-5: #5AACFD;--color-tag-6: #C98AE4;--color-tag-7: #A7DE59;--color-tag-8: #e44097;--color-tag-9: #0354a5;--color-tag-10: #33b8a5;--color-tag-all: #d8dbdd}.top-comment{color:var(--color-text-3);font-size:12px}[data-top-badge]{position:relative;width:0;margin:-3px 16px 0 -16px;display:flex;align-self:flex-start}[data-top-badge]:after{content:attr(data-top-badge);border-radius:4px;padding:2px 3px;background:var(--color-bg-negative-1);color:var(--color-text-white);font-size:12px}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));padding:0 var(--top-forms-padding);color:var(--top-forms-placeholder-color);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--top-forms-placeholder-color-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}.ui-tooltip{pointer-events:none;box-shadow:0 6px 18px #0e152f21,0 -2px 6px #0e152f08;border-radius:8px;border:none;background:var(--color-layout-front-1);width:max-content;padding:16px;margin:0 18px;font-size:13px}.ui-tooltip img{margin:12px 0 0}.ui-tooltip ul{margin-left:24px}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}:root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--100vh: 100dvh;--transition: .2s ease-in-out;--transition-fast: .1s;--transition-normal: .3s;--transition-slow: .5s;--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px;--padding-default: var(--top-padding-4)}@media only screen and (max-width: 900px){:root{--padding-default: var(--top-padding-3)}}.ui-widget-content{background:var(--color-layout-front-1);color:var(--color-text-1)}.top-select_arrow{--top-select_arrow-size: 12px;--top-select_arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:32px}.top-select_arrow~.top-cleaner{--top-select_arrow-width: 24px}

package/assets/forms.css CHANGED Viewed

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

package/charts/charts.amd.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-Dh0QU6P9.amd","../utils/number.amd","../require/css.amd!../assets/charts.css"],function(L,C,e,M,g){"use strict";if(typeof e>"u")var e=window.Vue;const k=90,y=10,V=["data-top-icon"],B={class:"top-miniChart_chart"},b=["onMouseenter"],E={class:"top-miniChart_data"},_={class:"top-miniChart_dataValue"},w=["innerHTML"],D=e.defineComponent({__name:"miniChart",props:e.mergeModels({title:{},gIcon:{},color:{default:"blue"},dates:{},values:{},activeDates:{},keysForDyn:{},dynamic:{},isInvert:{type:Boolean},numberCols:{default:k},additionalHTML:{},modelValue:{},valueSuffix:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=t=>{let l=u.value;o.isInvert&&(t-=1,l-=1);let a=l>0?Math.round(t/l*(100-y)):0;return o.isInvert?100-a:a+y},p=t=>o.activeDates.includes(t),u=e.computed(()=>Math.max(...o.values)),c=e.computed(()=>o.dates.slice().reverse()),v=e.computed(()=>o.dates.length?o.numberCols-o.dates.length:0),h=()=>{s.value=null},r=(t,l,a)=>{t.target instanceof HTMLElement&&(s.value={elCol:t.target,date:M.dateFormat(l),value:a===null?"--":a+(o.valueSuffix??"")})},n=e.computed(()=>{let t=o.dynamic;if(typeof t>"u"){const a=o.values[o.keysForDyn.start];t=o.values[o.keysForDyn.end]-a}return(t<0?-1:1)*g.percentOfNumber(Math.abs(t))}),d=e.computed(()=>{let t="stay";return o.isInvert?(n.value>0&&(t="down"),n.value<0&&(t="up")):(n.value>0&&(t="up"),n.value<0&&(t="down")),t});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart":!0,"top-miniChart_hideChartInMobile":t.hideChartInMobile,[`top-color_${t.color}`]:!0})},[e.createElementVNode("div",{class:"top-miniChart_title top-ellipsis","data-top-icon":t.gIcon},e.toDisplayString(t.title),9,V),e.createElementVNode("div",B,[e.createElementVNode("div",{class:"top-miniChart_chartGrid",onMouseleave:l[1]||(l[1]=a=>h())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart_chartGridCol":!0,"top-active":p(a)}),onMouseenter:z=>r(z,a,t.values[t.values.length-f-1])},[e.createElementVNode("div",{style:e.normalizeStyle("height:"+i(t.values[t.values.length-f-1])+"%")},null,4)],42,b))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,()=>(e.openBlock(),e.createElementBlock("div",{class:"top-miniChart_chartGridCol top-miniChart_chartGridCol-none",onMouseenter:l[0]||(l[0]=a=>h())},l[2]||(l[2]=[e.createElementVNode("div",null,null,-1)]),32))),256))],32)]),e.createElementVNode("div",E,[e.createElementVNode("span",{class:e.normalizeClass({"top-miniChart_dataDynamic":!0,[`top-miniChart_dataDynamic-direction_${d.value}`]:!0})},e.toDisplayString(Math.abs(n.value)||""),3),e.createElementVNode("span",_,e.toDisplayString(e.unref(g.percentOfNumber)(t.values[t.values.length-1])||0),1)]),t.additionalHTML?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.additionalHTML},null,8,w)):e.createCommentVNode("",!0)],2))}}),N={key:0,class:"top-miniCharts_pages"},S=["onClick"],T=e.defineComponent({__name:"miniCharts",props:e.mergeModels({modelValue:{},countCharts:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=e.ref(null);let p;const u=e.ref(1),c=e.ref(1),v=()=>{u.value=Math.round(i.value.scrollHeight/i.value.clientHeight)};e.watch(u,()=>{u.value<c.value&&(c.value=1)}),e.watch(()=>o.countCharts,()=>v(),{flush:"post"});const h=e.computed(()=>{if(!s.value)return{};const r=s.value.elCol.getBoundingClientRect(),n={top:r.bottom+window.scrollY+"px"};return document.documentElement.clientWidth/2>r.right?n.left=r.right+window.scrollX+10+"px":(n.left=r.left+window.scrollX-10+"px",n.transform="translate(-100%, 0)"),n});return e.onMounted(()=>{p=new ResizeObserver(()=>v()),p.observe(i.value),e.watch(c,()=>{const d=(i.value.children[0].clientHeight+parseInt(window.getComputedStyle(i.value).getPropertyValue("row-gap")))*(c.value-1);i.value.scrollTo({top:d,behavior:"smooth"})})}),e.onUnmounted(()=>{p.disconnect()}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["top-miniCharts",{"top-miniCharts":!0,scrollable:u.value>1,"top-miniCharts_hideChartInMobile":r.hideChartInMobile}]),ref_key:"elRef",ref:i},[e.renderSlot(r.$slots,"default"),u.value>1?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,d=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass({"top-active":d===c.value}),onClick:t=>c.value=d},null,10,S))),256))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-miniCharts_tooltip",style:e.normalizeStyle(h.value)},[e.createElementVNode("span",null,e.toDisplayString(s.value.date),1),e.createElementVNode("span",null,e.toDisplayString(s.value.value),1)],4)):e.createCommentVNode("",!0)]))],2))}}),H=D,I=T;C.TopMiniChart=H,C.TopMiniCharts=I,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-CxYSHZLL.amd","../utils/number.amd","../require/css.amd!../assets/charts.css"],function(L,C,e,M,g){"use strict";if(typeof e>"u")var e=window.Vue;const k=90,y=10,V=["data-top-icon"],B={class:"top-miniChart_chart"},b=["onMouseenter"],E={class:"top-miniChart_data"},_={class:"top-miniChart_dataValue"},w=["innerHTML"],D=e.defineComponent({__name:"miniChart",props:e.mergeModels({title:{},gIcon:{},color:{default:"blue"},dates:{},values:{},activeDates:{},keysForDyn:{},dynamic:{},isInvert:{type:Boolean},numberCols:{default:k},additionalHTML:{},modelValue:{},valueSuffix:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=t=>{let l=u.value;o.isInvert&&(t-=1,l-=1);let a=l>0?Math.round(t/l*(100-y)):0;return o.isInvert?100-a:a+y},p=t=>o.activeDates.includes(t),u=e.computed(()=>Math.max(...o.values)),c=e.computed(()=>o.dates.slice().reverse()),v=e.computed(()=>o.dates.length?o.numberCols-o.dates.length:0),h=()=>{s.value=null},r=(t,l,a)=>{t.target instanceof HTMLElement&&(s.value={elCol:t.target,date:M.dateFormat(l),value:a===null?"--":a+(o.valueSuffix??"")})},n=e.computed(()=>{let t=o.dynamic;if(typeof t>"u"){const a=o.values[o.keysForDyn.start];t=o.values[o.keysForDyn.end]-a}return(t<0?-1:1)*g.percentOfNumber(Math.abs(t))}),d=e.computed(()=>{let t="stay";return o.isInvert?(n.value>0&&(t="down"),n.value<0&&(t="up")):(n.value>0&&(t="up"),n.value<0&&(t="down")),t});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart":!0,"top-miniChart_hideChartInMobile":t.hideChartInMobile,[`top-color_${t.color}`]:!0})},[e.createElementVNode("div",{class:"top-miniChart_title top-ellipsis","data-top-icon":t.gIcon},e.toDisplayString(t.title),9,V),e.createElementVNode("div",B,[e.createElementVNode("div",{class:"top-miniChart_chartGrid",onMouseleave:l[1]||(l[1]=a=>h())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart_chartGridCol":!0,"top-active":p(a)}),onMouseenter:z=>r(z,a,t.values[t.values.length-f-1])},[e.createElementVNode("div",{style:e.normalizeStyle("height:"+i(t.values[t.values.length-f-1])+"%")},null,4)],42,b))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,()=>(e.openBlock(),e.createElementBlock("div",{class:"top-miniChart_chartGridCol top-miniChart_chartGridCol-none",onMouseenter:l[0]||(l[0]=a=>h())},l[2]||(l[2]=[e.createElementVNode("div",null,null,-1)]),32))),256))],32)]),e.createElementVNode("div",E,[e.createElementVNode("span",{class:e.normalizeClass({"top-miniChart_dataDynamic":!0,[`top-miniChart_dataDynamic-direction_${d.value}`]:!0})},e.toDisplayString(Math.abs(n.value)||""),3),e.createElementVNode("span",_,e.toDisplayString(e.unref(g.percentOfNumber)(t.values[t.values.length-1])||0),1)]),t.additionalHTML?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.additionalHTML},null,8,w)):e.createCommentVNode("",!0)],2))}}),N={key:0,class:"top-miniCharts_pages"},S=["onClick"],T=e.defineComponent({__name:"miniCharts",props:e.mergeModels({modelValue:{},countCharts:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=e.ref(null);let p;const u=e.ref(1),c=e.ref(1),v=()=>{u.value=Math.round(i.value.scrollHeight/i.value.clientHeight)};e.watch(u,()=>{u.value<c.value&&(c.value=1)}),e.watch(()=>o.countCharts,()=>v(),{flush:"post"});const h=e.computed(()=>{if(!s.value)return{};const r=s.value.elCol.getBoundingClientRect(),n={top:r.bottom+window.scrollY+"px"};return document.documentElement.clientWidth/2>r.right?n.left=r.right+window.scrollX+10+"px":(n.left=r.left+window.scrollX-10+"px",n.transform="translate(-100%, 0)"),n});return e.onMounted(()=>{p=new ResizeObserver(()=>v()),p.observe(i.value),e.watch(c,()=>{const d=(i.value.children[0].clientHeight+parseInt(window.getComputedStyle(i.value).getPropertyValue("row-gap")))*(c.value-1);i.value.scrollTo({top:d,behavior:"smooth"})})}),e.onUnmounted(()=>{p.disconnect()}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["top-miniCharts",{"top-miniCharts":!0,scrollable:u.value>1,"top-miniCharts_hideChartInMobile":r.hideChartInMobile}]),ref_key:"elRef",ref:i},[e.renderSlot(r.$slots,"default"),u.value>1?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,d=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass({"top-active":d===c.value}),onClick:t=>c.value=d},null,10,S))),256))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-miniCharts_tooltip",style:e.normalizeStyle(h.value)},[e.createElementVNode("span",null,e.toDisplayString(s.value.date),1),e.createElementVNode("span",null,e.toDisplayString(s.value.value),1)],4)):e.createCommentVNode("",!0)]))],2))}}),H=D,I=T;C.TopMiniChart=H,C.TopMiniCharts=I,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=charts.amd.js.map

package/charts/charts.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Core as P } from "../core/app.js";
 import { defineComponent as T, mergeModels as S, useModel as $, computed as h, createElementBlock as i, openBlock as a, normalizeClass as f, createElementVNode as r, createCommentVNode as k, toDisplayString as g, Fragment as w, renderList as H, normalizeStyle as L, unref as F, ref as b, watch as V, onMounted as N, onUnmounted as R, renderSlot as z, createBlock as G, Teleport as O } from "vue";
-import { d as X } from "../.chunks/forms-BciWy0wX.es.js";
+import { d as X } from "../.chunks/forms-CipZtprq.es.js";
 import { percentOfNumber as I } from "../utils/number.js";
 const E = ["../assets/charts.css"].map((v) => import.meta.resolve(v));
 P.insertCSSLinkToPage(E, !0);

package/components/forms/input/input.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export interface Props {
     readonly?: boolean;
     modificator?: string;
     size?: Size;
+    styling?: Style;
     isError?: boolean;
     isLoading?: boolean;
     icon?: string;
@@ -23,4 +24,11 @@ export declare const captionTypes: {
     readonly top: "top";
 };
 export type CaptionType = typeof captionTypes[keyof typeof captionTypes];
+export declare const styling: {
+    readonly regular: "";
+    readonly light: "light";
+    readonly soft: "soft";
+    readonly transparent: "transparent";
+};
+export type Style = typeof styling[keyof typeof styling];
 export { sizes };

package/components/forms/input/input.vue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Props, CaptionType } from './input';
+import { Props, Style, CaptionType } from './input';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Size } from '../helpers';
 declare function __VLS_template(): {
@@ -16,6 +16,7 @@ declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentO
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: Size;
+    styling: Style;
     captionType: CaptionType;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/forms/select/select.d.ts CHANGED Viewed

@@ -16,10 +16,17 @@ export interface Props {
     disabled?: boolean;
     icon?: string;
     size?: Size;
+    styling?: Style;
     addChanger?: boolean;
     title?: string;
     isError?: boolean;
 }
+export declare const styling: {
+    readonly regular: "";
+    readonly soft: "soft";
+    readonly transparent: "transparent";
+};
+export type Style = typeof styling[keyof typeof styling];
 export interface Emits {
     (e: 'update:modelValue', value: Props['modelValue']): void;
 }

package/components/forms/select/select.vue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Props } from './select';
+import { Props, Style } from './select';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Size } from '../helpers';
 type __VLS_Props = Props;
@@ -13,5 +13,6 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     size: Size;
+    styling: Style;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 export default _default;

package/components/forms/textarea/textarea.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export interface Props {
     modelValue: string;
     name?: string;
     placeholder?: string;
+    styling?: Style;
     /**
      * Высота поля в строках, не работает в режиме **expandable**
      */
@@ -25,6 +26,12 @@ export interface Props {
      */
     hint?: string;
 }
+export declare const styling: {
+    readonly regular: "";
+    readonly soft: "soft";
+    readonly transparent: "transparent";
+};
+export type Style = typeof styling[keyof typeof styling];
 /**
  * Определение событий
  */

package/components/forms/textarea/textarea.vue.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
-import { Props } from './textarea';
+import { Props, Style } from './textarea';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value?: string | undefined) => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
+    styling: Style;
     rows: number;
     minHeight: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/core/app.amd.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/forms-Dh0QU6P9.amd","vue","../popup/worker.amd","../.chunks/utils-CPty_L5T.amd","../utils/dom.amd","../utils/clipboard.amd","../utils/string.amd","../utils/route.amd"],function(d,c,a,m,u,g,I,F,V,U){"use strict";if(typeof m>"u")var m=window.Vue;class R{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("mouseover",t=>{var e;!(t.target instanceof HTMLElement)||!((e=t.target.dataset)!=null&&e.topPopupOpenByHover)||t.target.click()}),document.addEventListener("scroll",()=>{a.Core.state.isMobile||a.Core.state.isMobileUA||u.TopPopupWorker.getAll().forEach(t=>u.TopPopupWorker.close(t))}),a.Events.addOnReize(t=>{a.Core.state.isMobile&&t.topEvent.widthDiff&&u.TopPopupWorker.getAll().forEach(e=>u.TopPopupWorker.close(e))}),document.addEventListener("click",this.onclick))}static async onclick(t){var i,n,s,r,l;if(!(t.target instanceof HTMLElement))return;let e;switch(!0){case!!((i=t.target.dataset)!=null&&i.topPopup):e=t.target;break;case!!((n=t.target.parentElement)!=null&&n.dataset.topPopup):e=t.target.parentElement;break;case!!((r=(s=t.target.parentElement)==null?void 0:s.parentElement)!=null&&r.dataset.topPopup):e=(l=t.target.parentElement)==null?void 0:l.parentElement;break}e&&(e.dataset.topPopupDisabled||e.dataset.topPopupOpened||(t.preventDefault(),await u.TopPopupWorker.openByOpener(e)))}}let S;const G={mounted:async(o,t)=>{S||(S=(await new Promise((s,r)=>d(["../utils/dom.amd"],s,r))).storage);const e=t.arg,i=t.value;S(o,e,i)}};let P,p=[],y;const W=async()=>{const{isVisible:o}=await new Promise((e,i)=>d(["../utils/dom.amd"],e,i));if(p=p.filter(o),!p.length)return;p[0].focus(),p=[]},_=async o=>{P||(P=await new Promise((t,e)=>d(["../utils/lodash.amd"],t,e))),y||(y=P.debounce(W,30)),p.push(o),y()},j={mounted:function(o,t){o.__TOP_V_FOCUS_VALUE=t.value??!0,(t.value??!0)&&_(o)},updated:function(o,t){t.modifiers.onupdate&&o.__TOP_V_FOCUS_VALUE!==(t.value??!0)&&(o.__TOP_V_FOCUS_VALUE=t.value??!0,(t.value??!0)&&_(o))}};let v,k;const A=o=>(typeof o=="boolean"||(o?o={...o}:o={},o.behavior??="smooth",o.block??="nearest",o.inline??="nearest"),o);let b,L;const B=async()=>{if(!b)return;const o=await O(b);o.isVisible&&b.scrollIntoView(o.scrollIntoViewOptions)},N=async o=>{k||(k=await new Promise((t,e)=>d(["../utils/lodash.amd"],t,e))),L||(L=k.debounce(B,30)),b=o,L()},O=async(o,t)=>{v||(v=await new Promise((i,n)=>d(["../utils/dom.amd"],i,n)));let e=v.storage(o,"v-top-scrollIntoView");return e||(e={isVisible:I.isVisible(o),scrollIntoViewOptions:A(t)},v.storage(o,"v-top-scrollIntoView",e)),e},J={async mounted(o,t){await O(o,t.value),t.modifiers.immediate&&N(o)},async updated(o,t){const e=await O(o,t.value);e.scrollIntoViewOptions=A(t.value);const i=I.isVisible(o);i&&e.isVisible!==i&&N(o),e.isVisible=i}};let h;const Y={async mounted(o){h||(h=await new Promise((t,e)=>d(["../utils/scroll.amd"],t,e))),h.connectScrollShadow(o)},async unmounted(o){h||(h=await new Promise((t,e)=>d(["../utils/scroll.amd"],t,e))),h.unconnectScrollShadow(o)}};let T;const z={mounted(o,t,e){const i=t.value||"top-sticky";T=new IntersectionObserver(n=>{let s=n[0].intersectionRatio<1;s&&t.modifiers.bottom&&n[0].intersectionRect.y===0&&(s=!1),o.classList.toggle(i,s)},{threshold:[1]}),T.observe(o)},unmounted(o,t,e){T==null||T.disconnect()}};let M=!1,w;const E=new Map,Q=(o,t)=>{const{distance:e,percent:i}=o.directiveSwipUpOptions,n=o.getBoundingClientRect().top,s=t*i/100/e,r=(t-n)/s;r<=e?o.style.transform=`translateY(${e-r}px)`:o.style.transform="translateY(0px)"},K=o=>{let t=window.innerHeight;window.addEventListener("scroll",()=>{E.forEach(e=>Q(e,t))},{passive:!0}),w=new IntersectionObserver(e=>{t=window.innerHeight,e.forEach(i=>{const n=i.target;if(i.intersectionRatio<.1?E.delete(n):E.set(n,n),i.intersectionRatio===0){const{distance:s}=n.directiveSwipUpOptions;n.style.transform=`translateY(${s}px)`}})},{threshold:.1})},X={mounted(o,t,e){var i,n;a.Core.state.isMobileUA||(o.directiveSwipUpOptions={distance:((i=t.value)==null?void 0:i.distance)??100,percent:((n=t.value)==null?void 0:n.percent)??30},M||(K(),M=!0),w.observe(o))},unmounted(o,t,e){E.delete(o),w==null||w.unobserve(o)}},C=o=>{var t,e;if(!((e=(t=a.Core.$)==null?void 0:t.ui)!=null&&e.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return a.Core.$(o)},H=(o,t)=>{var i;const e=o.value??{};return e.content??=(i=t.props)==null?void 0:i.title,e.content=String(e.content).replace(/\r\n|\r|\n/g,"<br>"),e.position??={my:"bottom-18px",at:"top center"},e},Z={mounted(o,t,e){var i;(i=C(o))==null||i.tooltip(H(t,e))},updated(o,t,e,i){var r;const n=H(t,e),s=(r=C(o))==null?void 0:r.tooltip("instance");s&&(s.options={...s.options,...n})},unmounted(o,t,e){var i;(i=C(o))==null||i.tooltip("destroy")}},x=m.defineAsyncComponent(()=>new Promise((o,t)=>d(["../.chunks/notice-DEcP2RCJ.amd"],o,t)));window.vd=console.log;const q={install:(o,t)=>{o.config.globalProperties.$core=a.Core,o.config.globalProperties.$vd=console.log;for(const e in t)a.Core.state[e]=t[e];t.widthForMobile&&(a.Core.widthForMobile=t.widthForMobile),t.themeName&&(a.Core.themeName=t.themeName),a.Core._setState(),t.topPopupOptions&&(u.TopPopupWorker.options=t.topPopupOptions),R.init(),g.TopDialogWorker.init(t.topDialogOptions),o.directive("top-data",G),o.directive("top-focus",j),o.directive("top-scroll-into-view",J),o.directive("top-scroll-shadow",Y),o.directive("top-sticky",z),o.directive("top-swim-up",X),o.directive("top-tooltip",Z),o.component("TopAvatar",a.TopAvatar),o.component("TopButton",a.TopButton),o.component("TopCheckbox",a.TopCheckbox),o.component("TopControlLabel",a.TopControlLabel),o.component("TopHint",a.TopHint),o.component("TopInput",a.TopInput),o.component("TopInputDate",a.TopInputDate),o.component("TopInputRange",a.TopInputRange),o.component("TopLoadbar",a.TopLoadbar),o.component("TopRadio",a.TopRadio),o.component("TopSelect",a.TopSelect),o.component("TopSwitcher",a.TopSwitcher),o.component("TopTextarea",a.TopTextarea),o.component("TopNotice",x),o.component("TopDialogs",g._sfc_main)}};class tt{#e;#t;#o;#i;#c;#n=[];#s=[];#l=[];#a=[];constructor(t){var i;this.#t=t.store,this.#e=this.#t.$id,this.#o=t.options.Page,this.#i=t.options.user,this.#c=t.options.Api,this.#n=t.options.tpaNamesUrlHash||[],this.#s=t.options.tpaNamesStorage||[],this.#l=t.options.tpaNamesStorageLocal||[],this.#a=t.options.tpaNamesGuestLink||[],t.store.genGuestLink=(n,s)=>this.genGuestLink(n,s),(i=this.#i.guest_data)!=null&&i.data||(this.#u(),this.#u(!0),this.#f()),this.#T(),this.#w();const e=a.debounce(()=>{this.#g(),this.#m()});t.store.$subscribe(e)}async genGuestLink(t,e){const i=this.#p();e=Object.assign(e,Object.fromEntries(i));const n=await this.#c.gen(t,"fetchColumn").call({},e);n!=null&&n.errors||await F.guestLinkToClipboard(n.result)}#p(){const t=new Map;return this.#a.forEach(e=>{const i=V.camelToSnakeCase(e);t.set(i,this.#t[e])}),t}#r(t){t.forEach((e,i)=>{const n=this.#t[i];if(e!=null&&n!==void 0&&e!=null&&e.constructor&&e.constructor===n.constructor){if(i.indexOf("date")===0&&!Array.isArray(e)){if(typeof e=="string"&&!/\d\d\d\d-\d\d-\d\d/.test(e))return}this.#t[i]=e}})}#h(t){const e=new Map;return t.forEach((i,n)=>{i!==null&&(i=JSON.stringify(i),e.set(n,i))}),e}#d(t){const e=new Map;return t.forEach((i,n)=>{if(!(i==null||i==="false")){try{if(typeof i=="string"&&!/^\d\d\d\d-\d\d-\d\d$/.test(i)&&(i=JSON.parse(i)),i==null||i==="false")return}catch{}e.set(n,i)}}),e}#f(){let t;try{t=JSON.parse(U.getHash(this.#e))}catch{}if(!t)return;const e=new Map;this.#n.forEach(i=>{const n=t[i];n&&e.set(i,n)}),this.#r(e)}#g(){const t=new Map;this.#n.forEach(n=>{const s=this.#t[n];t.set(n,s)});const e=Object.fromEntries(t),i=JSON.stringify(e);U.setHash(this.#e,i)}#u(t=!1){const e=new Map;let i="state:"+this.#e;t&&(i="state:"+this.#e+":"+location.pathname),this.#s.forEach(s=>{const r=localStorage.getItem(i+":"+s);e.set(s,r)});const n=this.#d(e);this.#r(n)}#m(t=!1){const e=new Map;let i=this.#s,n="state:"+this.#e;t&&(i=this.#l,n="state:"+this.#e+":"+location.pathname),i.forEach(r=>{const l=this.#t[r];e.set(r,l)});const s=this.#h(e);i.forEach(r=>{const l=s.get(r);localStorage.setItem(n+":"+r,l)})}#T(){var s,r,l;const t=(r=(s=this.#i)==null?void 0:s.guest_data)==null?void 0:r.data;if(!t)return;this.#i.id===-1&&(this.#i.positionsReverseDates=t.positionsReverseDates);const e=new Map;this.#a.forEach(f=>{const D=t[f];e.set(f,D)});const i=this.#d(e);this.#r(i);const n=$(".mod_guest_title");if(((l=this.#t.competitorsIds)==null?void 0:l.length)===1&&this.#o.page.data.competitors){let f=this.#o.page.data.competitors.filter(D=>D.id===t.competitorsIds[0]);f.length&&($("a",n).attr("href","http://"+f[0].url),$("a",n).text(f[0].name))}}#w(){this.#t.regionsIndexes&&m.watch(this.#t.regionsIndexes,t=>{if(!t.length)return;t.forEach((n,s)=>t[s]=n);const e=TplProjectSelectorRegion.genSearchersMap(),i=[];e.forEach(n=>{n.regions.forEach(s=>{s.index!==-1&&i.push(s.index)})}),this.#t.regionsIndexes=t.filter(n=>i.includes(n))},{immediate:!0}),this.#t.competitorsIds&&m.watch(this.#t.competitorsIds,t=>{if(!t.length)return;t.forEach((i,n)=>t[n]=i);const e=[this.#o.page.data.project.id];this.#o.page.data.project.competitors.forEach(i=>{i.on>=0&&e.push(i.id)}),this.#t.competitorsIds=t.filter(i=>e.includes(i))},{immediate:!0})}}const et=o=>{var e,i,n,s;const t=o;!((e=t.options.tpaNamesUrlHash)!=null&&e.length)&&!((i=t.options.tpaNamesStorage)!=null&&i.length)&&!((n=t.options.tpaNamesStorageLocal)!=null&&n.length)&&!((s=t.options.tpaNamesGuestLink)!=null&&s.length)||new tt(t)};c.Core=a.Core,c.i18nPlugin=a.i18n,c.useI18n=a.useI18n,c.useI18nLang=a.useI18nLang,c.TopDialogWorker=g.TopDialogWorker,c.useAsyncTopDialog=g.useAsyncTopDialog,c.useTopDialog=g.useTopDialog,c.corePlugin=q,c.piniaTPAPlugin=et,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","../.chunks/forms-CxYSHZLL.amd","vue","../popup/worker.amd","../.chunks/utils-BfdO2xlC.amd","../utils/dom.amd","../utils/clipboard.amd","../utils/string.amd","../utils/route.amd"],function(d,c,a,m,u,g,I,F,V,U){"use strict";if(typeof m>"u")var m=window.Vue;class R{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("mouseover",t=>{var e;!(t.target instanceof HTMLElement)||!((e=t.target.dataset)!=null&&e.topPopupOpenByHover)||t.target.click()}),document.addEventListener("scroll",()=>{a.Core.state.isMobile||a.Core.state.isMobileUA||u.TopPopupWorker.getAll().forEach(t=>u.TopPopupWorker.close(t))}),a.Events.addOnReize(t=>{a.Core.state.isMobile&&t.topEvent.widthDiff&&u.TopPopupWorker.getAll().forEach(e=>u.TopPopupWorker.close(e))}),document.addEventListener("click",this.onclick))}static async onclick(t){var i,n,s,r,l;if(!(t.target instanceof HTMLElement))return;let e;switch(!0){case!!((i=t.target.dataset)!=null&&i.topPopup):e=t.target;break;case!!((n=t.target.parentElement)!=null&&n.dataset.topPopup):e=t.target.parentElement;break;case!!((r=(s=t.target.parentElement)==null?void 0:s.parentElement)!=null&&r.dataset.topPopup):e=(l=t.target.parentElement)==null?void 0:l.parentElement;break}e&&(e.dataset.topPopupDisabled||e.dataset.topPopupOpened||(t.preventDefault(),await u.TopPopupWorker.openByOpener(e)))}}let S;const G={mounted:async(o,t)=>{S||(S=(await new Promise((s,r)=>d(["../utils/dom.amd"],s,r))).storage);const e=t.arg,i=t.value;S(o,e,i)}};let P,p=[],y;const W=async()=>{const{isVisible:o}=await new Promise((e,i)=>d(["../utils/dom.amd"],e,i));if(p=p.filter(o),!p.length)return;p[0].focus(),p=[]},_=async o=>{P||(P=await new Promise((t,e)=>d(["../utils/lodash.amd"],t,e))),y||(y=P.debounce(W,30)),p.push(o),y()},j={mounted:function(o,t){o.__TOP_V_FOCUS_VALUE=t.value??!0,(t.value??!0)&&_(o)},updated:function(o,t){t.modifiers.onupdate&&o.__TOP_V_FOCUS_VALUE!==(t.value??!0)&&(o.__TOP_V_FOCUS_VALUE=t.value??!0,(t.value??!0)&&_(o))}};let v,k;const A=o=>(typeof o=="boolean"||(o?o={...o}:o={},o.behavior??="smooth",o.block??="nearest",o.inline??="nearest"),o);let b,L;const B=async()=>{if(!b)return;const o=await O(b);o.isVisible&&b.scrollIntoView(o.scrollIntoViewOptions)},N=async o=>{k||(k=await new Promise((t,e)=>d(["../utils/lodash.amd"],t,e))),L||(L=k.debounce(B,30)),b=o,L()},O=async(o,t)=>{v||(v=await new Promise((i,n)=>d(["../utils/dom.amd"],i,n)));let e=v.storage(o,"v-top-scrollIntoView");return e||(e={isVisible:I.isVisible(o),scrollIntoViewOptions:A(t)},v.storage(o,"v-top-scrollIntoView",e)),e},J={async mounted(o,t){await O(o,t.value),t.modifiers.immediate&&N(o)},async updated(o,t){const e=await O(o,t.value);e.scrollIntoViewOptions=A(t.value);const i=I.isVisible(o);i&&e.isVisible!==i&&N(o),e.isVisible=i}};let h;const Y={async mounted(o){h||(h=await new Promise((t,e)=>d(["../utils/scroll.amd"],t,e))),h.connectScrollShadow(o)},async unmounted(o){h||(h=await new Promise((t,e)=>d(["../utils/scroll.amd"],t,e))),h.unconnectScrollShadow(o)}};let T;const z={mounted(o,t,e){const i=t.value||"top-sticky";T=new IntersectionObserver(n=>{let s=n[0].intersectionRatio<1;s&&t.modifiers.bottom&&n[0].intersectionRect.y===0&&(s=!1),o.classList.toggle(i,s)},{threshold:[1]}),T.observe(o)},unmounted(o,t,e){T==null||T.disconnect()}};let M=!1,w;const E=new Map,Q=(o,t)=>{const{distance:e,percent:i}=o.directiveSwipUpOptions,n=o.getBoundingClientRect().top,s=t*i/100/e,r=(t-n)/s;r<=e?o.style.transform=`translateY(${e-r}px)`:o.style.transform="translateY(0px)"},K=o=>{let t=window.innerHeight;window.addEventListener("scroll",()=>{E.forEach(e=>Q(e,t))},{passive:!0}),w=new IntersectionObserver(e=>{t=window.innerHeight,e.forEach(i=>{const n=i.target;if(i.intersectionRatio<.1?E.delete(n):E.set(n,n),i.intersectionRatio===0){const{distance:s}=n.directiveSwipUpOptions;n.style.transform=`translateY(${s}px)`}})},{threshold:.1})},X={mounted(o,t,e){var i,n;a.Core.state.isMobileUA||(o.directiveSwipUpOptions={distance:((i=t.value)==null?void 0:i.distance)??100,percent:((n=t.value)==null?void 0:n.percent)??30},M||(K(),M=!0),w.observe(o))},unmounted(o,t,e){E.delete(o),w==null||w.unobserve(o)}},C=o=>{var t,e;if(!((e=(t=a.Core.$)==null?void 0:t.ui)!=null&&e.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return a.Core.$(o)},H=(o,t)=>{var i;const e=o.value??{};return e.content??=(i=t.props)==null?void 0:i.title,e.content=String(e.content).replace(/\r\n|\r|\n/g,"<br>"),e.position??={my:"bottom-18px",at:"top center"},e},Z={mounted(o,t,e){var i;(i=C(o))==null||i.tooltip(H(t,e))},updated(o,t,e,i){var r;const n=H(t,e),s=(r=C(o))==null?void 0:r.tooltip("instance");s&&(s.options={...s.options,...n})},unmounted(o,t,e){var i;(i=C(o))==null||i.tooltip("destroy")}},x=m.defineAsyncComponent(()=>new Promise((o,t)=>d(["../.chunks/notice-uzdQ-t3s.amd"],o,t)));window.vd=console.log;const q={install:(o,t)=>{o.config.globalProperties.$core=a.Core,o.config.globalProperties.$vd=console.log;for(const e in t)a.Core.state[e]=t[e];t.widthForMobile&&(a.Core.widthForMobile=t.widthForMobile),t.themeName&&(a.Core.themeName=t.themeName),a.Core._setState(),t.topPopupOptions&&(u.TopPopupWorker.options=t.topPopupOptions),R.init(),g.TopDialogWorker.init(t.topDialogOptions),o.directive("top-data",G),o.directive("top-focus",j),o.directive("top-scroll-into-view",J),o.directive("top-scroll-shadow",Y),o.directive("top-sticky",z),o.directive("top-swim-up",X),o.directive("top-tooltip",Z),o.component("TopAvatar",a.TopAvatar),o.component("TopButton",a.TopButton),o.component("TopCheckbox",a.TopCheckbox),o.component("TopControlLabel",a.TopControlLabel),o.component("TopHint",a.TopHint),o.component("TopInput",a.TopInput),o.component("TopInputDate",a.TopInputDate),o.component("TopInputRange",a.TopInputRange),o.component("TopLoadbar",a.TopLoadbar),o.component("TopRadio",a.TopRadio),o.component("TopSelect",a.TopSelect),o.component("TopSwitcher",a.TopSwitcher),o.component("TopTextarea",a.TopTextarea),o.component("TopNotice",x),o.component("TopDialogs",g._sfc_main)}};class tt{#e;#t;#o;#i;#c;#n=[];#s=[];#l=[];#a=[];constructor(t){var i;this.#t=t.store,this.#e=this.#t.$id,this.#o=t.options.Page,this.#i=t.options.user,this.#c=t.options.Api,this.#n=t.options.tpaNamesUrlHash||[],this.#s=t.options.tpaNamesStorage||[],this.#l=t.options.tpaNamesStorageLocal||[],this.#a=t.options.tpaNamesGuestLink||[],t.store.genGuestLink=(n,s)=>this.genGuestLink(n,s),(i=this.#i.guest_data)!=null&&i.data||(this.#u(),this.#u(!0),this.#f()),this.#T(),this.#w();const e=a.debounce(()=>{this.#g(),this.#m()});t.store.$subscribe(e)}async genGuestLink(t,e){const i=this.#p();e=Object.assign(e,Object.fromEntries(i));const n=await this.#c.gen(t,"fetchColumn").call({},e);n!=null&&n.errors||await F.guestLinkToClipboard(n.result)}#p(){const t=new Map;return this.#a.forEach(e=>{const i=V.camelToSnakeCase(e);t.set(i,this.#t[e])}),t}#r(t){t.forEach((e,i)=>{const n=this.#t[i];if(e!=null&&n!==void 0&&e!=null&&e.constructor&&e.constructor===n.constructor){if(i.indexOf("date")===0&&!Array.isArray(e)){if(typeof e=="string"&&!/\d\d\d\d-\d\d-\d\d/.test(e))return}this.#t[i]=e}})}#h(t){const e=new Map;return t.forEach((i,n)=>{i!==null&&(i=JSON.stringify(i),e.set(n,i))}),e}#d(t){const e=new Map;return t.forEach((i,n)=>{if(!(i==null||i==="false")){try{if(typeof i=="string"&&!/^\d\d\d\d-\d\d-\d\d$/.test(i)&&(i=JSON.parse(i)),i==null||i==="false")return}catch{}e.set(n,i)}}),e}#f(){let t;try{t=JSON.parse(U.getHash(this.#e))}catch{}if(!t)return;const e=new Map;this.#n.forEach(i=>{const n=t[i];n&&e.set(i,n)}),this.#r(e)}#g(){const t=new Map;this.#n.forEach(n=>{const s=this.#t[n];t.set(n,s)});const e=Object.fromEntries(t),i=JSON.stringify(e);U.setHash(this.#e,i)}#u(t=!1){const e=new Map;let i="state:"+this.#e;t&&(i="state:"+this.#e+":"+location.pathname),this.#s.forEach(s=>{const r=localStorage.getItem(i+":"+s);e.set(s,r)});const n=this.#d(e);this.#r(n)}#m(t=!1){const e=new Map;let i=this.#s,n="state:"+this.#e;t&&(i=this.#l,n="state:"+this.#e+":"+location.pathname),i.forEach(r=>{const l=this.#t[r];e.set(r,l)});const s=this.#h(e);i.forEach(r=>{const l=s.get(r);localStorage.setItem(n+":"+r,l)})}#T(){var s,r,l;const t=(r=(s=this.#i)==null?void 0:s.guest_data)==null?void 0:r.data;if(!t)return;this.#i.id===-1&&(this.#i.positionsReverseDates=t.positionsReverseDates);const e=new Map;this.#a.forEach(f=>{const D=t[f];e.set(f,D)});const i=this.#d(e);this.#r(i);const n=$(".mod_guest_title");if(((l=this.#t.competitorsIds)==null?void 0:l.length)===1&&this.#o.page.data.competitors){let f=this.#o.page.data.competitors.filter(D=>D.id===t.competitorsIds[0]);f.length&&($("a",n).attr("href","http://"+f[0].url),$("a",n).text(f[0].name))}}#w(){this.#t.regionsIndexes&&m.watch(this.#t.regionsIndexes,t=>{if(!t.length)return;t.forEach((n,s)=>t[s]=n);const e=TplProjectSelectorRegion.genSearchersMap(),i=[];e.forEach(n=>{n.regions.forEach(s=>{s.index!==-1&&i.push(s.index)})}),this.#t.regionsIndexes=t.filter(n=>i.includes(n))},{immediate:!0}),this.#t.competitorsIds&&m.watch(this.#t.competitorsIds,t=>{if(!t.length)return;t.forEach((i,n)=>t[n]=i);const e=[this.#o.page.data.project.id];this.#o.page.data.project.competitors.forEach(i=>{i.on>=0&&e.push(i.id)}),this.#t.competitorsIds=t.filter(i=>e.includes(i))},{immediate:!0})}}const et=o=>{var e,i,n,s;const t=o;!((e=t.options.tpaNamesUrlHash)!=null&&e.length)&&!((i=t.options.tpaNamesStorage)!=null&&i.length)&&!((n=t.options.tpaNamesStorageLocal)!=null&&n.length)&&!((s=t.options.tpaNamesGuestLink)!=null&&s.length)||new tt(t)};c.Core=a.Core,c.i18nPlugin=a.i18n,c.useI18n=a.useI18n,c.useI18nLang=a.useI18nLang,c.TopDialogWorker=g.TopDialogWorker,c.useAsyncTopDialog=g.useAsyncTopDialog,c.useTopDialog=g.useTopDialog,c.corePlugin=q,c.piniaTPAPlugin=et,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=app.amd.js.map

package/core/app.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { C as r, E as N, T as M, f as H, g as C, h as F, j as R, k as V, l as G, m as j, n as x, o as B, p as J, q as W, r as Y, s as q } from "../.chunks/forms-BciWy0wX.es.js";
-import { t as Ut, a as Pt, u as At } from "../.chunks/forms-BciWy0wX.es.js";
+import { C as r, E as N, T as M, f as H, g as C, h as F, j as R, k as V, l as G, m as j, n as x, o as B, p as J, q as W, r as Y, s as q } from "../.chunks/forms-CipZtprq.es.js";
+import { t as Ut, a as Pt, u as At } from "../.chunks/forms-CipZtprq.es.js";
 import { defineAsyncComponent as z, watch as k } from "vue";
 import { TopPopupWorker as d } from "../popup/worker.js";
-import { T as Q, _ as K } from "../.chunks/utils-9b7woobj.es.js";
-import { a as Dt, b as Nt } from "../.chunks/utils-9b7woobj.es.js";
+import { T as Q, _ as K } from "../.chunks/utils-C5sf4bZh.es.js";
+import { a as Dt, b as Nt } from "../.chunks/utils-C5sf4bZh.es.js";
 import { isVisible as I } from "../utils/dom.js";
 import { guestLinkToClipboard as X } from "../utils/clipboard.js";
 import { camelToSnakeCase as Z } from "../utils/string.js";
@@ -185,7 +185,7 @@ const T = /* @__PURE__ */ new Map(), pt = (o, t) => {
     var s;
     (s = y(o)) == null || s.tooltip("destroy");
   }
-}, ht = z(() => import("../.chunks/notice-DQSQs6yC.es.js"));
+}, ht = z(() => import("../.chunks/notice-cCZZtLLu.es.js"));
 window.vd = console.log;
 const yt = {
   install: (o, t) => {

package/dialog/dialog.amd.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/utils-CPty_L5T.amd","../.chunks/forms-Dh0QU6P9.amd"],function(T,r,e,s,d){"use strict";if(typeof e>"u")var e=window.Vue;const p=["id","data-view-page-active","data-modal","data-position"],u=e.defineComponent({__name:"dialog",props:{id:{},pageActive:{},width:{default:"600px"},height:{default:"auto"},modal:{type:Boolean,default:!0},position:{},historyType:{default:"push"},classes:{}},emits:["open","close"],setup(i){const l=i,a=s.getDialogWorker(l.id);if(!a)throw new Error("TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()");return e.provide("dialogWorker",a),e.onMounted(()=>{var n;const t=e.getCurrentInstance(),o=t.parent;if(((n=o==null?void 0:o.parent)==null?void 0:n.type.name)!=="DialogWrapper")throw new Error("TopDialog cannot be used in a template, use useTopDialog()");if(Array.isArray(o.subTree.children)&&o.subTree.children.length!==1)throw new Error("TopDialog can has only one root element");a.onMounted(o,t)}),e.watch(a.isOpened,()=>{a.isReady.value=!0},{flush:"post",once:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a).idAttr,class:e.normalizeClass(["top-dialog",t.classes]),style:e.normalizeStyle({"--top-dialog-width":t.width,"--top-dialog-height":t.height}),tabindex:"-1","data-view-page-active":e.unref(a).pageActive.value,"data-modal":t.modal,"data-position":t.position},[o[0]||(o[0]=e.createElementVNode("div",{class:"modal-layer modal-layer-header"},null,-1)),e.createElementVNode("div",{class:"modal-layer modal-layer-body",style:e.normalizeStyle({"min-height":t.height+"px"})},null,4),e.renderSlot(t.$slots,"default")],14,p))}}),c={key:0,style:{display:"none"}},m=["data-order","data-view-page"],g={class:"modal-header"},v={class:"top-title"},f={class:"buttons"},h=["title"],y=["title"],k=["data-order","data-view-page"],B={class:"modal-body"},w=e.defineComponent({__name:"page",props:{isLoading:{type:Boolean},name:{},order:{default:0},prevName:{},footerFullWith:{type:Boolean}},setup(i){const l=i,a=s.useTopDialogSelf(),t=e.computed(()=>{var o;return{active:((o=a.pageActive)==null?void 0:o.value)===l.name,"i-load-data":l.isLoading||a.isLoadingPage.value}});return(o,n)=>{const N=e.resolveDirective("top-scroll-shadow");return e.unref(a).isReady.value?(e.openBlock(),e.createElementBlock("div",c,[(e.openBlock(),e.createBlock(e.Teleport,{to:"#"+e.unref(a).idAttr+" .modal-layer-header",disabled:!e.unref(a).needShowPage(o.name)},[e.createElementVNode("div",{"data-order":o.order,"data-view-page":o.name,class:e.normalizeClass(t.value)},[e.createElementVNode("div",g,[e.createElementVNode("div",v,[e.renderSlot(o.$slots,"header")]),e.createElementVNode("div",f,[e.renderSlot(o.$slots,"headerButtons")]),e.unref(d.Core).state.isMobile&&o.prevName?(e.openBlock(),e.createElementBlock("div",{key:0,class:"close",title:o.$i18n.Common.Back,"data-top-icon":"",onClick:n[0]||(n[0]=b=>e.unref(a).open(o.prevName))},null,8,h)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"close",title:o.$i18n.Common.Close,"data-top-icon":"","data-action":"top-dialog-close"},null,8,y))])],10,m)],8,["to","disabled"])),(e.openBlock(),e.createBlock(e.Teleport,{to:"#"+e.unref(a).idAttr+" .modal-layer-body",disabled:!e.unref(a).needShowPage(o.name)},[e.createElementVNode("div",{"data-order":o.order,"data-view-page":o.name,class:e.normalizeClass(["has_scroll_container",t.value]),style:e.normalizeStyle({"--top-dialog-footer-height":o.$slots.footer?void 0:"0px"})},[e.withDirectives((e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(o.$slots,"body")])),[[N]]),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal-footer",{"modal-footer-fullWith":o.footerFullWith}])},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],14,k)],8,["to","disabled"]))])):e.createCommentVNode("",!0)}}}),C={name:{type:String,required:!0},order:{type:Number,required:!0},prevName:String,footerFullWith:Boolean},S=e.defineComponent({__name:"pageComponent",props:{component:{},keepAlive:{type:Boolean,default:!0},props:{},name:{},order:{},prevName:{},footerFullWith:{type:Boolean}},setup(i){const l=i,a=s.useTopDialogSelf(),t=(o,n)=>{if(!n.value){if(o.name!=="AsyncComponentWrapper"){n.value=!0;return}a.needShowPage(l.name)&&(a.isLoadingPage.value=!0,o.__asyncResolved&&(n.value=!0,a.isLoadingPage.value=!1))}};if(l.component.name==="AsyncComponentWrapper"){const o=e.ref(!1);e.onUpdated(()=>{t(l.component,o)})}return(o,n)=>(e.openBlock(),e.createBlock(e.KeepAlive,{include:o.keepAlive?"":"none"},[e.unref(a).needShowPage(o.name)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),e.mergeProps({key:0},l,{name:o.name,order:o.order,prevName:o.prevName}),null,16,["name","order","prevName"])):e.createCommentVNode("",!0)],1032,["include"]))}});r.useTopDialogSelf=s.useTopDialogSelf,r.TopDialog=u,r.TopDialogPage=w,r.TopDialogPageComponent=S,r.propsPageCommon=C,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/utils-BfdO2xlC.amd","../.chunks/forms-CxYSHZLL.amd"],function(T,r,e,s,d){"use strict";if(typeof e>"u")var e=window.Vue;const p=["id","data-view-page-active","data-modal","data-position"],u=e.defineComponent({__name:"dialog",props:{id:{},pageActive:{},width:{default:"600px"},height:{default:"auto"},modal:{type:Boolean,default:!0},position:{},historyType:{default:"push"},classes:{}},emits:["open","close"],setup(i){const l=i,a=s.getDialogWorker(l.id);if(!a)throw new Error("TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()");return e.provide("dialogWorker",a),e.onMounted(()=>{var n;const t=e.getCurrentInstance(),o=t.parent;if(((n=o==null?void 0:o.parent)==null?void 0:n.type.name)!=="DialogWrapper")throw new Error("TopDialog cannot be used in a template, use useTopDialog()");if(Array.isArray(o.subTree.children)&&o.subTree.children.length!==1)throw new Error("TopDialog can has only one root element");a.onMounted(o,t)}),e.watch(a.isOpened,()=>{a.isReady.value=!0},{flush:"post",once:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a).idAttr,class:e.normalizeClass(["top-dialog",t.classes]),style:e.normalizeStyle({"--top-dialog-width":t.width,"--top-dialog-height":t.height}),tabindex:"-1","data-view-page-active":e.unref(a).pageActive.value,"data-modal":t.modal,"data-position":t.position},[o[0]||(o[0]=e.createElementVNode("div",{class:"modal-layer modal-layer-header"},null,-1)),e.createElementVNode("div",{class:"modal-layer modal-layer-body",style:e.normalizeStyle({"min-height":t.height+"px"})},null,4),e.renderSlot(t.$slots,"default")],14,p))}}),c={key:0,style:{display:"none"}},m=["data-order","data-view-page"],g={class:"modal-header"},v={class:"top-title"},f={class:"buttons"},h=["title"],y=["title"],k=["data-order","data-view-page"],B={class:"modal-body"},w=e.defineComponent({__name:"page",props:{isLoading:{type:Boolean},name:{},order:{default:0},prevName:{},footerFullWith:{type:Boolean}},setup(i){const l=i,a=s.useTopDialogSelf(),t=e.computed(()=>{var o;return{active:((o=a.pageActive)==null?void 0:o.value)===l.name,"i-load-data":l.isLoading||a.isLoadingPage.value}});return(o,n)=>{const N=e.resolveDirective("top-scroll-shadow");return e.unref(a).isReady.value?(e.openBlock(),e.createElementBlock("div",c,[(e.openBlock(),e.createBlock(e.Teleport,{to:"#"+e.unref(a).idAttr+" .modal-layer-header",disabled:!e.unref(a).needShowPage(o.name)},[e.createElementVNode("div",{"data-order":o.order,"data-view-page":o.name,class:e.normalizeClass(t.value)},[e.createElementVNode("div",g,[e.createElementVNode("div",v,[e.renderSlot(o.$slots,"header")]),e.createElementVNode("div",f,[e.renderSlot(o.$slots,"headerButtons")]),e.unref(d.Core).state.isMobile&&o.prevName?(e.openBlock(),e.createElementBlock("div",{key:0,class:"close",title:o.$i18n.Common.Back,"data-top-icon":"",onClick:n[0]||(n[0]=b=>e.unref(a).open(o.prevName))},null,8,h)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"close",title:o.$i18n.Common.Close,"data-top-icon":"","data-action":"top-dialog-close"},null,8,y))])],10,m)],8,["to","disabled"])),(e.openBlock(),e.createBlock(e.Teleport,{to:"#"+e.unref(a).idAttr+" .modal-layer-body",disabled:!e.unref(a).needShowPage(o.name)},[e.createElementVNode("div",{"data-order":o.order,"data-view-page":o.name,class:e.normalizeClass(["has_scroll_container",t.value]),style:e.normalizeStyle({"--top-dialog-footer-height":o.$slots.footer?void 0:"0px"})},[e.withDirectives((e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(o.$slots,"body")])),[[N]]),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal-footer",{"modal-footer-fullWith":o.footerFullWith}])},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],14,k)],8,["to","disabled"]))])):e.createCommentVNode("",!0)}}}),C={name:{type:String,required:!0},order:{type:Number,required:!0},prevName:String,footerFullWith:Boolean},S=e.defineComponent({__name:"pageComponent",props:{component:{},keepAlive:{type:Boolean,default:!0},props:{},name:{},order:{},prevName:{},footerFullWith:{type:Boolean}},setup(i){const l=i,a=s.useTopDialogSelf(),t=(o,n)=>{if(!n.value){if(o.name!=="AsyncComponentWrapper"){n.value=!0;return}a.needShowPage(l.name)&&(a.isLoadingPage.value=!0,o.__asyncResolved&&(n.value=!0,a.isLoadingPage.value=!1))}};if(l.component.name==="AsyncComponentWrapper"){const o=e.ref(!1);e.onUpdated(()=>{t(l.component,o)})}return(o,n)=>(e.openBlock(),e.createBlock(e.KeepAlive,{include:o.keepAlive?"":"none"},[e.unref(a).needShowPage(o.name)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),e.mergeProps({key:0},l,{name:o.name,order:o.order,prevName:o.prevName}),null,16,["name","order","prevName"])):e.createCommentVNode("",!0)],1032,["include"]))}});r.useTopDialogSelf=s.useTopDialogSelf,r.TopDialog=u,r.TopDialogPage=w,r.TopDialogPageComponent=S,r.propsPageCommon=C,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=dialog.amd.js.map

package/dialog/dialog.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent as v, provide as w, onMounted as b, getCurrentInstance as C, watch as A, createElementBlock as i, openBlock as s, unref as r, normalizeStyle as c, normalizeClass as u, createElementVNode as l, renderSlot as p, computed as D, resolveDirective as k, createCommentVNode as g, createBlock as m, Teleport as h, withDirectives as T, ref as $, onUpdated as B, KeepAlive as P, resolveDynamicComponent as _, mergeProps as N } from "vue";
-import { g as W, u as y } from "../.chunks/utils-9b7woobj.es.js";
-import { C as S } from "../.chunks/forms-BciWy0wX.es.js";
+import { g as W, u as y } from "../.chunks/utils-C5sf4bZh.es.js";
+import { C as S } from "../.chunks/forms-CipZtprq.es.js";
 const E = ["id", "data-view-page-active", "data-modal", "data-position"], H = /* @__PURE__ */ v({
   __name: "dialog",
   props: {