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

package/.chunks/formsExt-CrTmBhja.esm.js

@@ -0,0 +1,807 @@
+
+		/* start import css */
+		import { Core as _autoloadCSSCore } from '../core/app.js';
+		const fileNames = ['../assets/formsExt.css'].map(fileName => import.meta.resolve(fileName));
+		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
+		/* end import css */
+	
+import "./api-CawzY1Cw.esm.js";
+import { E as e, G as t, O as n, P as r, a as i, c as a, f as o, h as s, r as c, t as l } from "./forms-CbUt-6Ff.esm.js";
+import { t as u } from "./field-CjkpGeA7.esm.js";
+import { invertKeyboardLayout as d } from "../utils/keyboard.js";
+import { a as f, o as p, s as m } from "./popup-DrByVU-k.esm.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as x, createTextVNode as S, createVNode as C, defineComponent as w, mergeModels as T, mergeProps as E, normalizeClass as D, onMounted as O, onUpdated as k, openBlock as A, ref as j, renderList as M, renderSlot as N, resolveComponent as P, resolveDirective as F, resolveDynamicComponent as I, toDisplayString as L, toRef as R, unref as z, useModel as B, watch as V, withCtx as H, withDirectives as U, withKeys as W, withModifiers as G } from "vue";
+//#region src/components/formsExt/menu/menu.vue?vue&type=script&setup=true&lang.ts
+var K = {
+	key: 0,
+	class: "top-menu_selectAll"
+}, ee = /* @__PURE__ */ w({
+	__name: "menu",
+	props: /* @__PURE__ */ T({
+		modelValue: {},
+		items: {},
+		isMultiple: { type: Boolean },
+		canBeEmptyMultiple: { type: Boolean },
+		styling: { default: "default" },
+		selectAllItem: {}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let r = e, i = B(e, "modelValue"), a = j();
+		!r.isMultiple && typeof i.value != "string" && typeof i.value != "number" && console.warn("Type check failed for prop \"modelValue\". Expected String: " + typeof i.value), r.isMultiple && !Array.isArray(i.value) && console.warn("Type check failed for prop \"modelValue\". Expected Array: " + typeof i.value), r.isMultiple && !r.canBeEmptyMultiple && Array.isArray(i.value) && !i.value.length && r.items[0] && (i.value = [r.items[0]?.href ?? r.items[0]?.value]);
+		let o = (e) => Array.isArray(i.value) ? i.value.includes(e.value) : e.value === i.value, c = (e, t = !1) => {
+			if (Array.isArray(i.value)) {
+				let n = i.value.slice();
+				if (t) {
+					n.length || (n = r.items.map((e) => e.value));
+					let t = n.indexOf(e.value);
+					t === -1 ? n.push(e.value) : n.splice(t, 1);
+				} else n = n.length === 1 && n[0] === e.value ? [] : [e.value];
+				!r.canBeEmptyMultiple && !n.length && (n = [e.value]), i.value = n;
+				return;
+			}
+			i.value = e.value;
+		}, l = (e) => {
+			if (a.value.scrollWidth <= a.value.offsetWidth || e.shiftKey || Math.abs(e.deltaY) < 50) return;
+			e.preventDefault();
+			let t = e.deltaY > 0 ? 30 : -30;
+			a.value.scrollLeft = a.value.scrollLeft + t;
+		}, u = (e = !0) => {
+			let r = a.value.querySelector(".top-active");
+			if (!r) return;
+			let i = r.offsetLeft - a.value.offsetLeft - 24, o = r.offsetLeft - a.value.offsetLeft + r.clientWidth + 24, s = a.value.scrollLeft, c = a.value.clientWidth + a.value.scrollLeft, l;
+			i < s && (l = i), o > c && (l = o - a.value.clientWidth), l !== void 0 && (t() ? n.$?.(a.value).animate({ scrollLeft: l }, e ? 200 : 0) : a.value.scrollTo({
+				left: l,
+				behavior: e ? "smooth" : "auto"
+			}));
+		}, d = () => {
+			if (Array.isArray(i.value)) {
+				if (i.value.length === r.items.length) {
+					i.value = [r.items[0].href ?? r.items[0].value];
+					return;
+				}
+				i.value = r.items.map((e) => e.href ?? e.value);
+			}
+		};
+		return O(() => u(!1)), k(() => u(!0)), (t, n) => (A(), y("div", {
+			ref_key: "el",
+			ref: a,
+			class: D({
+				"top-menu": !0,
+				["top-style_" + e.styling]: !0
+			}),
+			onWheel: l
+		}, [(A(!0), y(h, null, M(e.items, (e) => (A(), _(s, E({ ref_for: !0 }, e, {
+			class: "top-menu_item",
+			color: "theme",
+			onClick: (t) => c(e, t.ctrlKey || t.metaKey),
+			isActive: o(e)
+		}), x({ _: 2 }, [e.content ? {
+			name: "default",
+			fn: H(() => [S(L(e.content), 1)]),
+			key: "0"
+		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (A(), y("div", K, [C(s, E(e.selectAllItem, {
+			class: "top-menu_item",
+			color: "theme",
+			styling: "",
+			onClick: n[0] ||= (e) => d(),
+			isActive: i.value.length === e.items.length
+		}), x({ _: 2 }, [e.selectAllItem.content ? {
+			name: "default",
+			fn: H(() => [S(L(e.selectAllItem.content), 1)]),
+			key: "0"
+		} : void 0]), 1040, ["isActive"])])) : v("", !0)], 34));
+	}
+}), te = { class: "top-selector2_itemMulti top-ellipsis" }, ne = /* @__PURE__ */ w({
+	__name: "itemMulti",
+	props: {
+		id: {},
+		name: {}
+	},
+	emits: ["delete"],
+	setup(e) {
+		return (t, n) => (A(), y("div", te, [S(L(e.name) + " ", 1), b("span", {
+			class: "top-selector2_itemMultiDelete",
+			"data-top-icon": "",
+			onClick: n[0] ||= (n) => t.$emit("delete", {
+				id: e.id,
+				name: e.name
+			}),
+			onMousedown: n[1] ||= G(() => {}, ["stop"])
+		}, null, 32)]));
+	}
+}), q = /* @__PURE__ */ new Map(), J = (e) => {
+	q.get(e)?.clear();
+}, Y = (e) => {
+	let t = window.mo?.user?.id;
+	return JSON.stringify(e.params) + ":" + e.url + ":" + t;
+}, X = (e, t) => q.get(t)?.get(e), re = (e, t, n) => {
+	q.has(t) || q.set(t, /* @__PURE__ */ new Map()), q.get(t)?.set(e, n);
+}, ie = (e, t, n, i) => {
+	let a = j([]), o = j(!1), s = j(0), c = "", l;
+	e && !e.params.limit && (e.params.limit = 100);
+	let u = async () => {
+		if (!e) return;
+		let t = i ? Y(e) : void 0;
+		if (t) {
+			let n = X(t, e.path);
+			if (n) return e.abortByFingerprint(), n;
+		}
+		let n = await e.call();
+		if (n.errors) return;
+		if (!Array.isArray(n.result)) {
+			console.warn("Array expected in `res.result`");
+			return;
+		}
+		let r = n.result.findIndex((e) => e.id === void 0 || e.name === void 0);
+		if (r !== -1) {
+			console.warn(`В result[${r}] нет id или name`);
+			return;
+		}
+		return t && re(t, e.path, n), n;
+	}, d = async (n) => {
+		if (!e) return;
+		if (n) {
+			if (!l || o.value) return;
+			e.params.offset = l;
+		} else e.params.offset = 0;
+		t?.(e, c), o.value = !0;
+		let r = await u();
+		o.value = !1, s.value++, r && (l = r.nextOffset, n ? a.value = a.value.concat(r.result) : a.value = r.result);
+	}, f = r(() => d(!1), 200);
+	return {
+		apiRequest: e,
+		items: a,
+		isLoading: o,
+		countLoading: s,
+		load: d,
+		setSearchTextAndLoad: (t, r = !0) => {
+			if (e) {
+				if (t.length < n) {
+					e.abortByFingerprint(), a.value = [];
+					return;
+				}
+				t === c && a.value.length || (c = t, r ? f() : d(!1));
+			}
+		}
+	};
+}, ae = 0, oe = null, Z = (e, t, n = !0) => n && t.id === null ? Array.isArray(e) ? e.some((e) => e.id === t.id && e.name === t.name) : t.name === e.name : Array.isArray(e) ? e.some((e) => e.id === t.id) : t.id === e.id, se = (e, t, n) => {
+	let r = e.params.filters ?? [];
+	r = r.filter((e) => e.name !== n), t && r.push(u(n, "CONTAINS", [t])), e.changeParams({ filters: r });
+}, ce = (t, n, r, i, a, o, s, c, l, u, f, p, m) => {
+	let h = j(""), _ = {
+		id: 0,
+		name: e().Common.All
+	}, v = () => {
+		h.value = "";
+	}, y = () => !(!m.apiRequest || h.value.length >= p), b = g(() => {
+		let e = [];
+		return !i && a.value && (typeof a.value == "string" && (_.name = a.value), e.push(_)), r.value?.forEach((t) => e.push({ ...t })), e;
+	}), x = j([]), S = () => {
+		x.value = C();
+	}, C = () => {
+		let e = h.value.toLowerCase(), n = d(e), r = [], a, f = [], p = () => {
+			f.at(-1)?.listItemProps?.type === "delimiter" && f.pop(), f.length &&= (a && r.push(a), r.push(...f), 0);
+		};
+		for (let t of b.value) switch (t.listItemProps?.type) {
+			case "title":
+				p(), a = t;
+				break;
+			case "delimiter":
+				if (f.length) {
+					let e = f.length;
+					f.at(-1)?.listItemProps?.type === "delimiter" && e--, f[e] = t;
+				}
+				break;
+			default:
+				let r = u.value?.includes("id"), i = t.name.toLowerCase(), o = u.value?.filter((e) => e !== "id").map((e) => typeof t[e] == "string" || typeof t[e] == "number" ? t[e] : "").join("☼").toLowerCase();
+				(r && t.id === Number(e) || o?.includes(e) || o?.includes(n)) && (i === e || i === n ? f.unshift(t) : f.push(t));
+		}
+		if (p(), r.push(...m.items.value), o.value && h.value && (!c.value || c.value(e)) && (s.value || !r.find((t) => t.name.toLowerCase() === e))) {
+			let e = {
+				id: null,
+				name: h.value
+			};
+			l.value && (e.listItemProps = { closeByClick: !1 }), r.push(e);
+		}
+		return i && (r = r.filter((e) => !Z(t.value, e))), r;
+	}, w = (e) => {
+		e.listItemProps?.type === "title" || e.listItemProps?.type === "delimiter" || e.id === null && (n("appendItem", e), l.value) || (i && Array.isArray(t.value) ? Z(t.value, e) || (t.value = [...t.value, e]) : t.value = e, setTimeout(() => {
+			v();
+		}));
+	};
+	if (m.apiRequest) {
+		let e = [r, m.items];
+		i && e.push(t), V(e, () => {
+			S();
+		});
+	} else V([
+		t,
+		r,
+		h
+	], () => {
+		S();
+	}, {
+		immediate: !0,
+		deep: 2
+	});
+	return {
+		searchText: h,
+		resetSearch: v,
+		genIsShort: y,
+		itemsForShow: x,
+		selectItem: w,
+		selectNextItem: () => {
+			if (Array.isArray(t.value)) return;
+			let e = x.value.filter((e) => !["title", "delimiter"].includes(e.listItemProps?.type ?? ""));
+			t.value = { ...e[(e.findIndex((e) => e.id === t.value.id) + 1) % e.length] };
+		},
+		deleteItemByItem: async (e) => {
+			Array.isArray(t.value) && (t.value = t.value.filter((t) => t.id !== e.id || t.name !== e.name));
+		}
+	};
+}, le = {
+	key: 0,
+	class: "top-selector2_activeItems"
+}, ue = {
+	key: 1,
+	class: "top-selector2_activeName top-ellipsis"
+}, de = {
+	key: 2,
+	class: "top-selector2_placeholder top-ellipsis"
+}, fe = { class: "top-selector2_searchWidget" }, pe = /* @__PURE__ */ w({
+	__name: "selector2",
+	props: /* @__PURE__ */ T({
+		modelValue: {},
+		items: { default: () => [] },
+		title: {},
+		disabled: { type: Boolean },
+		icon: {},
+		modificator: {},
+		size: { default: "s" },
+		isError: { type: Boolean },
+		openByFocusInput: {
+			type: Boolean,
+			default: void 0
+		},
+		searchType: { default: "popup" },
+		searchFields: { default: () => ["id", "name"] },
+		placeholder: {},
+		hasCloserBtn: { type: Boolean },
+		api: {},
+		apiSetSearchParams: {},
+		minLength: { default: 0 },
+		useCache: { type: Boolean },
+		appendSearchToResult: { type: Boolean },
+		appendSearchAllowDuplicate: { type: Boolean },
+		appendSearchToResultCond: {},
+		appendWithoutSelect: { type: Boolean },
+		multiselect: { type: Boolean },
+		useAllItem: { type: [Boolean, String] },
+		addChanger: { type: Boolean },
+		buttonProps: {},
+		selectedAsPlaceholder: { type: Boolean },
+		openerShortcut: {}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T(["appendItem", "open"], ["update:modelValue"]),
+	setup(e, { expose: t, emit: r }) {
+		let i = e, a = B(e, "modelValue"), o = r;
+		t({ resetCache: (e = !1) => {
+			c.apiRequest && (e && J(c.apiRequest.path), c.items.value = [], c.countLoading.value = 0, c.apiRequest.params.offset = 0, requestAnimationFrame(() => {
+				u.itemsForShow.value = [];
+			}), T()?.elPopup && c.setSearchTextAndLoad(u.searchText.value));
+		} });
+		let s = g(() => i.searchType === "inline" && i.multiselect || i.searchType === "inline" && n.state.isMobile ? "popup" : i.searchType), c = ie(i.api, i.apiSetSearchParams, i.minLength, i.useCache), u = ce(a, o, R(i, "items"), i.multiselect, R(i, "useAllItem"), R(i, "appendSearchToResult"), R(i, "appendSearchAllowDuplicate"), R(i, "appendSearchToResultCond"), R(i, "appendWithoutSelect"), R(i, "searchFields"), s, i.minLength, c), d = g(() => i.buttonProps ? "TopButton" : s.value === "inline" ? "TopInput" : "div"), w = j(null), T = () => w.value?.popup;
+		c.apiRequest && V(u.searchText, () => {
+			c.setSearchTextAndLoad(u.searchText.value);
+		});
+		let D = g(() => Array.isArray(a.value) || i.multiselect || !i.selectedAsPlaceholder && s.value !== "inline" ? i.placeholder : a.value?.name || i.placeholder), O = (e) => {
+			let t = !1;
+			switch (e.key) {
+				case "Delete":
+				case "Backspace":
+					Array.isArray(a.value) && (e.preventDefault(), e.stopPropagation(), a.value.pop());
+					break;
+				case "ArrowUp":
+				case "ArrowRight":
+				case "ArrowDown":
+				case "ArrowLeft":
+				case "Enter":
+				case " ":
+					t = !0;
+					break;
+				case "Escape":
+					s.value === "inline" && u.resetSearch();
+					break;
+			}
+			let n = e.key.length === 1 && !e.ctrlKey && !e.metaKey;
+			(s.value === "popup" || s.value === "inline") && n && (t = !0), T()?.elPopup && (t = !1), t && (s.value === "popup" && (e.preventDefault(), e.stopPropagation(), n && (u.searchText.value || (u.searchText.value = e.key))), e.currentTarget?.click());
+		}, k = (e) => {
+			e.preventDefault(), u.selectNextItem();
+		}, W = () => {
+			c.apiRequest && c.setSearchTextAndLoad(u.searchText.value, !1), o("open");
+		}, G = () => {
+			s.value === "popup" && u.searchText.value && u.resetSearch();
+		}, K = (e) => {
+			let t = e.target;
+			t.scrollTop / (t.scrollHeight - t.offsetHeight) > .8 && c.load(!0);
+		};
+		return (t, r) => {
+			let i = P("TopButton"), o = P("TopLoadbar"), g = F("top-focus"), T = F("top-shortcut");
+			return A(), _(z(m), {
+				ref_key: "popupRef",
+				ref: w,
+				onOpen: r[3] ||= (e) => W(),
+				onClose: r[4] ||= (e) => G(),
+				onScrollContentList: r[5] ||= (e) => z(c) ? K(e) : void 0,
+				notch: !1,
+				transitionDuration: 0,
+				openByFocusInput: s.value === "inline" && (e.openByFocusInput ?? !0),
+				disabled: s.value === "inline" && z(u).genIsShort()
+			}, x({
+				opener: H(() => [U((A(), _(I(d.value), E(e.buttonProps, {
+					class: {
+						"top-selector2": !0,
+						"top-selector2-multiselect": e.multiselect,
+						["top-selector2-" + e.modificator]: !!e.modificator,
+						"top-as-input": !e.buttonProps && s.value !== "inline",
+						"top-as-selector": !0,
+						["top-size_" + e.size]: !0,
+						"top-disabled": e.disabled,
+						"top-forms-focusable": !e.disabled,
+						"top-error": e.isError
+					},
+					icon: e.icon,
+					tabindex: "0",
+					onKeydown: O,
+					onBlur: r[0] ||= (e) => s.value === "inline" && z(u).resetSearch(),
+					placeholder: D.value,
+					title: e.title,
+					captionType: s.value === "inline" && e.title !== void 0 ? "top" : void 0,
+					modelValue: z(u).searchText.value,
+					"onUpdate:modelValue": r[1] ||= (e) => z(u).searchText.value = e
+				}), {
+					default: H(() => [
+						e.multiselect ? (A(), y("div", le, [(A(!0), y(h, null, M(a.value, (e) => (A(), _(ne, {
+							id: e.id,
+							name: e.name,
+							onDelete: z(u).deleteItemByItem
+						}, null, 8, [
+							"id",
+							"name",
+							"onDelete"
+						]))), 256))])) : v("", !0),
+						s.value !== "inline" && !e.multiselect ? (A(), y("span", ue, L(Array.isArray(a.value) ? "" : a.value.name), 1)) : v("", !0),
+						e.multiselect && !a.value.length ? (A(), y("span", de, L(D.value), 1)) : v("", !0),
+						e.addChanger && !e.buttonProps && !e.multiselect && z(u).itemsForShow.value.length > 1 && !e.disabled ? (A(), y("span", {
+							key: 3,
+							class: "top-changer top-changer-selector",
+							"data-top-popup-disabled": "true",
+							onClick: k
+						})) : v("", !0)
+					]),
+					_: 1
+				}, 16, [
+					"class",
+					"icon",
+					"placeholder",
+					"title",
+					"captionType",
+					"modelValue"
+				])), [[
+					g,
+					e.isError,
+					void 0,
+					{ onupdate: !0 }
+				], [T, e.openerShortcut]])]),
+				contentList: H(() => [
+					(A(!0), y(h, null, M(z(u).itemsForShow.value, (r) => (A(), _(z(p), E({
+						key: r.id ?? void 0,
+						class: {
+							"top-active": !Array.isArray(a.value) && !e.multiselect && a.value.id === r.id && a.value.name === r.name,
+							"top-selector2_item-all": r.id === z(0),
+							"top-selector2_item-new": r.id === z(null)
+						},
+						closeByClick: !e.multiselect || z(n).state.isMobile
+					}, { ref_for: !0 }, r.listItemProps, { onClick: (e) => z(u).selectItem(r) }), {
+						default: H(() => [t.$slots.item ? N(t.$slots, "item", {
+							key: 0,
+							item: r
+						}) : (A(), y(h, { key: 1 }, [S(L(r.name), 1)], 64))]),
+						_: 2
+					}, 1040, [
+						"class",
+						"closeByClick",
+						"onClick"
+					]))), 128)),
+					!z(u).itemsForShow.value.length && !z(u).genIsShort() ? (A(), _(z(p), {
+						key: 0,
+						type: "regular"
+					}, {
+						default: H(() => [!z(c).isLoading.value || z(c).countLoading.value ? (A(), y(h, { key: 0 }, [S(L(t.$i18n.Common.No_results), 1)], 64)) : (A(), _(z(l), {
+							key: 1,
+							type: "circles"
+						}))]),
+						_: 1
+					})) : v("", !0),
+					z(c).countLoading.value && z(c).isLoading.value && s.value === "inline" ? (A(), _(o, { key: 1 })) : v("", !0)
+				]),
+				_: 2
+			}, [s.value === "popup" ? {
+				name: "widget",
+				fn: H(() => [b("div", fe, [U(C(z(f), {
+					title: "Поиск",
+					icon: "",
+					modelValue: z(u).searchText.value,
+					"onUpdate:modelValue": r[2] ||= (e) => z(u).searchText.value = e,
+					isLoading: !!z(c).countLoading.value && z(c).isLoading.value,
+					placeholder: D.value
+				}, null, 8, [
+					"modelValue",
+					"isLoading",
+					"placeholder"
+				]), [[
+					g,
+					a.value,
+					void 0,
+					{ onupdate: !0 }
+				]]), e.hasCloserBtn && !t.$core.state.isMobile ? (A(), _(i, {
+					key: 0,
+					class: "closer",
+					color: "theme"
+				}, {
+					default: H(() => [S(L(t.$i18n.Common.Cancel), 1)]),
+					_: 1
+				})) : v("", !0)])]),
+				key: "0"
+			} : void 0]), 1032, ["openByFocusInput", "disabled"]);
+		};
+	}
+}), me = { class: "top-editArea_footer" }, he = /* @__PURE__ */ w({
+	__name: "editArea",
+	props: {
+		defaultValue: { default: "" },
+		title: {},
+		cancelText: { default: "Cancel" },
+		submitText: { default: "Send" },
+		closeText: { default: "Close" },
+		isFocused: { type: Boolean },
+		forceShowCloseBtn: { type: Boolean },
+		attachToKeyboard: { type: Boolean },
+		modelValue: {},
+		name: {},
+		placeholder: {},
+		styling: {},
+		rows: {},
+		minHeight: {},
+		expandable: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		isError: { type: Boolean },
+		hint: {},
+		maxLength: {}
+	},
+	emits: [
+		"submit",
+		"close",
+		"clickOnTitle"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = j(n.defaultValue), a = j(n.isFocused), o = g(() => i.value !== n.defaultValue), l = (e) => {
+			r("submit", e), i.value = n.defaultValue;
+		}, u = () => {
+			if (n.forceShowCloseBtn && !o.value) {
+				r("close");
+				return;
+			}
+			i.value = n.defaultValue;
+		}, d = () => {
+			n.attachToKeyboard && r("clickOnTitle");
+		};
+		return (t, n) => (A(), y("div", { class: D({
+			"top-editArea": !0,
+			"top-editArea-attachedToKeyboard": e.attachToKeyboard
+		}) }, [e.title || t.$slots.caption ? (A(), y("div", {
+			key: 0,
+			class: "top-editArea_caption",
+			onClick: n[0] ||= (e) => d()
+		}, [N(t.$slots, "caption", {}, () => [S(L(e.title), 1)])])) : v("", !0), b("div", { class: D({
+			"top-editArea_form": !0,
+			"top-forms-focusable": !0,
+			"top-as-input": !0,
+			"top-error": e.isError,
+			"top-focus": a.value
+		}) }, [C(c, {
+			modelValue: i.value,
+			"onUpdate:modelValue": n[1] ||= (e) => i.value = e,
+			name: e.name,
+			placeholder: e.placeholder,
+			rows: e.rows,
+			minHeight: e.minHeight,
+			expandable: e.expandable,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			isError: e.isError,
+			hint: e.hint,
+			class: "top-editArea_element",
+			onFocus: n[2] ||= () => a.value = !0,
+			onBlur: n[3] ||= () => a.value = !1,
+			onKeyup: [W(u, ["esc"]), n[4] ||= W(G((e) => l(i.value), ["ctrl"]), ["enter"])]
+		}, null, 8, [
+			"modelValue",
+			"name",
+			"placeholder",
+			"rows",
+			"minHeight",
+			"expandable",
+			"disabled",
+			"readonly",
+			"isError",
+			"hint"
+		]), b("div", me, [o.value || e.forceShowCloseBtn ? (A(), _(s, {
+			key: 0,
+			icon: t.$core.state.isMobile ? "" : "",
+			class: "top-editArea_button",
+			color: "theme",
+			styling: "soft",
+			onClick: u
+		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
+			name: "default",
+			fn: H(() => [S(L(e.cancelText), 1)]),
+			key: "0"
+		}]), 1032, ["icon"])) : v("", !0), o.value ? (A(), _(s, {
+			key: 1,
+			class: "top-editArea_button",
+			icon: t.$core.state.isMobile ? "" : "",
+			onClick: n[5] ||= (e) => l(i.value)
+		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
+			name: "default",
+			fn: H(() => [S(L(e.submitText), 1)]),
+			key: "0"
+		}]), 1032, ["icon"])) : v("", !0)])], 2)], 2));
+	}
+}), ge = { class: "top-editInput" }, Q = /* @__PURE__ */ w({
+	__name: "editInput",
+	props: {
+		modelValue: {},
+		alwaysShowSubmitBtn: { type: Boolean },
+		input: {},
+		button: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = j(n.modelValue);
+		V(() => n.modelValue, () => {
+			r.value = n.modelValue;
+		});
+		let i = t, o = () => {
+			i("update:modelValue", r.value);
+		};
+		return (t, n) => (A(), y("div", ge, [C(a, E(e.input, {
+			onKeydownCapture: n[0] ||= W(G((t) => r.value = e.modelValue, ["stop"]), ["esc"]),
+			onKeydown: W(G(o, ["stop"]), ["enter"]),
+			modelValue: r.value,
+			"onUpdate:modelValue": n[1] ||= (e) => r.value = e
+		}), x({ _: 2 }, [t.$slots.caption ? {
+			name: "caption",
+			fn: H(() => [N(t.$slots, "caption")]),
+			key: "0"
+		} : void 0]), 1040, ["onKeydown", "modelValue"]), r.value !== e.modelValue || e.alwaysShowSubmitBtn ? (A(), _(s, E({
+			key: 0,
+			icon: "",
+			styling: "soft"
+		}, e.button, { onClick: o }), null, 16)) : v("", !0)]));
+	}
+}), $ = /* @__PURE__ */ w({
+	__name: "optionGroup",
+	props: /* @__PURE__ */ T({
+		modelValue: {},
+		items: {},
+		size: { default: "s" },
+		showIndicator: { type: Boolean },
+		isError: { type: Boolean }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = B(e, "modelValue"), n = e, r = j(null);
+		V(t, () => {
+			let e = n.items.map((e) => e.value);
+			Array.isArray(t.value) ? t.value.find((t) => !e.includes(t)) && (t.value = t.value.filter((t) => e.includes(t))) : e.includes(t.value) || (t.value = e[0] ?? ""), r.value?.querySelector(".radioGroup_item-selected")?.scrollIntoView();
+		}, { immediate: !0 });
+		let a = "optionGroup-" + Math.random();
+		return (n, s) => (A(), y("div", {
+			ref_key: "elRef",
+			ref: r,
+			class: D({
+				"top-optionGroup": !0,
+				["top-optionGroup-showIndicator_" + Number(e.showIndicator)]: !0,
+				"top-scrollBarXHidding": !0,
+				["top-size_" + e.size]: !!e.size,
+				"top-error": e.isError
+			})
+		}, [Array.isArray(t.value) ? (A(!0), y(h, { key: 0 }, M(e.items, (n) => (A(), _(o, {
+			class: D({
+				"top-optionGroup_item-selected": t.value.includes(n.value),
+				"top-optionGroup_item": !0
+			}),
+			modelValue: t.value,
+			"onUpdate:modelValue": s[0] ||= (e) => t.value = e,
+			value: n.value,
+			title: n.title,
+			disabled: n.disabled,
+			isError: e.isError,
+			"data-top-icon": n.icon
+		}, x({ _: 2 }, [n.label ? {
+			name: "default",
+			fn: H(() => [S(L(n.label), 1)]),
+			key: "0"
+		} : void 0]), 1032, [
+			"class",
+			"modelValue",
+			"value",
+			"title",
+			"disabled",
+			"isError",
+			"data-top-icon"
+		]))), 256)) : (A(!0), y(h, { key: 1 }, M(e.items, (n) => (A(), _(i, {
+			class: D({
+				"top-optionGroup_item-selected": n.value === t.value,
+				"top-optionGroup_item": !0
+			}),
+			modelValue: t.value,
+			"onUpdate:modelValue": s[1] ||= (e) => t.value = e,
+			name: a,
+			value: n.value,
+			title: n.title,
+			disabled: n.disabled,
+			isError: e.isError,
+			"data-top-icon": n.icon
+		}, x({ _: 2 }, [n.label ? {
+			name: "default",
+			fn: H(() => [S(L(n.label), 1)]),
+			key: "0"
+		} : void 0]), 1032, [
+			"class",
+			"modelValue",
+			"value",
+			"title",
+			"disabled",
+			"isError",
+			"data-top-icon"
+		]))), 256))], 2));
+	}
+}), _e = /* @__PURE__ */ w({
+	__name: "radioGroup",
+	props: /* @__PURE__ */ T({
+		modelValue: {},
+		items: {},
+		size: {},
+		showIndicator: { type: Boolean },
+		isError: { type: Boolean }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = B(e, "modelValue");
+		return (e, n) => (A(), _($, {
+			class: "top-radioGroup",
+			modelValue: t.value,
+			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
+			items: e.$props.items,
+			size: e.$props.size,
+			showIndicator: e.$props.showIndicator,
+			isError: e.$props.isError
+		}, {
+			default: H(() => [N(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"items",
+			"size",
+			"showIndicator",
+			"isError"
+		]));
+	}
+}), ve = /* @__PURE__ */ w({
+	__name: "checkboxGroup",
+	props: /* @__PURE__ */ T({
+		modelValue: {},
+		items: {},
+		size: {},
+		showIndicator: { type: Boolean },
+		isError: { type: Boolean }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = B(e, "modelValue");
+		return (e, n) => (A(), _($, {
+			class: "top-checkboxGroup",
+			modelValue: t.value,
+			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
+			items: e.$props.items,
+			size: e.$props.size,
+			showIndicator: e.$props.showIndicator,
+			isError: e.$props.isError
+		}, {
+			default: H(() => [N(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"items",
+			"size",
+			"showIndicator",
+			"isError"
+		]));
+	}
+}), ye = ["data-top-icon"], be = { class: "top-info_text" }, xe = {
+	key: 0,
+	class: "top-info_value"
+}, Se = /* @__PURE__ */ w({
+	__name: "info",
+	props: {
+		icon: {},
+		styling: { default: "default" },
+		size: { default: "default" }
+	},
+	setup(e) {
+		return (t, n) => (A(), y("div", {
+			class: D({
+				"top-info": !0,
+				["top-size_" + e.size]: !0,
+				["top-info-styling_" + e.styling]: !0
+			}),
+			"data-top-icon": e.icon
+		}, [b("div", be, [N(t.$slots, "default")]), t.$slots.additional ? (A(), y("span", xe, [N(t.$slots, "additional")])) : v("", !0)], 10, ye));
+	}
+}), Ce = {
+	key: 0,
+	class: "top-policy"
+}, we = { class: "top-policy_title" }, Te = ["innerHTML"], Ee = /* @__PURE__ */ w({
+	__name: "policy",
+	props: {
+		title: {},
+		description: {},
+		acceptText: {}
+	},
+	emits: ["accept"],
+	setup(e, { emit: t }) {
+		let n = t, r = j(!0), i = () => {
+			r.value = !1, n("accept");
+		};
+		return (t, n) => r.value ? (A(), y("div", Ce, [
+			b("div", we, L(e.title), 1),
+			b("div", {
+				class: "top-policy_description",
+				innerHTML: e.description
+			}, null, 8, Te),
+			C(z(s), {
+				size: "m",
+				onClick: i
+			}, {
+				default: H(() => [S(L(e.acceptText), 1)]),
+				_: 1
+			})
+		])) : v("", !0);
+	}
+});
+//#endregion
+export { Q as a, ae as c, ee as d, _e as i, oe as l, Se as n, he as o, ve as r, pe as s, Ee as t, se as u };
+
+//# sourceMappingURL=formsExt-CrTmBhja.esm.js.map