@topvisor/ui 1.0.12-jquery → 1.0.13-fix-dialog-scroll

package/.chunks/utils-DdsRxaK5.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-DdsRxaK5.es.js","sources":["../../src/storybook/jquery.ts","../../src/components/dialog/lib/utils.globalEvents.ts","../../src/components/dialog/lib/utils.ts"],"sourcesContent":["/**\r\n * см. /.storybook/preview-head.html\r\n */\r\nexport default $;\r\n","import { TopDialogUtils } from './utils';\r\nimport { TopDialogWorker } from './worker';\r\nimport { querySelectorVisible } from '@/core/utils/dom';\r\nimport type { $el } from '@/components/types';\r\n\r\nlet inited = false;\r\n\r\n/**\r\n * Инициализация глобальных событий для диалоговых окон\r\n *\r\n * Проивзодится один раз при подклчюении диалогового окна\r\n *\r\n * События не размонитруются\r\n */\r\nexport const initDialogGlobalEvents = () => {\r\n\tif (inited) return;\r\n\tinited = true;\r\n\r\n\t/**\r\n\t * Закрытие диалога по Esc\r\n\t */\r\n\tdocument.addEventListener('keydown', (e) => {\r\n\t\tif (e.key !== 'Escape') return;\r\n\t\tif (!e.target) return;\r\n\r\n\t\tconst el = e.target as HTMLElement;\r\n\r\n\t\t// событие произошло вне диалогового окна\r\n\t\tif (!el.closest('.ui-dialog')) return;\r\n\r\n\t\tif (el.contentEditable === 'true' || el.contentEditable === 'plaintext-only') return;\r\n\r\n\t\t// не закрывать окно при открытом TopPopup\r\n\t\tif (querySelectorVisible(document.documentElement, '.top-popup-wrapper')) return;\r\n\r\n\t\t// не закрывать окно при работе с jquery autocomplete\r\n\t\tif (el.classList.contains('autocomplete')) return;\r\n\r\n\t\t// не закрывать окно при открытом fancybox\r\n\t\tif (querySelectorVisible(document.documentElement, '.fancybox-container')) return;\r\n\r\n\t\t$('.ui-dialog-content:visible:last').dialog('close');\r\n\t});\r\n\r\n\t/**\r\n\t * Закрытие диалога по кнопке закрыть\r\n\t */\r\n\t$(document).on('click', '[data-action=\"top-dialog-close\"]', (e) => {\r\n\t\te.preventDefault();\r\n\r\n\t\t// // навигация без истории\r\n\t\t// var $dialog = $(this).closest('.ui-dialog-content');\r\n\t\t// var viewName = $dialog.attr('id');\r\n\t\t// var pageName = getHash('view-' + viewName);\r\n\t\t// if (!pageName) {\r\n\t\t// \ttoPrevPage($dialog);\r\n\t\t//\r\n\t\t// \treturn;\r\n\t\t// }\r\n\t\t//\r\n\t\t// // навигация по истории\r\n\t\t// if (Core.state.isMobile && history.length > 1 && $(this).closest('.modal-layer').length) {\r\n\t\t// \tvar href = location.href;\r\n\t\t//\r\n\t\t// \thistory.go(-1);\r\n\t\t//\r\n\t\t// \tsetTimeout(() => {\r\n\t\t// \t\t// это первая страница в истории вкладки браузера\r\n\t\t// \t\tif (href === location.href) $(e.target).closest('.ui-dialog-content').dialog('close');\r\n\t\t// \t});\r\n\t\t// } else {\r\n\t\t// \t$(this).closest('.ui-dialog-content').dialog('close');\r\n\t\t// }\r\n\r\n\t\tconst el = e.target.closest('[data-action=\"top-dialog-close\"]');\r\n\r\n\t\tconst elDialog = el.closest('.ui-dialog-content');\r\n\t\tif (!elDialog) return;\r\n\r\n\t\tconst $dialog = $(elDialog);\r\n\r\n\t\t// если к кнопке привязана ссылка, диалоговое окно не нужно закрывать\r\n\t\tconst toView = el.dataset.toView;\r\n\r\n\t\tif (toView == 'toPrevPage()') {\r\n\t\t\tTopDialogUtils.toPrevPage($dialog);\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (toView) {\r\n\t\t\tvar viewNameAndPageLink = toView.split('-');\r\n\t\t\tvar viewName = viewNameAndPageLink.shift();\r\n\t\t\tvar pageLink = viewNameAndPageLink.join('-');\r\n\r\n\t\t\tvar $toDialog = $('#' + viewName);\r\n\t\t\tvar $toPage = $('[data-view-page=\"' + pageLink + '\"]', $toDialog);\r\n\t\t\tif (!$toPage.is(':visible')) {\r\n\t\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, 'prev');\r\n\r\n\t\t\t\t// добавляет текущую страницу в историю браузера\r\n\t\t\t\tlocation.hash = hash;\r\n\r\n\t\t\t\t// // не убирает кнопку \"Вперед\" в браузере\r\n\t\t\t\t// history.replaceState(null, '', hash);\r\n\t\t\t\t// toViewDirty(toView, 'prev');\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t$dialog.dialog('close');\r\n\t});\r\n\r\n\t/**\r\n\t * Все submit должны обрабатываться через js\r\n\t */\r\n\t$(document).on('submit', '.modal-body > form, .modal-layer-body > form', function (e) {\r\n\t\te.preventDefault();\r\n\t});\r\n\r\n\t/**\r\n\t * Выполнение действия по нажатию Enter\r\n\t *\r\n\t * @todo Убрать `.searcher`\r\n\t */\r\n\t$(document).on('keypress', '.ui-dialog .modal-body :input:not(.searcher), .ui-dialog .modal-body [contenteditable]', function (e) {\r\n\t\t// if (e.keyCode !== 10 && e.key !== 'ENTER') return;\r\n\t\tif (e.key !== 'ENTER') return;\r\n\r\n\t\t// не выполнять submit действий при работе с jquery autocomplete\r\n\t\tif (e.target.classList.contains('autocomplete')) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// реализация submit по ctrl + Enter\r\n\t\tif (e.target.tagName === 'TEXTAREA') {\r\n\t\t\tif (!e.ctrlKey && !e.metaKey) return;\r\n\r\n\t\t\tconst elForm = e.target.closest('form');\r\n\r\n\t\t\tif (elForm) {\r\n\t\t\t\tlet elSubmit = $(':submit:visible', elForm)[0];\r\n\t\t\t\tif (!elSubmit) elSubmit = $(':submit:visible', elForm)[0];\r\n\r\n\t\t\t\telSubmit?.click();\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\t/**\r\n\t * Закрытие диалога по клику вне окна\r\n\t */\r\n\t$(document).on('click', '.ui-widget-overlay', function () {\r\n\t\tlet $dialogWrapper: $el | undefined = undefined;\r\n\t\tlet topZIndex = 0;\r\n\r\n\t\t$('.ui-dialog:visible').each((_index, el) => {\r\n\t\t\tconst zIndex = Number($(el).css('z-index'));\r\n\t\t\tif (zIndex < topZIndex) return;\r\n\r\n\t\t\t$dialogWrapper = $(el);\r\n\t\t\ttopZIndex = zIndex;\r\n\t\t});\r\n\r\n\t\tif ($dialogWrapper) {\r\n\t\t\t$('.ui-dialog-content', $dialogWrapper).dialog('close');\r\n\t\t}\r\n\t});\r\n\r\n\t$(window).on('resize', TopDialogUtils.recalcPositions);\r\n\tTopDialogUtils.recalcPositions();\r\n};\r\n","import 'jquery';\r\nimport { nextTick } from 'vue';\r\n\r\nimport Core from '@/core/core/core';\r\nimport { TopPopupWorker } from '@/components/popup/worker';\r\nimport { sleep, waitWhile } from '@/core/utils/system';\r\nimport { setHash } from '@/core/utils/route';\r\nimport { connectScrollShadow } from '@/core/utils/scroll';\r\n\r\nimport type { MoveDirection } from './types';\r\nimport { TopDialogWorker } from './worker';\r\nimport { initDialogGlobalEvents } from './utils.globalEvents';\r\nimport { getDialogWorker } from '../dialog/dialogs/dialogs.vue';\r\n\r\nimport css from '../dialog/style/dialog.css?inline';\r\nimport cssM from '../dialog/style/dialog.m.css?inline';\r\nimport cssPC from '../dialog/style/dialog.pc.css?inline';\r\nimport cssModern from '../dialog/style/modern/dialog.css?inline';\r\nimport cssModernPC from '../dialog/style/modern/dialog.pc.css?inline';\r\nimport type { $el } from '@/components/types';\r\n\r\nCore.insertStyleToPage(css);\r\nCore.insertStyleToPage(cssM, 'm');\r\nCore.insertStyleToPage(cssPC, 'pc');\r\nCore.insertStyleToPage(cssModern);\r\nCore.insertStyleToPage(cssModernPC, 'pc');\r\n\r\nlet timerClearAnimation: NodeJS.Timeout;\r\nlet isInited = false;\r\n\r\nconst init = () => {\r\n\t// if(window.history && history.length == 1) setHash('vpn', null);\r\n\r\n\t$.extend($.ui.dialog.prototype.options, {\r\n\t\tfocus: (e: any) => {\r\n\t\t\te.target.focus();\r\n\r\n\t\t\t$('[autofocus]', e.target)[0]?.focus();\r\n\r\n\t\t\t// setTimeout(function () {\r\n\t\t\t// \tif ($('[autofocus]', e.target).length) return;\r\n\t\t\t// \t$('.modal-footer button:first, .modal-body :input:first', e.target).eq(0).focus();\r\n\t\t\t//\r\n\t\t\t// \t// fix пропадающего autocomplete при нажатии на scroll в autocomplete\r\n\t\t\t// \t$(e.target).add($(e.target).closest('.ui-dialog')).removeAttr('tabindex');\r\n\t\t\t// });\r\n\t\t},\r\n\t\tcreate: (e: any) => onCreate(e.target),\r\n\t\topen: (e: any) => onOpen(e.target),\r\n\t\tclose: (e: any) => onClose(e.target),\r\n\t\tmodal: true,\r\n\t\tresizable: false,\r\n\t\tcloseOnEscape: false,\r\n\t\twidth: 'auto',\r\n\t\tminHeight: 0,\r\n\t});\r\n\r\n\t$.ui.dialog.prototype._focusTabbable = $.noop;\r\n\r\n\t$.ui.dialog.prototype._moveToTopOriginal = $.ui.dialog.prototype._moveToTop;\r\n\t$.ui.dialog.prototype._moveToTop = function () {\r\n\t\tthis._moveToTopOriginal();\r\n\r\n\t\tconst $dialog = $(this.element);\r\n\t\t$dialog.trigger('dialogsMoveToTop', [$dialog]);\r\n\t};\r\n\r\n\tinitDialogGlobalEvents();\r\n\r\n\tisInited = true;\r\n};\r\n\r\n/**\r\n * Получить настройки диалогового окна из Vue компонента\r\n */\r\nconst genVueOptions = ($dialog: $el) => {\r\n\tconst options: {\r\n\t\tmodal?: boolean,\r\n\t\tposition?: any,\r\n\t} = {};\r\n\r\n\tif ($dialog[0]?.dataset?.modal === 'false') options.modal = false;\r\n\tif ($dialog[0]?.dataset?.position) options.position = JSON.parse($dialog[0].dataset.position);\r\n\r\n\treturn options;\r\n};\r\n\r\n/**\r\n * Сменить состояние диалогового окна Vue\r\n */\r\nconst updatePageVue = async (dialogId: string, pageName?: string, pageNameNext?: string) => {\r\n\tif (!dialogId.startsWith('dialog_')) return;\r\n\r\n\tconst dialog = getDialogWorker(dialogId);\r\n\tif (!dialog) return;\r\n\r\n\tdialog.isOpened.value = true;\r\n\tif (pageName !== undefined) dialog.pageActive.value = pageName;\r\n\tif (pageNameNext !== undefined) dialog.pageActiveNext.value = pageNameNext;\r\n\r\n\tawait nextTick();\r\n\r\n\tif (pageNameNext) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\t\tconst $nextPage = $('[data-view-page=\"' + pageNameNext + '\"]', $dialog);\r\n\r\n\t\tif (!$nextPage.length) {\r\n\t\t\tawait waitWhile(() => !$('[data-view-page=\"' + pageNameNext + '\"]', $dialog).length);\r\n\t\t}\r\n\t}\r\n};\r\n\r\nconst onCreate = (elDialog: HTMLElement) => {\r\n\tvar $dialog = $(elDialog);\r\n\tvar $dialogBody = $('.modal-body', $dialog);\r\n\r\n\tconnectScrollShadow($dialogBody[0]);\r\n};\r\n\r\n/**\r\n * Callback for jQuery dialog onOpen\r\n */\r\nconst onOpen = async (elDialog: HTMLElement) => {\r\n\tvar $dialog = $(elDialog);\r\n\tvar pageName = $dialog.data('view-page-active');\r\n\r\n\tconst w1 = Number($(window).width());\r\n\r\n\tCore.state.documentClassModificators.set('top-dialog', 'with_dialog');\r\n\r\n\tconst w2 = Number($(window).width());\r\n\r\n\tconst scrollBarWidth = w2 - w1;\r\n\tif (Number($(document).height()) > Number($(window).height())) $('html').css({ 'margin-right': scrollBarWidth + 'px' });\r\n\r\n\trecalcPositions();\r\n\r\n\tconst dialog = getDialogWorker($dialog.attr('id') as string);\r\n\tdialog?.emit?.('open', pageName);\r\n};\r\n\r\n/**\r\n * Callback for jQuery dialog onClose\r\n */\r\nconst onClose = async (elDialog: HTMLElement) => {\r\n\tvar $dialog = $(elDialog);\r\n\r\n\tvar viewName = $dialog.attr('id');\r\n\tvar pageName = $dialog.data('view-page-active');\r\n\tif (pageName) {\r\n\t\tsetHash('vpn', TopDialogWorker.state.viewPageN);\r\n\t\tsetHash('view-' + viewName, null, false);\r\n\r\n\t\tif (TopDialogWorker.state.viewPageN === 0 || TopDialogWorker.state.viewPageN === 1) setHash('vpn', null);\r\n\t}\r\n\r\n\tif (!$('.ui-widget-overlay:visible').length){\r\n\t\tCore.state.documentClassModificators.delete('top-dialog');\r\n\r\n\t\t$('html').css({ 'margin-right': '' });\r\n\t}\r\n\r\n\t$dialog.trigger('viewAfterClose', [$dialog]);\r\n\r\n\tconst dialog = getDialogWorker($dialog.attr('id') as string);\r\n\tif (dialog) {\r\n\t\tdialog.isOpened.value = false;\r\n\t\tdialog.emit?.('close', pageName);\r\n\r\n\t\tif (dialog.onCloseOnce) {\r\n\t\t\tdialog.onCloseOnce(dialog.props, pageName);\r\n\t\t\tdialog.onCloseOnce = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\t// после закрытия диалога может потребоваться пересчет позиций элементов\r\n\twindow.dispatchEvent(new Event('resize'));\r\n};\r\n\r\n/**\r\n * Пересчитать положения и размеры открытых диалоговых окон\r\n */\r\nconst recalcPositions = () => {\r\n\t$('.ui-dialog:visible > .ui-dialog-content').each((_index, eldDialog: HTMLElement) => {\r\n\t\tconst $dialog = $(eldDialog);\r\n\t\tconst $dialogBody = $('.modal-body:visible', $dialog);\r\n\t\tconst $ui = $dialog.closest('.ui-dialog');\r\n\r\n\t\tif (!$dialogBody.length) return;\r\n\r\n\t\tconst options = genVueOptions($dialog);\r\n\r\n\t\toptions.position ??= { of: window };\r\n\r\n\t\t$dialog.dialog('option', options);\r\n\r\n\t\t$ui.removeClass('me-tightly');\r\n\t\tif (Number($ui.height()) > Number($(window).height())) $ui.addClass('me-tightly');\r\n\t});\r\n};\r\n\r\n// переход к view page по неразобранной ссылке в формате: {viewName}-{pageName}[:args]\r\nconst toViewDirty = async (toViewPageName: string, moveDirection?: MoveDirection) => {\r\n\tconst regexp = /(\\w+)[=-]([\\w-]+)(?::([\\w.:-]+))?/g;\r\n\tconst toViewParts = regexp.exec(toViewPageName);\r\n\tif (toViewParts) {\r\n\t\tconst viewName = toViewParts[1];\r\n\t\tconst pageName = toViewParts[2];\r\n\t\tconst argsString = toViewParts[3];\r\n\r\n\t\tlet args: string[] = [];\r\n\t\tif (argsString) args = argsString.split(':');\r\n\r\n\t\tawait toView(viewName, pageName, args, moveDirection);\r\n\t}\r\n};\r\n\r\n/**\r\n * Открыть диалоговое окно, возможно указать нужную страницу\r\n * @param {string|$} viewNameOr$Dialog - id страницы окна или jQuery элемент окна\r\n * @param {?string} pageName - имя страницы\r\n * @param {?Array<any>} args - аргументы, набор проивзольных параметров, которые могут обрабатываться каждым окном по своему\r\n * @param {?Function} callback - функция, которая будет запущена после октытия страницы\r\n */\r\nconst toView = async (\r\n\tviewNameOr$Dialog: $el | string,\r\n\tpageName?: string,\r\n\targs?: string[],\r\n\tmoveDirection?: MoveDirection,\r\n\tcallback?: Function,\r\n) => {\r\n\tif (!isInited) {\r\n\t\tawait new Promise<void>((resolve, _reject) => {\r\n\t\t\tconst timer = setInterval(() => {\r\n\t\t\t\tif (!isInited) return;\r\n\r\n\t\t\t\tclearInterval(timer);\r\n\r\n\t\t\t\tresolve();\r\n\t\t\t}, 10);\r\n\t\t});\r\n\t}\r\n\r\n\tawait nextTick();\r\n\r\n\tlet $dialog: $el;\r\n\tif (typeof (viewNameOr$Dialog) === 'object') {\r\n\t\t$dialog = viewNameOr$Dialog;\r\n\t} else {\r\n\t\t$dialog = $('#' + viewNameOr$Dialog);\r\n\t}\r\n\r\n\t// Диалоговое окно еще не загружено\r\n\tif (!$dialog.length && typeof (viewNameOr$Dialog) == 'string' && TopDialogWorker.state.load) {\r\n\t\tawait TopDialogWorker.state.load(viewNameOr$Dialog);\r\n\r\n\t\ttoView(viewNameOr$Dialog, pageName, args, moveDirection, callback);\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tawait toViewPage($dialog, pageName, args, moveDirection);\r\n\r\n\tif ($dialog.is('.ui-dialog-content')) {\r\n\t\t// var zIndexMax = 0;\r\n\t\t// $.map($('.ui-dialog'), function (el) {\r\n\t\t// \tvar zIndex = $(el).css('z-index') * 1;\r\n\t\t// \tif (zIndex > zIndexMax) zIndexMax = zIndex;\r\n\t\t// });\r\n\t\t//\r\n\t\t// if ($dialog.is(':hidden')) $dialog.dialog('open');\r\n\t\t//\r\n\t\t// var $dialogWrapper = $dialog.parent();\r\n\t\t// var $dialogOverlay = $dialogWrapper.next();\r\n\t\t//\r\n\t\t// if ($dialogWrapper.css('z-index') * 1 < zIndexMax) {\r\n\t\t// \t$dialogWrapper.css('z-index', zIndexMax + 2);\r\n\t\t// \t$dialogOverlay.css('z-index', zIndexMax + 1);\r\n\t\t// }\r\n\r\n\t\t$dialog.dialog('open');\r\n\t} else {\r\n\t\tconst options = genVueOptions($dialog);\r\n\r\n\t\t$dialog.dialog(options);\r\n\t}\r\n\r\n\tif (callback) callback($dialog);\r\n};\r\n\r\nconst toViewPage = async ($dialog: $el, pageName?: string, args?: string[], moveDirection?: MoveDirection) => {\r\n\tif (pageName === undefined) pageName = $dialog.data('view-page-active') as string;\r\n\r\n\tif (pageName != $dialog.data('view-page-active')) {\r\n\t\tvar stopped = stopAnimations($dialog);\r\n\t\tif (stopped) await sleep(100);\r\n\t}\r\n\r\n\tif (args === undefined) args = [];\r\n\r\n\tawait updatePageVue($dialog.attr('id') as string, undefined, pageName);\r\n\r\n\tvar $modalLayers = $('> .modal-layer', $dialog);\r\n\tvar $currentPage = $('> .active', $modalLayers);\r\n\tvar $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\tvar argsString = args.join(':');\r\n\r\n\tif (moveDirection === undefined) {\r\n\t\tmoveDirection = 'next';\r\n\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t}\r\n\r\n\tif (!$nextPage.length) return;\r\n\r\n\t$dialog.data('view-page-active', pageName);\r\n\r\n\t// запрашиваемая страница уже открыта\r\n\tif ($nextPage.is('.active')) {\r\n\t\tif ($nextPage.data('view-page-args') != argsString) {\r\n\t\t\t$nextPage.data('view-page-args', argsString);\r\n\r\n\t\t\t// dialogs.beforeOpenViewPage($dialog, $nextPage, pageName, args);\r\n\t\t\t// dialogs.afterOpenViewPage($dialog, $nextPage, pageName, args);\r\n\t\t}\r\n\r\n\t\tbeforeOpenViewPage($dialog, $nextPage, pageName, args);\r\n\t\tafterOpenViewPage($dialog, $nextPage, pageName, args);\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\t$nextPage.data('view-page-args', argsString);\r\n\r\n\tif ($('.top-popup-wrapper', $currentPage).length) {\r\n\t\tTopPopupWorker.close($('.top-popup-wrapper', $currentPage)[0]);\r\n\t}\r\n\r\n\tif ($nextPage.closest('.ui-dialog').is(':hidden')) moveDirection = 'none';\r\n\tif (!$currentPage.length) moveDirection = 'none';\r\n\tif ($nextPage.is(':visible')) moveDirection = 'none';\r\n\tswitch (moveDirection) {\r\n\t\tcase 'prev':\r\n\t\t\t$nextPage.each((_index, el) => {\r\n\t\t\t\t$(el).insertBefore($(el).siblings('.active'));\r\n\t\t\t});\r\n\r\n\t\t\t$currentPage.addClass('right-to-center reverse');\r\n\t\t\t$nextPage.addClass('center-to-left reverse');\r\n\r\n\t\t\tbreak;\r\n\t\tcase 'next':\r\n\t\t\t$nextPage.each((_index, el) => {\r\n\t\t\t\t$(el).insertAfter($(el).siblings('.active'));\r\n\t\t\t});\r\n\r\n\t\t\t$currentPage.addClass('center-to-left');\r\n\t\t\t$nextPage.addClass('right-to-center');\r\n\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\t$dialog.attr('view-page-active', pageName);\r\n\r\n\t$currentPage.removeClass('active');\r\n\t$nextPage.addClass('active');\r\n\r\n\tbeforeOpenViewPage($dialog, $nextPage, pageName, args);\r\n\r\n\tif (moveDirection) {\r\n\t\t$dialog.addClass('i-change-page');\r\n\t\tconst delay = Number($nextPage.css('animation-duration').replace('s', '')) * 1000;\r\n\r\n\t\ttimerClearAnimation = setTimeout(function () {\r\n\t\t\tupdatePageVue($dialog.attr('id') as string, pageName, '');\r\n\t\t\tstopAnimations($dialog);\r\n\t\t\tafterOpenViewPage($dialog, $nextPage, pageName, args);\r\n\t\t}, delay);\r\n\t} else {\r\n\t\tawait updatePageVue($dialog.attr('id') as string, pageName, '');\r\n\t\tafterOpenViewPage($dialog, $nextPage, pageName, args);\r\n\t}\r\n};\r\n\r\n/**\r\n * К предыдущему представлению\r\n */\r\nconst toPrevPage = ($dialog: $el) => {\r\n\tvar prevPageName = '';\r\n\r\n\tvar $modalLayers = $('> .modal-layer', $dialog);\r\n\tvar $currentPage = $('> .active', $modalLayers).eq(0);\r\n\tvar $prevPage = $currentPage.prev('[data-view-page]');\r\n\tprevPageName = $prevPage.data('view-page');\r\n\r\n\tif (prevPageName) {\r\n\t\ttoViewPage($dialog, prevPageName, undefined, 'prev');\r\n\t} else {\r\n\t\t$dialog.dialog('close');\r\n\t}\r\n};\r\n\r\n/**\r\n * Для обработки событий вне vue\r\n */\r\nconst beforeOpenViewPageTimers = new Set();\r\nconst beforeOpenViewPage = ($dialog: $el, $page: $el, pageName: string, args: string[]) => {\r\n\t// группировка цепочки событий\r\n\t// запрос на открытие страницы может выполняться несколько раз, чаще такое может быть при открытии, загрузке и переходе сразу к нужной странице\r\n\tconst eventKey = $dialog.attr('id') + $page.eq(0).data('view-page') + pageName + args.join();\r\n\r\n\tif (beforeOpenViewPageTimers.has(eventKey)) return;\r\n\tbeforeOpenViewPageTimers.add(eventKey);\r\n\r\n\tsetTimeout(function () {\r\n\t\tbeforeOpenViewPageTimers.delete(eventKey);\r\n\t\t$dialog.trigger('viewBeforeOpen', [$dialog, $page, pageName, args]);\r\n\t});\r\n};\r\n\r\n/**\r\n * Для обработки событий вне vue\r\n */\r\nconst afterOpenViewPage = ($dialog: $el, $page: $el, pageName: string, args: string[]) => {\r\n\tsetTimeout(function () {\r\n\t\t$dialog.trigger('viewAfterOpen', [$dialog, $page, pageName, args]);\r\n\t});\r\n};\r\n\r\n/**\r\n * Получить состояние: Диалоговое окно находится в состоянии смены страницы\r\n */\r\nconst inAnimation = ($dialog: $el) => {\r\n\treturn $dialog.is('.i-change-page');\r\n};\r\n\r\n/**\r\n * Остановить анимацию смены страницы\r\n *\r\n * @returns Вернет true, если анимация производилась и была остановлена\r\n */\r\nconst stopAnimations = ($dialog: $el) => {\r\n\tif (!inAnimation($dialog)) return false;\r\n\r\n\tclearTimeout(timerClearAnimation);\r\n\r\n\tvar $modalLayers = $('> .modal-layer', $dialog);\r\n\r\n\tvar pageName = $dialog.data('view-page-active');\r\n\t$dialog.removeClass('i-change-page');\r\n\t$('> [data-view-page]', $modalLayers).removeClass('center-to-left right-to-center reverse active');\r\n\t$('> [data-view-page=\"' + pageName + '\"]', $modalLayers).addClass('active');\r\n\r\n\treturn true;\r\n};\r\n\r\n/**\r\n * Закрыть диалоговое окно\r\n */\r\nconst close = function (dialogId: string) {\r\n\tconst $dialog = $('#' + dialogId);\r\n\r\n\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t$dialog.dialog('close');\r\n};\r\n\r\n/**\r\n * Управление props.isLoading\r\n */\r\nconst setLoading = ($page: $el, isLoading: boolean, duration?: number) => {\r\n\tif (!$page.is('[data-view-page]')) $page = $('[data-view-page]:visible', $page);\r\n\r\n\tif (isLoading) {\r\n\t\tif (duration !== undefined) {\r\n\t\t\t$page.each((_index, el) => {\r\n\t\t\t\tel.style.setProperty('--dialog-loading-duration', duration + 's');\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t$page.addClass('i-load-data');\r\n\t} else {\r\n\t\t$page.removeClass('i-load-data');\r\n\r\n\t\t$page.each((_index, el) => {\r\n\t\t\tel.style.setProperty('--dialog-loading-duration', '10s');\r\n\t\t});\r\n\t}\r\n};\r\n\r\nconst isLoading = ($page: $el) => {\r\n\treturn $page.is('.i-load-data');\r\n};\r\n\r\nexport const TopDialogUtils = {\r\n\tupdatePageVue,\r\n\trecalcPositions,\r\n\ttoViewDirty,\r\n\ttoView,\r\n\ttoViewPage,\r\n\ttoPrevPage,\r\n\tsetLoading,\r\n\tisLoading,\r\n\tinAnimation,\r\n\tclose,\r\n};\r\n\r\ninit();\r\n"],"names":["inited","initDialogGlobalEvents","el","querySelectorVisible","elDialog","$dialog","toView","TopDialogUtils","viewNameAndPageLink","viewName","pageLink","$toDialog","$toPage","hash","TopDialogWorker","elForm","elSubmit","$dialogWrapper","topZIndex","_index","zIndex","Core","css","cssM","cssPC","cssModern","cssModernPC","timerClearAnimation","isInited","init","_a","onCreate","onOpen","onClose","genVueOptions","options","_b","_d","_c","updatePageVue","dialogId","pageName","pageNameNext","dialog","getDialogWorker","nextTick","waitWhile","$dialogBody","connectScrollShadow","w1","scrollBarWidth","recalcPositions","setHash","eldDialog","$ui","toViewDirty","toViewPageName","moveDirection","toViewParts","argsString","args","viewNameOr$Dialog","callback","resolve","_reject","timer","toViewPage","stopped","stopAnimations","sleep","$modalLayers","$currentPage","$nextPage","beforeOpenViewPage","afterOpenViewPage","TopPopupWorker","delay","toPrevPage","prevPageName","$prevPage","beforeOpenViewPageTimers","$page","eventKey","inAnimation","close","setLoading","isLoading","duration"],"mappings":"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"}

package/.chunks/utils-DpejCylJ.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","../utils/system.amd","../utils/route.amd"],function(P,w,i,p,u){"use strict";if(typeof i>"u")var i=window.Vue;class l{static state={load:void 0,viewPageN:0,locationHashPrev:""};static inited=!1;static init(e){if(this.inited)return;this.inited=!0,e!=null&&e.load&&(this.state.load=e.load);const t=(e==null?void 0:e.autoInitDelay)??5e3;$(window).on("hashchange.dialogs",()=>{this.compareStates(location.hash,this.state.locationHashPrev)&&this.opendDialogsFromUrl()}),$(window).trigger("hashchange.dialogs"),$(document).on("mousedown","a[data-to-view]",async s=>{const a=s.target.closest("[data-to-view]"),r=a.dataset.toView.split("-")[0],c=$("#"+r),d=$("> .modal-layer",c);$("> .active",d);let h="next";a.dataset.action==="top-dialog-close"&&(h="prev"),a.href=l.genViewPageHash(a.dataset.toView,h)}),$(document).on("click","[data-to-view]",async s=>{const a=s.target.closest("[data-to-view]");if(a.href==="."){s.preventDefault(),a.mousedown(),setTimeout(()=>a.click());return}const n=await this.getDialogsUtils(),r=a.dataset.toView,c=r.split("-")[0],d=$("#"+c),h=$("> .modal-layer",d),k=$("> .active",h),S=!!d.data("data-to-view-replace");let v="next";if(k.length){const L=r.split("-")[1].split(":")[0];$('> [data-view-page="'+L+'"]',h).data("order")<k.data("order")&&(v="prev")}a.dataset.action==="top-dialog-close"&&(v="prev");const f=l.genViewPageHash(r,v);if(a.tagName==="A"){if(!d.is(":visible"))return;if(location.hash.indexOf(r.replace("-","="))!==-1){await n.toViewDirty(r);return}}S?(s.preventDefault(),u.historySetState(!0,f),await n.toViewDirty(r),v=="next"?l.state.viewPageN++:l.state.viewPageN--):a.tagName!=="A"&&(this.compareStates(f,location.hash)?location.hash=f:await n.toViewDirty(r))}),setTimeout(()=>this.getDialogsUtils(),t)}static async getDialogsUtils(){const{TopDialogUtils:e}=await new Promise((t,s)=>P(["./utils-B3ycYRqM.amd"],t,s));return e}static get$dialog(e){return e.closest(".ui-dialog-content")}static get$page(e){return e.closest("[data-view-page]")}static close(e){const t=$("#"+e);t.dialog("instance")&&t.dialog("close")}static destroy(e){const t=$("#"+e);t.dialog("instance")&&(t.dialog("close"),t.dialog("destroy"))}static genViewPageHash(e,t="next"){var s=this.state.viewPageN;t=="prev"?s--:s++;var a=e.split("-"),n=a.shift(),r=a.join("-"),c=u.genHash("vpn",s),c=u.genHash("view-"+n,r,c);return c}static compareStates(e,t){const s=e.match(/[#&]view-[^&]+/g)||[],a=t.match(/[#&]view-[^&]+/g)||[];return!!(s.length!==a.length||s.filter((r,c)=>{const d=a[c]||"";return r!==d}).length)}static opendDialogsFromUrl=async()=>{const e=Number(u.getHash("vpn"))||0;this.state.locationHashPrev=location.hash;let t;const s=new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)","g");for(;t=s.exec(location.hash);){var a="next";return e<this.state.viewPageN&&(a="prev"),(await this.getDialogsUtils()).toViewDirty(t[1],a)}return $(".ui-dialog-content[data-view-page-active]:visible").each((n,r)=>{var c=$(r),d=c.attr("id"),h=u.getHash("view-"+d);h||c.dialog("close")}),this.state.viewPageN=e,!0}}class D{id;idAttr;Component;isMounted=i.ref(!1);isReady=i.ref(!1);isOpened=i.ref(!1);pageActive=i.ref("");isLoadingPage=i.ref(!1);pageActiveNext=i.ref("");props;emit;onCloseOnce;constructor(e){this.id=e.id,this.idAttr="dialog_"+e.id,this.Component=i.markRaw(e)}onMounted(e,t){this.isMounted.value=!0,this.props=e.props,this.emit=t.emit}async open(e="main",t,s=[],a,n){t&&await this.setProps(t),a&&(this.onCloseOnce=a),await(await l.getDialogsUtils()).toView(this.idAttr,e,s,n)}async openAsLink(e="main",t,s=[],a,n){t&&await this.setProps(t),a&&(this.onCloseOnce=a);const r=this.idAttr+"-"+e;location.hash=l.genViewPageHash(r,n)}async close(){l.close(this.idAttr)}async destroy(){l.destroy(this.idAttr)}async setProps(e={}){this.isMounted||await p.waitWhile(()=>!this.props);for(const t in this.props)this.props[t]=e[t]}needShowPage(e){return this.isOpened.value?this.pageActive.value===e||this.pageActiveNext.value===e:!1}}const N={class:"top-dialogs",style:{display:"none"}},g=i.shallowReactive(new Map),m=o=>(o=o.replace(/^dialog_/,""),g.get(o)),A=o=>{if(!(o!=null&&o.id))throw console.log({TopDialogComponent:o}),new Error("Expected TopDialogComponent");return g.has(o.id)||g.set(o.id,new D(o)),g.get(o.id)},V=i.defineComponent({name:"DialogWrapper",__name:"dialogs",setup(o){return i.onUnmounted(()=>{g.forEach(e=>e.destroy()),g.clear()}),(e,t)=>(i.openBlock(),i.createElementBlock("div",N,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(i.unref(g),([s,a])=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(a.Component),{key:s}))),128))]))}});class H{resolve;worker=i.ref(null);constructor(e){this.resolve=e}async get(){if(this.worker.value)return this.worker.value;const t=(await this.resolve()).default;this.worker.value=y(t);const s=this.worker.value;return await p.waitWhile(()=>!s.isMounted),s}async open(...e){await(await this.get()).open(...e)}async openAsLink(...e){(await this.get()).openAsLink(...e)}async close(...e){(await this.get()).close(...e)}async destroy(...e){(await this.get()).destroy(...e)}async setProps(...e){await(await this.get()).setProps(...e)}}const U=()=>{var e;const o=i.getCurrentInstance();if((e=o==null?void 0:o.type)!=null&&e.id){const t=m(o.type.id);if(t)return t}return i.inject("dialogWorker")},y=o=>A(o),x=o=>new H(o);w.TopDialogWorker=l,w._sfc_main=V,w.getDialogWorker=m,w.useAsyncTopDialog=x,w.useTopDialog=y,w.useTopDialogSelf=U});
+//# sourceMappingURL=utils-DpejCylJ.amd.js.map

package/.chunks/utils-DpejCylJ.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-DpejCylJ.amd.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/dialog/composables/dialogWorker.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue","../../src/components/dialog/dialog/composables/asyncDialogWorker.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\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\tif (options?.load) {\r\n\t\t\tthis.state.load = options.load;\r\n\t\t}\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\tconst $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 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/dialogWorker';\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 './dialogWorker';\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 './dialogWorker';\r\nimport { AsyncTopDialogHandle } from './asyncDialogWorker';\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","e","viewName","$modalLayers","moveDirection","el","toView","$currentPage","pageName","TopDialogUtils","utils_route","hash","$el","dialogId","$dialog","viewNameAndPageLink","pageLink","hash2","math","math2","toViewPageN","view","dialog","TopDialogHandle","vue","TopDialogComponent","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","name","getDialogWorker","id","dialogsWorkers","addDialogWorker","AsyncTopDialogHandle","resolve","useTopDialogSelf","_a","dialogWorker","useTopDialog","DialogComponent","useAsyncTopDialog"],"mappings":"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"}

package/README.md

@@ -1,87 +1,82 @@
-# UI kit Topvisor Vue
-
-## Зависимости
-
-- Vue 3
-- lodash 4:
-  - debounce
-
-## Vue компоненты
-
-Компоненты поставляются в двух форматах:
-
-- amd (requirejs)
-- es
-
-Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.
-
-Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.
-
-Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки.
-В этой же папке располагаются стили для асинхронно загружаемых компонентов.
-Все стили грузятся автоматически вместе с загрузкой компонента.
-
-Список доступных библиотек компонентов см. на [npmjs](https://www.npmjs.com/package/@topvisor/ui?activeTab=code).
-
-## Общие стили UI
-
-- /assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
-- /assets/light.css - светлая тема
-- /assets/dark.css - темная тема
-
-## Подключение стилей
-
-Стили компонентов подгружаются автоматически.
-
-Стили UI core.css необходимо подгрузить на страницу вручную.
-
-```js
-import '@topvisor/ui/assets/core.css';
-```
-
-```html
-<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">
-```
-
-## Подключение стилей темы
-
-Стили темы необходимо подгрузить на страницу вручную.
-
-Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.
-
-```js
-import '@topvisor/ui/assets/light.css';
-```
-
-```html
-<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/light.css" rel="stylesheet">
-```
-
-## Внешние зависимсоти
-
-Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.
-
-```js
-import '@topvisor/ui/icomoon/style.css';
-```
-
-```html
-<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">
-```
-
-## Подключение компонентов
-
-Пример подключения библиотеки Forms и компонента Button:
-
-```javascript
-require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
-	console.log(Button);
-});
-
-require(['@topvisor/ui/forms/forms.amd'], Forms => {
-	const { Button } = Forms;
-
-	console.log(Forms);
-	console.log(Button);
-});
-```
+# UI kit Topvisor Vue
+
+## Vue компоненты
+
+Компоненты поставляются в двух форматах:
+
+- amd (requirejs)
+- es
+
+Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.
+
+Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.
+
+Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки.
+В этой же папке располагаются стили для асинхронно загружаемых компонентов.
+Все стили грузятся автоматически вместе с загрузкой компонента.
+
+Документация и описание всех компонентов: https://ui.topvisor.com/
+
+## Общие стили UI
+
+- /assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
+- /assets/themes/* - стили тем оформления
+
+## Подключение стилей
+
+Стили компонентов подгружаются автоматически.
+
+Стили UI core.css необходимо подгрузить на страницу вручную.
+
+```js
+import '@topvisor/ui/assets/core.css';
+```
+
+```html
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">
+```
+
+## Подключение стилей темы
+
+Стили темы необходимо подгрузить на страницу вручную.
+
+Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.
+
+```js
+import '@topvisor/ui/assets/themes/light.css';
+```
+
+```html
+
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/themes/light.css" rel="stylesheet">
+```
+
+## Внешние зависимсоти
+
+Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.
+
+```js
+import '@topvisor/ui/icomoon/style.css';
+```
+
+```html
+
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">
+```
+
+## Подключение компонентов
+
+Пример подключения библиотеки Forms и компонента Button:
+
+```javascript
+require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
+	console.log(Button);
+});
+
+require(['@topvisor/ui/forms/forms.amd'], Forms => {
+	const { Button } = Forms;
+
+	console.log(Forms);
+	console.log(Button);
+});
+```

package/assets/charts.css

@@ -1 +1 @@
-.top-miniChart{cursor:default;box-sizing:border-box;border-color:transparent;max-width:calc(100% - 32px);min-width:1px;height:100%;position:relative;display:flex;flex:1 1 auto;align-content:space-between;flex-direction:column;align-items:stretch;font-size:12px}.top-miniChart:not(:last-child){margin-right:32px}.top-miniChart:not(:last-child):after{content:"";width:1px;background-color:var(--color-line-1-opacity);position:absolute;top:0;right:-16px;bottom:0}.top-miniChart_title{--top-icon-size: 16px;--top-icon-width: 16px;width:100%;font-size:14px;height:18px}.top-miniChart_title[data-top-icon]:before{border-radius:50%;margin-right:4px}.top-miniChart.top-color_orange .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-warning-2)}.top-miniChart.top-color_pink .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-info-2)}.top-miniChart.top-color_blue .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-primary-2)}.top-miniChart_data{display:flex}.top-miniChart_dataDynamic:before{content:"––"}.top-miniChart_dataDynamic-direction_up{color:var(--color-text-positive)}.top-miniChart_dataDynamic-direction_up:before{content:"+"}.top-miniChart_dataDynamic-direction_stay{color:var(--color-text-warning)}.top-miniChart_dataDynamic-direction_down{color:var(--color-text-negative)}.top-miniChart_dataDynamic-direction_down:before{content:"–"}.top-miniChart_chartGrid{height:100%;width:100%;overflow:hidden;min-height:40px;display:grid;grid-template-columns:repeat(auto-fill,6px);grid-auto-rows:100%;gap:2px 0;align-items:end;justify-content:space-between;direction:rtl}.top-miniChart_chartGridCol{cursor:pointer;border-radius:2px;height:100%;padding:0 1px;opacity:1;display:flex;flex-direction:column-reverse}.top-miniChart_chartGridCol:not(.top-active){opacity:.3}.top-miniChart_chartGridCol:hover{background:var(--color-layer-3);opacity:.7}.top-miniChart_chartGridCol>div{border-radius:inherit;background:var(--color-layer-3)}.top-miniChart.top-color_orange .top-miniChart_chartGridCol>div{background:var(--color-line-warning-1)}.top-miniChart.top-color_pink .top-miniChart_chartGridCol>div{background:var(--color-line-info-1)}.top-miniChart.top-color_blue .top-miniChart_chartGridCol>div{background:var(--color-line-primary-1)}.top-miniChart_chartGridCol-none{cursor:default}.top-miniChart_chartGridCol-none>div{background:var(--color-theme-100)!important;height:2px}@media only screen and (min-width: 900px){.top-miniChart{flex-direction:column;align-items:stretch}.top-miniChart_title{width:auto;padding-right:24px;display:flex;align-items:center}.top-miniChart_chart{margin:3px 0 20px;border-top:1px solid var(--color-line-1);border-bottom:1px solid var(--color-line-1);padding:2px 0;display:block;flex-grow:1}.top-miniChart_data{pointer-events:none;text-align:right;position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}}@media only screen and (max-width: 900px){.top-miniChart{align-items:center;justify-content:center;box-shadow:var(--top-shadow-s);border-radius:8px;padding:var(--top-padding-1);background:var(--color-layout-front-1)}.top-miniChart_title{width:auto;height:auto;margin-bottom:4px;line-height:1;font-size:12px}.top-miniChart_chart{display:none}.top-miniChart_data{font-size:10px;line-height:1}.top-miniChart_dataDynamic{order:1;margin-left:4px}}
+.top-miniChart{cursor:default;box-sizing:border-box;border-color:transparent;height:100%;position:relative;display:flex;flex:1 1 auto;align-content:space-between;flex-direction:column;align-items:stretch;font-size:12px}.top-miniChart:not(:last-child){margin-right:32px}.top-miniChart:not(:last-child):after{content:"";width:1px;background-color:var(--color-line-1-opacity);position:absolute;top:0;right:-16px;bottom:0}.top-miniChart_title{--top-icon-size: 16px;--top-icon-width: 16px;width:auto;height:18px;max-width:100%;padding-right:24px;font-size:14px}.top-miniChart_title[data-top-icon]:before{border-radius:50%;margin-right:4px}.top-miniChart.top-color_orange .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-warning-2)}.top-miniChart.top-color_pink .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-info-2)}.top-miniChart.top-color_blue .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-primary-2)}.top-miniChart_data{pointer-events:none;text-align:right;position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.top-miniChart_dataDynamic:before{content:"––"}.top-miniChart_dataDynamic-direction_up{color:var(--color-text-positive)}.top-miniChart_dataDynamic-direction_up:before{content:"+"}.top-miniChart_dataDynamic-direction_stay{color:var(--color-text-warning)}.top-miniChart_dataDynamic-direction_down{color:var(--color-text-negative)}.top-miniChart_dataDynamic-direction_down:before{content:"–"}.top-miniChart_chart{margin:3px 0 20px;border-top:1px solid var(--color-line-1);border-bottom:1px solid var(--color-line-1);padding:2px 0;display:block;flex-grow:1}.top-miniChart_chartGrid{height:100%;width:100%;overflow:hidden;min-height:40px;display:grid;grid-template-columns:repeat(auto-fill,6px);grid-auto-rows:100%;gap:2px 0;align-items:end;justify-content:space-between;direction:rtl}.top-miniChart_chartGridCol{cursor:pointer;border-radius:2px;height:100%;padding:0 1px;opacity:1;display:flex;flex-direction:column-reverse}.top-miniChart_chartGridCol:not(.top-active){opacity:.3}.top-miniChart_chartGridCol:hover{background:var(--color-layer-3);opacity:.7}.top-miniChart_chartGridCol>div{border-radius:inherit;background:var(--color-layer-3)}.top-miniChart.top-color_orange .top-miniChart_chartGridCol>div{background:var(--color-line-warning-1)}.top-miniChart.top-color_pink .top-miniChart_chartGridCol>div{background:var(--color-line-info-1)}.top-miniChart.top-color_blue .top-miniChart_chartGridCol>div{background:var(--color-line-primary-1)}.top-miniChart_chartGridCol-none{cursor:default}.top-miniChart_chartGridCol-none>div{background:var(--color-theme-100)!important;height:2px}@media only screen and (max-width: 900px){.top-miniChart_hideChartInMobile{width:1px;align-items:center;justify-content:center;gap:var(--top-gap-1);box-shadow:var(--top-shadow-s);border-radius:var(--top-radius-2);padding:var(--top-padding-1);background:var(--color-layout-front-1)}.top-miniChart_hideChartInMobile:not(:last-child){margin:0}.top-miniChart_hideChartInMobile:not(:last-child):after{content:none}.top-miniChart_hideChartInMobile .top-miniChart_title{height:auto;padding:0;line-height:1;font-size:12px;flex-grow:0}.top-miniChart_hideChartInMobile .top-miniChart_chart{display:none}.top-miniChart_hideChartInMobile .top-miniChart_data{font-size:10px;line-height:1;pointer-events:unset;text-align:unset;position:unset;flex-direction:unset;justify-content:unset}.top-miniChart_hideChartInMobile .top-miniChart_dataDynamic{order:1;margin-left:4px}}.top-miniCharts{position:relative;max-width:1650px;height:100%;overflow:hidden;row-gap:var(--top-gap-2);display:flex;flex-wrap:wrap;flex-grow:1}.top-miniCharts_pages{height:100%;margin-left:-6px;position:sticky;top:0;left:calc(100% - 6px);order:-1;display:flex;flex-direction:column;justify-content:center}.top-miniCharts_pages>span{cursor:pointer;border-radius:50%;background:var(--color-layer-primary-2);width:6px;height:6px;margin:8px 0 0}.top-miniCharts_pages>span:first-child{margin-top:0}.top-miniCharts_pages>span.top-active,.top-miniCharts_pages>span:hover{background:var(--color-text-primary)}.top-miniCharts_tooltip{cursor:default;box-shadow:var(--top-shadow-b);border-radius:var(--top-radius-2);background:var(--content-background-color);padding:var(--top-padding-2);font-size:12px;white-space:nowrap;position:absolute;top:0;left:0;overflow:hidden;z-index:200000;display:flex;gap:0 var(--top-gap-2);align-items:center;transition:.2s;pointer-events:none}.top-miniCharts_tooltip>span:first-child{color:var(--color-text-3)}@media only screen and (max-width: 900px){.top-miniCharts_hideChartInMobile{border:none;background:none;width:100%;padding:0;gap:var(--top-gap-2);flex-grow:1;flex-wrap:nowrap;overflow:hidden}.top-miniCharts_hideChartInMobile>.top-miniCharts_pages{display:none}}

package/assets/core.css

@@ -1 +1 @@
-:root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--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}: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}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:calc(var(--top-forms-border-width) * 2) 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)}: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}.top-as-a{cursor:pointer;color:var(--color-text-primary)}.top-as-a:hover{text-decoration:underline}.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))}.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)}.top-error~.top-formsCaption{color:var(--color-text-negative)}.top-warning{--top-icon-color: var(--color-text-warning);color:var(--color-text-warning)}input.top-error,textarea.top-error,select.top-error,.top-editArea_form.top-error{animation:top-error .8s}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline:3px solid var(--color-line-negative-1);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}@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}.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}
+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)}.top-error~.top-formsCaption{color:var(--color-text-negative)}.top-warning{--top-icon-color: var(--color-text-warning);color:var(--color-text-warning)}input.top-error,textarea.top-error,select.top-error,.top-editArea_form.top-error{animation:top-error .8s}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline:3px solid var(--color-line-negative-1);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}@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;--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

@@ -1 +1 @@
-.top-avatar{width:var(--62448408);height:var(--62448408);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_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_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_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-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(--445cd2c3);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}}
+.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_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_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_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-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(--13a3474e);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

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-DHMogHmw.amd","../utils/number.amd","../require/css.amd!../assets/charts.css"],function(H,l,e,s,c){"use strict";if(typeof e>"u")var e=window.Vue;const h=90,d=10,C=["data-top-icon"],v={class:"top-miniChart_chart"},_=["onMouseenter"],y={class:"top-miniChart_data"},f={class:"top-miniChart_dataValue"},g=["innerHTML"],M=e.defineComponent({__name:"miniChart",props:e.mergeModels({title:{},gIcon:{},color:{default:"blue"},dates:{},values:{},activeDates:{},keysForDyn:{},isInvert:{type:Boolean},numberCols:{default:h},additionalHTML:{},modelValue:{},valueSuffix:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(u){const o=u,m=e.useModel(u,"modelValue"),k=t=>{let n=B.value;o.isInvert&&(t-=1,n-=1);let a=n>0?Math.round(t/n*(100-d)):0;return o.isInvert?100-a:a+d},E=t=>o.activeDates.includes(t),B=e.computed(()=>Math.max(...o.values)),b=e.computed(()=>o.dates.slice().reverse()),N=e.computed(()=>o.dates.length?o.numberCols-o.dates.length:0),p=()=>{m.value=null},G=(t,n,a)=>{m.value={elCol:t.target,date:s.dateFormat(n),value:a===null?"--":a+(o.valueSuffix??"")}},i=e.computed(()=>{const t=o.values[o.keysForDyn.start],a=o.values[o.keysForDyn.end]-t;return(a<0?-1:1)*c.percentOfNumber(Math.abs(a))}),S=e.computed(()=>{let t="stay";return o.isInvert?(i.value>0&&(t="down"),i.value<0&&(t="up")):(i.value>0&&(t="up"),i.value<0&&(t="down")),t});return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart":!0,[`top-color_${t.color}`]:!0})},[e.createElementVNode("div",{class:"top-miniChart_title","data-top-icon":t.gIcon},e.toDisplayString(t.title),9,C),e.createElementVNode("div",v,[e.createElementVNode("div",{class:"top-miniChart_chartGrid",onMouseleave:n[1]||(n[1]=a=>p())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(a,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass({"top-miniChart_chartGridCol":!0,"top-active":E(a)}),onMouseenter:T=>G(T,a,t.values[t.values.length-r-1])},[e.createElementVNode("div",{style:e.normalizeStyle("height:"+k(t.values[t.values.length-r-1])+"%")},null,4)],42,_))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,()=>(e.openBlock(),e.createElementBlock("div",{class:"top-miniChart_chartGridCol top-miniChart_chartGridCol-none",onMouseenter:n[0]||(n[0]=a=>p())},n[2]||(n[2]=[e.createElementVNode("div",null,null,-1)]),32))),256))],32)]),e.createElementVNode("div",y,[e.createElementVNode("span",{class:e.normalizeClass({"top-miniChart_dataDynamic":!0,[`top-miniChart_dataDynamic-direction_${S.value}`]:!0})},e.toDisplayString(Math.abs(i.value)||""),3),e.createElementVNode("span",f,e.toDisplayString(e.unref(c.percentOfNumber)(t.values[t.values.length-1])||0),1)]),t.additionalHTML?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.additionalHTML},null,8,g)):e.createCommentVNode("",!0)],2))}}),D={$style:{"top-miniChart":"top-miniChart","top-miniChart_title":"top-miniChart_title","top-color_orange":"top-color_orange","top-color_pink":"top-color_pink","top-color_blue":"top-color_blue","top-miniChart_data":"top-miniChart_data","top-miniChart_dataDynamic":"top-miniChart_dataDynamic","top-miniChart_dataDynamic-direction_up":"top-miniChart_dataDynamic-direction_up","top-miniChart_dataDynamic-direction_stay":"top-miniChart_dataDynamic-direction_stay","top-miniChart_dataDynamic-direction_down":"top-miniChart_dataDynamic-direction_down","top-miniChart_chartGrid":"top-miniChart_chartGrid","top-miniChart_chartGridCol":"top-miniChart_chartGridCol","top-active":"top-active","top-miniChart_chartGridCol-none":"top-miniChart_chartGridCol-none","top-miniChart_chart":"top-miniChart_chart"}},V=s._export_sfc(M,[["__cssModules",D]]);l.TopMiniChart=V,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-CiwhEtPE.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"],N=e.defineComponent({__name:"miniChart",props:e.mergeModels({title:{},gIcon:{},color:{default:"blue"},dates:{},values:{},activeDates:{},keysForDyn:{},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 n=l>0?Math.round(t/l*(100-y)):0;return o.isInvert?100-n:n+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,n)=>{t.target instanceof HTMLElement&&(s.value={elCol:t.target,date:M.dateFormat(l),value:n===null?"--":n+(o.valueSuffix??"")})},a=e.computed(()=>{const t=o.values[o.keysForDyn.start],n=o.values[o.keysForDyn.end]-t;return(n<0?-1:1)*g.percentOfNumber(Math.abs(n))}),d=e.computed(()=>{let t="stay";return o.isInvert?(a.value>0&&(t="down"),a.value<0&&(t="up")):(a.value>0&&(t="up"),a.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]=n=>h())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(n,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart_chartGridCol":!0,"top-active":p(n)}),onMouseenter:z=>r(z,n,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]=n=>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(a.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))}}),D={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(),a={top:r.bottom+window.scrollY+"px"};return document.documentElement.clientWidth/2>r.right?a.left=r.right+window.scrollX+10+"px":(a.left=r.left+window.scrollX-10+"px",a.transform="translate(-100%, 0)"),a});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,a)=>(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",D,[(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=N,I=T;C.TopMiniChart=H,C.TopMiniCharts=I,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=charts.amd.js.map