@topvisor/ui 1.5.0-updates.0 → 1.5.0-updates.10

package/.chunks/popup-DrByVU-k.esm.js

@@ -0,0 +1,444 @@
+
+		/* start import css */
+		import { Core as _autoloadCSSCore } from '../core/app.js';
+		const fileNames = ['../assets/popup.css'].map(fileName => import.meta.resolve(fileName));
+		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
+		/* end import css */
+	
+import { c as e, d as t, h as n } from "./forms-CbUt-6Ff.esm.js";
+import { t as r } from "./worker-Db8YrEHo.esm.js";
+import { Fragment as i, Teleport as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, onUnmounted as _, onUpdated as v, openBlock as y, ref as b, renderSlot as x, resolveDirective as S, resolveDynamicComponent as C, toDisplayString as w, toRef as T, unref as E, useModel as D, watch as O, withCtx as k, withDirectives as A } from "vue";
+//#endregion
+//#region src/components/popup/popup/opener/opener.vue
+var j = /* @__PURE__ */ p({
+	__name: "opener",
+	props: {
+		id: {},
+		pos: { default: "3" },
+		notch: {
+			type: Boolean,
+			default: !0
+		},
+		openByFocusInput: { type: Boolean },
+		openByHover: { type: Boolean },
+		disabled: { type: Boolean },
+		posBy: { default: "fixed" },
+		data: {}
+	},
+	setup(e) {
+		let t = e, n = t.id || Math.random() + "", a;
+		function o(e) {
+			setTimeout(() => {
+				a = e.nextElementSibling, a && s(a);
+			});
+		}
+		v(() => {
+			a && s(a);
+		});
+		function s(e) {
+			e.dataset.topPopup = "#" + n;
+			let i = !!e.dataset.topPopupDisabled;
+			if (e.dataset.topPopupId = n, e.dataset.topPopupPos = t.pos, e.dataset.topPopupPosBy = t.posBy, e.dataset.topPopupNotch = t.notch ? "true" : "", e.dataset.topPopupOpenByHover = t.openByHover ? "true" : "", e.dataset.topPopupDisabled = t.disabled ? "true" : "", e.__TopPopupOpenerProps = t, t.openByFocusInput && e.classList.contains("top-input")) {
+				let n = e.querySelector("input");
+				if (n.onfocus = () => {
+					e.dataset.topPopupDisabled || r.openByOpener(e);
+				}, t.disabled !== i && n === document.activeElement) {
+					let n = r.getPopupFromOpener(e);
+					!t.disabled && !n && r.openByOpener(e), t.disabled && n && n.close();
+				}
+			}
+		}
+		return (e, t) => (y(), c(i, null, [l("template", { ref: o }), x(e.$slots, "default")], 64));
+	}
+}), M = {
+	key: 0,
+	class: "top-popup_header"
+}, N = {
+	key: 0,
+	class: "top-as-a closer"
+}, P = {
+	key: 1,
+	class: "top-popup_widget"
+}, F = {
+	key: 2,
+	class: "top-popup_content"
+}, I = {
+	key: 4,
+	class: "top-popup_footer"
+}, L = ["href"], R = /* @__PURE__ */ p({
+	__name: "popup",
+	props: {
+		id: { default: "" },
+		class: {},
+		transitionDuration: {},
+		footerSupportLink: {},
+		pos: { default: "3" },
+		notch: {
+			type: Boolean,
+			default: !0
+		},
+		openByFocusInput: { type: Boolean },
+		openByHover: { type: Boolean },
+		disabled: { type: Boolean },
+		posBy: { default: "fixed" },
+		data: {}
+	},
+	emits: [
+		"open",
+		"close",
+		"scrollContentList"
+	],
+	setup(e, { expose: n, emit: l }) {
+		let u = e, d = l, p = u.id || "top-popup-id-" + Math.random(), m = {
+			id: p,
+			popup: void 0
+		};
+		n(m);
+		let h = b(null), g = b(null), v = b(), C = {
+			onOpen: async (e) => {
+				e.elPopup && (h.value = e.elPopup), e.elPopupInner && (e.elPopupInner.innerText = "", g.value = e.elPopupInner), C.opened = !0, C.popup = e, m.popup = e, v.value = e.el.__TopPopupOpenerProps.data, d("open", {
+					elPopup: e.elPopup,
+					elPopupOpener: e.el,
+					data: v.value
+				});
+			},
+			onClose: (e) => {
+				g.value = null, C.opened = !1, C.popup = void 0, v.value = void 0, d("close", {
+					elPopup: e.elPopup,
+					elPopupOpener: e.el,
+					data: e.el.__TopPopupOpenerProps.data
+				});
+			},
+			classRef: T(u, "class"),
+			opened: !1,
+			popup: void 0,
+			transitionDurationRef: T(u, "transitionDuration")
+		};
+		return O(() => u.class, (e, t) => {
+			if (!h.value) return;
+			let n = e?.split(" ") ?? [], r = (t?.split(" ") ?? []).filter((e) => !n.includes(e));
+			h.value.classList.remove(...r), h.value.classList.add(...n);
+		}), r.regVueComponent(p, C), _(() => {
+			r.unregVueComponent(p);
+		}), (n, r) => {
+			let l = S("top-scroll-shadow");
+			return y(), c(i, null, [n.$slots.opener ? (y(), o(j, {
+				key: 0,
+				id: E(p),
+				pos: e.pos,
+				posBy: e.posBy,
+				notch: e.notch,
+				openByFocusInput: e.openByFocusInput,
+				openByHover: n.$core.state.isMobile || n.$core.state.isMobileUA ? !1 : e.openByHover,
+				disabled: e.disabled
+			}, {
+				default: k(() => [x(n.$slots, "opener")]),
+				_: 3
+			}, 8, [
+				"id",
+				"pos",
+				"posBy",
+				"notch",
+				"openByFocusInput",
+				"openByHover",
+				"disabled"
+			])) : s("", !0), g.value ? (y(), o(a, {
+				key: 1,
+				to: g.value
+			}, [
+				n.$slots.header || n.$core.state.isMobile ? (y(), c("div", M, [n.$core.state.isMobile ? (y(), c("span", N, w(n.$i18n.Common.Close), 1)) : s("", !0), x(n.$slots, "header", { data: v.value })])) : s("", !0),
+				n.$slots.widget ? (y(), c("div", P, [x(n.$slots, "widget")])) : s("", !0),
+				n.$slots.content ? A((y(), c("div", F, [x(n.$slots, "content", { data: v.value })])), [[l]]) : s("", !0),
+				n.$slots.contentList ? A((y(), c("ul", {
+					key: 3,
+					class: "top-popup_content",
+					onScroll: r[0] ||= (e) => n.$emit("scrollContentList", e)
+				}, [x(n.$slots, "contentList", { data: v.value })], 32)), [[l]]) : s("", !0),
+				n.$slots.footer || e.footerSupportLink ? (y(), c("div", I, [e.footerSupportLink ? (y(), c("a", {
+					key: 0,
+					class: "top-popup_footerSupportLink",
+					href: e.footerSupportLink,
+					target: "_blank"
+				}, [f(t, { hint: "" })], 8, L)) : s("", !0), x(n.$slots, "footer", { data: v.value })])) : s("", !0)
+			], 8, ["to"])) : s("", !0)], 64);
+		};
+	}
+}), z = { class: "top-popup_listItemActionsLabel top-ellipsis1" }, B = { class: "top-popup_listItemActions" }, V = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "listItem",
+	props: {
+		type: { default: "button" },
+		closeByClick: {
+			type: Boolean,
+			default: !0
+		},
+		attrs: {}
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (y(), c("li", { class: g({ "top-popup_liNoSelectable": t.type !== "button" }) }, [(y(), o(C(n.$attrs.href ? "a" : "div"), h({ class: {
+			"top-popup_listItem": !0,
+			["top-popup_listItem-" + t.type]: !!t.type,
+			"top-popup_liastItem-withActions": n.$slots.actions,
+			"top-popup-noCloser": !e.closeByClick,
+			a: t.type === "button"
+		} }, {
+			...n.$attrs,
+			...e.attrs
+		}), {
+			default: k(() => [n.$slots.actions ? (y(), c(i, { key: 0 }, [l("div", z, [x(n.$slots, "default")]), l("div", B, [x(n.$slots, "actions")])], 64)) : x(n.$slots, "default", { key: 1 })]),
+			_: 3
+		}, 16, ["class"])), x(n.$slots, "buttons")], 2));
+	}
+}), H = /* @__PURE__ */ p({
+	__name: "widgetInput",
+	props: /* @__PURE__ */ m({
+		modelValue: {},
+		name: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		modificator: {},
+		size: {},
+		styling: {},
+		isError: { type: Boolean },
+		isLoading: { type: Boolean },
+		icon: {},
+		icon2: {},
+		addCleaner: {
+			type: Boolean,
+			default: !0
+		},
+		title: {},
+		captionType: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let n = D(t, "modelValue");
+		return (t, r) => (y(), o(e, h(t.$props, {
+			modificator: "popupWidgetInput",
+			modelValue: n.value,
+			"onUpdate:modelValue": r[0] ||= (e) => n.value = e
+		}), null, 16, ["modelValue"]));
+	}
+}), U = /* @__PURE__ */ p({
+	__name: "popupAlert",
+	props: {
+		submitText: {},
+		id: {},
+		class: {},
+		transitionDuration: {},
+		footerSupportLink: {},
+		pos: {},
+		notch: { type: Boolean },
+		openByFocusInput: { type: Boolean },
+		openByHover: { type: Boolean },
+		disabled: { type: Boolean },
+		posBy: {},
+		data: {}
+	},
+	emits: [
+		"open",
+		"close",
+		"scrollContentList"
+	],
+	setup(e) {
+		let { submitText: t, ...r } = e;
+		return (e, i) => (y(), o(R, h({ class: "top-popupAlert" }, r, {
+			onOpen: i[0] ||= (t) => e.$emit("open", t),
+			onClose: i[1] ||= (t) => e.$emit("close", t),
+			onScrollContentList: i[2] ||= (...t) => e.$emit("scrollContentList", ...t)
+		}), u({
+			opener: k(() => [x(e.$slots, "opener")]),
+			footer: k(() => [x(e.$slots, "footer"), f(n, null, {
+				default: k(() => [d(w(E(t) || e.$i18n.Common.Close), 1)]),
+				_: 1
+			})]),
+			_: 2
+		}, [e.$slots.header ? {
+			name: "header",
+			fn: k(() => [x(e.$slots, "header")]),
+			key: "0"
+		} : void 0, e.$slots.default ? {
+			name: "content",
+			fn: k(() => [x(e.$slots, "default")]),
+			key: "1"
+		} : void 0]), 1040));
+	}
+}), W = /* @__PURE__ */ p({
+	__name: "popupConfirm",
+	props: {
+		cancelText: {},
+		submitText: {},
+		isWarning: { type: Boolean },
+		id: {},
+		class: {},
+		transitionDuration: {},
+		footerSupportLink: {},
+		pos: {},
+		notch: { type: Boolean },
+		openByFocusInput: { type: Boolean },
+		openByHover: { type: Boolean },
+		disabled: { type: Boolean },
+		posBy: {},
+		data: {}
+	},
+	emits: [
+		"open",
+		"close",
+		"scrollContentList",
+		"submit"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = b(!1), s = () => {
+			a.value = !0, i("submit");
+		}, c = (e) => {
+			if (a.value) {
+				a.value = !1;
+				return;
+			}
+			i("close", e);
+		}, { submitText: l, cancelText: p, isWarning: m, ...g } = r;
+		return (e, t) => (y(), o(R, h({ class: "top-popupConfirm" }, g, {
+			onOpen: t[0] ||= (t) => e.$emit("open", t),
+			onClose: t[1] ||= (e) => c(e),
+			onScrollContentList: t[2] ||= (...t) => e.$emit("scrollContentList", ...t)
+		}), u({
+			opener: k(() => [x(e.$slots, "opener")]),
+			footer: k(() => [
+				x(e.$slots, "footer"),
+				f(n, { color: "theme" }, {
+					default: k(() => [d(w(E(p) || e.$i18n.Common.Cancel), 1)]),
+					_: 1
+				}),
+				f(n, {
+					onClick: s,
+					color: E(m) ? "red" : "blue"
+				}, {
+					default: k(() => [d(w(E(l) || e.$i18n.Common.Continue), 1)]),
+					_: 1
+				}, 8, ["color"])
+			]),
+			_: 2
+		}, [e.$slots.header ? {
+			name: "header",
+			fn: k(() => [x(e.$slots, "header")]),
+			key: "0"
+		} : void 0, e.$slots.default ? {
+			name: "content",
+			fn: k(() => [x(e.$slots, "default")]),
+			key: "1"
+		} : void 0]), 1040));
+	}
+}), G = /* @__PURE__ */ p({
+	__name: "popupPrompt",
+	props: {
+		submitText: {},
+		cancelText: {},
+		defaultValue: {},
+		id: {},
+		class: {},
+		transitionDuration: {},
+		footerSupportLink: {},
+		pos: {},
+		notch: { type: Boolean },
+		openByFocusInput: { type: Boolean },
+		openByHover: { type: Boolean },
+		disabled: { type: Boolean },
+		posBy: {},
+		data: {}
+	},
+	emits: [
+		"open",
+		"close",
+		"scrollContentList",
+		"submit"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = () => c.value = r.defaultValue ?? "", s = b(!1), c = b();
+		O(() => r.defaultValue, () => a(), { immediate: !0 });
+		let l = () => {
+			s.value = !0;
+		}, p = (e) => {
+			if (s.value) {
+				s.value = !1, i("submit", c.value), a();
+				return;
+			}
+			a(), i("close", e);
+		}, { submitText: m, cancelText: g, defaultValue: _, ...v } = r;
+		return (e, t) => (y(), o(R, h({ class: "top-popupPrompt" }, v, {
+			onOpen: t[1] ||= (t) => e.$emit("open", t),
+			onClose: t[2] ||= (e) => p(e),
+			onScrollContentList: t[3] ||= (...t) => e.$emit("scrollContentList", ...t)
+		}), u({
+			opener: k(() => [x(e.$slots, "opener")]),
+			footer: k(() => [
+				x(e.$slots, "footer"),
+				f(n, { color: "theme" }, {
+					default: k(() => [d(w(E(g) || e.$i18n.Common.Cancel), 1)]),
+					_: 1
+				}),
+				f(n, { onClick: l }, {
+					default: k(() => [d(w(E(m) || e.$i18n.Common.OK), 1)]),
+					_: 1
+				})
+			]),
+			_: 2
+		}, [e.$slots.header ? {
+			name: "header",
+			fn: k(() => [x(e.$slots, "header")]),
+			key: "0"
+		} : void 0, e.$slots.default ? {
+			name: "content",
+			fn: k(() => [x(e.$slots, "default"), f(H, {
+				modelValue: c.value,
+				"onUpdate:modelValue": t[0] ||= (e) => c.value = e,
+				modelModifiers: { trim: !0 }
+			}, null, 8, ["modelValue"])]),
+			key: "1"
+		} : void 0]), 1040));
+	}
+}), K = /* @__PURE__ */ p({
+	__name: "popupHint",
+	props: {
+		hint: {},
+		id: {},
+		class: {},
+		transitionDuration: {},
+		footerSupportLink: {},
+		pos: {},
+		notch: { type: Boolean },
+		openByFocusInput: { type: Boolean },
+		openByHover: { type: Boolean },
+		disabled: { type: Boolean },
+		posBy: {},
+		data: {}
+	},
+	setup(e) {
+		let { hint: n, ...r } = e;
+		return (e, i) => {
+			let a = S("top-tooltip");
+			return y(), o(R, h({ class: "top-popupHint" }, r, {
+				onOpen: i[0] ||= (t) => e.$emit("open", t),
+				onClose: i[1] ||= (t) => e.$emit("close", t),
+				onScrollContentList: i[2] ||= (...t) => e.$emit("scrollContentList", ...t)
+			}), u({
+				opener: k(() => [A(f(t, {
+					hint: E(n),
+					class: "top-popupHint_opener"
+				}, null, 8, ["hint"]), [[a]])]),
+				_: 2
+			}, [e.$slots.default ? {
+				name: "content",
+				fn: k(() => [x(e.$slots, "default")]),
+				key: "0"
+			} : void 0]), 1040);
+		};
+	}
+});
+//#endregion
+export { H as a, j as c, U as i, G as n, V as o, W as r, R as s, K as t };
+
+//# sourceMappingURL=popup-DrByVU-k.esm.js.map

package/.chunks/popup-DrByVU-k.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-DrByVU-k.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\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\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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"}

package/.chunks/popup-dNrN-eKi.amd.js

@@ -0,0 +1,2 @@
+var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};define([`require`,`exports`,`./forms-CbUt-6Ff.amd`,`../utils/dom.amd`,`./worker-Db8YrEHo.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;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=>{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.elPopup,this.openerIsInput||(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()});
+//# sourceMappingURL=popup-dNrN-eKi.amd.js.map