@topvisor/ui 1.5.4-groupSelector.0 → 1.5.4-groupSelector.2

package/.chunks/{formsExt-Ck5q-jXI.esm.js → formsExt-UkSw445A.esm.js}

@@ -5,19 +5,19 @@
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 		/* end import css */
 	
-import "./api-DuS0Qura.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-CdCS6WAQ.esm.js";
-import { t as u } from "./field-CjkpGeA7.esm.js";
+import "./api-D-JuUXVn.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-DKVIpGnH.esm.js";
+import { t as u } from "./field-DEusYVqS.esm.js";
 import { invertKeyboardLayout as d } from "../utils/keyboard.js";
-import { a as f, o as p, s as m } from "./popup-DHCqvZzI.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";
+import { a as f, o as p, s as m } from "./popup-CtiL5V44.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 ee, toDisplayString as I, toRef as L, unref as R, useModel as z, watch as B, withCtx as V, withDirectives as H, withKeys as U, withModifiers as W } from "vue";
 //#region src/components/formsExt/menu/menu.vue?vue&type=script&setup=true&lang.ts
-var K = {
+var G = {
 	key: 0,
 	class: "top-menu_selectAll"
-}, ee = /* @__PURE__ */ w({
+}, te = /* @__PURE__ */ w({
 	__name: "menu",
-	props: /* @__PURE__ */ T({
+	props: /*@__PURE__*/ T({
 		modelValue: {},
 		items: {},
 		isMultiple: { type: Boolean },
@@ -30,7 +30,7 @@ var K = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let r = e, i = B(e, "modelValue"), a = j();
+		let r = e, i = z(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)) {
@@ -81,9 +81,9 @@ var K = {
 			isActive: o(e)
 		}), x({ _: 2 }, [e.content ? {
 			name: "default",
-			fn: H(() => [S(L(e.content), 1)]),
+			fn: V(() => [S(I(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, {
+		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (A(), y("div", G, [C(s, E(e.selectAllItem, {
 			class: "top-menu_item",
 			color: "theme",
 			styling: "",
@@ -91,11 +91,11 @@ var K = {
 			isActive: i.value.length === e.items.length
 		}), x({ _: 2 }, [e.selectAllItem.content ? {
 			name: "default",
-			fn: H(() => [S(L(e.selectAllItem.content), 1)]),
+			fn: V(() => [S(I(e.selectAllItem.content), 1)]),
 			key: "0"
 		} : void 0]), 1040, ["isActive"])])) : v("", !0)], 34));
 	}
-}), te = { class: "top-selector2_itemMulti top-ellipsis" }, ne = /* @__PURE__ */ w({
+}), K = { class: "top-selector2_itemMulti top-ellipsis" }, ne = /* @__PURE__ */ w({
 	__name: "itemMulti",
 	props: {
 		id: {},
@@ -103,24 +103,37 @@ var K = {
 	},
 	emits: ["delete"],
 	setup(e) {
-		return (t, n) => (A(), y("div", te, [S(L(e.name) + " ", 1), b("span", {
+		return (t, n) => (A(), y("div", K, [S(I(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"])
+			onMousedown: n[1] ||= W(() => {}, ["stop"])
 		}, null, 32)]));
 	}
-}), q = /* @__PURE__ */ new Map(), J = (e) => {
+}), q = /* @__PURE__ */ new Map(), re = (e) => {
 	q.get(e)?.clear();
+}, J = (e, t) => {
+	let n = q.get(e);
+	if (n) for (let e of n.values()) Array.isArray(e?.result) && t(e.result);
 }, 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) => {
+}, X = (e, t) => q.get(t)?.get(e), ie = (e, t, n) => {
 	q.has(t) || q.set(t, /* @__PURE__ */ new Map()), q.get(t)?.set(e, n);
-}, ie = (e, t, n, i) => {
+}, ae = (e, t, n) => {
+	J(e, (e) => {
+		let r = e.find((e) => e.id === t);
+		r && Object.assign(r, n);
+	});
+}, oe = (e, t) => {
+	J(e, (e) => {
+		let n = e.findIndex((e) => e.id === t);
+		n !== -1 && e.splice(n, 1);
+	});
+}, se = (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 () => {
@@ -141,7 +154,7 @@ var K = {
 			console.warn(`В result[${r}] нет id или name`);
 			return;
 		}
-		return t && re(t, e.path, n), n;
+		return t && ie(t, e.path, n), n;
 	}, d = async (n) => {
 		if (!e) return;
 		if (n) {
@@ -168,10 +181,10 @@ var K = {
 			}
 		}
 	};
-}, 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) => {
+}, ce = 0, le = 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, ue = (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) => {
+}, de = (t, n, r, i, a, o, s, c, l, u, f, p, m) => {
 	let h = j(""), _ = {
 		id: 0,
 		name: e().Common.All
@@ -185,20 +198,21 @@ var K = {
 	}, 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);
+		}, g = (t) => {
+			let r = u.value?.includes("id"), i = t.name.toLowerCase(), a = 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) || a?.includes(e) || a?.includes(n)) && (i === e || i === n ? f.unshift(t) : f.push(t));
 		};
-		for (let t of b.value) switch (t.listItemProps?.type) {
+		for (let e of b.value) switch (e.listItemProps?.type) {
 			case "title":
-				p(), a = t;
+				p(), a = e;
 				break;
 			case "delimiter":
 				if (f.length) {
-					let e = f.length;
-					f.at(-1)?.listItemProps?.type === "delimiter" && e--, f[e] = t;
+					let t = f.length;
+					f.at(-1)?.listItemProps?.type === "delimiter" && t--, f[t] = e;
 				}
 				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));
+			default: g(e);
 		}
 		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 = {
@@ -215,10 +229,10 @@ var K = {
 	};
 	if (m.apiRequest) {
 		let e = [r, m.items];
-		i && e.push(t), V(e, () => {
+		i && e.push(t), B(e, () => {
 			S();
-		});
-	} else V([
+		}, { deep: 2 });
+	} else B([
 		t,
 		r,
 		h
@@ -243,18 +257,18 @@ var K = {
 			Array.isArray(t.value) && (t.value = t.value.filter((t) => t.id !== e.id || t.name !== e.name));
 		}
 	};
-}, le = {
+}, fe = {
 	key: 0,
 	class: "top-selector2_activeItems"
-}, ue = {
+}, pe = {
 	key: 1,
 	class: "top-selector2_activeName top-ellipsis"
-}, de = {
+}, me = {
 	key: 2,
 	class: "top-selector2_placeholder top-ellipsis"
-}, fe = { class: "top-selector2_searchWidget" }, pe = /* @__PURE__ */ w({
+}, he = { class: "top-selector2_searchWidget" }, ge = /* @__PURE__ */ w({
 	__name: "selector2",
-	props: /* @__PURE__ */ T({
+	props: /*@__PURE__*/ T({
 		modelValue: {},
 		items: { default: () => [] },
 		title: {},
@@ -289,27 +303,26 @@ var K = {
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ T(["appendItem", "open"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ T(["appendItem", "open"], ["update:modelValue"]),
 	setup(e, { expose: t, emit: r }) {
-		let i = e, a = B(e, "modelValue"), o = r;
+		let i = e, a = z(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(() => {
+				c.apiRequest && (e && re(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));
 			},
 			updateItemById: (e, t) => {
-				c.items.value = c.items.value.map((n) => n.id === e ? {
-					...n,
-					...t
-				} : n);
+				let n = c.items.value.find((t) => t.id === e);
+				n && Object.assign(n, t), c.apiRequest && ae(c.apiRequest.path, e, t);
 			},
 			deleteItemById: (e) => {
-				c.items.value = c.items.value.filter((t) => t.id !== e);
+				let t = c.items.value.findIndex((t) => t.id === e);
+				t !== -1 && c.items.value.splice(t, 1), c.apiRequest && oe(c.apiRequest.path, e);
 			}
 		});
-		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, () => {
+		let s = g(() => i.searchType === "inline" && i.multiselect || i.searchType === "inline" && n.state.isMobile ? "popup" : i.searchType), c = se(i.api, i.apiSetSearchParams, i.minLength, i.useCache), u = de(a, o, L(i, "items"), i.multiselect, L(i, "useAllItem"), L(i, "appendSearchToResult"), L(i, "appendSearchAllowDuplicate"), L(i, "appendSearchToResultCond"), L(i, "appendWithoutSelect"), L(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 && B(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) => {
@@ -335,28 +348,28 @@ var K = {
 			(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 = () => {
+		}, U = () => {
 			c.apiRequest && c.setSearchTextAndLoad(u.searchText.value, !1), o("open");
-		}, G = () => {
+		}, W = () => {
 			s.value === "popup" && u.searchText.value && u.resetSearch();
-		}, K = (e) => {
+		}, G = (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), {
+			return A(), _(R(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,
+				onOpen: r[3] ||= (e) => U(),
+				onClose: r[4] ||= (e) => W(),
+				onScrollContentList: r[5] ||= (e) => R(c) ? G(e) : void 0,
 				notch: !1,
 				transitionDuration: 0,
 				openByFocusInput: s.value === "inline" && (e.openByFocusInput ?? !0),
-				disabled: s.value === "inline" && z(u).genIsShort()
+				disabled: s.value === "inline" && R(u).genIsShort()
 			}, x({
-				opener: H(() => [U((A(), _(I(d.value), E(e.buttonProps, {
+				opener: V(() => [H((A(), _(ee(d.value), E(e.buttonProps, {
 					class: {
 						"top-selector2": !0,
 						"top-selector2-multiselect": e.multiselect,
@@ -371,26 +384,27 @@ var K = {
 					icon: e.icon,
 					tabindex: "0",
 					onKeydown: O,
-					onBlur: r[0] ||= (e) => s.value === "inline" && z(u).resetSearch(),
+					onBlur: r[0] ||= (e) => s.value === "inline" && R(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
+					modelValue: R(u).searchText.value,
+					"onUpdate:modelValue": r[1] ||= (e) => R(u).searchText.value = e
 				}), {
-					default: H(() => [
-						e.multiselect ? (A(), y("div", le, [(A(!0), y(h, null, M(a.value, (e) => (A(), _(ne, {
+					default: V(() => [
+						e.multiselect ? (A(), y("div", fe, [(A(!0), y(h, null, M(a.value, (e) => (A(), _(ne, {
+							key: e.id ?? void 0,
 							id: e.id,
 							name: e.name,
-							onDelete: z(u).deleteItemByItem
+							onDelete: R(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", {
+						]))), 128))])) : v("", !0),
+						s.value !== "inline" && !e.multiselect ? (A(), y("span", pe, I(Array.isArray(a.value) ? "" : a.value.name), 1)) : v("", !0),
+						e.multiselect && !a.value.length ? (A(), y("span", me, I(D.value), 1)) : v("", !0),
+						e.addChanger && !e.buttonProps && !e.multiselect && R(u).itemsForShow.value.length > 1 && !e.disabled ? (A(), y("span", {
 							key: 3,
 							class: "top-changer top-changer-selector",
 							"data-top-popup-disabled": "true",
@@ -411,51 +425,51 @@ var K = {
 					void 0,
 					{ onupdate: !0 }
 				], [T, e.openerShortcut]])]),
-				contentList: H(() => [
-					(A(!0), y(h, null, M(z(u).itemsForShow.value, (r) => (A(), _(z(p), E({
+				contentList: V(() => [
+					(A(!0), y(h, null, M(R(u).itemsForShow.value, (r) => (A(), _(R(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)
+							"top-selector2_item-all": r.id === R(0),
+							"top-selector2_item-new": r.id === R(null)
 						},
-						closeByClick: !e.multiselect || z(n).state.isMobile
-					}, { ref_for: !0 }, r.listItemProps, { onClick: (e) => z(u).selectItem(r) }), x({
-						default: H(() => [t.$slots.item ? N(t.$slots, "item", {
+						closeByClick: !e.multiselect || R(n).state.isMobile
+					}, { ref_for: !0 }, r.listItemProps, { onClick: (e) => R(u).selectItem(r) }), x({
+						default: V(() => [t.$slots.item ? N(t.$slots, "item", {
 							key: 0,
 							item: r
-						}) : (A(), y(h, { key: 1 }, [S(L(r.name), 1)], 64))]),
+						}) : (A(), y(h, { key: 1 }, [S(I(r.name), 1)], 64))]),
 						_: 2
 					}, [t.$slots.actions ? {
 						name: "actions",
-						fn: H(() => [N(t.$slots, "actions", { item: r })]),
+						fn: V(() => [N(t.$slots, "actions", { item: r })]),
 						key: "0"
 					} : void 0]), 1040, [
 						"class",
 						"closeByClick",
 						"onClick"
 					]))), 128)),
-					!z(u).itemsForShow.value.length && !z(u).genIsShort() ? (A(), _(z(p), {
+					!R(u).itemsForShow.value.length && !R(u).genIsShort() ? (A(), _(R(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), {
+						default: V(() => [!R(c).isLoading.value || R(c).countLoading.value ? (A(), y(h, { key: 0 }, [S(I(t.$i18n.Common.No_results), 1)], 64)) : (A(), _(R(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)
+					R(c).countLoading.value && R(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), {
+				fn: V(() => [b("div", he, [H(C(R(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,
+					modelValue: R(u).searchText.value,
+					"onUpdate:modelValue": r[2] ||= (e) => R(u).searchText.value = e,
+					isLoading: !!R(c).countLoading.value && R(c).isLoading.value,
 					placeholder: D.value
 				}, null, 8, [
 					"modelValue",
@@ -471,14 +485,14 @@ var K = {
 					class: "closer",
 					color: "theme"
 				}, {
-					default: H(() => [S(L(t.$i18n.Common.Cancel), 1)]),
+					default: V(() => [S(I(t.$i18n.Common.Cancel), 1)]),
 					_: 1
 				})) : v("", !0)])]),
 				key: "0"
 			} : void 0]), 1032, ["openByFocusInput", "disabled"]);
 		};
 	}
-}), me = { class: "top-editArea_footer" }, he = /* @__PURE__ */ w({
+}), _e = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ w({
 	__name: "editArea",
 	props: {
 		defaultValue: { default: "" },
@@ -529,7 +543,7 @@ var K = {
 			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({
+		}, [N(t.$slots, "caption", {}, () => [S(I(e.title), 1)])])) : v("", !0), b("div", { class: D({
 			"top-editArea_form": !0,
 			"top-forms-focusable": !0,
 			"top-as-input": !0,
@@ -550,7 +564,7 @@ var K = {
 			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"])]
+			onKeyup: [U(u, ["esc"]), n[4] ||= U(W((e) => l(i.value), ["ctrl"]), ["enter"])]
 		}, null, 8, [
 			"modelValue",
 			"name",
@@ -562,7 +576,7 @@ var K = {
 			"readonly",
 			"isError",
 			"hint"
-		]), b("div", me, [o.value || e.forceShowCloseBtn ? (A(), _(s, {
+		]), b("div", _e, [o.value || e.forceShowCloseBtn ? (A(), _(s, {
 			key: 0,
 			icon: t.$core.state.isMobile ? "" : "",
 			class: "top-editArea_button",
@@ -571,7 +585,7 @@ var K = {
 			onClick: u
 		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
 			name: "default",
-			fn: H(() => [S(L(e.cancelText), 1)]),
+			fn: V(() => [S(I(e.cancelText), 1)]),
 			key: "0"
 		}]), 1032, ["icon"])) : v("", !0), o.value ? (A(), _(s, {
 			key: 1,
@@ -580,11 +594,11 @@ var K = {
 			onClick: n[5] ||= (e) => l(i.value)
 		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
 			name: "default",
-			fn: H(() => [S(L(e.submitText), 1)]),
+			fn: V(() => [S(I(e.submitText), 1)]),
 			key: "0"
 		}]), 1032, ["icon"])) : v("", !0)])], 2)], 2));
 	}
-}), ge = { class: "top-editInput" }, Q = /* @__PURE__ */ w({
+}), ye = { class: "top-editInput" }, be = /* @__PURE__ */ w({
 	__name: "editInput",
 	props: {
 		modelValue: {},
@@ -595,20 +609,20 @@ var K = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = e, r = j(n.modelValue);
-		V(() => n.modelValue, () => {
+		B(() => 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"]),
+		return (t, n) => (A(), y("div", ye, [C(a, E(e.input, {
+			onKeydownCapture: n[0] ||= U(W((t) => r.value = e.modelValue, ["stop"]), ["esc"]),
+			onKeydown: U(W(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")]),
+			fn: V(() => [N(t.$slots, "caption")]),
 			key: "0"
 		} : void 0]), 1040, ["onKeydown", "modelValue"]), r.value !== e.modelValue || e.alwaysShowSubmitBtn ? (A(), _(s, E({
 			key: 0,
@@ -616,9 +630,9 @@ var K = {
 			styling: "soft"
 		}, e.button, { onClick: o }), null, 16)) : v("", !0)]));
 	}
-}), $ = /* @__PURE__ */ w({
+}), Q = /* @__PURE__ */ w({
 	__name: "optionGroup",
-	props: /* @__PURE__ */ T({
+	props: /*@__PURE__*/ T({
 		modelValue: {},
 		items: {},
 		size: { default: "s" },
@@ -630,8 +644,8 @@ var K = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = B(e, "modelValue"), n = e, r = j(null);
-		V(t, () => {
+		let t = z(e, "modelValue"), n = e, r = j(null);
+		B(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 });
@@ -660,7 +674,7 @@ var K = {
 			"data-top-icon": n.icon
 		}, x({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: H(() => [S(L(n.label), 1)]),
+			fn: V(() => [S(I(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -685,7 +699,7 @@ var K = {
 			"data-top-icon": n.icon
 		}, x({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: H(() => [S(L(n.label), 1)]),
+			fn: V(() => [S(I(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -697,9 +711,9 @@ var K = {
 			"data-top-icon"
 		]))), 256))], 2));
 	}
-}), _e = /* @__PURE__ */ w({
+}), xe = /* @__PURE__ */ w({
 	__name: "radioGroup",
-	props: /* @__PURE__ */ T({
+	props: /*@__PURE__*/ T({
 		modelValue: {},
 		items: {},
 		size: {},
@@ -711,8 +725,8 @@ var K = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = B(e, "modelValue");
-		return (e, n) => (A(), _($, {
+		let t = z(e, "modelValue");
+		return (e, n) => (A(), _(Q, {
 			class: "top-radioGroup",
 			modelValue: t.value,
 			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
@@ -721,7 +735,7 @@ var K = {
 			showIndicator: e.$props.showIndicator,
 			isError: e.$props.isError
 		}, {
-			default: H(() => [N(e.$slots, "default")]),
+			default: V(() => [N(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -731,9 +745,9 @@ var K = {
 			"isError"
 		]));
 	}
-}), ve = /* @__PURE__ */ w({
+}), Se = /* @__PURE__ */ w({
 	__name: "checkboxGroup",
-	props: /* @__PURE__ */ T({
+	props: /*@__PURE__*/ T({
 		modelValue: {},
 		items: {},
 		size: {},
@@ -745,8 +759,8 @@ var K = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = B(e, "modelValue");
-		return (e, n) => (A(), _($, {
+		let t = z(e, "modelValue");
+		return (e, n) => (A(), _(Q, {
 			class: "top-checkboxGroup",
 			modelValue: t.value,
 			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
@@ -755,7 +769,7 @@ var K = {
 			showIndicator: e.$props.showIndicator,
 			isError: e.$props.isError
 		}, {
-			default: H(() => [N(e.$slots, "default")]),
+			default: V(() => [N(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -765,10 +779,10 @@ var K = {
 			"isError"
 		]));
 	}
-}), ye = ["data-top-icon"], be = { class: "top-info_text" }, xe = {
+}), Ce = ["data-top-icon"], $ = { class: "top-info_text" }, we = {
 	key: 0,
 	class: "top-info_value"
-}, Se = /* @__PURE__ */ w({
+}, Te = /* @__PURE__ */ w({
 	__name: "info",
 	props: {
 		icon: {},
@@ -783,12 +797,12 @@ var K = {
 				["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));
+		}, [b("div", $, [N(t.$slots, "default")]), t.$slots.additional ? (A(), y("span", we, [N(t.$slots, "additional")])) : v("", !0)], 10, Ce));
 	}
-}), Ce = {
+}), Ee = {
 	key: 0,
 	class: "top-policy"
-}, we = { class: "top-policy_title" }, Te = ["innerHTML"], Ee = /* @__PURE__ */ w({
+}, De = { class: "top-policy_title" }, Oe = ["innerHTML"], ke = /* @__PURE__ */ w({
 	__name: "policy",
 	props: {
 		title: {},
@@ -800,23 +814,23 @@ var K = {
 		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),
+		return (t, n) => r.value ? (A(), y("div", Ee, [
+			b("div", De, I(e.title), 1),
 			b("div", {
 				class: "top-policy_description",
 				innerHTML: e.description
-			}, null, 8, Te),
-			C(z(s), {
+			}, null, 8, Oe),
+			C(R(s), {
 				size: "m",
 				onClick: i
 			}, {
-				default: H(() => [S(L(e.acceptText), 1)]),
+				default: V(() => [S(I(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 };
+export { be as a, ce as c, te as d, xe as i, le as l, Te as n, ve as o, Se as r, ge as s, ke as t, ue as u };
 
-//# sourceMappingURL=formsExt-Ck5q-jXI.esm.js.map
+//# sourceMappingURL=formsExt-UkSw445A.esm.js.map