@topvisor/ui 1.0.18 → 1.0.20

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils-DF6k2YnU.amd.js","sources":["../../src/components/dialog/lib/utils.globalEvents.ts","../../src/components/dialog/lib/utils.ts"],"sourcesContent":["import { TopDialogUtils } from './utils';\nimport { TopDialogWorker } from './worker';\nimport { querySelectorVisible } from '@/core/utils/dom';\nimport type { $el } from '@/components/types';\n\nlet inited = false;\n\n/**\n * Инициализация глобальных событий для диалоговых окон\n *\n * Проивзодится один раз при подклчюении диалогового окна\n *\n * События не размонитруются\n */\nexport const initDialogGlobalEvents = () => {\n\tif (inited) return;\n\tinited = true;\n\n\t/**\n\t * Закрытие диалога по Esc\n\t */\n\tdocument.addEventListener('keydown', (e) => {\n\t\tif (e.key !== 'Escape') return;\n\t\tif (!e.target) return;\n\n\t\tconst el = e.target as HTMLElement;\n\n\t\t// событие произошло вне диалогового окна\n\t\tif (!el.closest('.ui-dialog')) return;\n\n\t\tif (el.contentEditable === 'true' || el.contentEditable === 'plaintext-only') return;\n\n\t\t// не закрывать окно при открытом TopPopup\n\t\tif (querySelectorVisible(document.documentElement, '.top-popup-wrapper')) return;\n\n\t\t// не закрывать окно при работе с jquery autocomplete\n\t\tif (el.classList.contains('autocomplete')) return;\n\n\t\t// не закрывать окно при открытом fancybox\n\t\tif (querySelectorVisible(document.documentElement, '.fancybox-container')) return;\n\n\t\t$('.ui-dialog-content:visible:last').dialog('close');\n\t});\n\n\t/**\n\t * Закрытие диалога по кнопке закрыть\n\t */\n\t$(document).on('click', '[data-action=\"top-dialog-close\"]', (e) => {\n\t\te.preventDefault();\n\n\t\t// // навигация без истории\n\t\t// var $dialog = $(this).closest('.ui-dialog-content');\n\t\t// var viewName = $dialog.attr('id');\n\t\t// var pageName = getHash('view-' + viewName);\n\t\t// if (!pageName) {\n\t\t// \ttoPrevPage($dialog);\n\t\t//\n\t\t// \treturn;\n\t\t// }\n\t\t//\n\t\t// // навигация по истории\n\t\t// if (Core.state.isMobile && history.length > 1 && $(this).closest('.modal-layer').length) {\n\t\t// \tvar href = location.href;\n\t\t//\n\t\t// \thistory.go(-1);\n\t\t//\n\t\t// \tsetTimeout(() => {\n\t\t// \t\t// это первая страница в истории вкладки браузера\n\t\t// \t\tif (href === location.href) $(e.target).closest('.ui-dialog-content').dialog('close');\n\t\t// \t});\n\t\t// } else {\n\t\t// \t$(this).closest('.ui-dialog-content').dialog('close');\n\t\t// }\n\n\t\tconst el = e.target.closest('[data-action=\"top-dialog-close\"]');\n\n\t\tconst elDialog = el.closest('.ui-dialog-content');\n\t\tif (!elDialog) return;\n\n\t\tconst $dialog = $(elDialog);\n\n\t\t// если к кнопке привязана ссылка, диалоговое окно не нужно закрывать\n\t\tconst toView = el.dataset.toView;\n\n\t\tif (toView == 'toPrevPage()') {\n\t\t\tTopDialogUtils.toPrevPage($dialog);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (toView) {\n\t\t\tvar viewNameAndPageLink = toView.split('-');\n\t\t\tvar viewName = viewNameAndPageLink.shift();\n\t\t\tvar pageLink = viewNameAndPageLink.join('-');\n\n\t\t\tvar $toDialog = $('#' + viewName);\n\t\t\tvar $toPage = $('[data-view-page=\"' + pageLink + '\"]', $toDialog);\n\t\t\tif (!$toPage.is(':visible')) {\n\t\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, 'prev');\n\n\t\t\t\t// добавляет текущую страницу в историю браузера\n\t\t\t\tlocation.hash = hash;\n\n\t\t\t\t// // не убирает кнопку \"Вперед\" в браузере\n\t\t\t\t// history.replaceState(null, '', hash);\n\t\t\t\t// toViewDirty(toView, 'prev');\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t$dialog.dialog('close');\n\t});\n\n\t/**\n\t * Все submit должны обрабатываться через js\n\t */\n\t$(document).on('submit', '.modal-body > form, .modal-layer-body > form', function (e) {\n\t\te.preventDefault();\n\t});\n\n\t/**\n\t * Выполнение действия по нажатию Enter\n\t *\n\t * @todo Убрать `.searcher`\n\t */\n\t$(document).on('keypress', '.ui-dialog .modal-body :input:not(.searcher), .ui-dialog .modal-body [contenteditable]', function (e) {\n\t\t// if (e.keyCode !== 10 && e.key !== 'ENTER') return;\n\t\tif (e.key !== 'ENTER') return;\n\n\t\t// не выполнять submit действий при работе с jquery autocomplete\n\t\tif (e.target.classList.contains('autocomplete')) {\n\t\t\te.preventDefault();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// реализация submit по ctrl + Enter\n\t\tif (e.target.tagName === 'TEXTAREA') {\n\t\t\tif (!e.ctrlKey && !e.metaKey) return;\n\n\t\t\tconst elForm = e.target.closest('form');\n\n\t\t\tif (elForm) {\n\t\t\t\tlet elSubmit = $(':submit:visible', elForm)[0];\n\t\t\t\tif (!elSubmit) elSubmit = $(':submit:visible', elForm)[0];\n\n\t\t\t\telSubmit?.click();\n\t\t\t}\n\t\t}\n\t});\n\n\t/**\n\t * Закрытие диалога по клику вне окна\n\t */\n\t$(document).on('click', '.ui-widget-overlay', function () {\n\t\tlet $dialogWrapper: $el | undefined = undefined;\n\t\tlet topZIndex = 0;\n\n\t\t$('.ui-dialog:visible').each((_index, el) => {\n\t\t\tconst zIndex = Number($(el).css('z-index'));\n\t\t\tif (zIndex < topZIndex) return;\n\n\t\t\t$dialogWrapper = $(el);\n\t\t\ttopZIndex = zIndex;\n\t\t});\n\n\t\tif ($dialogWrapper) {\n\t\t\t$('.ui-dialog-content', $dialogWrapper).dialog('close');\n\t\t}\n\t});\n\n\t$(window).on('resize', TopDialogUtils.recalcPositions);\n\tTopDialogUtils.recalcPositions();\n};\n","import 'jquery';\nimport { nextTick } from 'vue';\n\nimport Core from '@/core/core/core';\nimport { TopPopupWorker } from '@/components/popup/worker';\nimport { sleep, waitWhile } from '@/core/utils/system';\nimport { setHash } from '@/core/utils/route';\nimport { connectScrollShadow } from '@/core/utils/scroll';\n\nimport type { MoveDirection } from './types';\nimport { TopDialogWorker } from './worker';\nimport { initDialogGlobalEvents } from './utils.globalEvents';\nimport { getDialogWorker } from '../dialog/dialogs/dialogs.vue';\n\nimport css from '../dialog/style/dialog.css?inline';\nimport cssM from '../dialog/style/dialog.m.css?inline';\nimport cssPC from '../dialog/style/dialog.pc.css?inline';\nimport cssModern from '../dialog/style/modern/dialog.css?inline';\nimport cssModernPC from '../dialog/style/modern/dialog.pc.css?inline';\nimport type { $el } from '@/components/types';\n\nCore.insertStyleToPage(css);\nCore.insertStyleToPage(cssM, 'm');\nCore.insertStyleToPage(cssPC, 'pc');\nCore.insertStyleToPage(cssModern);\nCore.insertStyleToPage(cssModernPC, 'pc');\n\nlet timerClearAnimation: NodeJS.Timeout;\nlet isInited = false;\n\nconst init = () => {\n\t// if(window.history && history.length == 1) setHash('vpn', null);\n\n\t$.extend($.ui.dialog.prototype.options, {\n\t\tfocus: (e: any) => {\n\t\t\te.target.focus();\n\n\t\t\t$('[autofocus]', e.target)[0]?.focus();\n\n\t\t\t// setTimeout(function () {\n\t\t\t// \tif ($('[autofocus]', e.target).length) return;\n\t\t\t// \t$('.modal-footer button:first, .modal-body :input:first', e.target).eq(0).focus();\n\t\t\t//\n\t\t\t// \t// fix пропадающего autocomplete при нажатии на scroll в autocomplete\n\t\t\t// \t$(e.target).add($(e.target).closest('.ui-dialog')).removeAttr('tabindex');\n\t\t\t// });\n\t\t},\n\t\tcreate: (e: any) => onCreate(e.target),\n\t\topen: (e: any) => onOpen(e.target),\n\t\tclose: (e: any) => onClose(e.target),\n\t\tmodal: true,\n\t\tresizable: false,\n\t\tcloseOnEscape: false,\n\t\twidth: 'auto',\n\t\tminHeight: 0,\n\t});\n\n\t$.ui.dialog.prototype._focusTabbable = $.noop;\n\n\t$.ui.dialog.prototype._moveToTopOriginal = $.ui.dialog.prototype._moveToTop;\n\t$.ui.dialog.prototype._moveToTop = function () {\n\t\tthis._moveToTopOriginal();\n\n\t\tconst $dialog = $(this.element);\n\t\t$dialog.trigger('dialogsMoveToTop', [$dialog]);\n\t};\n\n\tinitDialogGlobalEvents();\n\n\tisInited = true;\n};\n\n/**\n * Получить настройки диалогового окна из Vue компонента\n */\nconst genVueOptions = ($dialog: $el) => {\n\tconst options: {\n\t\tmodal?: boolean,\n\t\tposition?: any,\n\t} = {};\n\n\tif ($dialog[0]?.dataset?.modal === 'false') options.modal = false;\n\tif ($dialog[0]?.dataset?.position) options.position = JSON.parse($dialog[0].dataset.position);\n\n\treturn options;\n};\n\n/**\n * Сменить состояние диалогового окна Vue\n */\nconst updatePageVue = async (dialogId: string, pageName?: string, pageNameNext?: string) => {\n\tif (!dialogId.startsWith('dialog_')) return;\n\n\tconst dialog = getDialogWorker(dialogId);\n\tif (!dialog) return;\n\n\tdialog.isOpened.value = true;\n\tif (pageName !== undefined) dialog.pageActive.value = pageName;\n\tif (pageNameNext !== undefined) dialog.pageActiveNext.value = pageNameNext;\n\n\tawait nextTick();\n\n\tif (pageNameNext) {\n\t\tconst $dialog = $('#' + dialogId);\n\t\tconst $nextPage = $('[data-view-page=\"' + pageNameNext + '\"]', $dialog);\n\n\t\tif (!$nextPage.length) {\n\t\t\tawait waitWhile(() => !$('[data-view-page=\"' + pageNameNext + '\"]', $dialog).length);\n\t\t}\n\t}\n};\n\n/**\n * Callback for jQuery dialog onCreate\n */\nconst onCreate = (elDialog: HTMLElement) => {\n\tvar $dialog = $(elDialog);\n\tvar $dialogBody = $('.modal-body', $dialog);\n\n\tconnectScrollShadow($dialogBody[0]);\n\n\tTopDialogWorker.state.decoratorOnCreate?.(elDialog);\n\n\tinitPopup(elDialog);\n};\n\n/**\n * Инициирование событий TopPopup в диалоговом окне\n */\nconst initPopup = (elDialog: HTMLElement) => {\n\t$(elDialog).on('aftershow.top-menu-popup', '[data-top-popup]', (_e, $popup) => {\n\t\t// перенести popup в корневой элемент страницы диалогового окна\n\t\tconst $pageContent = TopDialogWorker.get$pairPage($popup).eq(1);\n\t\t$pageContent.prepend($popup);\n\t});\n};\n\n/**\n * Callback for jQuery dialog onOpen\n */\nconst onOpen = async (elDialog: HTMLElement) => {\n\tvar $dialog = $(elDialog);\n\tvar pageName = $dialog.data('view-page-active');\n\n\tconst w1 = Number($(window).width());\n\n\tCore.state.documentClassModificators.set('top-dialog', 'with_dialog');\n\n\tconst w2 = Number($(window).width());\n\n\tconst scrollBarWidth = w2 - w1;\n\tif (Number($(document).height()) > Number($(window).height())) $('html').css({ 'margin-right': scrollBarWidth + 'px' });\n\n\trecalcPositions();\n\n\tconst dialog = getDialogWorker($dialog.attr('id') as string);\n\tdialog?.emit?.('open', pageName);\n};\n\n/**\n * Callback for jQuery dialog onClose\n */\nconst onClose = async (elDialog: HTMLElement) => {\n\tvar $dialog = $(elDialog);\n\n\tvar viewName = $dialog.attr('id');\n\tvar pageName = $dialog.data('view-page-active');\n\tif (pageName) {\n\t\tsetHash('vpn', TopDialogWorker.state.viewPageN);\n\t\tsetHash('view-' + viewName, null, false);\n\n\t\tif (TopDialogWorker.state.viewPageN === 0 || TopDialogWorker.state.viewPageN === 1) setHash('vpn', null);\n\t}\n\n\tif (!$('.ui-widget-overlay:visible').length){\n\t\tCore.state.documentClassModificators.delete('top-dialog');\n\n\t\t$('html').css({ 'margin-right': '' });\n\t}\n\n\t$dialog.trigger('viewAfterClose', [$dialog]);\n\n\tconst dialog = getDialogWorker($dialog.attr('id') as string);\n\tif (dialog) {\n\t\tdialog.isOpened.value = false;\n\t\tdialog.emit?.('close', pageName);\n\n\t\tif (dialog.onCloseOnce) {\n\t\t\tdialog.onCloseOnce(dialog.props, pageName);\n\t\t\tdialog.onCloseOnce = undefined;\n\t\t}\n\t}\n\n\t// после закрытия диалога может потребоваться пересчет позиций элементов\n\twindow.dispatchEvent(new Event('resize'));\n};\n\n/**\n * Пересчитать положения и размеры открытых диалоговых окон\n */\nconst recalcPositions = () => {\n\t$('.ui-dialog:visible > .ui-dialog-content').each((_index, eldDialog: HTMLElement) => {\n\t\tconst $dialog = $(eldDialog);\n\t\tconst $dialogBody = $('.modal-body:visible', $dialog);\n\t\tconst $ui = $dialog.closest('.ui-dialog');\n\n\t\tif (!$dialogBody.length) return;\n\n\t\tconst options = genVueOptions($dialog);\n\n\t\toptions.position ??= { of: window };\n\n\t\t$dialog.dialog('option', options);\n\n\t\t$ui.removeClass('me-tightly');\n\t\tif (Number($ui.height()) > Number($(window).height())) $ui.addClass('me-tightly');\n\t});\n};\n\n// переход к view page по неразобранной ссылке в формате: {viewName}-{pageName}[:args]\nconst toViewDirty = async (toViewPageName: string, moveDirection?: MoveDirection) => {\n\tconst regexp = /(\\w+)[=-]([\\w-]+)(?::([\\w.:-]+))?/g;\n\tconst toViewParts = regexp.exec(toViewPageName);\n\tif (toViewParts) {\n\t\tconst viewName = toViewParts[1];\n\t\tconst pageName = toViewParts[2];\n\t\tconst argsString = toViewParts[3];\n\n\t\tlet args: string[] = [];\n\t\tif (argsString) args = argsString.split(':');\n\n\t\tawait toView(viewName, pageName, args, moveDirection);\n\t}\n};\n\n/**\n * Открыть диалоговое окно, возможно указать нужную страницу\n * @param {string|$} viewNameOr$Dialog - id страницы окна или jQuery элемент окна\n * @param {?string} pageName - имя страницы\n * @param {?Array<any>} args - аргументы, набор проивзольных параметров, которые могут обрабатываться каждым окном по своему\n * @param {?Function} callback - функция, которая будет запущена после октытия страницы\n */\nconst toView = async (\n\tviewNameOr$Dialog: $el | string,\n\tpageName?: string,\n\targs?: string[],\n\tmoveDirection?: MoveDirection,\n\tcallback?: Function,\n) => {\n\tif (!isInited) {\n\t\tawait new Promise<void>((resolve, _reject) => {\n\t\t\tconst timer = setInterval(() => {\n\t\t\t\tif (!isInited) return;\n\n\t\t\t\tclearInterval(timer);\n\n\t\t\t\tresolve();\n\t\t\t}, 10);\n\t\t});\n\t}\n\n\tawait nextTick();\n\n\tlet $dialog: $el;\n\tif (typeof (viewNameOr$Dialog) === 'object') {\n\t\t$dialog = viewNameOr$Dialog;\n\t} else {\n\t\t$dialog = $('#' + viewNameOr$Dialog);\n\t}\n\n\t// Диалоговое окно еще не загружено\n\tif (!$dialog.length && typeof (viewNameOr$Dialog) == 'string' && TopDialogWorker.state.load) {\n\t\tawait TopDialogWorker.state.load(viewNameOr$Dialog);\n\n\t\ttoView(viewNameOr$Dialog, pageName, args, moveDirection, callback);\n\n\t\treturn;\n\t}\n\n\tawait toViewPage($dialog, pageName, args, moveDirection);\n\n\tif ($dialog.is('.ui-dialog-content')) {\n\t\t// var zIndexMax = 0;\n\t\t// $.map($('.ui-dialog'), function (el) {\n\t\t// \tvar zIndex = $(el).css('z-index') * 1;\n\t\t// \tif (zIndex > zIndexMax) zIndexMax = zIndex;\n\t\t// });\n\t\t//\n\t\t// if ($dialog.is(':hidden')) $dialog.dialog('open');\n\t\t//\n\t\t// var $dialogWrapper = $dialog.parent();\n\t\t// var $dialogOverlay = $dialogWrapper.next();\n\t\t//\n\t\t// if ($dialogWrapper.css('z-index') * 1 < zIndexMax) {\n\t\t// \t$dialogWrapper.css('z-index', zIndexMax + 2);\n\t\t// \t$dialogOverlay.css('z-index', zIndexMax + 1);\n\t\t// }\n\n\t\t$dialog.dialog('open');\n\t} else {\n\t\tconst options = genVueOptions($dialog);\n\n\t\t$dialog.dialog(options);\n\t}\n\n\tif (callback) callback($dialog);\n};\n\nconst toViewPage = async ($dialog: $el, pageName?: string, args?: string[], moveDirection?: MoveDirection) => {\n\tif (pageName === undefined) pageName = $dialog.data('view-page-active') as string;\n\n\tif (pageName != $dialog.data('view-page-active')) {\n\t\tvar stopped = stopAnimations($dialog);\n\t\tif (stopped) await sleep(100);\n\t}\n\n\tif (args === undefined) args = [];\n\n\tawait updatePageVue($dialog.attr('id') as string, undefined, pageName);\n\n\tvar $modalLayers = $('> .modal-layer', $dialog);\n\tvar $currentPage = $('> .active', $modalLayers);\n\tvar $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\n\tvar argsString = args.join(':');\n\n\tif (moveDirection === undefined) {\n\t\tmoveDirection = 'next';\n\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\n\t}\n\n\tif (!$nextPage.length) return;\n\n\t$dialog.data('view-page-active', pageName);\n\n\t// запрашиваемая страница уже открыта\n\tif ($nextPage.is('.active')) {\n\t\tif ($nextPage.data('view-page-args') != argsString) {\n\t\t\t$nextPage.data('view-page-args', argsString);\n\n\t\t\t// dialogs.beforeOpenViewPage($dialog, $nextPage, pageName, args);\n\t\t\t// dialogs.afterOpenViewPage($dialog, $nextPage, pageName, args);\n\t\t}\n\n\t\tbeforeOpenViewPage($dialog, $nextPage, pageName, args);\n\t\tafterOpenViewPage($dialog, $nextPage, pageName, args);\n\n\t\treturn;\n\t}\n\n\t$nextPage.data('view-page-args', argsString);\n\n\tif ($('.top-popup-wrapper', $currentPage).length) {\n\t\tTopPopupWorker.close($('.top-popup-wrapper', $currentPage)[0]);\n\t}\n\n\tif ($nextPage.closest('.ui-dialog').is(':hidden')) moveDirection = 'none';\n\tif (!$currentPage.length) moveDirection = 'none';\n\tif ($nextPage.is(':visible')) moveDirection = 'none';\n\tswitch (moveDirection) {\n\t\tcase 'prev':\n\t\t\t$nextPage.each((_index, el) => {\n\t\t\t\t$(el).insertBefore($(el).siblings('.active'));\n\t\t\t});\n\n\t\t\t$currentPage.addClass('right-to-center reverse');\n\t\t\t$nextPage.addClass('center-to-left reverse');\n\n\t\t\tbreak;\n\t\tcase 'next':\n\t\t\t$nextPage.each((_index, el) => {\n\t\t\t\t$(el).insertAfter($(el).siblings('.active'));\n\t\t\t});\n\n\t\t\t$currentPage.addClass('center-to-left');\n\t\t\t$nextPage.addClass('right-to-center');\n\n\t\t\tbreak;\n\t}\n\n\t$dialog.attr('view-page-active', pageName);\n\n\t$currentPage.removeClass('active');\n\t$nextPage.addClass('active');\n\n\tbeforeOpenViewPage($dialog, $nextPage, pageName, args);\n\n\tif (moveDirection) {\n\t\t$dialog.addClass('i-change-page');\n\t\tconst delay = Number($nextPage.css('animation-duration').replace('s', '')) * 1000;\n\n\t\ttimerClearAnimation = setTimeout(function () {\n\t\t\tupdatePageVue($dialog.attr('id') as string, pageName, '');\n\t\t\tstopAnimations($dialog);\n\t\t\tafterOpenViewPage($dialog, $nextPage, pageName, args);\n\t\t}, delay);\n\t} else {\n\t\tawait updatePageVue($dialog.attr('id') as string, pageName, '');\n\t\tafterOpenViewPage($dialog, $nextPage, pageName, args);\n\t}\n};\n\n/**\n * К предыдущему представлению\n */\nconst toPrevPage = ($dialog: $el) => {\n\tvar prevPageName = '';\n\n\tvar $modalLayers = $('> .modal-layer', $dialog);\n\tvar $currentPage = $('> .active', $modalLayers).eq(0);\n\tvar $prevPage = $currentPage.prev('[data-view-page]');\n\tprevPageName = $prevPage.data('view-page');\n\n\tif (prevPageName) {\n\t\ttoViewPage($dialog, prevPageName, undefined, 'prev');\n\t} else {\n\t\t$dialog.dialog('close');\n\t}\n};\n\n/**\n * Для обработки событий вне vue\n */\nconst beforeOpenViewPageTimers = new Set();\nconst beforeOpenViewPage = ($dialog: $el, $page: $el, pageName: string, args: string[]) => {\n\t// группировка цепочки событий\n\t// запрос на открытие страницы может выполняться несколько раз, чаще такое может быть при открытии, загрузке и переходе сразу к нужной странице\n\tconst eventKey = $dialog.attr('id') + $page.eq(0).data('view-page') + pageName + args.join();\n\n\tif (beforeOpenViewPageTimers.has(eventKey)) return;\n\tbeforeOpenViewPageTimers.add(eventKey);\n\n\tsetTimeout(function () {\n\t\tbeforeOpenViewPageTimers.delete(eventKey);\n\t\t$dialog.trigger('viewBeforeOpen', [$dialog, $page, pageName, args]);\n\t});\n};\n\n/**\n * Для обработки событий вне vue\n */\nconst afterOpenViewPage = ($dialog: $el, $page: $el, pageName: string, args: string[]) => {\n\tsetTimeout(function () {\n\t\t$dialog.trigger('viewAfterOpen', [$dialog, $page, pageName, args]);\n\t});\n};\n\n/**\n * Получить состояние: Диалоговое окно находится в состоянии смены страницы\n */\nconst inAnimation = ($dialog: $el) => {\n\treturn $dialog.is('.i-change-page');\n};\n\n/**\n * Остановить анимацию смены страницы\n *\n * @returns Вернет true, если анимация производилась и была остановлена\n */\nconst stopAnimations = ($dialog: $el) => {\n\tif (!inAnimation($dialog)) return false;\n\n\tclearTimeout(timerClearAnimation);\n\n\tvar $modalLayers = $('> .modal-layer', $dialog);\n\n\tvar pageName = $dialog.data('view-page-active');\n\t$dialog.removeClass('i-change-page');\n\t$('> [data-view-page]', $modalLayers).removeClass('center-to-left right-to-center reverse active');\n\t$('> [data-view-page=\"' + pageName + '\"]', $modalLayers).addClass('active');\n\n\treturn true;\n};\n\n/**\n * Закрыть диалоговое окно\n */\nconst close = function (dialogId: string) {\n\tconst $dialog = $('#' + dialogId);\n\n\tif (!$dialog.dialog('instance')) return;\n\n\t$dialog.dialog('close');\n};\n\n/**\n * Управление props.isLoading\n */\nconst setLoading = ($page: $el, isLoading: boolean, duration?: number) => {\n\tif (!$page.is('[data-view-page]')) $page = $('[data-view-page]:visible', $page);\n\n\tif (isLoading) {\n\t\tif (duration !== undefined) {\n\t\t\t$page.each((_index, el) => {\n\t\t\t\tel.style.setProperty('--dialog-loading-duration', duration + 's');\n\t\t\t});\n\t\t}\n\n\t\t$page.addClass('i-load-data');\n\t} else {\n\t\t$page.removeClass('i-load-data');\n\n\t\t$page.each((_index, el) => {\n\t\t\tel.style.setProperty('--dialog-loading-duration', '10s');\n\t\t});\n\t}\n};\n\nconst isLoading = ($page: $el) => {\n\treturn $page.is('.i-load-data');\n};\n\nexport const TopDialogUtils = {\n\tupdatePageVue,\n\trecalcPositions,\n\ttoViewDirty,\n\ttoView,\n\ttoViewPage,\n\ttoPrevPage,\n\tsetLoading,\n\tisLoading,\n\tinAnimation,\n\tclose,\n};\n\ninit();\n"],"names":["el","$dialog","elDialog","toView","TopDialogUtils","viewName","viewNameAndPageLink","$toPage","pageLink","$toDialog","hash","elSubmit","elForm","zIndex","topZIndex","$dialogWrapper","Core","timerClearAnimation","_a","initDialogGlobalEvents","genVueOptions","_b","options","dialog","utils","dialogId","pageNameNext","utils_system","onCreate","utils_scroll","$dialogBody","initPopup","_e","$popup","onOpen","w1","scrollBarWidth","recalcPositions","pageName","onClose","eldDialog","$ui","toViewDirty","toViewPageName","moveDirection","toViewParts","argsString","viewNameOr$Dialog","args","callback","timer","resolve","stopped","stopAnimations","updatePageVue","$nextPage","$modalLayers","$currentPage","popup_worker","toPrevPage","prevPageName","$prevPage","beforeOpenViewPageTimers","eventKey","$page","inAnimation","toViewPage","duration","init"],"mappings":"gVAuBE,GADA,EAAA,MAAA,UACA,CAAA,EAAA,OAAA,OAEA,MAAAA,EAAA,EAAA,iCAKAA,EAAA,kBAAA,QAAAA,EAAA,kBAAA,4PAWmD,CAAA,EAMpD,EAAA,QAAA,EAAA,GAAA,QAAA,mCAAA,GAAA,gIAgCC,MAAAC,EAAA,EAAAC,CAAA,EAGAC,EAAAH,EAAA,QAAA,OAEA,GAAAG,GAAA,eAAA,CACCC,EAAA,WAAAH,CAAA,QAEA,0BAKAI,EAAAC,EAAA,MAAA,2BAIAC,EAAA,EAAA,oBAAAC,EAAA,KAAAC,CAAA,4EAKC,SAAA,KAAAC,QAMA,CACD,CAGDT,EAAA,OAAA,OAAA,CAAsB,CAAA,EAMvB,EAAA,QAAA,EAAA,GAAA,SAAA,+CAAA,SAAA,EAAA,mBACkB,CAAA,EAQlB,EAAA,QAAA,EAAA,GAAA,WAAA,yFAAA,SAAA,EAAA,CAEC,GAAA,EAAA,MAAA,kFAMC,2IAWCU,IAAAA,EAAA,EAAA,kBAAAC,CAAA,EAAA,CAAA,qBAEgB,CACjB,EACD,CAAA,wGAWC,MAAAC,EAAA,OAAA,EAAAb,CAAA,EAAA,IAAA,SAAA,CAAA,EACAa,EAAAC,IAEAC,EAAA,EAAAf,CAAA,MACY,CAAA,8CAKb,CAAA,EAGD,EAAA,MAAA,EAAA,GAAA,SAAAI,EAAA,eAAA,mwdCvJDY,EAAAA,KAAAA,kBAAAA,CAAAA,EACAA,EAAAA,KAAAA,kBAAAA,EAAAA,GAAAA,EACAA,EAAAA,KAAAA,kBAAAA,EAAAA,IAAAA,EACAA,EAAAA,KAAAA,kBAAAA,CAAAA,EACAA,EAAAA,KAAAA,kBAAAA,EAAAA,IAAAA,EAEA,IAAAC,oBAMC,EAAA,OAAA,EAAA,GAAA,OAAA,UAAA,QAAA,CAAwC,MAAA,GAAA,OAEtC,EAAA,OAAA,MAAA,GAEAC,EAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,IAAA,MAAAA,EAAA,4HAgBM,UAAA,CACI,CAAA,EAGZ,EAAA,GAAA,OAAA,UAAA,eAAA,EAAA,KAEA,EAAA,GAAA,OAAA,UAAA,mBAAA,EAAA,GAAA,OAAA,UAAA,4IAQAC,EAAA,QAQDC,EAAAnB,GAAA,wBAMC,QAAAoB,GAAAH,EAAAjB,EAAA,CAAA,IAAA,YAAAiB,EAAA,UAAA,YAAAG,EAAA,SAAA,UAAAC,EAAA,MAAA,0GAGAA,uDASA,MAAAC,EAAAC,EAAA,gBAAAC,CAAA,SAGAF,EAAA,SAAA,MAAA,qHAQC,EAAA,oBAAAG,EAAA,KAAAzB,CAAA,EAEA,QACC,MAAA0B,EAAA,UAAA,IAAA,CAAA,EAAA,oBAAAD,EAAA,KAAAzB,CAAA,EAAA,MAAA,CACD,GAOF2B,EAAA1B,GAAA,SACC,IAAAD,EAAA,EAAAC,CAAA,uBAGA2B,EAAA,oBAAAC,EAAA,CAAA,CAAA,GAEAT,GAAAH,EAAAM,EAAA,gBAAA,OAAA,oBAAA,MAAAH,EAAA,KAAAH,EAAAhB,SAQD6B,EAAA7B,GAAA,CACC,EAAAA,CAAA,EAAA,GAAA,2BAAA,mBAAA,CAAA8B,EAAAC,IAAA,CAECT,EAAA,gBAAA,aAAAS,CAAA,EAAA,GAAA,CAAA,EACA,QAAAA,CAAA,CAA2B,CAAA,GAO7BC,EAAA,MAAAhC,GAAA,OACC,IAAAD,EAAA,EAAAC,CAAA,+BAGA,MAAAiC,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,yEAMA,MAAAC,EAFA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAEAD,EACA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,GAAA,EAAA,MAAA,EAAA,IAAA,CAAA,eAAAC,EAAA,IAAA,CAAA,EAEAC,EAAA,2CAGAnB,EAAAK,GAAA,YAAAA,EAAA,OAAA,MAAAL,EAAA,KAAAK,EAAA,OAAAe,IAMDC,EAAA,MAAArC,GAAA,OACC,IAAAD,EAAA,EAAAC,CAAA,8UAcC,EAAA,MAAA,EAAA,IAAA,CAAA,eAAA,EAAA,CAAA,+EAOAqB,EAAA,SAAA,MAAA,IACAL,EAAAK,EAAA,OAAA,MAAAL,EAAA,KAAAK,EAAA,QAAAe,GAEAf,EAAA,uCAECA,EAAA,YAAA,qHAaD,MAAAtB,EAAA,EAAAuC,CAAA,yDAIA,GAAA,CAAAV,EAAA,OAAA,OAEA,MAAAR,EAAAF,EAAAnB,CAAA,2BAIAA,EAAA,OAAA,SAAAqB,CAAA,EAEAmB,EAAA,YAAA,YAAA,yEACgF,CAAA,GAKlFC,EAAA,MAAAC,EAAAC,IAAA,4DAIE,MAAAvC,EAAAwC,EAAA,CAAA,EACAP,EAAAO,EAAA,CAAA,EACAC,EAAAD,EAAA,CAAA,+CAKoD,GAWtD1C,EAAA,MAAA4C,EAAAT,EAAAU,EAAAJ,EAAAK,IAAA,8BASG,MAAAC,EAAA,YAAA,IAAA,sBAKCC,EAAA,OACI,CAAA,qBAMP,IAAAlD,EAQA,GAPA,OAAA8C,GAAA,aAGC9C,EAAA,EAAA,IAAA8C,CAAA,EAID,CAAA9C,EAAA,QAAA,OAAA8C,GAAA,UAAAvB,EAAA,gBAAA,MAAA,KAAA,0DAKC,CAKD,oBAAAvB,EAAA,GAAA,oBAAA,EAiBCA,EAAA,OAAA,MAAA,MAAqB,CAErB,MAAAqB,EAAAF,EAAAnB,CAAA,EAEAA,EAAA,OAAAqB,CAAA,CAAsB,CAGvB2B,GAAAA,EAAAhD,CAAA,yBAIAqC,IAAA,SAAAA,EAAArC,EAAA,KAAA,kBAAA,kCAGC,IAAAmD,EAAAC,EAAApD,CAAA,EACAmD,GAAA,MAAAzB,EAAA,MAAA,GAAA,CAA4B,CAG7BqB,IAAA,SAAAA,EAAA,CAAA,GAEA,MAAAM,EAAArD,EAAA,KAAA,IAAA,EAAA,OAAAqC,CAAA,iDAIAiB,EAAA,EAAA,sBAAAjB,EAAA,KAAAkB,CAAA,gBAQA,GALAZ,IAAA,kBAECW,EAAA,KAAA,OAAA,EAAAE,EAAA,KAAA,OAAA,IAAAb,EAAA,SAGD,EAAAW,EAAA,OAKA,IAHAtD,EAAA,KAAA,mBAAAqC,CAAA,EAGAiB,EAAA,GAAA,SAAA,EAAA,8BAEEA,EAAA,KAAA,iBAAAT,CAAA,8BASD,CAYD,OATAS,EAAA,KAAA,iBAAAT,CAAA,oCAGCY,EAAA,eAAA,MAAA,EAAA,qBAAAD,CAAA,EAAA,CAAA,CAAA,EAGDF,EAAA,QAAA,YAAA,EAAA,GAAA,SAAA,IAAAX,EAAA,0DAGAA,EAAA,CAAuB,IAAA,sBAGpB,EAAA5C,CAAA,EAAA,aAAA,EAAAA,CAAA,EAAA,SAAA,SAAA,CAAA,CAA4C,CAAA,EAG7CyD,EAAA,SAAA,yBAAA,EACAF,EAAA,SAAA,wBAAA,QAEA,IAAA,sBAGC,EAAAvD,CAAA,EAAA,YAAA,EAAAA,CAAA,EAAA,SAAA,SAAA,CAAA,CAA2C,CAAA,EAG5CyD,EAAA,SAAA,gBAAA,EACAF,EAAA,SAAA,iBAAA,OAEA,IAGFtD,EAAA,KAAA,mBAAAqC,CAAA,EAEAmB,EAAA,YAAA,QAAA,EACAF,EAAA,SAAA,QAAA,gBAKCtD,EAAA,SAAA,eAAA,kEAGAgB,EAAA,WAAA,UAAA,CACCqC,EAAArD,EAAA,KAAA,IAAA,EAAAqC,EAAA,EAAA,qBAGO,MAER,MAAAgB,EAAArD,EAAA,KAAA,IAAA,EAAAqC,EAAA,EAAA,eAQFqB,EAAA1D,GAAA,kCAICwD,EAAA,EAAA,YAAAD,CAAA,EAAA,GAAA,CAAA,+BAEAI,EAAAC,EAAA,KAAA,WAAA,yBAKC5D,EAAA,OAAA,OAAA,GAOF6D,EAAA,IAAA,4EAMCA,EAAA,IAAAC,CAAA,IACAD,EAAA,IAAAC,CAAA,wBAGCD,EAAA,OAAAC,CAAA,EACA9D,EAAA,QAAA,iBAAA,CAAAA,EAAA+D,EAAA1B,EAAAU,CAAA,CAAA,CAAkE,CAAA,wCASlE/C,EAAA,QAAA,gBAAA,CAAAA,EAAA+D,EAAA1B,EAAAU,CAAA,CAAA,CAAiE,CAAA,GAOnEiB,EAAAhE,GACCA,EAAA,GAAA,gBAAA,EAQDoD,EAAApD,GAAA,4FAQC,OAAAA,EAAA,YAAA,eAAA,yFAEA,EAAA,sBAAAqC,EAAA,KAAAkB,CAAA,EAAA,SAAA,QAAA,EAEA,IAyCMpD,EAAA,CAAuB,cAAAkD,EAC7B,gBAAAjB,EACA,YAAAK,EACA,OAAAvC,EACA,WAAA+D,EACA,WAAAP,EACA,qBA7BAK,EAAA,GAAA,kBAAA,IAAAA,EAAA,EAAA,2BAAAA,CAAA,MAGCG,IAAA,6EAEkE,CAAA,EAIlEH,EAAA,SAAA,aAAA,IAEAA,EAAA,YAAA,aAAA,uEAGwD,CAAA,IAgBzD,UAXDA,GACCA,EAAA,GAAA,cAAA,EAWA,YAAAC,QA3CD,SAAAxC,EAAA,wCAKCxB,EAAA,OAAA,OAAA,EAyCD,EAEAmE,EAAA"}

package/.chunks/{utils-CI9JyH64.amd.js → utils-DSzOIsFV.amd.js}

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

package/.chunks/{utils-CI9JyH64.amd.js.map → utils-DSzOIsFV.amd.js.map}

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

package/.chunks/{utils-DXI6F7F9.es.js → utils-zcyFDsBL.es.js}

@@ -1,4 +1,4 @@
-import { ref as g, markRaw as A, shallowReactive as D, defineComponent as x, onUnmounted as V, openBlock as v, createElementBlock as f, Fragment as U, renderList as H, unref as S, createBlock as _, resolveDynamicComponent as L, getCurrentInstance as O, inject as M } from "vue";
+import { ref as d, markRaw as A, shallowReactive as D, defineComponent as x, onUnmounted as V, openBlock as v, createElementBlock as p, Fragment as U, renderList as H, unref as S, createBlock as _, resolveDynamicComponent as L, getCurrentInstance as O, inject as M } from "vue";
 import { waitWhile as k } from "../utils/system.js";
 import { historySetState as E, genHash as m, getHash as y } from "../utils/route.js";
 class c {
@@ -19,10 +19,10 @@ class c {
    *
    * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
    */
-  static init(t) {
+  static init(e) {
     if (this.inited) return;
-    this.inited = !0, this.state.load = t == null ? void 0 : t.load, this.state.decoratorOnCreate = t == null ? void 0 : t.decoratorOnCreate;
-    const e = (t == null ? void 0 : t.autoInitDelay) ?? 5e3;
+    this.inited = !0, this.state.load = e == null ? void 0 : e.load, this.state.decoratorOnCreate = e == null ? void 0 : e.decoratorOnCreate;
+    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) => {
@@ -36,11 +36,11 @@ class c {
         s.preventDefault(), a.mousedown(), setTimeout(() => a.click());
         return;
       }
-      const r = await this.getDialogsUtils(), o = a.dataset.toView, n = o.split("-")[0], l = $("#" + n), h = $("> .modal-layer", l), p = $("> .active", h), P = !!l.data("data-to-view-replace");
+      const r = await this.getDialogsUtils(), o = a.dataset.toView, n = o.split("-")[0], l = $("#" + n), h = $("> .modal-layer", l), f = $("> .active", h), P = !!l.data("data-to-view-replace");
       let w = "next";
-      if (p.length) {
+      if (f.length) {
         const N = o.split("-")[1].split(":")[0];
-        $('> [data-view-page="' + N + '"]', h).data("order") < p.data("order") && (w = "prev");
+        $('> [data-view-page="' + N + '"]', h).data("order") < f.data("order") && (w = "prev");
       }
       a.dataset.action === "top-dialog-close" && (w = "prev");
       const u = c.genViewPageHash(o, w);
@@ -52,74 +52,74 @@ class c {
         }
       }
       P ? (s.preventDefault(), E(!0, u), await r.toViewDirty(o), w == "next" ? c.state.viewPageN++ : c.state.viewPageN--) : a.tagName !== "A" && (this.compareStates(u, location.hash) ? location.hash = u : await r.toViewDirty(o));
-    }), setTimeout(() => this.getDialogsUtils(), e);
+    }), setTimeout(() => this.getDialogsUtils(), t);
   }
   static async getDialogsUtils() {
-    const { TopDialogUtils: t } = await import("./utils-CFCfvsI8.es.js");
-    return t;
+    const { TopDialogUtils: e } = await import("./utils-3FaaPSyL.es.js");
+    return e;
   }
-  static get$dialog(t) {
-    return t.closest(".ui-dialog-content");
+  static get$dialog(e) {
+    return e.closest(".ui-dialog-content");
   }
-  static get$page(t) {
-    return t.closest("[data-view-page]");
+  static get$page(e) {
+    return e.closest("[data-view-page]");
   }
   /**
    * Получить элементы страницы в шапке и в контенте
    */
-  static get$pairPage(t) {
-    const e = c.get$dialog(t), a = c.get$page(t).data("view-page");
-    return $('[data-view-page="' + a + '"]', e);
+  static get$pairPage(e) {
+    const t = c.get$dialog(e), a = c.get$page(e).data("view-page");
+    return $('[data-view-page="' + a + '"]', t);
   }
   /**
    * Закрыть диалоговое окно
    */
-  static close(t) {
-    const e = $("#" + t);
-    e.dialog("instance") && e.dialog("close");
+  static close(e) {
+    const t = $("#" + e);
+    t.dialog("instance") && t.dialog("close");
   }
   /**
    * Размонтировать $.dialog
    */
-  static destroy(t) {
-    const e = $("#" + t);
-    e.dialog("instance") && (e.dialog("close"), e.dialog("destroy"));
+  static destroy(e) {
+    const t = $("#" + e);
+    t.dialog("instance") && (t.dialog("close"), t.dialog("destroy"));
   }
   /**
    * Сгенерировать ссылку на страницу в диалоговом окне
    * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
    * @param moveDirection
    */
-  static genViewPageHash(t, e = "next") {
+  static genViewPageHash(e, t = "next") {
     var s = this.state.viewPageN;
-    e == "prev" ? s-- : s++;
-    var a = t.split("-"), r = a.shift(), o = a.join("-"), n = m("vpn", s), n = m("view-" + r, o, n);
+    t == "prev" ? s-- : s++;
+    var a = e.split("-"), r = a.shift(), o = a.join("-"), n = m("vpn", s), n = m("view-" + r, o, n);
     return n;
   }
   /**
    * Сравнить версию открытых диалоговых окон
    * @returns вернет true, если состояния открытых окон изменилось
    */
-  static compareStates(t, e) {
-    const s = t.match(/[#&]view-[^&]+/g) || [], a = e.match(/[#&]view-[^&]+/g) || [];
+  static compareStates(e, t) {
+    const s = e.match(/[#&]view-[^&]+/g) || [], a = t.match(/[#&]view-[^&]+/g) || [];
     return !!(s.length !== a.length || s.filter((o, n) => {
       const l = a[n] || "";
       return o !== l;
     }).length);
   }
   static opendDialogsFromUrl = async () => {
-    const t = Number(y("vpn")) || 0;
+    const e = Number(y("vpn")) || 0;
     this.state.locationHashPrev = location.hash;
-    let e;
+    let t;
     const s = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
-    for (; e = s.exec(location.hash); ) {
+    for (; t = s.exec(location.hash); ) {
       var a = "next";
-      return t < this.state.viewPageN && (a = "prev"), (await this.getDialogsUtils()).toViewDirty(e[1], a);
+      return e < this.state.viewPageN && (a = "prev"), (await this.getDialogsUtils()).toViewDirty(t[1], a);
     }
     return $(".ui-dialog-content[data-view-page-active]:visible").each((r, o) => {
       var n = $(o), l = n.attr("id"), h = y("view-" + l);
       h || n.dialog("close");
-    }), this.state.viewPageN = t, !0;
+    }), this.state.viewPageN = e, !0;
   };
 }
 class b {
@@ -142,31 +142,31 @@ class b {
    *
    * Устанавливается после первого вызова useTopDialog()
    */
-  isMounted = g(!1);
+  isMounted = d(!1);
   /**
    * Компонент готов к использованию
    *
    * Используется для внутренних преобразований после отрисовки
    */
-  isReady = g(!1);
+  isReady = d(!1);
   /**
    * Диалоговое окно открыто
    */
-  isOpened = g(!1);
+  isOpened = d(!1);
   /**
    * Имя активной страницы дилогового окна
    */
-  pageActive = g("");
+  pageActive = d("");
   /**
    * Диалоговое окно находится в состоянии загрузки своей страницы
    */
-  isLoadingPage = g(!1);
+  isLoadingPage = d(!1);
   /**
    * Следующая активная страница
    *
    * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
    */
-  pageActiveNext = g("");
+  pageActiveNext = d("");
   /**
    * props компонента, доступны после инициализации
    */
@@ -181,31 +181,31 @@ class b {
    * Используется для привязки окна к сценариям использования
    */
   onCloseOnce;
-  constructor(t) {
-    this.id = t.id, this.idAttr = "dialog_" + t.id, this.Component = A(t);
+  constructor(e) {
+    this.id = e.id, this.idAttr = "dialog_" + e.id, this.Component = A(e);
   }
   /**
    * Событие - компонент инициирован
    */
-  onMounted(t, e) {
-    this.isMounted.value = !0, this.props = t.props, this.emit = e.emit;
+  onMounted(e, t) {
+    this.isMounted.value = !0, this.props = e.props, this.emit = t.emit;
   }
   /**
    * Открыть диалоговое окно
    *
    * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
    */
-  async open(t = "main", e, s = [], a, r) {
-    e && await this.setProps(e), a && (this.onCloseOnce = a), await (await c.getDialogsUtils()).toView(this.idAttr, t, s, r);
+  async open(e = "main", t, s = [], a, r) {
+    t && await this.setProps(t), a && (this.onCloseOnce = a), await (await c.getDialogsUtils()).toView(this.idAttr, e, s, r);
   }
   /**
    * Открыть диалоговое окно как ссылку, для хеш-навигации
    *
    * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
    */
-  async openAsLink(t = "main", e, s = [], a, r) {
-    e && await this.setProps(e), a && (this.onCloseOnce = a);
-    const o = this.idAttr + "-" + t;
+  async openAsLink(e = "main", t, s = [], a, r) {
+    t && await this.setProps(t), a && (this.onCloseOnce = a);
+    const o = this.idAttr + "-" + e;
     location.hash = c.genViewPageHash(o, r);
   }
   /**
@@ -227,33 +227,33 @@ class b {
    *
    * Полностью сбрасывается состояние props
    */
-  async setProps(t = {}) {
+  async setProps(e = {}) {
     this.isMounted || await k(() => !this.props);
-    for (const e in this.props)
-      this.props[e] = t[e];
+    for (const t in this.props)
+      this.props[t] = e[t];
   }
   /**
    * Проверить, есть ли необходимость отрисовки страницы диалогового окна
    */
-  needShowPage(t) {
-    return this.isOpened.value ? this.pageActive.value === t || this.pageActiveNext.value === t : !1;
+  needShowPage(e) {
+    return this.isOpened.value ? this.pageActive.value === e || this.pageActiveNext.value === e : !1;
   }
 }
 const C = {
   class: "top-dialogs",
   style: { display: "none" }
-}, d = D(/* @__PURE__ */ new Map()), R = (i) => (i = i.replace(/^dialog_/, ""), d.get(i)), B = (i) => {
+}, g = D(/* @__PURE__ */ new Map()), R = (i) => (i = i.replace(/^dialog_/, ""), g.get(i)), B = (i) => {
   if (!(i != null && i.id))
     throw console.log({ TopDialogComponent: i }), new Error("Expected TopDialogComponent");
-  return d.has(i.id) || d.set(i.id, new b(i)), d.get(i.id);
+  return g.has(i.id) || g.set(i.id, new b(i)), g.get(i.id);
 }, G = /* @__PURE__ */ x({
   name: "DialogWrapper",
   __name: "dialogs",
   setup(i) {
     return V(() => {
-      d.forEach((t) => t.destroy()), d.clear();
-    }), (t, e) => (v(), f("div", C, [
-      (v(!0), f(U, null, H(S(d), ([s, a]) => (v(), _(L(a.Component), { key: s }))), 128))
+      g.forEach((e) => e.destroy()), g.clear();
+    }), (e, t) => (v(), p("div", C, [
+      (v(!0), p(U, null, H(S(g), ([s, a]) => (v(), _(L(a.Component), { key: s }))), 128))
     ]));
   }
 });
@@ -267,63 +267,63 @@ class F {
    *
    * Ссылка не будет указывать на объект, если диалоговое окно еще не загружено
    */
-  worker = g(null);
-  constructor(t) {
-    this.resolve = t;
+  worker = d(null);
+  constructor(e) {
+    this.resolve = e;
   }
   /**
    * Получить доступ к TopDialogHandle
    */
   async get() {
     if (this.worker.value) return this.worker.value;
-    const e = (await this.resolve()).default;
-    this.worker.value = I(e);
+    const t = (await this.resolve()).default;
+    this.worker.value = I(t);
     const s = this.worker.value;
     return await k(() => !s.isMounted), s;
   }
   /**
    * Открыть диалоговое окно
    */
-  async open(...t) {
-    await (await this.get()).open(...t);
+  async open(...e) {
+    await (await this.get()).open(...e);
   }
   /**
    * Открыть диалоговое окно как ссылку, для хеш-навигации
    *
    * Только общедоступные диалоговые окна, расположенные в @/dialogs
    */
-  async openAsLink(...t) {
-    (await this.get()).openAsLink(...t);
+  async openAsLink(...e) {
+    (await this.get()).openAsLink(...e);
   }
   /**
    * Закрыть диалоговое окно
    *
    * Не меняет состояние компонента диалогового окна
    */
-  async close(...t) {
-    (await this.get()).close(...t);
+  async close(...e) {
+    (await this.get()).close(...e);
   }
   /**
    * Размонтировать виджет диалогового окна
    */
-  async destroy(...t) {
-    (await this.get()).destroy(...t);
+  async destroy(...e) {
+    (await this.get()).destroy(...e);
   }
   /**
    * Устанвоить props
    *
    * Полностью сбрасывается состояние props
    */
-  async setProps(...t) {
-    await (await this.get()).setProps(...t);
+  async setProps(...e) {
+    await (await this.get()).setProps(...e);
   }
 }
 const J = () => {
-  var t;
+  var e;
   const i = O();
-  if ((t = i == null ? void 0 : i.type) != null && t.id) {
-    const e = R(i.type.id);
-    if (e) return e;
+  if ((e = i == null ? void 0 : i.type) != null && e.id) {
+    const t = R(i.type.id);
+    if (t) return t;
   }
   return M("dialogWorker");
 }, I = (i) => B(i), K = (i) => new F(i);
@@ -335,4 +335,4 @@ export {
   R as g,
   J as u
 };
-//# sourceMappingURL=utils-DXI6F7F9.es.js.map
+//# sourceMappingURL=utils-zcyFDsBL.es.js.map