@topvisor/ui 1.5.1-1 → 1.5.1-topProjectSelector.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.chunks/{api-CBMWBeCS.amd.js → api-a3D-SXH-.amd.js} +2 -2
- package/.chunks/{api-CBMWBeCS.amd.js.map → api-a3D-SXH-.amd.js.map} +1 -1
- package/.chunks/{api-CBMWBeCS.esm.js → api-a3D-SXH-.esm.js} +2 -2
- package/.chunks/{api-CBMWBeCS.esm.js.map → api-a3D-SXH-.esm.js.map} +1 -1
- package/.chunks/{app-DyAn8Ury.amd.js → app-BDGZ1d0R.amd.js} +2 -2
- package/.chunks/{app-DyAn8Ury.amd.js.map → app-BDGZ1d0R.amd.js.map} +1 -1
- package/.chunks/{app-DyAn8Ury.esm.js → app-BDGZ1d0R.esm.js} +6 -6
- package/.chunks/app-BDGZ1d0R.esm.js.map +1 -0
- package/.chunks/{datepicker-BmHkZfBO.amd.js → datepicker-DuOSAFQy.amd.js} +2 -2
- package/.chunks/{datepicker-BmHkZfBO.amd.js.map → datepicker-DuOSAFQy.amd.js.map} +1 -1
- package/.chunks/{datepicker-BmHkZfBO.esm.js → datepicker-DuOSAFQy.esm.js} +2 -2
- package/.chunks/{datepicker-BmHkZfBO.esm.js.map → datepicker-DuOSAFQy.esm.js.map} +1 -1
- package/.chunks/{dialog-bIV6Y2PF.amd.js → dialog-ClCAM1nI.amd.js} +2 -2
- package/.chunks/{dialog-bIV6Y2PF.amd.js.map → dialog-ClCAM1nI.amd.js.map} +1 -1
- package/.chunks/{dialog-bIV6Y2PF.esm.js → dialog-ClCAM1nI.esm.js} +4 -4
- package/.chunks/{dialog-bIV6Y2PF.esm.js.map → dialog-ClCAM1nI.esm.js.map} +1 -1
- package/.chunks/{dialog_regionSelectorRegions-gPKA93af.amd.js → dialog_regionSelectorRegions-DFZTiYi6.amd.js} +2 -2
- package/.chunks/{dialog_regionSelectorRegions-gPKA93af.amd.js.map → dialog_regionSelectorRegions-DFZTiYi6.amd.js.map} +1 -1
- package/.chunks/{dialog_regionSelectorRegions-gPKA93af.esm.js → dialog_regionSelectorRegions-DFZTiYi6.esm.js} +5 -5
- package/.chunks/{dialog_regionSelectorRegions-gPKA93af.esm.js.map → dialog_regionSelectorRegions-DFZTiYi6.esm.js.map} +1 -1
- package/.chunks/{dialogs-CE8F7A0M.amd.js → dialogs-CjrddGh6.amd.js} +2 -2
- package/.chunks/{dialogs-CE8F7A0M.amd.js.map → dialogs-CjrddGh6.amd.js.map} +1 -1
- package/.chunks/{dialogs-CE8F7A0M.esm.js → dialogs-CjrddGh6.esm.js} +3 -3
- package/.chunks/{dialogs-CE8F7A0M.esm.js.map → dialogs-CjrddGh6.esm.js.map} +1 -1
- package/.chunks/forms-C2ItFa61.amd.js +2 -0
- package/.chunks/forms-C2ItFa61.amd.js.map +1 -0
- package/.chunks/{forms-DByj6MWE.esm.js → forms-C2ItFa61.esm.js} +10 -6
- package/.chunks/forms-C2ItFa61.esm.js.map +1 -0
- package/.chunks/{formsExt-LekJqOck.amd.js → formsExt-6Nz907Ry.amd.js} +2 -2
- package/.chunks/formsExt-6Nz907Ry.amd.js.map +1 -0
- package/.chunks/{formsExt-LekJqOck.esm.js → formsExt-6Nz907Ry.esm.js} +10 -7
- package/.chunks/formsExt-6Nz907Ry.esm.js.map +1 -0
- package/.chunks/{notice-Ds5K-ei_.amd.js → notice-CBJBDgby.amd.js} +2 -2
- package/.chunks/{notice-Ds5K-ei_.amd.js.map → notice-CBJBDgby.amd.js.map} +1 -1
- package/.chunks/{notice-Ds5K-ei_.esm.js → notice-CBJBDgby.esm.js} +2 -2
- package/.chunks/{notice-Ds5K-ei_.esm.js.map → notice-CBJBDgby.esm.js.map} +1 -1
- package/.chunks/{popup-Cvyqovn6.amd.js → popup-B06vbv6B.amd.js} +2 -2
- package/.chunks/{popup-Cvyqovn6.amd.js.map → popup-B06vbv6B.amd.js.map} +1 -1
- package/.chunks/{popup-Cvyqovn6.esm.js → popup-B06vbv6B.esm.js} +3 -3
- package/.chunks/{popup-Cvyqovn6.esm.js.map → popup-B06vbv6B.esm.js.map} +1 -1
- package/.chunks/{popup-BxGYabRi.amd.js → popup-CFYtl5_r.amd.js} +2 -2
- package/.chunks/{popup-BxGYabRi.amd.js.map → popup-CFYtl5_r.amd.js.map} +1 -1
- package/.chunks/{popup-BxGYabRi.esm.js → popup-CFYtl5_r.esm.js} +3 -3
- package/.chunks/{popup-BxGYabRi.esm.js.map → popup-CFYtl5_r.esm.js.map} +1 -1
- package/.chunks/{utils-sPSU5tXH.amd.js → utils-BTHruVpQ.amd.js} +2 -2
- package/.chunks/{utils-sPSU5tXH.amd.js.map → utils-BTHruVpQ.amd.js.map} +1 -1
- package/.chunks/{utils-sPSU5tXH.esm.js → utils-BTHruVpQ.esm.js} +3 -3
- package/.chunks/{utils-sPSU5tXH.esm.js.map → utils-BTHruVpQ.esm.js.map} +1 -1
- package/.chunks/{utils-mRLC32Uo.amd.js → utils-DJV2mWZE.amd.js} +2 -2
- package/.chunks/{utils-mRLC32Uo.amd.js.map → utils-DJV2mWZE.amd.js.map} +1 -1
- package/.chunks/{utils-mRLC32Uo.esm.js → utils-DJV2mWZE.esm.js} +4 -4
- package/.chunks/{utils-mRLC32Uo.esm.js.map → utils-DJV2mWZE.esm.js.map} +1 -1
- package/.chunks/{worker-Cx7e_9o9.amd.js → worker-BIUaZFVX.amd.js} +2 -2
- package/.chunks/{worker-Cx7e_9o9.amd.js.map → worker-BIUaZFVX.amd.js.map} +1 -1
- package/.chunks/{worker-Cx7e_9o9.esm.js → worker-BIUaZFVX.esm.js} +3 -3
- package/.chunks/{worker-Cx7e_9o9.esm.js.map → worker-BIUaZFVX.esm.js.map} +1 -1
- package/api/index.amd.js +1 -1
- package/api/index.amd.js.map +1 -1
- package/api/index.js +1 -1
- package/assets/project.css +1 -1
- package/autoload-css-manifest.amd.json +4 -4
- package/autoload-css-manifest.json +4 -4
- package/charts/charts.amd.js +1 -1
- package/charts/charts.amd.js.map +1 -1
- package/charts/charts.js +1 -1
- package/core/app.amd.js +1 -1
- package/core/app.amd.js.map +1 -1
- package/core/app.js +4 -4
- package/dialog/dialog.amd.js +1 -1
- package/dialog/dialog.amd.js.map +1 -1
- package/dialog/dialog.js +3 -3
- package/forms/forms.amd.js +1 -1
- package/forms/forms.amd.js.map +1 -1
- package/forms/forms.js +1 -1
- package/formsExt/formsExt.amd.js +1 -1
- package/formsExt/formsExt.amd.js.map +1 -1
- package/formsExt/formsExt.js +1 -1
- package/layout/layout.amd.js +1 -1
- package/layout/layout.amd.js.map +1 -1
- package/layout/layout.js +1 -1
- package/package.json +1 -1
- package/popup/popup.amd.js +1 -1
- package/popup/popup.amd.js.map +1 -1
- package/popup/popup.js +1 -1
- package/popup/worker.amd.js +1 -1
- package/popup/worker.amd.js.map +1 -1
- package/popup/worker.js +1 -1
- package/project/project.amd.js +1 -1
- package/project/project.amd.js.map +1 -1
- package/project/project.js +57 -63
- package/project/project.js.map +1 -1
- package/src/api/api/types/api.d.ts +5 -1
- package/src/core/core/core.d.ts +2 -0
- package/src/core/core/options.d.ts +8 -0
- package/src/core/core/state.d.ts +2 -0
- package/src/core/plugins/core.d.ts +1 -1
- package/tabsView/tabsView.amd.js +1 -1
- package/tabsView/tabsView.amd.js.map +1 -1
- package/tabsView/tabsView.js +2 -2
- package/utils/clipboard.amd.js +1 -1
- package/utils/clipboard.amd.js.map +1 -1
- package/utils/clipboard.js +1 -1
- package/utils/date.amd.js +1 -1
- package/utils/date.amd.js.map +1 -1
- package/utils/date.js +1 -1
- package/utils/device.amd.js +1 -1
- package/utils/device.amd.js.map +1 -1
- package/utils/device.js +1 -1
- package/utils/lodash.amd.js +1 -1
- package/utils/lodash.amd.js.map +1 -1
- package/utils/lodash.js +1 -1
- package/utils/price.amd.js +1 -1
- package/utils/price.amd.js.map +1 -1
- package/utils/price.js +1 -1
- package/utils/searchers.amd.js +1 -1
- package/utils/searchers.amd.js.map +1 -1
- package/utils/searchers.js +1 -1
- package/utils/string.amd.js +1 -1
- package/utils/string.amd.js.map +1 -1
- package/utils/string.js +1 -1
- package/.chunks/app-DyAn8Ury.esm.js.map +0 -1
- package/.chunks/forms-DByj6MWE.amd.js +0 -2
- package/.chunks/forms-DByj6MWE.amd.js.map +0 -1
- package/.chunks/forms-DByj6MWE.esm.js.map +0 -1
- package/.chunks/formsExt-LekJqOck.amd.js.map +0 -1
- package/.chunks/formsExt-LekJqOck.esm.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup-Cvyqovn6.esm.js","names":["$slots","$core","$i18n","$emit","$attrs","$slots","$props","$emit","$i18n","$slots","$emit","$i18n","$slots","$emit","$i18n","$slots","$emit","$slots"],"sources":["../../src/components/popup/popup/opener/opener.vue","../../src/components/popup/popup/opener/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue","../../src/components/popup/popup/listItem.vue","../../src/components/popup/popup/widgetInput/widgetInput.vue","../../src/components/popup/popup/widgetInput/widgetInput.vue","../../src/components/popup/popupAlert/popupAlert.vue","../../src/components/popup/popupAlert/popupAlert.vue","../../src/components/popup/popupConfirm/popupConfirm.vue","../../src/components/popup/popupConfirm/popupConfirm.vue","../../src/components/popup/popupPrompt/popupPrompt.vue","../../src/components/popup/popupPrompt/popupPrompt.vue","../../src/components/popup/popupHint/popupHint.vue","../../src/components/popup/popupHint/popupHint.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './types';\nimport Worker from '../../lib/worker';\n\nconst props = withDefaults(defineProps<OpenerProps<T>>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst id = props.id || Math.random() + '';\n\nlet elOpener: Element;\n\n/**\n * Необычная функция для проброски props внутрь элемента слота\n *\n * @param el - вспомогательный элемент для доступа к элементам слота\n */\nfunction render(el: any) {\n\tsetTimeout(() => {\n\t\telOpener = el.nextElementSibling;\n\n\t\tif (elOpener) {\n\t\t\trenderOpener(elOpener);\n\t\t}\n\t});\n}\n\nonUpdated(() => {\n\tif (elOpener) {\n\t\trenderOpener(elOpener);\n\t}\n});\n\nfunction renderOpener(elOpener: any) {\n\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\tconst disabledOld = !!elOpener.dataset.topPopupDisabled;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n\telOpener.dataset.topPopupDisabled = props.disabled ? 'true' : '';\n\telOpener.__TopPopupOpenerProps = props;\n\n\tif (props.openByFocusInput && elOpener.classList.contains('top-input')) {\n\t\tconst elInput = elOpener.querySelector('input');\n\n\t\telInput.onfocus = () => {\n\t\t\tif (elOpener.dataset.topPopupDisabled) return;\n\n\t\t\t// фокус при возвращении не должен инициировать повторное открытие popup\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\t\t\tif (popup?.vueGetComponent()?.opened) return;\n\n\t\t\tWorker.openByOpener(elOpener);\n\t\t};\n\n\t\t/**\n\t\t * Открыть или закрыть `popup` в момент ввода значения, если он становится активным\n\t\t *\n\t\t * Для обработки ввода значения с проверкой `minLength`\n\t\t */\n\t\tif (props.disabled !== disabledOld && elInput === document.activeElement) {\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\n\t\t\tif (!props.disabled && !popup) {\n\t\t\t\tWorker.openByOpener(elOpener);\n\t\t\t}\n\n\t\t\tif (props.disabled && popup) {\n\t\t\t\tpopup.close();\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<template>\n\t<template :ref=\"render\"></template>\n\n\t<!-- @slot элемент для открытия Popup -->\n\t<slot></slot>\n</template>\n\n<!-- Использует общий deprecated класс .btn -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.btn) {\n\tcursor: pointer;\n\tuser-select: none;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[data-top-popup][data-top-popup-disabled] {\n\t/*\n\tpointer-events: none;\n\tcursor: auto !important;\n\t*/\n}\n\ni[contenteditable] {\n\tcursor: text !important;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './types';\nimport Worker from '../../lib/worker';\n\nconst props = withDefaults(defineProps<OpenerProps<T>>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst id = props.id || Math.random() + '';\n\nlet elOpener: Element;\n\n/**\n * Необычная функция для проброски props внутрь элемента слота\n *\n * @param el - вспомогательный элемент для доступа к элементам слота\n */\nfunction render(el: any) {\n\tsetTimeout(() => {\n\t\telOpener = el.nextElementSibling;\n\n\t\tif (elOpener) {\n\t\t\trenderOpener(elOpener);\n\t\t}\n\t});\n}\n\nonUpdated(() => {\n\tif (elOpener) {\n\t\trenderOpener(elOpener);\n\t}\n});\n\nfunction renderOpener(elOpener: any) {\n\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\tconst disabledOld = !!elOpener.dataset.topPopupDisabled;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n\telOpener.dataset.topPopupDisabled = props.disabled ? 'true' : '';\n\telOpener.__TopPopupOpenerProps = props;\n\n\tif (props.openByFocusInput && elOpener.classList.contains('top-input')) {\n\t\tconst elInput = elOpener.querySelector('input');\n\n\t\telInput.onfocus = () => {\n\t\t\tif (elOpener.dataset.topPopupDisabled) return;\n\n\t\t\t// фокус при возвращении не должен инициировать повторное открытие popup\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\t\t\tif (popup?.vueGetComponent()?.opened) return;\n\n\t\t\tWorker.openByOpener(elOpener);\n\t\t};\n\n\t\t/**\n\t\t * Открыть или закрыть `popup` в момент ввода значения, если он становится активным\n\t\t *\n\t\t * Для обработки ввода значения с проверкой `minLength`\n\t\t */\n\t\tif (props.disabled !== disabledOld && elInput === document.activeElement) {\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\n\t\t\tif (!props.disabled && !popup) {\n\t\t\t\tWorker.openByOpener(elOpener);\n\t\t\t}\n\n\t\t\tif (props.disabled && popup) {\n\t\t\t\tpopup.close();\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<template>\n\t<template :ref=\"render\"></template>\n\n\t<!-- @slot элемент для открытия Popup -->\n\t<slot></slot>\n</template>\n\n<!-- Использует общий deprecated класс .btn -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.btn) {\n\tcursor: pointer;\n\tuser-select: none;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[data-top-popup][data-top-popup-disabled] {\n\t/*\n\tpointer-events: none;\n\tcursor: auto !important;\n\t*/\n}\n\ni[contenteditable] {\n\tcursor: text !important;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { TopLibPopup } from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './types';\nimport Opener from './opener/opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits<T>>();\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst expose = {\n\tid,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n};\n\ndefineExpose(expose);\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\nconst data = ref<T>();\n\n// см. lib/popup\nconst onOpen = async (popup: TopLibPopup<T>) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\tdata.value = popup.el.__TopPopupOpenerProps.data;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: data.value });\n};\n\n// см. lib/popup\nconst onClose = (popup: TopLibPopup<T>) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\tdata.value = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: popup.el.__TopPopupOpenerProps.data });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\n});\n\nWorker.regVueComponent(id, vueConnector);\n\nonUnmounted(() => {\n\tWorker.unregVueComponent(id);\n});\n</script>\n\n<template>\n\t<Opener\n\t\tv-if=\"$slots.opener\"\n\t\t:id\n\t\t:pos\n\t\t:posBy\n\t\t:notch\n\t\t:openByFocusInput\n\t\t:openByHover=\"($core.state.isMobile || $core.state.isMobileUA) ? false : openByHover\"\n\t\t:disabled\n\t>\n\t\t<!-- @slot элемент для открытия Popup -->\n\t\t<slot name=\"opener\"></slot>\n\t</Opener>\n\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\n\t<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\" :data=\"data\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\" :data=\"data\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { TopLibPopup } from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './types';\nimport Opener from './opener/opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits<T>>();\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst expose = {\n\tid,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n};\n\ndefineExpose(expose);\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\nconst data = ref<T>();\n\n// см. lib/popup\nconst onOpen = async (popup: TopLibPopup<T>) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\tdata.value = popup.el.__TopPopupOpenerProps.data;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: data.value });\n};\n\n// см. lib/popup\nconst onClose = (popup: TopLibPopup<T>) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\tdata.value = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: popup.el.__TopPopupOpenerProps.data });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\n});\n\nWorker.regVueComponent(id, vueConnector);\n\nonUnmounted(() => {\n\tWorker.unregVueComponent(id);\n});\n</script>\n\n<template>\n\t<Opener\n\t\tv-if=\"$slots.opener\"\n\t\t:id\n\t\t:pos\n\t\t:posBy\n\t\t:notch\n\t\t:openByFocusInput\n\t\t:openByHover=\"($core.state.isMobile || $core.state.isMobileUA) ? false : openByHover\"\n\t\t:disabled\n\t>\n\t\t<!-- @slot элемент для открытия Popup -->\n\t\t<slot name=\"opener\"></slot>\n\t</Opener>\n\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\n\t<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\" :data=\"data\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\" :data=\"data\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ListItemProps } from './types';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n\ttype: 'button',\n\tcloseByClick: true,\n});\n</script>\n\n<template>\n\t<li\n\t\t:class=\"{\n\t\t\t'top-popup_liNoSelectable': props.type !== 'button'\n\t\t}\"\n\t>\n\t\t<component\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\n\t\t\t:class=\"{\n\t\t\t\t'top-popup_listItem': true,\n\t\t\t\t['top-popup_listItem-' + props.type]: !!props.type,\n\t\t\t\t'top-popup_liastItem-withActions': $slots.actions,\n\t\t\t\t'top-popup-noCloser': !closeByClick,\n\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\n\t\t\t}\"\n\t\t\t:=\"{...$attrs, ...attrs}\"\n\t\t>\n\t\t\t<template v-if=\"$slots.actions\">\n\t\t\t\t<div class=\"top-popup_listItemActionsLabel top-ellipsis1\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"top-popup_listItemActions\">\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template v-else>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</component>\n\n\t\t<slot name=\"buttons\"></slot>\n\t</li>\n</template>\n","<script setup lang=\"ts\">\nimport type { ListItemProps } from './types';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n\ttype: 'button',\n\tcloseByClick: true,\n});\n</script>\n\n<template>\n\t<li\n\t\t:class=\"{\n\t\t\t'top-popup_liNoSelectable': props.type !== 'button'\n\t\t}\"\n\t>\n\t\t<component\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\n\t\t\t:class=\"{\n\t\t\t\t'top-popup_listItem': true,\n\t\t\t\t['top-popup_listItem-' + props.type]: !!props.type,\n\t\t\t\t'top-popup_liastItem-withActions': $slots.actions,\n\t\t\t\t'top-popup-noCloser': !closeByClick,\n\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\n\t\t\t}\"\n\t\t\t:=\"{...$attrs, ...attrs}\"\n\t\t>\n\t\t\t<template v-if=\"$slots.actions\">\n\t\t\t\t<div class=\"top-popup_listItemActionsLabel top-ellipsis1\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"top-popup_listItemActions\">\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template v-else>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</component>\n\n\t\t<slot name=\"buttons\"></slot>\n\t</li>\n</template>\n","<script setup lang=\"ts\">\nimport type { ModelRef } from 'vue';\nimport type { Props } from '@/components/forms/input/types';\nimport TopInput from '@/components/forms/input/input.vue';\n\nwithDefaults(defineProps<Props>(), {\n\taddCleaner: true,\n});\n\nconst model: ModelRef<string> = defineModel({\n\tdefault: '',\n});\n</script>\n\n<template>\n\t<TopInput\n\t\t:=\"$props\"\n\t\tmodificator=\"popupWidgetInput\"\n\t\tv-model=\"model\"\n\t/>\n</template>\n\n<style>\n.top-input-popupWidgetInput {\n\t--top-loadbar-color: var(--color-line-2);\n\n\twidth: 100%;\n}\n\n.top-input_input-popupWidgetInput {\n\tborder: none;\n\tbackground: var(--color-layer-1);\n}\n\n.top-input_input-popupWidgetInput:hover {\n\tbackground: var(--color-layer-2);\n}\n\n.top-input_input-popupWidgetInput:focus {\n\tbackground: var(--color-layer-1);\n\toutline: unset;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ModelRef } from 'vue';\nimport type { Props } from '@/components/forms/input/types';\nimport TopInput from '@/components/forms/input/input.vue';\n\nwithDefaults(defineProps<Props>(), {\n\taddCleaner: true,\n});\n\nconst model: ModelRef<string> = defineModel({\n\tdefault: '',\n});\n</script>\n\n<template>\n\t<TopInput\n\t\t:=\"$props\"\n\t\tmodificator=\"popupWidgetInput\"\n\t\tv-model=\"model\"\n\t/>\n</template>\n\n<style>\n.top-input-popupWidgetInput {\n\t--top-loadbar-color: var(--color-line-2);\n\n\twidth: 100%;\n}\n\n.top-input_input-popupWidgetInput {\n\tborder: none;\n\tbackground: var(--color-layer-1);\n}\n\n.top-input_input-popupWidgetInput:hover {\n\tbackground: var(--color-layer-2);\n}\n\n.top-input_input-popupWidgetInput:focus {\n\tbackground: var(--color-layer-1);\n\toutline: unset;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\ndefineEmits<Emits<T>>();\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupAlert\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия Popup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton>\n\t\t\t\t{{ submitText || $i18n.Common.Close }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\ndefineEmits<Emits<T>>();\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupAlert\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия Popup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton>\n\t\t\t\t{{ submitText || $i18n.Common.Close }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref } from 'vue';\nimport type { PopupEvent } from '@/components/popup/popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst isSubmit = ref(false);\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n\n\temit('submit');\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\treturn;\n\t}\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tisWarning,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupConfirm\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton\n\t\t\t\t@click=\"onSubmit\"\n\t\t\t\t:color=\"isWarning ? 'red' : 'blue'\"\n\t\t\t>\n\t\t\t\t{{ submitText || $i18n.Common.Continue }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref } from 'vue';\nimport type { PopupEvent } from '@/components/popup/popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst isSubmit = ref(false);\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n\n\temit('submit');\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\treturn;\n\t}\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tisWarning,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupConfirm\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton\n\t\t\t\t@click=\"onSubmit\"\n\t\t\t\t:color=\"isWarning ? 'red' : 'blue'\"\n\t\t\t>\n\t\t\t\t{{ submitText || $i18n.Common.Continue }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref, watch } from 'vue';\nimport type { PopupEvent } from '../popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '../popup/popup.vue';\nimport TopPopupWidgetInput from '../popup/widgetInput/widgetInput.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst reset = () => localValue.value = props.defaultValue ?? '';\n\nconst isSubmit = ref(false);\n\nconst localValue = ref();\nwatch(() => props.defaultValue, () => reset(), { immediate: true });\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\temit('submit', localValue.value);\n\n\t\treset();\n\n\t\treturn;\n\t}\n\n\treset();\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tdefaultValue,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupPrompt\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\n\t\t\t<TopPopupWidgetInput v-model.trim=\"localValue\"/>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t{{ submitText || $i18n.Common.OK }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref, watch } from 'vue';\nimport type { PopupEvent } from '../popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '../popup/popup.vue';\nimport TopPopupWidgetInput from '../popup/widgetInput/widgetInput.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst reset = () => localValue.value = props.defaultValue ?? '';\n\nconst isSubmit = ref(false);\n\nconst localValue = ref();\nwatch(() => props.defaultValue, () => reset(), { immediate: true });\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\temit('submit', localValue.value);\n\n\t\treset();\n\n\t\treturn;\n\t}\n\n\treset();\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tdefaultValue,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupPrompt\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\n\t\t\t<TopPopupWidgetInput v-model.trim=\"localValue\"/>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t{{ submitText || $i18n.Common.OK }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport TopPopup from '@/components/popup/popup/popup.vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { Props } from './types';\n\nconst props = defineProps<Props<T>>();\n\nconst {\n\thint,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupHint\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- Элемент для открытия Popup -->\n\t\t\t<TopHint\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-popupHint_opener\"\n\t\t\t\tv-top-tooltip\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-popupHint_opener {\n\tcursor: pointer;\n}\n\n.top-popupHint_opener.top-active {\n\tcolor: var(--color-text-2);\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport TopPopup from '@/components/popup/popup/popup.vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { Props } from './types';\n\nconst props = defineProps<Props<T>>();\n\nconst {\n\thint,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupHint\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- Элемент для открытия Popup -->\n\t\t\t<TopHint\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-popupHint_opener\"\n\t\t\t\tv-top-tooltip\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-popupHint_opener {\n\tcursor: pointer;\n}\n\n.top-popupHint_opener.top-active {\n\tcolor: var(--color-text-2);\n}\n</style>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"popup-B06vbv6B.esm.js","names":["$slots","$core","$i18n","$emit","$attrs","$slots","$props","$emit","$i18n","$slots","$emit","$i18n","$slots","$emit","$i18n","$slots","$emit","$slots"],"sources":["../../src/components/popup/popup/opener/opener.vue","../../src/components/popup/popup/opener/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue","../../src/components/popup/popup/listItem.vue","../../src/components/popup/popup/widgetInput/widgetInput.vue","../../src/components/popup/popup/widgetInput/widgetInput.vue","../../src/components/popup/popupAlert/popupAlert.vue","../../src/components/popup/popupAlert/popupAlert.vue","../../src/components/popup/popupConfirm/popupConfirm.vue","../../src/components/popup/popupConfirm/popupConfirm.vue","../../src/components/popup/popupPrompt/popupPrompt.vue","../../src/components/popup/popupPrompt/popupPrompt.vue","../../src/components/popup/popupHint/popupHint.vue","../../src/components/popup/popupHint/popupHint.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './types';\nimport Worker from '../../lib/worker';\n\nconst props = withDefaults(defineProps<OpenerProps<T>>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst id = props.id || Math.random() + '';\n\nlet elOpener: Element;\n\n/**\n * Необычная функция для проброски props внутрь элемента слота\n *\n * @param el - вспомогательный элемент для доступа к элементам слота\n */\nfunction render(el: any) {\n\tsetTimeout(() => {\n\t\telOpener = el.nextElementSibling;\n\n\t\tif (elOpener) {\n\t\t\trenderOpener(elOpener);\n\t\t}\n\t});\n}\n\nonUpdated(() => {\n\tif (elOpener) {\n\t\trenderOpener(elOpener);\n\t}\n});\n\nfunction renderOpener(elOpener: any) {\n\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\tconst disabledOld = !!elOpener.dataset.topPopupDisabled;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n\telOpener.dataset.topPopupDisabled = props.disabled ? 'true' : '';\n\telOpener.__TopPopupOpenerProps = props;\n\n\tif (props.openByFocusInput && elOpener.classList.contains('top-input')) {\n\t\tconst elInput = elOpener.querySelector('input');\n\n\t\telInput.onfocus = () => {\n\t\t\tif (elOpener.dataset.topPopupDisabled) return;\n\n\t\t\t// фокус при возвращении не должен инициировать повторное открытие popup\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\t\t\tif (popup?.vueGetComponent()?.opened) return;\n\n\t\t\tWorker.openByOpener(elOpener);\n\t\t};\n\n\t\t/**\n\t\t * Открыть или закрыть `popup` в момент ввода значения, если он становится активным\n\t\t *\n\t\t * Для обработки ввода значения с проверкой `minLength`\n\t\t */\n\t\tif (props.disabled !== disabledOld && elInput === document.activeElement) {\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\n\t\t\tif (!props.disabled && !popup) {\n\t\t\t\tWorker.openByOpener(elOpener);\n\t\t\t}\n\n\t\t\tif (props.disabled && popup) {\n\t\t\t\tpopup.close();\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<template>\n\t<template :ref=\"render\"></template>\n\n\t<!-- @slot элемент для открытия Popup -->\n\t<slot></slot>\n</template>\n\n<!-- Использует общий deprecated класс .btn -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.btn) {\n\tcursor: pointer;\n\tuser-select: none;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[data-top-popup][data-top-popup-disabled] {\n\t/*\n\tpointer-events: none;\n\tcursor: auto !important;\n\t*/\n}\n\ni[contenteditable] {\n\tcursor: text !important;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './types';\nimport Worker from '../../lib/worker';\n\nconst props = withDefaults(defineProps<OpenerProps<T>>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst id = props.id || Math.random() + '';\n\nlet elOpener: Element;\n\n/**\n * Необычная функция для проброски props внутрь элемента слота\n *\n * @param el - вспомогательный элемент для доступа к элементам слота\n */\nfunction render(el: any) {\n\tsetTimeout(() => {\n\t\telOpener = el.nextElementSibling;\n\n\t\tif (elOpener) {\n\t\t\trenderOpener(elOpener);\n\t\t}\n\t});\n}\n\nonUpdated(() => {\n\tif (elOpener) {\n\t\trenderOpener(elOpener);\n\t}\n});\n\nfunction renderOpener(elOpener: any) {\n\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\tconst disabledOld = !!elOpener.dataset.topPopupDisabled;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n\telOpener.dataset.topPopupDisabled = props.disabled ? 'true' : '';\n\telOpener.__TopPopupOpenerProps = props;\n\n\tif (props.openByFocusInput && elOpener.classList.contains('top-input')) {\n\t\tconst elInput = elOpener.querySelector('input');\n\n\t\telInput.onfocus = () => {\n\t\t\tif (elOpener.dataset.topPopupDisabled) return;\n\n\t\t\t// фокус при возвращении не должен инициировать повторное открытие popup\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\t\t\tif (popup?.vueGetComponent()?.opened) return;\n\n\t\t\tWorker.openByOpener(elOpener);\n\t\t};\n\n\t\t/**\n\t\t * Открыть или закрыть `popup` в момент ввода значения, если он становится активным\n\t\t *\n\t\t * Для обработки ввода значения с проверкой `minLength`\n\t\t */\n\t\tif (props.disabled !== disabledOld && elInput === document.activeElement) {\n\t\t\tconst popup = Worker.getPopupFromOpener(elOpener);\n\n\t\t\tif (!props.disabled && !popup) {\n\t\t\t\tWorker.openByOpener(elOpener);\n\t\t\t}\n\n\t\t\tif (props.disabled && popup) {\n\t\t\t\tpopup.close();\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<template>\n\t<template :ref=\"render\"></template>\n\n\t<!-- @slot элемент для открытия Popup -->\n\t<slot></slot>\n</template>\n\n<!-- Использует общий deprecated класс .btn -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.btn) {\n\tcursor: pointer;\n\tuser-select: none;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[data-top-popup][data-top-popup-disabled] {\n\t/*\n\tpointer-events: none;\n\tcursor: auto !important;\n\t*/\n}\n\ni[contenteditable] {\n\tcursor: text !important;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { TopLibPopup } from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './types';\nimport Opener from './opener/opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits<T>>();\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst expose = {\n\tid,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n};\n\ndefineExpose(expose);\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\nconst data = ref<T>();\n\n// см. lib/popup\nconst onOpen = async (popup: TopLibPopup<T>) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\tdata.value = popup.el.__TopPopupOpenerProps.data;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: data.value });\n};\n\n// см. lib/popup\nconst onClose = (popup: TopLibPopup<T>) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\tdata.value = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: popup.el.__TopPopupOpenerProps.data });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\n});\n\nWorker.regVueComponent(id, vueConnector);\n\nonUnmounted(() => {\n\tWorker.unregVueComponent(id);\n});\n</script>\n\n<template>\n\t<Opener\n\t\tv-if=\"$slots.opener\"\n\t\t:id\n\t\t:pos\n\t\t:posBy\n\t\t:notch\n\t\t:openByFocusInput\n\t\t:openByHover=\"($core.state.isMobile || $core.state.isMobileUA) ? false : openByHover\"\n\t\t:disabled\n\t>\n\t\t<!-- @slot элемент для открытия Popup -->\n\t\t<slot name=\"opener\"></slot>\n\t</Opener>\n\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\n\t<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\" :data=\"data\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\" :data=\"data\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { TopLibPopup } from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './types';\nimport Opener from './opener/opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits<T>>();\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst expose = {\n\tid,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n};\n\ndefineExpose(expose);\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\nconst data = ref<T>();\n\n// см. lib/popup\nconst onOpen = async (popup: TopLibPopup<T>) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\tdata.value = popup.el.__TopPopupOpenerProps.data;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: data.value });\n};\n\n// см. lib/popup\nconst onClose = (popup: TopLibPopup<T>) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\tdata.value = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: popup.el.__TopPopupOpenerProps.data });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\n});\n\nWorker.regVueComponent(id, vueConnector);\n\nonUnmounted(() => {\n\tWorker.unregVueComponent(id);\n});\n</script>\n\n<template>\n\t<Opener\n\t\tv-if=\"$slots.opener\"\n\t\t:id\n\t\t:pos\n\t\t:posBy\n\t\t:notch\n\t\t:openByFocusInput\n\t\t:openByHover=\"($core.state.isMobile || $core.state.isMobileUA) ? false : openByHover\"\n\t\t:disabled\n\t>\n\t\t<!-- @slot элемент для открытия Popup -->\n\t\t<slot name=\"opener\"></slot>\n\t</Opener>\n\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\n\t<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\" :data=\"data\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\" :data=\"data\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ListItemProps } from './types';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n\ttype: 'button',\n\tcloseByClick: true,\n});\n</script>\n\n<template>\n\t<li\n\t\t:class=\"{\n\t\t\t'top-popup_liNoSelectable': props.type !== 'button'\n\t\t}\"\n\t>\n\t\t<component\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\n\t\t\t:class=\"{\n\t\t\t\t'top-popup_listItem': true,\n\t\t\t\t['top-popup_listItem-' + props.type]: !!props.type,\n\t\t\t\t'top-popup_liastItem-withActions': $slots.actions,\n\t\t\t\t'top-popup-noCloser': !closeByClick,\n\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\n\t\t\t}\"\n\t\t\t:=\"{...$attrs, ...attrs}\"\n\t\t>\n\t\t\t<template v-if=\"$slots.actions\">\n\t\t\t\t<div class=\"top-popup_listItemActionsLabel top-ellipsis1\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"top-popup_listItemActions\">\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template v-else>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</component>\n\n\t\t<slot name=\"buttons\"></slot>\n\t</li>\n</template>\n","<script setup lang=\"ts\">\nimport type { ListItemProps } from './types';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n\ttype: 'button',\n\tcloseByClick: true,\n});\n</script>\n\n<template>\n\t<li\n\t\t:class=\"{\n\t\t\t'top-popup_liNoSelectable': props.type !== 'button'\n\t\t}\"\n\t>\n\t\t<component\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\n\t\t\t:class=\"{\n\t\t\t\t'top-popup_listItem': true,\n\t\t\t\t['top-popup_listItem-' + props.type]: !!props.type,\n\t\t\t\t'top-popup_liastItem-withActions': $slots.actions,\n\t\t\t\t'top-popup-noCloser': !closeByClick,\n\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\n\t\t\t}\"\n\t\t\t:=\"{...$attrs, ...attrs}\"\n\t\t>\n\t\t\t<template v-if=\"$slots.actions\">\n\t\t\t\t<div class=\"top-popup_listItemActionsLabel top-ellipsis1\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"top-popup_listItemActions\">\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template v-else>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</component>\n\n\t\t<slot name=\"buttons\"></slot>\n\t</li>\n</template>\n","<script setup lang=\"ts\">\nimport type { ModelRef } from 'vue';\nimport type { Props } from '@/components/forms/input/types';\nimport TopInput from '@/components/forms/input/input.vue';\n\nwithDefaults(defineProps<Props>(), {\n\taddCleaner: true,\n});\n\nconst model: ModelRef<string> = defineModel({\n\tdefault: '',\n});\n</script>\n\n<template>\n\t<TopInput\n\t\t:=\"$props\"\n\t\tmodificator=\"popupWidgetInput\"\n\t\tv-model=\"model\"\n\t/>\n</template>\n\n<style>\n.top-input-popupWidgetInput {\n\t--top-loadbar-color: var(--color-line-2);\n\n\twidth: 100%;\n}\n\n.top-input_input-popupWidgetInput {\n\tborder: none;\n\tbackground: var(--color-layer-1);\n}\n\n.top-input_input-popupWidgetInput:hover {\n\tbackground: var(--color-layer-2);\n}\n\n.top-input_input-popupWidgetInput:focus {\n\tbackground: var(--color-layer-1);\n\toutline: unset;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ModelRef } from 'vue';\nimport type { Props } from '@/components/forms/input/types';\nimport TopInput from '@/components/forms/input/input.vue';\n\nwithDefaults(defineProps<Props>(), {\n\taddCleaner: true,\n});\n\nconst model: ModelRef<string> = defineModel({\n\tdefault: '',\n});\n</script>\n\n<template>\n\t<TopInput\n\t\t:=\"$props\"\n\t\tmodificator=\"popupWidgetInput\"\n\t\tv-model=\"model\"\n\t/>\n</template>\n\n<style>\n.top-input-popupWidgetInput {\n\t--top-loadbar-color: var(--color-line-2);\n\n\twidth: 100%;\n}\n\n.top-input_input-popupWidgetInput {\n\tborder: none;\n\tbackground: var(--color-layer-1);\n}\n\n.top-input_input-popupWidgetInput:hover {\n\tbackground: var(--color-layer-2);\n}\n\n.top-input_input-popupWidgetInput:focus {\n\tbackground: var(--color-layer-1);\n\toutline: unset;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\ndefineEmits<Emits<T>>();\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupAlert\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия Popup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton>\n\t\t\t\t{{ submitText || $i18n.Common.Close }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\ndefineEmits<Emits<T>>();\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupAlert\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия Popup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton>\n\t\t\t\t{{ submitText || $i18n.Common.Close }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref } from 'vue';\nimport type { PopupEvent } from '@/components/popup/popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst isSubmit = ref(false);\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n\n\temit('submit');\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\treturn;\n\t}\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tisWarning,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupConfirm\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton\n\t\t\t\t@click=\"onSubmit\"\n\t\t\t\t:color=\"isWarning ? 'red' : 'blue'\"\n\t\t\t>\n\t\t\t\t{{ submitText || $i18n.Common.Continue }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref } from 'vue';\nimport type { PopupEvent } from '@/components/popup/popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst isSubmit = ref(false);\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n\n\temit('submit');\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\treturn;\n\t}\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tisWarning,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupConfirm\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton\n\t\t\t\t@click=\"onSubmit\"\n\t\t\t\t:color=\"isWarning ? 'red' : 'blue'\"\n\t\t\t>\n\t\t\t\t{{ submitText || $i18n.Common.Continue }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref, watch } from 'vue';\nimport type { PopupEvent } from '../popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '../popup/popup.vue';\nimport TopPopupWidgetInput from '../popup/widgetInput/widgetInput.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst reset = () => localValue.value = props.defaultValue ?? '';\n\nconst isSubmit = ref(false);\n\nconst localValue = ref();\nwatch(() => props.defaultValue, () => reset(), { immediate: true });\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\temit('submit', localValue.value);\n\n\t\treset();\n\n\t\treturn;\n\t}\n\n\treset();\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tdefaultValue,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupPrompt\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\n\t\t\t<TopPopupWidgetInput v-model.trim=\"localValue\"/>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t{{ submitText || $i18n.Common.OK }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref, watch } from 'vue';\nimport type { PopupEvent } from '../popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '../popup/popup.vue';\nimport TopPopupWidgetInput from '../popup/widgetInput/widgetInput.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst reset = () => localValue.value = props.defaultValue ?? '';\n\nconst isSubmit = ref(false);\n\nconst localValue = ref();\nwatch(() => props.defaultValue, () => reset(), { immediate: true });\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\temit('submit', localValue.value);\n\n\t\treset();\n\n\t\treturn;\n\t}\n\n\treset();\n\n\temit('close', popupEvent);\n};\n\n// сужение объекта для propsPopup\nconst {\n\tsubmitText,\n\tcancelText,\n\tdefaultValue,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupPrompt\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\n\t\t\t<TopPopupWidgetInput v-model.trim=\"localValue\"/>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t{{ submitText || $i18n.Common.OK }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport TopPopup from '@/components/popup/popup/popup.vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { Props } from './types';\n\nconst props = defineProps<Props<T>>();\n\nconst {\n\thint,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupHint\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- Элемент для открытия Popup -->\n\t\t\t<TopHint\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-popupHint_opener\"\n\t\t\t\tv-top-tooltip\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-popupHint_opener {\n\tcursor: pointer;\n}\n\n.top-popupHint_opener.top-active {\n\tcolor: var(--color-text-2);\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport TopPopup from '@/components/popup/popup/popup.vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { Props } from './types';\n\nconst props = defineProps<Props<T>>();\n\nconst {\n\thint,\n\t...propsPopup\n}: Props<T> = props;\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupHint\"\n\t\t:=propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- Элемент для открытия Popup -->\n\t\t\t<TopHint\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-popupHint_opener\"\n\t\t\t\tv-top-tooltip\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-popupHint_opener {\n\tcursor: pointer;\n}\n\n.top-popupHint_opener.top-active {\n\tcolor: var(--color-text-2);\n}\n</style>\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};define([`require`,`exports`,`./forms-DByj6MWE.amd`,`../utils/dom.amd`,`./worker-Cx7e_9o9.amd`],function(t,n,r,i,a){"use strict";if(o===void 0)var o=window.Vue;Object.defineProperty(n,`__esModule`,{value:!0}),n.TopLibPopup=void 0,i=__importDefault(i);var s=class e{constructor(){(0,r.K)(this,`componentName`,void 0),(0,r.K)(this,`className`,void 0),(0,r.K)(this,`uid`,void 0),(0,r.K)(this,`el`,void 0),(0,r.K)(this,`options`,{}),(0,r.K)(this,`unmountEls`,[]),(0,r.K)(this,`unmountEvents`,[])}init(t,n,r){if(!n)throw t+`: el is undefined`;let i=e.getComponent(n,t);if(i)return i.reInit(r),i;this.componentName=t,this.className=`top`+t[0].toUpperCase()+t.substring(1),this.uid=this.componentName+(Math.random()+``).replace(`.`,``),this._setComponent(n),this.el=n,this.el.classList.add(this.className),this.options=Object.assign(this.options,r),this.mount()}static getComponent(e,t){return i.default.storage(e,`#`+t)}_setComponent(e){i.default.storage(e,`#`+this.componentName,this)}mount(){throw`Please, add method mount() to component: `+this.componentName}unmount(){i.default.storage(this.el,`#`+this.componentName,null),this.unmountEls.forEach(e=>{e.remove()}),this.unmountEls=[],this.unmountEvents.forEach(e=>{e.el.removeEventListener(e.type,e.listener,e.options)}),this.unmountEvents=[]}registerElForUnmount(e){this.unmountEls.push(e)}addEventListenerWithUnmount(e,t,n,r){e.addEventListener(t,n,r),this.registerEventForUnmount(e,t,n,r)}registerEventForUnmount(e,t,n,r){let i={el:e,type:t,listener:n,options:r};this.unmountEvents.push(i)}reInit(e){throw`Please, add method reInit() to component: `+this.componentName}static detach(e){if(e instanceof NodeList)e.forEach(e=>e.parentElement?.removeChild(e));else{let t=e;t.parentElement?.removeChild(t)}}};(0,r.K)(s,`componentName`,`Top`);var c=class{static init(){this.isInited||(this.isInited=!0,document.addEventListener(`click`,this.onclickCapture,{capture:!0}),document.addEventListener(`click`,this.onclick),document.addEventListener(`keydown`,this.onkeydown))}static onclickCapture(e){if(e.target instanceof HTMLElement&&e.target.closest(`.top-popup-wrapper`)){if(e.target.matches(`[data-top-popup]`)){let t=e.target.closest(`ul`),n=e.target.closest(`a, .a`);t&&t.querySelector(`a.top-active, .a.top-active`)?.classList.remove(`top-active`),n&&n.classList.add(`top-active`),e.stopPropagation();return}if(e.target.matches(`.top-popup-wrapper`)){let t=e.target;a.t.close(t,!0),e.stopPropagation();return}}}static onclick(e){if(!(e.target instanceof HTMLElement))return;let t=e.target.closest(`.closer, a, .a, .top-button`);if(t){let n=e.target.closest(`.top-popup-wrapper`);if(!n||t.matches(`.top-popup-noCloser`))return;t.getAttribute(`href`)===`.`&&e.preventDefault(),a.t.close(n,!0)}}static onkeydown(e){if(!(e.target instanceof HTMLElement))return;let t=e.target.closest(`.top-popup-wrapper`);if(t||=a.t.getPopupFromOpener(e.target)?.elPopup??null,!t)return;let n=t.querySelector(`ul.top-popup_content`);switch(e.key){case`Escape`:a.t.close(t,!0);break;case`Enter`:if(!n){if(i.default.querySelectorVisible(t,`.preloader`))break;let e=i.default.querySelectorVisible(t,`.top-popup_footer .go, .top-popup_footer [data-action]`);if(e instanceof HTMLElement){e.click();break}let n=i.default.querySelectorVisibleLast(t,`.top-popup_footer .top-button:focus`);n||=i.default.querySelectorVisibleLast(t,`.top-popup_footer .top-button`),n instanceof HTMLElement&&n.click();break}let r=i.default.querySelectorVisible(t,`li > a.top-active`);r&&r.getAttribute(`href`)&&(e.preventDefault(),location.href=r.getAttribute(`href`));let o=t.querySelector(`li > .top-active`);o instanceof HTMLElement&&o.click();break;case`ArrowUp`:case`ArrowRight`:case`ArrowDown`:case`ArrowLeft`:if(!n)break;if(e.key===`ArrowRight`||e.key===`ArrowLeft`){if(i.default.querySelectorVisible(t,`ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore`))e.preventDefault();else if(e.target.tagName===`INPUT`)break}else e.preventDefault();let s=t.querySelector(`ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active`)?.parentElement;if(e.key===`ArrowRight`&&s){let e=s.querySelector(`.top-active > .top-popup_listMore`);if(e instanceof HTMLElement)return e.click()}let c=i.default.querySelectorAllVisible(t,`ul.top-popup_content > li:not(.top-popup_liNoSelectable)`),l=c.length;if(!l)return;let u=-1;if(s&&(u=c.indexOf(s)),e.key===`ArrowUp`||e.key===`ArrowLeft`?u--:u++,e.key===`ArrowLeft`&&u===-1)return e.target.matches(`input`)?void 0:a.t.close(t,!0);if(e.key===`ArrowRight`&&u===l)return;u<0&&(u=l-1),u>l-1&&(u=0),t.querySelectorAll(`ul.top-popup_content > li > .top-active`).forEach(e=>e.classList.remove(`top-active`)),c[u].querySelector(`:scope > a, :scope > .a`)?.classList.add(`top-active`),a.t.scrollToActive(t);break}}};(0,r.K)(c,`isInited`,!1),r.O.insertStyleToPage(`:root{--top-popup-z-index:200000;--top-popup-transition-delay:.1s;--top-popup-offset:var(--top-padding-2);--top-popup-background-color:var(--color-layout-front-1);--top-popup-background-color-hover:var(--color-layout-front-3);--top-popup-background-color-active:var(--color-layout-front-4);--top-popup-border-color:var(--color-line-2-opacity);--top-popup-title-background-color:var(--color-layer-1);--top-popup-content-padding:calc(var(--top-popup-list-padding) + var(--top-popup-listItem-padding));--top-popup-list-padding:var(--top-padding-2);--top-popup-listItem-radius:var(--top-radius-2);--top-popup-listItem-padding:var(--top-padding-2)}.top-popup-front{position:relative}.top-popup-wrapper{--top-popup-height:0px;--top-popup-right-bounding:0px;--top-popup-bottom-bounding:0px;--top-popup-top:0px;--top-popup-right:calc(100vw - var(--top-popup-right-bounding));--top-popup-bottom:calc(var(--100vh) - var(--top-popup-bottom-bounding));--top-popup-left:0px;--top-popup-margin:-10px;text-align:initial;white-space:normal;word-break:normal;z-index:200000;outline:none;position:absolute}.top-popup-wrapper:not(.top-popup-wrapper-shown){overflow:hidden}.top-popupPanel{cursor:default;box-shadow:var(--top-shadow-b);background:var(--top-popup-background-color);border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.top-popup-wrapper>*{opacity:0;transition:opacity var(--top-popup-transition-delay) linear, transform var(--top-popup-transition-delay) linear;pointer-events:auto}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>*{opacity:1;transform:translate(0)!important}.top-popup_header,.top-popup_content,.top-popup_footer{font-size:14px}.top-popup_header,.top-popup_footer{justify-content:space-between;align-items:center;display:flex}.top-popup_header{color:var(--color-text-1);border-bottom:1px solid var(--top-popup-border-color);padding:var(--top-padding-3);font-weight:600}.top-popup_header>*{font-weight:400}.top-popup_header>.a{cursor:pointer}.top-popup_header>.a:hover{color:var(--color-text-primary)}.top-popup_headerButton{width:60px}.top-popup_widget{padding:var(--top-padding-2)}.top-popup_content{gap:var(--top-gap-4);-webkit-overflow-scrolling:touch;flex-direction:column;flex-grow:1;margin:0;display:flex;overflow-y:auto}div.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-content-padding)}div.top-popup_content>*{flex-shrink:0}div.top-popup_content>.top-button{margin:0}div.top-popup_content .top-unwrap{--top-unwrap-x:var(--top-popup-content-padding)}ul.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-list-padding);gap:2px}ul.top-popup_content .top-unwrap{--top-unwrap-x:var(--top-popup-list-padding)}.top-popup_listItem{border-radius:var(--top-popup-listItem-radius);padding:var(--top-popup-listItem-padding);line-height:1!important}ul.top-popup_content li{align-items:center;margin:0;list-style:none;display:flex;position:relative}ul.top-popup_content li>*{flex-grow:1}ul.top-popup_content li>a:not(.top-button),ul.top-popup_content li>.a{cursor:pointer;box-sizing:border-box;border-radius:var(--top-popup-listItem-radius);background:var(--top-popup-background-color);padding:var(--top-popup-listItem-padding);flex:100%;align-items:center;font-size:14px;font-style:normal;transition:background-color .1s ease-in-out;display:flex;color:var(--color-text-1)!important;font-weight:400!important;line-height:1!important;text-decoration:none!important}.top-popup-wrapper-no_animate ul.top-popup_content li>a:not(.top-button),.top-popup-wrapper-no_animate ul.top-popup_content li>.a{transition:none}ul.top-popup_content li>a:not(.top-button):hover,ul.top-popup_content li>.a:hover{background:var(--top-popup-background-color-hover)}ul.top-popup_content li>a:not(.top-button).top-active,ul.top-popup_content li>.a.top-active{background:var(--top-popup-background-color-active);--top-icon-color:var(--color-text-primary)!important}.top-popup_liastItem-withActions{width:240px;max-width:100%}.top-popup_listItemActionsLabel{flex-grow:1}.top-popup_listItemActions{flex-grow:0;min-height:20px;margin-left:auto;display:flex}.top-popup_listItemActions [data-top-icon]{--top-icon-size:20px;--top-icon-color:var(--color-text-4)}.top-popup_listItemActions [data-top-icon]:before{line-height:0}.top-popup_listItemActions [data-top-icon]:hover,.top-popup_listItemActions [data-top-icon].top-active{--top-icon-color:var(--color-text-3)}.top-popup_content+.top-popup_content{padding-top:0}.top-popup_listItem-title{background:var(--color-layer-1);color:var(--color-text-1);font-size:12px}.top-popup_listItem-formControls{flex-direction:column;padding-top:0;padding-bottom:0;display:flex}.top-popup_listItem-delimiter{background:var(--top-popup-border-color);border-radius:3px;height:1px;margin:4px;padding:0}.top-popup_listMore{margin:calc(0px - var(--top-popup-listItem-padding)) calc(0px - var(--top-popup-listItem-padding) / 2) calc(0px - var(--top-popup-listItem-padding)) 0;font-size:20px}.top-popup_listMore.top-button{margin:0}ul.top-popup_content li>.a.top-popup_listMore{text-align:center;flex-basis:10px}ul.top-popup_content li>.a.top-popup_listMore:before{color:var(--color-text-2)}ul.top-popup_content li>*>.top-popup_listMore{color:var(--color-layer-4);margin-left:auto;font-size:14px}ul.top-popup_content li>*>i.top-popup_listMore:hover,ul.top-popup_content li>*>i.top-popup_listMore.top-active{color:var(--color-text-primary)}ul.top-popup_content li>*>i.top-popup_listMore:before{display:block;transform:rotate(90deg)}ul.top-popup_content li a.close{background:0 0!important}.top-popup_content>[data-top-icon]:before{--top-icon-size:20px}ul.top-popup_content li>[data-top-icon]{--top-icon-color:var(--color-text-2);--top-icon-size:20px;--top-icon-width:20px}ul.top-popup_content li>[data-top-icon]:not(.top-button):before{height:1rem;margin-right:8px;transition:color .1s}ul.top-popup_content li:hover>[data-top-icon]:not(.top-button){--top-icon-color:var(--color-text-2)}.top-popup_footer{padding:var(--top-padding-3);border-top:1px solid var(--top-popup-border-color);gap:var(--top-gap-2);justify-content:flex-end;display:flex}.top-popup_footerSupportLink{margin-right:auto}.top-popup>[data-widget]{padding:0 var(--top-popup-list-padding)}.top-popup>[data-widget]+hr{margin:0 var(--top-popup-list-padding)}.top-popup .placeholder{z-index:1;margin:-1px 0;position:relative;background:#f9f9f9!important;border:1px solid #e0d9d9!important;border-left:none!important;border-right:none!important}.top-popup-wrapper.simple_list>.top-popup{white-space:nowrap;min-width:0}.top-popup_content .top-column{flex-direction:column;gap:4px;display:flex}.top-popup li .check_all,.top-popup li .clear_all{cursor:pointer;color:var(--color-text-primary);padding:8px;display:inline-block}.top-popup li .check_all:hover,.top-popup li .clear_all:hover{text-decoration:underline}.top-popup li .clear_all{display:none}.top-popup_content table{margin:-9px 0}.top-popup_content table td,.top-popup_content table th{padding:9px var(--top-popup-listItem-padding) 9px 0;vertical-align:top}.top-popup_content table th{white-space:nowrap;width:40%;font-weight:600}ul.top-popup_content .a>[type=checkbox],ul.top-popup_content .a>[type=radio]{margin:-8px 0 -8px auto}ul.top-popup_content a>[class*=icon],ul.top-popup_content i.a>[class*=icon]{transition:all .1s}.top-popup .buttons{white-space:nowrap;background:#ecf0f1;border-top:1px solid #bdc3c7;border-radius:0 0 4px 4px;margin:10px -15px -10px;padding:10px 15px}.top-popup_footer [class*=btn]:not(.btn-transparent){min-width:100px;margin-left:10px;padding:5px 14px}.top-popup_footer [class*=btn]:first-child{margin-left:0}.top-popup_footer .btn.full_width{flex-grow:1;margin:0}`),r.O.insertStyleToPage(`:root{--top-popup-list-padding:0px;--top-popup-listItem-radius:0px;--top-popup-listItem-padding:var(--top-padding-4)}.top-popup-wrapper{--top-popup-footer-offset:25px;transition:background .3s;position:fixed;overflow:hidden;width:auto!important;height:auto!important;top:0!important;left:0!important;right:0!important}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000080}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>.top-popup{opacity:1!important}.top-popup{max-height:calc(100% - var(--header-height,0px) - var(--toolbar-height,0px) - 12px);border-radius:8px 8px 0 0;flex-direction:column;transition:opacity .3s,transform .3s;display:flex;transform:translateY(80%);width:auto!important;top:auto!important;right:0!important;bottom:var(--toolbar-height,0px)!important;margin:0!important;left:0!important}.top-popup-wrapper.p-from-top{--top-popup-footer-offset:0px;top:var(--header-height,0px)!important}.with_dialog .top-popup-wrapper.p-from-top{top:50px!important}.top-popup-wrapper.p-from-top>.top-popup{border-radius:0 0 8px 8px;max-height:calc(100% - 24px);transform:translateY(calc(-100% - 24px));top:0!important;bottom:auto!important}.top-popup_widget:not(.p-from-top){order:10}ul.top-popup_content{gap:0}ul.top-popup_content li:not(:last-child){border-bottom:1px solid var(--top-popup-border-color)}.top-popup-wrapper.top-style_alt>.top-popup>ul>li{border-bottom:none}.top-popup_footer{flex-direction:column-reverse}.top-popup_footer>.top-button{--top-forms-base-height:var(--top-forms-base-height_l);width:100%}ul.top-popup_content .top-popup_listItem-title{--top-popup-padding-v:12px}ul.top-popup_content .top-popup_listItem-delimiter{background:var(--color-line-1-opacity);height:4px;margin:0}ul.top-popup_content li:first-child>.top-popup_listItem-delimiter{border-top:1px solid var(--top-popup-border-color)}`,`m`),r.O.insertStyleToPage(`.top-popup-wrapper{pointer-events:none}.top-popup{min-width:250px;max-width:calc(100vw - var(--top-popup-left) - 16px);max-height:calc(var(--top-popup-bottom) + var(--top-popup-height))}.top-popup-wrapper.p0>*{transform:translateY(-8px)}.top-popup-wrapper.p1>*{transform:translateY(8px)}.top-popup-wrapper.p2>*{transform:translate(8px)}.top-popup-wrapper.p3>*{transform:translateY(8px)}.top-popup-wrapper.p4>*{transform:translate(-8px)}.top-popup-wrapper.p0>.top-popup{top:-16px;left:-8px}.top-popup-wrapper.p1>.top-popup{bottom:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup{left:calc(100% + 8px)}.top-popup-wrapper.p3>.top-popup{top:calc(100% + 8px)}.top-popup-wrapper.p4>.top-popup{right:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup,.top-popup-wrapper.p4>.top-popup{margin-top:var(--top-popup-margin)}.top-popup-wrapper.p2.invert-y>.top-popup,.top-popup-wrapper.p4.invert-y>.top-popup{margin-bottom:var(--top-popup-margin)}.top-popup-wrapper.p1.with_notch>.top-popup{margin-bottom:5px}.top-popup-wrapper.p2.with_notch>.top-popup{margin-left:5px}.top-popup-wrapper.p3.with_notch>.top-popup{margin-top:5px}.top-popup-wrapper.p4.with_notch>.top-popup{margin-right:5px}.top-popup-wrapper.invert-x>.top-popup{right:0}.top-popup-wrapper.invert-y>.top-popup{bottom:0}.top-popup-wrapper.p1>.top-popup{max-height:calc(var(--top-popup-top) - var(--header-height,0px) - 16px)}.top-popup-wrapper.p3>.top-popup{max-height:calc(var(--top-popup-bottom) - 16px)}.top-popup-wrapper.p2>.top-popup{max-width:calc(var(--top-popup-right) - 16px)}.top-popup-wrapper.p4>.top-popup{max-width:calc(var(--top-popup-left) - 16px)}.top-popup-wrapper.invert-x>.top-popup{max-width:calc(100vw - var(--top-popup-right) - 16px)}.top-popup-wrapper.invert-y>.top-popup{max-height:calc(100vh - var(--top-popup-bottom) - 16px)}.top-popup-wrapper>.notch{border:7.4px solid #0000;display:block;position:absolute}.top-popup-wrapper.p1>.notch{border-bottom:0;border-top:7.4px solid var(--color-layout-front-1);margin:0 0 7.4px -7.4px;bottom:100%;left:50%}.top-popup-wrapper.p2>.notch{border-left:0;border-right:7.4px solid var(--color-layout-front-1);margin:0 0 -7.4px 7.4px;bottom:50%;left:100%}.top-popup-wrapper.p3>.notch{border-top:0;border-bottom:7.4px solid var(--color-layout-front-1);margin:7.4px 0 0 -7.4px;top:100%;left:50%}.top-popup-wrapper.p4>.notch{border-right:0;border-left:7.4px solid var(--color-layout-front-1);margin:0 7.4px -7.4px 0;bottom:50%;right:100%}.top-popup-wrapper.p1>.notch-border{border-top-color:#0000000d;margin-bottom:6px}.top-popup-wrapper.p2>.notch-border{border-right-color:#0000000d;margin-left:6px}.top-popup-wrapper.p3>.notch-border{border-bottom-color:#0000000d;margin-top:6px}.top-popup-wrapper.p4>.notch-border{border-left-color:#0000000d;margin-right:6px}.top-popup-wrapper.p1.with_notch>.top-popup,.top-popup-wrapper.p3.with_notch>.top-popup{margin-left:-16px!important}.top-popup-wrapper.p1.with_notch>.notch,.top-popup-wrapper.p3.with_notch>.notch{margin-left:-8px!important}.top-popup-wrapper.p1.with_notch.invert-x,.top-popup-wrapper.p3.with_notch.invert-x{margin-left:3px!important}.top-popup-wrapper.p1.with_notch.invert-x>.notch,.top-popup-wrapper.p3.with_notch.invert-x>.notch{margin-left:-9px!important}ul.top-popup_content li>*>i.top-popup_listMore{visibility:hidden;transition:none}ul.top-popup_content li:hover>*>i.top-popup_listMore,ul.top-popup_content li>.top-active>i.top-popup_listMore,ul.top-popup_content li>*>i.top-popup_listMore.top-active{visibility:visible}.top-popup_listItemActions{display:none}.top-popup_listItem.top-active>.top-popup_listItemActions,.top-popup_listItem:hover>.top-popup_listItemActions{display:flex}`,`pc`);var l=class e extends s{constructor(t,n){super(),(0,r.K)(this,`elActiveByDefault`,void 0),(0,r.K)(this,`elPopup`,void 0),(0,r.K)(this,`elPopupInner`,void 0),(0,r.K)(this,`elPopupHeader`,void 0),(0,r.K)(this,`elPopupWidget`,void 0),(0,r.K)(this,`elPopupBody`,void 0),(0,r.K)(this,`elPopupFooter`,void 0),(0,r.K)(this,`elFront`,void 0),(0,r.K)(this,`openerIsInput`,!1),(0,r.K)(this,`popupParent`,void 0),(0,r.K)(this,`$`,void 0),(0,r.K)(this,`elStartPosition`,void 0),(0,r.K)(this,`shift`,{top:0,left:0}),(0,r.K)(this,`isClosed`,!1),(0,r.K)(this,`isFirstClick`,!0),(0,r.K)(this,`type`,void 0),(0,r.K)(this,`options`,{popup:``,p:0,notch:!1,class:``,posBy:`left`,frontSelector:``,invertX:!1,openByHover:!1,useOriginal:!1,transitionDuration:100,isFullScreen:!1}),(0,r.K)(this,`events`,{}),this.init(e.componentName,t,n)}async mount(){if(!(this.el instanceof HTMLElement))return;let t=this.vueGetComponent();if(this.el.closest(`.top-popup-wrapper`)&&(this.popupParent=a.t.getPopup(this.el.closest(`.top-popup-wrapper`))),await this.mountJQuery(),i.default.css(this.el,`position`)!==`absolute`&&(this.el.style.position=`relative`),this.el.dataset.topPopupOpened=`opened`,this.elActiveByDefault=this.el.classList.contains(`top-active`),this.el.classList.add(`top-active`),this.openerIsInput=this.el.classList.contains(`top-input`),this.el.classList.contains(`top-input-project_name`)&&(this.openerIsInput=!1),this.openerIsInput){let e=this.el.querySelector(`input`);e&&!e.__popupOnBlur&&(e.__popupOnBlur=!0,e.addEventListener(`blur`,e=>{let t=e.relatedTarget;t&&a.t.getPopup(t)?.elPopup!==t&&a.t.getClosestPopup(e.relatedTarget,this.el)||a.t.getPopupFromOpener(this.el)?.close()}))}if(t)this.type=`vue`,this.options.popup=``,this.elPopup=i.default.genEl(`div`,{},this.options.popup);else if(this.options.popup?.match(/^[#.]/))this.type=`selector`,this.elPopup=document.querySelector(`${this.options.popup}.template`)||void 0;else{if(this.type=`html`,this.options.useOriginal)throw`Option useOriginal not allowed for text templates`;this.elPopup=i.default.genEl(`div`,{},this.options.popup??``)}if(this.type!==`html`&&!t||t?.opened){if(!t||t?.opened){let e;if(e=t?.opened?t.popup.elPopup:document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`)||void 0,e){this.elPopup=e,this.el.dataset.topPopupOpened=``,this.elActiveByDefault||this.el.classList.remove(`top-active`),a.t.close(this.elPopup),setTimeout(()=>this.mount(),this.options.transitionDuration);return}}this.elPopup||=document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`)||void 0}if(!this.elPopup)return;for(this.options.useOriginal?(this.elStartPosition=this.elPopup.closest(`.top-popup-el-start-position`),this.elStartPosition||(this.elStartPosition=i.default.wrap(this.elPopup,`i`),this.elStartPosition.classList.add(`top-popup-el-start-position`,`hidden`))):(this.elPopup=this.elPopup.cloneNode(!0),this.type===`selector`&&!this.elPopup.matches(`.template`)&&(this.elPopup.classList.remove(`hidden`),this.elPopup.querySelector(`:scope > .top-popup_content`)||this.elPopup.classList.add(`top-popup_content`),this.elPopup=i.default.wrap(this.elPopup,`div`)),this.type===`html`&&(this.elPopup.querySelector(`:scope > .top-popup_content`)||(this.elPopup.classList.add(`top-popup_content`),this.elPopup=i.default.wrap(this.elPopup,`div`))),(this.type===`selector`&&!this.elPopup.matches(`.template`)||this.type===`html`||this.type===`vue`)&&(i.default.querySelectorAllArray(this.elPopup,`[data-top-popup]`).forEach(e=>{e instanceof HTMLElement&&(e.dataset.topPopupPosBy=`fixed`)}),i.default.querySelectorAllArray(this.elPopup,`.top-popup-wrapper`).forEach(e=>e.remove()))),a.t.decoratorBeforeOpen(this),t&&(this.options.class=t.classRef.value,t.transitionDurationRef.value!==void 0&&(this.options.transitionDuration=t.transitionDurationRef.value,this.elPopup instanceof HTMLElement&&this.elPopup.style.setProperty(`--top-popup-transition-delay`,this.options.transitionDuration+`ms`))),this.elPopupInner=document.createElement(`div`),this.elPopupInner.classList.add(`top-popupPanel`,`top-popup`);this.elPopup.firstChild;)this.elPopupInner.appendChild(this.elPopup.firstChild);if(this.elPopup.append(this.elPopupInner),this.elPopup.classList.add(`top-popup-wrapper`),this.options.class){let e=this.options.class.split(` `);this.elPopup.classList.add(...e)}this.options.notch&&(this.elPopup.classList.add(`with_notch`),this.elPopup.insertAdjacentHTML(`beforeend`,`<i class="notch notch-border"></i><i class="notch"></i>`)),await this.vueOpen(),this.elPopupHeader=this.elPopupInner.querySelector(`.top-popup_header`),this.elPopupWidget=this.elPopupInner.querySelector(`.top-popup_widget`),this.elPopupBody=this.elPopupInner.querySelector(`.top-popup_content`),this.elPopupFooter=this.elPopupInner.querySelector(`.top-popup_footer`);let n=!!this.elPopup.querySelector(`[data-widget="search"]`);if(this.options.isFullScreen&&!n){let e=(0,r.E)();!this.elPopupHeader&&e.Common.Close&&(this.elPopupHeader=i.default.genEl(`i`,{class:`top-popup_header`}),this.elPopupInner.prepend(this.elPopupHeader),this.elPopupHeader.prepend(i.default.genEl(`i`,{class:`a closer`},e.Common.Close)),this.elPopupHeader.append(i.default.genEl(`i`,{class:`top-popup_headerButton`})))}i.default.storage(this.elPopup,e.componentName,this),this.options.frontSelector&&(this.elFront=document.querySelector(this.options.frontSelector)),this.elFront||=this.el.closest(`.top-popup-front`),this.elFront||=document.body,this.elPopup instanceof HTMLElement&&(this.elPopup.style.width=this.el.offsetWidth+`px`,this.elPopup.style.height=this.el.offsetHeight+`px`,this.elPopup.style.top=this.el.offsetTop+`px`,this.elPopup.style.right=parseInt(this.el.style.right||`0`)+`px`,this.elPopup.style.bottom=parseInt(this.el.style.bottom||`0`)+`px`),this.el.parentElement?.insertBefore(this.elPopup,this.el),this.elPopup.classList.remove(`template`),this.options.invertX&&this.elPopup.classList.add(`invert-x`);let o=!!this.el.closest(`.modal-header`);o||=!!this.el.closest(`#top_panel`),o||=!!this.el.closest(`#secondmenu`),o&&this.elPopup.classList.add(`p-from-top`),setTimeout(()=>this.elPopup?.classList.add(`top-popup-wrapper-shown`)),this.elFront&&!this.elFront.matches(`body`)&&(this.elFront.append(this.elPopup),this.shift.top=i.default.offset(this.el).top-this.el.offsetTop-i.default.offset(this.elFront).top,this.shift.left=i.default.offset(this.el).left-this.el.offsetLeft-i.default.offset(this.elFront).left,this.shift.top-=parseInt(this.el.style[`margin-top`]||0),this.shift.left-=parseInt(this.el.style[`margin-left`]||0),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=parseInt(this.elPopup.style.top||`0`)+this.shift.top+`px`,this.elPopup.style.left=parseInt(this.elPopup.style.left||`0`)+this.shift.left+`px`)),this.$&&r.O.$&&this.$.trigger(`aftershow.top-menu-popup`,[r.O.$(this.elPopup)]),this.recalcPosition(),this.elPopup.setAttribute(`tabindex`,`0`),this.focus(),a.t.decoratorAfterOpen(this),this.mountEvents()}async mountJQuery(){r.O.$&&(this.$=r.O.$(this.el))}focus(){let e;this.elPopup&&(e=i.default.querySelectorVisible(this.elPopup,`.top-popup-autofocus`),e||=i.default.querySelectorVisible(this.elPopup,`:read-write, select:not(:disabled)`),e||=i.default.querySelectorVisible(this.elPopup,`.top-popup_footer .top-button`),!e&&!this.openerIsInput&&(e=this.elPopup),e instanceof HTMLElement&&e.focus({preventScroll:!0}),setTimeout(()=>{e instanceof HTMLElement&&e.focus({preventScroll:!0})},this.options.transitionDuration))}mountEvents(){this.addEventListenerWithUnmount(document,`mousedown`,e=>this.onMousedown(e)),this.openerIsInput?this.onFocusCloseOthers():this.elPopup&&this.elPopupInner&&(this.addEventListenerWithUnmount(this.elPopup,`focus`,e=>this.onFocus(e)),this.options.openByHover&&(this.addEventListenerWithUnmount(this.elPopup,`mouseleave`,e=>this.onMouseleave(e)),this.addEventListenerWithUnmount(this.elPopupInner,`mouseleave`,e=>this.onMouseleave(e)))),this.options.isFullScreen&&this.elPopupBody&&this.addEventListenerWithUnmount(this.elPopupBody,`touchmove`,e=>this.onTouchmove(e))}onMousedown(e){if(!this.elPopup||!(e.target instanceof Element)||!this.isFirstClick||(this.isFirstClick=!1,setTimeout(()=>this.isFirstClick=!0),e instanceof MouseEvent&&e.button!==0))return;let t=i.default.querySelectorVisibleLast(document.body,`:scope > .top-popup-wrapper`);if(t&&t!==this.elPopup||e.target.closest(`.top-popup-front`)&&(t=i.default.querySelectorVisibleLast(e.target.closest(`.top-popup-front`),`:scope > .top-popup-wrapper`),t&&t!==this.elPopup))return;if(e.target.closest(`[data-top-popup-id="${this.options.id}"]`)){e.preventDefault();return}let n=e.target.closest(`input, select, textarea, button, [tabindex]`);n===this.elPopup&&(n=null);let r=!n;r&&this.openerIsInput&&e.preventDefault(),!this.elPopup.contains(e.target)&&(this.elPopup.closest(`.ui-dialog`)&&!e.target.closest(`.ui-dialog`)||a.t.decoratorIsIgnoreOuterClick(e)||a.t.close(this.elPopup,r))}onFocus(e){e.target instanceof Element&&e.target.matches(`input`)||this.onFocusCloseOthers()}onFocusCloseOthers(){this.isClosed||a.t.getAllVisible().forEach(e=>{this.elPopup?.contains(e)||this.popupParent?.elPopup===e||this.popupParent?.popupParent?.elPopup===e||a.t.close(e)})}onMouseleave(e){setTimeout(()=>{this.elPopupInner&&this.elPopupInner.matches(`:hover`)||!this.elPopup||a.t.close(this.elPopup)},100)}onResize(){this.elPopup&&this.elPopup.parentElement!==document.body&&document.body.append(this.elPopup),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=i.default.offset(this.el).top+`px`,this.elPopup.style.left=i.default.offset(this.el).left+`px`)}unmount(){super.unmount(),this.el instanceof HTMLElement&&(this.el.dataset.topPopupOpened=``),this.elActiveByDefault||this.el.classList.remove(`top-active`);let e=this.el.getAttribute(`style`);e&&(e=e.replace(/position:[^;]*;?/g,``),this.el.setAttribute(`style`,e))}recalcPosition(e){if(!(this.elPopup instanceof HTMLElement))return;let t=e??this.options.p,n;if(this.el instanceof HTMLElement)switch(this.elPopup.style.height=this.el.offsetHeight+`px`,this.elPopup.classList.remove(`p0`,`p1`,`p2`,`p3`,`p4`),this.elPopup.classList.add(`p`+t),this.options.posBy){case`left`:n=this.el.offsetLeft+parseInt(this.el.style[`margin-left`]||`0`),n+=this.shift.left,this.elPopup.style.left=n+`px`;break;case`right`:if(!(this.el.offsetParent instanceof HTMLElement))break;n=this.el.offsetLeft+parseInt(this.el.style[`margin-left`]||`0`),this.elPopup.style.right=this.el.offsetParent.offsetWidth-this.el.offsetWidth-n+`px`;break;case`fixed`:this.addEventListenerWithUnmount(window,`resize`,()=>this.onResize()),this.onResize();break;default:this.options.posBy?.append(this.elPopup)}let r=this.elPopup.getBoundingClientRect();this.elPopup.style.setProperty(`--top-popup-height`,this.elPopup.offsetHeight+`px`),this.elPopup.style.setProperty(`--top-popup-right-bounding`,r.right+`px`),this.elPopup.style.setProperty(`--top-popup-bottom-bounding`,r.bottom+`px`),this.elPopup.style.setProperty(`--top-popup-top`,r.top+`px`),this.elPopup.style.setProperty(`--top-popup-left`,r.left+`px`),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth=`unset`,this.elPopupInner.style.maxHeight=`unset`);let o={top:!1,right:!1,bottom:!1,left:!1},s={top:!1,right:!1,bottom:!1,left:!1},c=r.left>window.innerWidth/2,l=r.top>window.innerHeight/2;t===4&&(c=!c),t===1&&(l=!l);let u=this.elPopupInner?.getBoundingClientRect(),d,f,p=i.default.cssNumber(this.elPopup,`--top-popup-offset`),m=this.el.offsetHeight,h=this.el.offsetWidth;u&&(d=window.innerWidth-u.right,f=window.innerHeight-u.bottom,u.top<p&&(o.top=!0,u.top<p*2-u.height+m&&(s.top=!0)),d<p&&(o.right=!0,d<p*2-u.width+h&&(s.right=!0)),f<p&&(o.bottom=!0,f<p*2-u.height+m&&(s.bottom=!0)),u.left<p&&(o.left=!0,u.left<p*2-u.width+m&&(s.left=!0)));let g=(e,t)=>{if(e===`x`){if(!o.right&&!o.left||(t===1||t===3)&&!s.right&&!s.left&&c)return t;o.right&&(t===0||t===2)&&c&&(t=4),o.left&&(t===0||t===4)&&c&&(t=2)}if(e===`y`){if(!o.top&&!o.bottom||(t===2||t===4)&&!s.top&&!s.bottom&&l)return t;o.top&&(t===0||t===1)&&l&&(t=3),o.bottom&&l&&(t=1)}return t},_=[`x`,`y`];(t===0||t===1||t===3)&&(_=[`y`,`x`]);let v=t??0;_.forEach(e=>{v=g(e,v)}),t=v,o.bottom&&(t===2||t===4)&&l&&this.elPopup.classList.add(`invert-y`),o.right&&(t===0||t===1||t===3)&&this.elPopup.classList.add(`invert-x`),this.elPopup.classList.remove(`p0`,`p1`,`p2`,`p3`,`p4`),this.elPopup.classList.add(`p`+t),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth=``,this.elPopupInner.style.maxHeight=``),a.t.scrollToActive(this.elPopup)}onTouchmove(e){if(e.currentTarget instanceof HTMLElement&&e.target instanceof HTMLElement){if(e.currentTarget.scrollWidth>e.currentTarget.offsetWidth||e.target.parentElement?.scrollWidth&&e.target.parentElement?.offsetWidth&&e.target.parentElement.scrollWidth>e.target.parentElement?.offsetWidth)return;e.currentTarget.matches(`.has_scroll`)||e.preventDefault()}}close(){this.isClosed||(this.isClosed=!0,this.$&&r.O.$&&this.elPopup&&this.$.trigger(`afterclose.top-menu-popup`,[r.O.$(this.elPopup)]),!a.t.noClose&&(this.unmount(),this.elPopup?.classList.add(`top-popup-wrapper-closed`),setTimeout(()=>{if(this.vueClose(),!this.elPopup)return;this.options.useOriginal?(this.elPopup.removeAttribute(`style`),this.elPopup.classList.remove(`top-popup-wrapper-shown`,`top-popup-wrapper-closed`),this.elPopup.classList.add(`template`),this.elStartPosition?.append(this.elPopup),this.elPopup.querySelector(`div.top-popup_content.top-column`)?.classList.remove(`top-column`),this.elPopup.querySelector(`.notch-border`)?.remove(),this.elPopup.querySelector(`.notch`)?.remove(),this.elPopupInner?.replaceWith(...this.elPopupInner.childNodes),i.default.storageClear(this.elPopup)):(i.default.storageClear(this.elPopup),this.elPopup.remove(),delete this.elPopup);let e=a.t.getAllVisible(),t=e.length&&e[e.length-1];t?a.t.getPopup(t).focus():document.documentElement.classList.remove(`with_popup`)},this.options.transitionDuration)))}async vueOpen(){await this.vueGetComponent()?.onOpen(this)}vueClose(){this.vueGetComponent()?.onClose(this)}vueGetComponent(){if(this.el instanceof HTMLElement&&this.options.id)return a.t.vueConnectors.get(this.options.id)}};n.TopLibPopup=l,(0,r.K)(l,`componentName`,`TopPopup`),c.init()});
|
|
2
|
-
//# sourceMappingURL=popup-
|
|
1
|
+
var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};define([`require`,`exports`,`./forms-C2ItFa61.amd`,`../utils/dom.amd`,`./worker-BIUaZFVX.amd`],function(t,n,r,i,a){"use strict";if(o===void 0)var o=window.Vue;Object.defineProperty(n,`__esModule`,{value:!0}),n.TopLibPopup=void 0,i=__importDefault(i);var s=class e{constructor(){(0,r.K)(this,`componentName`,void 0),(0,r.K)(this,`className`,void 0),(0,r.K)(this,`uid`,void 0),(0,r.K)(this,`el`,void 0),(0,r.K)(this,`options`,{}),(0,r.K)(this,`unmountEls`,[]),(0,r.K)(this,`unmountEvents`,[])}init(t,n,r){if(!n)throw t+`: el is undefined`;let i=e.getComponent(n,t);if(i)return i.reInit(r),i;this.componentName=t,this.className=`top`+t[0].toUpperCase()+t.substring(1),this.uid=this.componentName+(Math.random()+``).replace(`.`,``),this._setComponent(n),this.el=n,this.el.classList.add(this.className),this.options=Object.assign(this.options,r),this.mount()}static getComponent(e,t){return i.default.storage(e,`#`+t)}_setComponent(e){i.default.storage(e,`#`+this.componentName,this)}mount(){throw`Please, add method mount() to component: `+this.componentName}unmount(){i.default.storage(this.el,`#`+this.componentName,null),this.unmountEls.forEach(e=>{e.remove()}),this.unmountEls=[],this.unmountEvents.forEach(e=>{e.el.removeEventListener(e.type,e.listener,e.options)}),this.unmountEvents=[]}registerElForUnmount(e){this.unmountEls.push(e)}addEventListenerWithUnmount(e,t,n,r){e.addEventListener(t,n,r),this.registerEventForUnmount(e,t,n,r)}registerEventForUnmount(e,t,n,r){let i={el:e,type:t,listener:n,options:r};this.unmountEvents.push(i)}reInit(e){throw`Please, add method reInit() to component: `+this.componentName}static detach(e){if(e instanceof NodeList)e.forEach(e=>e.parentElement?.removeChild(e));else{let t=e;t.parentElement?.removeChild(t)}}};(0,r.K)(s,`componentName`,`Top`);var c=class{static init(){this.isInited||(this.isInited=!0,document.addEventListener(`click`,this.onclickCapture,{capture:!0}),document.addEventListener(`click`,this.onclick),document.addEventListener(`keydown`,this.onkeydown))}static onclickCapture(e){if(e.target instanceof HTMLElement&&e.target.closest(`.top-popup-wrapper`)){if(e.target.matches(`[data-top-popup]`)){let t=e.target.closest(`ul`),n=e.target.closest(`a, .a`);t&&t.querySelector(`a.top-active, .a.top-active`)?.classList.remove(`top-active`),n&&n.classList.add(`top-active`),e.stopPropagation();return}if(e.target.matches(`.top-popup-wrapper`)){let t=e.target;a.t.close(t,!0),e.stopPropagation();return}}}static onclick(e){if(!(e.target instanceof HTMLElement))return;let t=e.target.closest(`.closer, a, .a, .top-button`);if(t){let n=e.target.closest(`.top-popup-wrapper`);if(!n||t.matches(`.top-popup-noCloser`))return;t.getAttribute(`href`)===`.`&&e.preventDefault(),a.t.close(n,!0)}}static onkeydown(e){if(!(e.target instanceof HTMLElement))return;let t=e.target.closest(`.top-popup-wrapper`);if(t||=a.t.getPopupFromOpener(e.target)?.elPopup??null,!t)return;let n=t.querySelector(`ul.top-popup_content`);switch(e.key){case`Escape`:a.t.close(t,!0);break;case`Enter`:if(!n){if(i.default.querySelectorVisible(t,`.preloader`))break;let e=i.default.querySelectorVisible(t,`.top-popup_footer .go, .top-popup_footer [data-action]`);if(e instanceof HTMLElement){e.click();break}let n=i.default.querySelectorVisibleLast(t,`.top-popup_footer .top-button:focus`);n||=i.default.querySelectorVisibleLast(t,`.top-popup_footer .top-button`),n instanceof HTMLElement&&n.click();break}let r=i.default.querySelectorVisible(t,`li > a.top-active`);r&&r.getAttribute(`href`)&&(e.preventDefault(),location.href=r.getAttribute(`href`));let o=t.querySelector(`li > .top-active`);o instanceof HTMLElement&&o.click();break;case`ArrowUp`:case`ArrowRight`:case`ArrowDown`:case`ArrowLeft`:if(!n)break;if(e.key===`ArrowRight`||e.key===`ArrowLeft`){if(i.default.querySelectorVisible(t,`ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore`))e.preventDefault();else if(e.target.tagName===`INPUT`)break}else e.preventDefault();let s=t.querySelector(`ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active`)?.parentElement;if(e.key===`ArrowRight`&&s){let e=s.querySelector(`.top-active > .top-popup_listMore`);if(e instanceof HTMLElement)return e.click()}let c=i.default.querySelectorAllVisible(t,`ul.top-popup_content > li:not(.top-popup_liNoSelectable)`),l=c.length;if(!l)return;let u=-1;if(s&&(u=c.indexOf(s)),e.key===`ArrowUp`||e.key===`ArrowLeft`?u--:u++,e.key===`ArrowLeft`&&u===-1)return e.target.matches(`input`)?void 0:a.t.close(t,!0);if(e.key===`ArrowRight`&&u===l)return;u<0&&(u=l-1),u>l-1&&(u=0),t.querySelectorAll(`ul.top-popup_content > li > .top-active`).forEach(e=>e.classList.remove(`top-active`)),c[u].querySelector(`:scope > a, :scope > .a`)?.classList.add(`top-active`),a.t.scrollToActive(t);break}}};(0,r.K)(c,`isInited`,!1),r.O.insertStyleToPage(`:root{--top-popup-z-index:200000;--top-popup-transition-delay:.1s;--top-popup-offset:var(--top-padding-2);--top-popup-background-color:var(--color-layout-front-1);--top-popup-background-color-hover:var(--color-layout-front-3);--top-popup-background-color-active:var(--color-layout-front-4);--top-popup-border-color:var(--color-line-2-opacity);--top-popup-title-background-color:var(--color-layer-1);--top-popup-content-padding:calc(var(--top-popup-list-padding) + var(--top-popup-listItem-padding));--top-popup-list-padding:var(--top-padding-2);--top-popup-listItem-radius:var(--top-radius-2);--top-popup-listItem-padding:var(--top-padding-2)}.top-popup-front{position:relative}.top-popup-wrapper{--top-popup-height:0px;--top-popup-right-bounding:0px;--top-popup-bottom-bounding:0px;--top-popup-top:0px;--top-popup-right:calc(100vw - var(--top-popup-right-bounding));--top-popup-bottom:calc(var(--100vh) - var(--top-popup-bottom-bounding));--top-popup-left:0px;--top-popup-margin:-10px;text-align:initial;white-space:normal;word-break:normal;z-index:200000;outline:none;position:absolute}.top-popup-wrapper:not(.top-popup-wrapper-shown){overflow:hidden}.top-popupPanel{cursor:default;box-shadow:var(--top-shadow-b);background:var(--top-popup-background-color);border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.top-popup-wrapper>*{opacity:0;transition:opacity var(--top-popup-transition-delay) linear, transform var(--top-popup-transition-delay) linear;pointer-events:auto}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>*{opacity:1;transform:translate(0)!important}.top-popup_header,.top-popup_content,.top-popup_footer{font-size:14px}.top-popup_header,.top-popup_footer{justify-content:space-between;align-items:center;display:flex}.top-popup_header{color:var(--color-text-1);border-bottom:1px solid var(--top-popup-border-color);padding:var(--top-padding-3);font-weight:600}.top-popup_header>*{font-weight:400}.top-popup_header>.a{cursor:pointer}.top-popup_header>.a:hover{color:var(--color-text-primary)}.top-popup_headerButton{width:60px}.top-popup_widget{padding:var(--top-padding-2)}.top-popup_content{gap:var(--top-gap-4);-webkit-overflow-scrolling:touch;flex-direction:column;flex-grow:1;margin:0;display:flex;overflow-y:auto}div.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-content-padding)}div.top-popup_content>*{flex-shrink:0}div.top-popup_content>.top-button{margin:0}div.top-popup_content .top-unwrap{--top-unwrap-x:var(--top-popup-content-padding)}ul.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-list-padding);gap:2px}ul.top-popup_content .top-unwrap{--top-unwrap-x:var(--top-popup-list-padding)}.top-popup_listItem{border-radius:var(--top-popup-listItem-radius);padding:var(--top-popup-listItem-padding);line-height:1!important}ul.top-popup_content li{align-items:center;margin:0;list-style:none;display:flex;position:relative}ul.top-popup_content li>*{flex-grow:1}ul.top-popup_content li>a:not(.top-button),ul.top-popup_content li>.a{cursor:pointer;box-sizing:border-box;border-radius:var(--top-popup-listItem-radius);background:var(--top-popup-background-color);padding:var(--top-popup-listItem-padding);flex:100%;align-items:center;font-size:14px;font-style:normal;transition:background-color .1s ease-in-out;display:flex;color:var(--color-text-1)!important;font-weight:400!important;line-height:1!important;text-decoration:none!important}.top-popup-wrapper-no_animate ul.top-popup_content li>a:not(.top-button),.top-popup-wrapper-no_animate ul.top-popup_content li>.a{transition:none}ul.top-popup_content li>a:not(.top-button):hover,ul.top-popup_content li>.a:hover{background:var(--top-popup-background-color-hover)}ul.top-popup_content li>a:not(.top-button).top-active,ul.top-popup_content li>.a.top-active{background:var(--top-popup-background-color-active);--top-icon-color:var(--color-text-primary)!important}.top-popup_liastItem-withActions{width:240px;max-width:100%}.top-popup_listItemActionsLabel{flex-grow:1}.top-popup_listItemActions{flex-grow:0;min-height:20px;margin-left:auto;display:flex}.top-popup_listItemActions [data-top-icon]{--top-icon-size:20px;--top-icon-color:var(--color-text-4)}.top-popup_listItemActions [data-top-icon]:before{line-height:0}.top-popup_listItemActions [data-top-icon]:hover,.top-popup_listItemActions [data-top-icon].top-active{--top-icon-color:var(--color-text-3)}.top-popup_content+.top-popup_content{padding-top:0}.top-popup_listItem-title{background:var(--color-layer-1);color:var(--color-text-1);font-size:12px}.top-popup_listItem-formControls{flex-direction:column;padding-top:0;padding-bottom:0;display:flex}.top-popup_listItem-delimiter{background:var(--top-popup-border-color);border-radius:3px;height:1px;margin:4px;padding:0}.top-popup_listMore{margin:calc(0px - var(--top-popup-listItem-padding)) calc(0px - var(--top-popup-listItem-padding) / 2) calc(0px - var(--top-popup-listItem-padding)) 0;font-size:20px}.top-popup_listMore.top-button{margin:0}ul.top-popup_content li>.a.top-popup_listMore{text-align:center;flex-basis:10px}ul.top-popup_content li>.a.top-popup_listMore:before{color:var(--color-text-2)}ul.top-popup_content li>*>.top-popup_listMore{color:var(--color-layer-4);margin-left:auto;font-size:14px}ul.top-popup_content li>*>i.top-popup_listMore:hover,ul.top-popup_content li>*>i.top-popup_listMore.top-active{color:var(--color-text-primary)}ul.top-popup_content li>*>i.top-popup_listMore:before{display:block;transform:rotate(90deg)}ul.top-popup_content li a.close{background:0 0!important}.top-popup_content>[data-top-icon]:before{--top-icon-size:20px}ul.top-popup_content li>[data-top-icon]{--top-icon-color:var(--color-text-2);--top-icon-size:20px;--top-icon-width:20px}ul.top-popup_content li>[data-top-icon]:not(.top-button):before{height:1rem;margin-right:8px;transition:color .1s}ul.top-popup_content li:hover>[data-top-icon]:not(.top-button){--top-icon-color:var(--color-text-2)}.top-popup_footer{padding:var(--top-padding-3);border-top:1px solid var(--top-popup-border-color);gap:var(--top-gap-2);justify-content:flex-end;display:flex}.top-popup_footerSupportLink{margin-right:auto}.top-popup>[data-widget]{padding:0 var(--top-popup-list-padding)}.top-popup>[data-widget]+hr{margin:0 var(--top-popup-list-padding)}.top-popup .placeholder{z-index:1;margin:-1px 0;position:relative;background:#f9f9f9!important;border:1px solid #e0d9d9!important;border-left:none!important;border-right:none!important}.top-popup-wrapper.simple_list>.top-popup{white-space:nowrap;min-width:0}.top-popup_content .top-column{flex-direction:column;gap:4px;display:flex}.top-popup li .check_all,.top-popup li .clear_all{cursor:pointer;color:var(--color-text-primary);padding:8px;display:inline-block}.top-popup li .check_all:hover,.top-popup li .clear_all:hover{text-decoration:underline}.top-popup li .clear_all{display:none}.top-popup_content table{margin:-9px 0}.top-popup_content table td,.top-popup_content table th{padding:9px var(--top-popup-listItem-padding) 9px 0;vertical-align:top}.top-popup_content table th{white-space:nowrap;width:40%;font-weight:600}ul.top-popup_content .a>[type=checkbox],ul.top-popup_content .a>[type=radio]{margin:-8px 0 -8px auto}ul.top-popup_content a>[class*=icon],ul.top-popup_content i.a>[class*=icon]{transition:all .1s}.top-popup .buttons{white-space:nowrap;background:#ecf0f1;border-top:1px solid #bdc3c7;border-radius:0 0 4px 4px;margin:10px -15px -10px;padding:10px 15px}.top-popup_footer [class*=btn]:not(.btn-transparent){min-width:100px;margin-left:10px;padding:5px 14px}.top-popup_footer [class*=btn]:first-child{margin-left:0}.top-popup_footer .btn.full_width{flex-grow:1;margin:0}`),r.O.insertStyleToPage(`:root{--top-popup-list-padding:0px;--top-popup-listItem-radius:0px;--top-popup-listItem-padding:var(--top-padding-4)}.top-popup-wrapper{--top-popup-footer-offset:25px;transition:background .3s;position:fixed;overflow:hidden;width:auto!important;height:auto!important;top:0!important;left:0!important;right:0!important}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000080}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>.top-popup{opacity:1!important}.top-popup{max-height:calc(100% - var(--header-height,0px) - var(--toolbar-height,0px) - 12px);border-radius:8px 8px 0 0;flex-direction:column;transition:opacity .3s,transform .3s;display:flex;transform:translateY(80%);width:auto!important;top:auto!important;right:0!important;bottom:var(--toolbar-height,0px)!important;margin:0!important;left:0!important}.top-popup-wrapper.p-from-top{--top-popup-footer-offset:0px;top:var(--header-height,0px)!important}.with_dialog .top-popup-wrapper.p-from-top{top:50px!important}.top-popup-wrapper.p-from-top>.top-popup{border-radius:0 0 8px 8px;max-height:calc(100% - 24px);transform:translateY(calc(-100% - 24px));top:0!important;bottom:auto!important}.top-popup_widget:not(.p-from-top){order:10}ul.top-popup_content{gap:0}ul.top-popup_content li:not(:last-child){border-bottom:1px solid var(--top-popup-border-color)}.top-popup-wrapper.top-style_alt>.top-popup>ul>li{border-bottom:none}.top-popup_footer{flex-direction:column-reverse}.top-popup_footer>.top-button{--top-forms-base-height:var(--top-forms-base-height_l);width:100%}ul.top-popup_content .top-popup_listItem-title{--top-popup-padding-v:12px}ul.top-popup_content .top-popup_listItem-delimiter{background:var(--color-line-1-opacity);height:4px;margin:0}ul.top-popup_content li:first-child>.top-popup_listItem-delimiter{border-top:1px solid var(--top-popup-border-color)}`,`m`),r.O.insertStyleToPage(`.top-popup-wrapper{pointer-events:none}.top-popup{min-width:250px;max-width:calc(100vw - var(--top-popup-left) - 16px);max-height:calc(var(--top-popup-bottom) + var(--top-popup-height))}.top-popup-wrapper.p0>*{transform:translateY(-8px)}.top-popup-wrapper.p1>*{transform:translateY(8px)}.top-popup-wrapper.p2>*{transform:translate(8px)}.top-popup-wrapper.p3>*{transform:translateY(8px)}.top-popup-wrapper.p4>*{transform:translate(-8px)}.top-popup-wrapper.p0>.top-popup{top:-16px;left:-8px}.top-popup-wrapper.p1>.top-popup{bottom:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup{left:calc(100% + 8px)}.top-popup-wrapper.p3>.top-popup{top:calc(100% + 8px)}.top-popup-wrapper.p4>.top-popup{right:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup,.top-popup-wrapper.p4>.top-popup{margin-top:var(--top-popup-margin)}.top-popup-wrapper.p2.invert-y>.top-popup,.top-popup-wrapper.p4.invert-y>.top-popup{margin-bottom:var(--top-popup-margin)}.top-popup-wrapper.p1.with_notch>.top-popup{margin-bottom:5px}.top-popup-wrapper.p2.with_notch>.top-popup{margin-left:5px}.top-popup-wrapper.p3.with_notch>.top-popup{margin-top:5px}.top-popup-wrapper.p4.with_notch>.top-popup{margin-right:5px}.top-popup-wrapper.invert-x>.top-popup{right:0}.top-popup-wrapper.invert-y>.top-popup{bottom:0}.top-popup-wrapper.p1>.top-popup{max-height:calc(var(--top-popup-top) - var(--header-height,0px) - 16px)}.top-popup-wrapper.p3>.top-popup{max-height:calc(var(--top-popup-bottom) - 16px)}.top-popup-wrapper.p2>.top-popup{max-width:calc(var(--top-popup-right) - 16px)}.top-popup-wrapper.p4>.top-popup{max-width:calc(var(--top-popup-left) - 16px)}.top-popup-wrapper.invert-x>.top-popup{max-width:calc(100vw - var(--top-popup-right) - 16px)}.top-popup-wrapper.invert-y>.top-popup{max-height:calc(100vh - var(--top-popup-bottom) - 16px)}.top-popup-wrapper>.notch{border:7.4px solid #0000;display:block;position:absolute}.top-popup-wrapper.p1>.notch{border-bottom:0;border-top:7.4px solid var(--color-layout-front-1);margin:0 0 7.4px -7.4px;bottom:100%;left:50%}.top-popup-wrapper.p2>.notch{border-left:0;border-right:7.4px solid var(--color-layout-front-1);margin:0 0 -7.4px 7.4px;bottom:50%;left:100%}.top-popup-wrapper.p3>.notch{border-top:0;border-bottom:7.4px solid var(--color-layout-front-1);margin:7.4px 0 0 -7.4px;top:100%;left:50%}.top-popup-wrapper.p4>.notch{border-right:0;border-left:7.4px solid var(--color-layout-front-1);margin:0 7.4px -7.4px 0;bottom:50%;right:100%}.top-popup-wrapper.p1>.notch-border{border-top-color:#0000000d;margin-bottom:6px}.top-popup-wrapper.p2>.notch-border{border-right-color:#0000000d;margin-left:6px}.top-popup-wrapper.p3>.notch-border{border-bottom-color:#0000000d;margin-top:6px}.top-popup-wrapper.p4>.notch-border{border-left-color:#0000000d;margin-right:6px}.top-popup-wrapper.p1.with_notch>.top-popup,.top-popup-wrapper.p3.with_notch>.top-popup{margin-left:-16px!important}.top-popup-wrapper.p1.with_notch>.notch,.top-popup-wrapper.p3.with_notch>.notch{margin-left:-8px!important}.top-popup-wrapper.p1.with_notch.invert-x,.top-popup-wrapper.p3.with_notch.invert-x{margin-left:3px!important}.top-popup-wrapper.p1.with_notch.invert-x>.notch,.top-popup-wrapper.p3.with_notch.invert-x>.notch{margin-left:-9px!important}ul.top-popup_content li>*>i.top-popup_listMore{visibility:hidden;transition:none}ul.top-popup_content li:hover>*>i.top-popup_listMore,ul.top-popup_content li>.top-active>i.top-popup_listMore,ul.top-popup_content li>*>i.top-popup_listMore.top-active{visibility:visible}.top-popup_listItemActions{display:none}.top-popup_listItem.top-active>.top-popup_listItemActions,.top-popup_listItem:hover>.top-popup_listItemActions{display:flex}`,`pc`);var l=class e extends s{constructor(t,n){super(),(0,r.K)(this,`elActiveByDefault`,void 0),(0,r.K)(this,`elPopup`,void 0),(0,r.K)(this,`elPopupInner`,void 0),(0,r.K)(this,`elPopupHeader`,void 0),(0,r.K)(this,`elPopupWidget`,void 0),(0,r.K)(this,`elPopupBody`,void 0),(0,r.K)(this,`elPopupFooter`,void 0),(0,r.K)(this,`elFront`,void 0),(0,r.K)(this,`openerIsInput`,!1),(0,r.K)(this,`popupParent`,void 0),(0,r.K)(this,`$`,void 0),(0,r.K)(this,`elStartPosition`,void 0),(0,r.K)(this,`shift`,{top:0,left:0}),(0,r.K)(this,`isClosed`,!1),(0,r.K)(this,`isFirstClick`,!0),(0,r.K)(this,`type`,void 0),(0,r.K)(this,`options`,{popup:``,p:0,notch:!1,class:``,posBy:`left`,frontSelector:``,invertX:!1,openByHover:!1,useOriginal:!1,transitionDuration:100,isFullScreen:!1}),(0,r.K)(this,`events`,{}),this.init(e.componentName,t,n)}async mount(){if(!(this.el instanceof HTMLElement))return;let t=this.vueGetComponent();if(this.el.closest(`.top-popup-wrapper`)&&(this.popupParent=a.t.getPopup(this.el.closest(`.top-popup-wrapper`))),await this.mountJQuery(),i.default.css(this.el,`position`)!==`absolute`&&(this.el.style.position=`relative`),this.el.dataset.topPopupOpened=`opened`,this.elActiveByDefault=this.el.classList.contains(`top-active`),this.el.classList.add(`top-active`),this.openerIsInput=this.el.classList.contains(`top-input`),this.el.classList.contains(`top-input-project_name`)&&(this.openerIsInput=!1),this.openerIsInput){let e=this.el.querySelector(`input`);e&&!e.__popupOnBlur&&(e.__popupOnBlur=!0,e.addEventListener(`blur`,e=>{let t=e.relatedTarget;t&&a.t.getPopup(t)?.elPopup!==t&&a.t.getClosestPopup(e.relatedTarget,this.el)||a.t.getPopupFromOpener(this.el)?.close()}))}if(t)this.type=`vue`,this.options.popup=``,this.elPopup=i.default.genEl(`div`,{},this.options.popup);else if(this.options.popup?.match(/^[#.]/))this.type=`selector`,this.elPopup=document.querySelector(`${this.options.popup}.template`)||void 0;else{if(this.type=`html`,this.options.useOriginal)throw`Option useOriginal not allowed for text templates`;this.elPopup=i.default.genEl(`div`,{},this.options.popup??``)}if(this.type!==`html`&&!t||t?.opened){if(!t||t?.opened){let e;if(e=t?.opened?t.popup.elPopup:document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`)||void 0,e){this.elPopup=e,this.el.dataset.topPopupOpened=``,this.elActiveByDefault||this.el.classList.remove(`top-active`),a.t.close(this.elPopup),setTimeout(()=>this.mount(),this.options.transitionDuration);return}}this.elPopup||=document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`)||void 0}if(!this.elPopup)return;for(this.options.useOriginal?(this.elStartPosition=this.elPopup.closest(`.top-popup-el-start-position`),this.elStartPosition||(this.elStartPosition=i.default.wrap(this.elPopup,`i`),this.elStartPosition.classList.add(`top-popup-el-start-position`,`hidden`))):(this.elPopup=this.elPopup.cloneNode(!0),this.type===`selector`&&!this.elPopup.matches(`.template`)&&(this.elPopup.classList.remove(`hidden`),this.elPopup.querySelector(`:scope > .top-popup_content`)||this.elPopup.classList.add(`top-popup_content`),this.elPopup=i.default.wrap(this.elPopup,`div`)),this.type===`html`&&(this.elPopup.querySelector(`:scope > .top-popup_content`)||(this.elPopup.classList.add(`top-popup_content`),this.elPopup=i.default.wrap(this.elPopup,`div`))),(this.type===`selector`&&!this.elPopup.matches(`.template`)||this.type===`html`||this.type===`vue`)&&(i.default.querySelectorAllArray(this.elPopup,`[data-top-popup]`).forEach(e=>{e instanceof HTMLElement&&(e.dataset.topPopupPosBy=`fixed`)}),i.default.querySelectorAllArray(this.elPopup,`.top-popup-wrapper`).forEach(e=>e.remove()))),a.t.decoratorBeforeOpen(this),t&&(this.options.class=t.classRef.value,t.transitionDurationRef.value!==void 0&&(this.options.transitionDuration=t.transitionDurationRef.value,this.elPopup instanceof HTMLElement&&this.elPopup.style.setProperty(`--top-popup-transition-delay`,this.options.transitionDuration+`ms`))),this.elPopupInner=document.createElement(`div`),this.elPopupInner.classList.add(`top-popupPanel`,`top-popup`);this.elPopup.firstChild;)this.elPopupInner.appendChild(this.elPopup.firstChild);if(this.elPopup.append(this.elPopupInner),this.elPopup.classList.add(`top-popup-wrapper`),this.options.class){let e=this.options.class.split(` `);this.elPopup.classList.add(...e)}this.options.notch&&(this.elPopup.classList.add(`with_notch`),this.elPopup.insertAdjacentHTML(`beforeend`,`<i class="notch notch-border"></i><i class="notch"></i>`)),await this.vueOpen(),this.elPopupHeader=this.elPopupInner.querySelector(`.top-popup_header`),this.elPopupWidget=this.elPopupInner.querySelector(`.top-popup_widget`),this.elPopupBody=this.elPopupInner.querySelector(`.top-popup_content`),this.elPopupFooter=this.elPopupInner.querySelector(`.top-popup_footer`);let n=!!this.elPopup.querySelector(`[data-widget="search"]`);if(this.options.isFullScreen&&!n){let e=(0,r.E)();!this.elPopupHeader&&e.Common.Close&&(this.elPopupHeader=i.default.genEl(`i`,{class:`top-popup_header`}),this.elPopupInner.prepend(this.elPopupHeader),this.elPopupHeader.prepend(i.default.genEl(`i`,{class:`a closer`},e.Common.Close)),this.elPopupHeader.append(i.default.genEl(`i`,{class:`top-popup_headerButton`})))}i.default.storage(this.elPopup,e.componentName,this),this.options.frontSelector&&(this.elFront=document.querySelector(this.options.frontSelector)),this.elFront||=this.el.closest(`.top-popup-front`),this.elFront||=document.body,this.elPopup instanceof HTMLElement&&(this.elPopup.style.width=this.el.offsetWidth+`px`,this.elPopup.style.height=this.el.offsetHeight+`px`,this.elPopup.style.top=this.el.offsetTop+`px`,this.elPopup.style.right=parseInt(this.el.style.right||`0`)+`px`,this.elPopup.style.bottom=parseInt(this.el.style.bottom||`0`)+`px`),this.el.parentElement?.insertBefore(this.elPopup,this.el),this.elPopup.classList.remove(`template`),this.options.invertX&&this.elPopup.classList.add(`invert-x`);let o=!!this.el.closest(`.modal-header`);o||=!!this.el.closest(`#top_panel`),o||=!!this.el.closest(`#secondmenu`),o&&this.elPopup.classList.add(`p-from-top`),setTimeout(()=>this.elPopup?.classList.add(`top-popup-wrapper-shown`)),this.elFront&&!this.elFront.matches(`body`)&&(this.elFront.append(this.elPopup),this.shift.top=i.default.offset(this.el).top-this.el.offsetTop-i.default.offset(this.elFront).top,this.shift.left=i.default.offset(this.el).left-this.el.offsetLeft-i.default.offset(this.elFront).left,this.shift.top-=parseInt(this.el.style[`margin-top`]||0),this.shift.left-=parseInt(this.el.style[`margin-left`]||0),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=parseInt(this.elPopup.style.top||`0`)+this.shift.top+`px`,this.elPopup.style.left=parseInt(this.elPopup.style.left||`0`)+this.shift.left+`px`)),this.$&&r.O.$&&this.$.trigger(`aftershow.top-menu-popup`,[r.O.$(this.elPopup)]),this.recalcPosition(),this.elPopup.setAttribute(`tabindex`,`0`),this.focus(),a.t.decoratorAfterOpen(this),this.mountEvents()}async mountJQuery(){r.O.$&&(this.$=r.O.$(this.el))}focus(){let e;this.elPopup&&(e=i.default.querySelectorVisible(this.elPopup,`.top-popup-autofocus`),e||=i.default.querySelectorVisible(this.elPopup,`:read-write, select:not(:disabled)`),e||=i.default.querySelectorVisible(this.elPopup,`.top-popup_footer .top-button`),!e&&!this.openerIsInput&&(e=this.elPopup),e instanceof HTMLElement&&e.focus({preventScroll:!0}),setTimeout(()=>{e instanceof HTMLElement&&e.focus({preventScroll:!0})},this.options.transitionDuration))}mountEvents(){this.addEventListenerWithUnmount(document,`mousedown`,e=>this.onMousedown(e)),this.openerIsInput?this.onFocusCloseOthers():this.elPopup&&this.elPopupInner&&(this.addEventListenerWithUnmount(this.elPopup,`focus`,e=>this.onFocus(e)),this.options.openByHover&&(this.addEventListenerWithUnmount(this.elPopup,`mouseleave`,e=>this.onMouseleave(e)),this.addEventListenerWithUnmount(this.elPopupInner,`mouseleave`,e=>this.onMouseleave(e)))),this.options.isFullScreen&&this.elPopupBody&&this.addEventListenerWithUnmount(this.elPopupBody,`touchmove`,e=>this.onTouchmove(e))}onMousedown(e){if(!this.elPopup||!(e.target instanceof Element)||!this.isFirstClick||(this.isFirstClick=!1,setTimeout(()=>this.isFirstClick=!0),e instanceof MouseEvent&&e.button!==0))return;let t=i.default.querySelectorVisibleLast(document.body,`:scope > .top-popup-wrapper`);if(t&&t!==this.elPopup||e.target.closest(`.top-popup-front`)&&(t=i.default.querySelectorVisibleLast(e.target.closest(`.top-popup-front`),`:scope > .top-popup-wrapper`),t&&t!==this.elPopup))return;if(e.target.closest(`[data-top-popup-id="${this.options.id}"]`)){e.preventDefault();return}let n=e.target.closest(`input, select, textarea, button, [tabindex]`);n===this.elPopup&&(n=null);let r=!n;r&&this.openerIsInput&&e.preventDefault(),!this.elPopup.contains(e.target)&&(this.elPopup.closest(`.ui-dialog`)&&!e.target.closest(`.ui-dialog`)||a.t.decoratorIsIgnoreOuterClick(e)||a.t.close(this.elPopup,r))}onFocus(e){e.target instanceof Element&&e.target.matches(`input`)||this.onFocusCloseOthers()}onFocusCloseOthers(){this.isClosed||a.t.getAllVisible().forEach(e=>{this.elPopup?.contains(e)||this.popupParent?.elPopup===e||this.popupParent?.popupParent?.elPopup===e||a.t.close(e)})}onMouseleave(e){setTimeout(()=>{this.elPopupInner&&this.elPopupInner.matches(`:hover`)||!this.elPopup||a.t.close(this.elPopup)},100)}onResize(){this.elPopup&&this.elPopup.parentElement!==document.body&&document.body.append(this.elPopup),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=i.default.offset(this.el).top+`px`,this.elPopup.style.left=i.default.offset(this.el).left+`px`)}unmount(){super.unmount(),this.el instanceof HTMLElement&&(this.el.dataset.topPopupOpened=``),this.elActiveByDefault||this.el.classList.remove(`top-active`);let e=this.el.getAttribute(`style`);e&&(e=e.replace(/position:[^;]*;?/g,``),this.el.setAttribute(`style`,e))}recalcPosition(e){if(!(this.elPopup instanceof HTMLElement))return;let t=e??this.options.p,n;if(this.el instanceof HTMLElement)switch(this.elPopup.style.height=this.el.offsetHeight+`px`,this.elPopup.classList.remove(`p0`,`p1`,`p2`,`p3`,`p4`),this.elPopup.classList.add(`p`+t),this.options.posBy){case`left`:n=this.el.offsetLeft+parseInt(this.el.style[`margin-left`]||`0`),n+=this.shift.left,this.elPopup.style.left=n+`px`;break;case`right`:if(!(this.el.offsetParent instanceof HTMLElement))break;n=this.el.offsetLeft+parseInt(this.el.style[`margin-left`]||`0`),this.elPopup.style.right=this.el.offsetParent.offsetWidth-this.el.offsetWidth-n+`px`;break;case`fixed`:this.addEventListenerWithUnmount(window,`resize`,()=>this.onResize()),this.onResize();break;default:this.options.posBy?.append(this.elPopup)}let r=this.elPopup.getBoundingClientRect();this.elPopup.style.setProperty(`--top-popup-height`,this.elPopup.offsetHeight+`px`),this.elPopup.style.setProperty(`--top-popup-right-bounding`,r.right+`px`),this.elPopup.style.setProperty(`--top-popup-bottom-bounding`,r.bottom+`px`),this.elPopup.style.setProperty(`--top-popup-top`,r.top+`px`),this.elPopup.style.setProperty(`--top-popup-left`,r.left+`px`),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth=`unset`,this.elPopupInner.style.maxHeight=`unset`);let o={top:!1,right:!1,bottom:!1,left:!1},s={top:!1,right:!1,bottom:!1,left:!1},c=r.left>window.innerWidth/2,l=r.top>window.innerHeight/2;t===4&&(c=!c),t===1&&(l=!l);let u=this.elPopupInner?.getBoundingClientRect(),d,f,p=i.default.cssNumber(this.elPopup,`--top-popup-offset`),m=this.el.offsetHeight,h=this.el.offsetWidth;u&&(d=window.innerWidth-u.right,f=window.innerHeight-u.bottom,u.top<p&&(o.top=!0,u.top<p*2-u.height+m&&(s.top=!0)),d<p&&(o.right=!0,d<p*2-u.width+h&&(s.right=!0)),f<p&&(o.bottom=!0,f<p*2-u.height+m&&(s.bottom=!0)),u.left<p&&(o.left=!0,u.left<p*2-u.width+m&&(s.left=!0)));let g=(e,t)=>{if(e===`x`){if(!o.right&&!o.left||(t===1||t===3)&&!s.right&&!s.left&&c)return t;o.right&&(t===0||t===2)&&c&&(t=4),o.left&&(t===0||t===4)&&c&&(t=2)}if(e===`y`){if(!o.top&&!o.bottom||(t===2||t===4)&&!s.top&&!s.bottom&&l)return t;o.top&&(t===0||t===1)&&l&&(t=3),o.bottom&&l&&(t=1)}return t},_=[`x`,`y`];(t===0||t===1||t===3)&&(_=[`y`,`x`]);let v=t??0;_.forEach(e=>{v=g(e,v)}),t=v,o.bottom&&(t===2||t===4)&&l&&this.elPopup.classList.add(`invert-y`),o.right&&(t===0||t===1||t===3)&&this.elPopup.classList.add(`invert-x`),this.elPopup.classList.remove(`p0`,`p1`,`p2`,`p3`,`p4`),this.elPopup.classList.add(`p`+t),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth=``,this.elPopupInner.style.maxHeight=``),a.t.scrollToActive(this.elPopup)}onTouchmove(e){if(e.currentTarget instanceof HTMLElement&&e.target instanceof HTMLElement){if(e.currentTarget.scrollWidth>e.currentTarget.offsetWidth||e.target.parentElement?.scrollWidth&&e.target.parentElement?.offsetWidth&&e.target.parentElement.scrollWidth>e.target.parentElement?.offsetWidth)return;e.currentTarget.matches(`.has_scroll`)||e.preventDefault()}}close(){this.isClosed||(this.isClosed=!0,this.$&&r.O.$&&this.elPopup&&this.$.trigger(`afterclose.top-menu-popup`,[r.O.$(this.elPopup)]),!a.t.noClose&&(this.unmount(),this.elPopup?.classList.add(`top-popup-wrapper-closed`),setTimeout(()=>{if(this.vueClose(),!this.elPopup)return;this.options.useOriginal?(this.elPopup.removeAttribute(`style`),this.elPopup.classList.remove(`top-popup-wrapper-shown`,`top-popup-wrapper-closed`),this.elPopup.classList.add(`template`),this.elStartPosition?.append(this.elPopup),this.elPopup.querySelector(`div.top-popup_content.top-column`)?.classList.remove(`top-column`),this.elPopup.querySelector(`.notch-border`)?.remove(),this.elPopup.querySelector(`.notch`)?.remove(),this.elPopupInner?.replaceWith(...this.elPopupInner.childNodes),i.default.storageClear(this.elPopup)):(i.default.storageClear(this.elPopup),this.elPopup.remove(),delete this.elPopup);let e=a.t.getAllVisible(),t=e.length&&e[e.length-1];t?a.t.getPopup(t).focus():document.documentElement.classList.remove(`with_popup`)},this.options.transitionDuration)))}async vueOpen(){await this.vueGetComponent()?.onOpen(this)}vueClose(){this.vueGetComponent()?.onClose(this)}vueGetComponent(){if(this.el instanceof HTMLElement&&this.options.id)return a.t.vueConnectors.get(this.options.id)}};n.TopLibPopup=l,(0,r.K)(l,`componentName`,`TopPopup`),c.init()});
|
|
2
|
+
//# sourceMappingURL=popup-CFYtl5_r.amd.js.map
|