@topvisor/ui 1.5.6-topSelectorReactive.0 → 1.5.6-topSelectorReactive.2

package/.chunks/{formsExt-kZL0--bf.esm.js → formsExt-C9r4Gz9y.esm.js}

@@ -5,17 +5,17 @@
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 		/* end import css */
 	
-import "./api-D5wIZnrK.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-BiKUURH4.esm.js";
+import "./api-DZQlrC2R.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-CY5MOh7a.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-KKfSSrM6.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, onUnmounted as k, onUpdated as ee, openBlock as A, ref as j, renderList as M, renderSlot as N, resolveComponent as P, resolveDirective as F, resolveDynamicComponent as te, toDisplayString as I, toRef as L, triggerRef 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-3cwJ8Hev.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, onUnmounted as k, onUpdated as A, openBlock as j, ref as M, renderList as N, renderSlot as P, resolveComponent as F, resolveDirective as I, resolveDynamicComponent as ee, toDisplayString as L, triggerRef 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 ne = {
+var te = {
 	key: 0,
 	class: "top-menu_selectAll"
-}, re = /* @__PURE__ */ w({
+}, ne = /* @__PURE__ */ w({
 	__name: "menu",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -30,7 +30,7 @@ var ne = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let r = e, i = B(e, "modelValue"), a = j();
+		let r = e, i = B(e, "modelValue"), a = M();
 		!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)) {
@@ -66,7 +66,7 @@ var ne = {
 				i.value = r.items.map((e) => e.href ?? e.value);
 			}
 		};
-		return O(() => u(!1)), ee(() => u(!0)), (t, n) => (A(), y("div", {
+		return O(() => u(!1)), A(() => u(!0)), (t, n) => (j(), y("div", {
 			ref_key: "el",
 			ref: a,
 			class: D({
@@ -74,16 +74,16 @@ var ne = {
 				["top-style_" + e.styling]: !0
 			}),
 			onWheel: l
-		}, [(A(!0), y(h, null, M(e.items, (e) => (A(), _(s, E({ ref_for: !0 }, e, {
+		}, [(j(!0), y(h, null, N(e.items, (e) => (j(), _(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(I(e.content), 1)]),
+			fn: H(() => [S(L(e.content), 1)]),
 			key: "0"
-		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (A(), y("div", ne, [C(s, E(e.selectAllItem, {
+		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (j(), y("div", te, [C(s, E(e.selectAllItem, {
 			class: "top-menu_item",
 			color: "theme",
 			styling: "",
@@ -91,11 +91,11 @@ var ne = {
 			isActive: i.value.length === e.items.length
 		}), x({ _: 2 }, [e.selectAllItem.content ? {
 			name: "default",
-			fn: H(() => [S(I(e.selectAllItem.content), 1)]),
+			fn: H(() => [S(L(e.selectAllItem.content), 1)]),
 			key: "0"
 		} : void 0]), 1040, ["isActive"])])) : v("", !0)], 34));
 	}
-}), ie = { class: "top-selector2_itemMulti top-ellipsis" }, ae = /* @__PURE__ */ w({
+}), re = { class: "top-selector2_itemMulti top-ellipsis" }, ie = /* @__PURE__ */ w({
 	__name: "itemMulti",
 	props: {
 		id: {},
@@ -103,7 +103,7 @@ var ne = {
 	},
 	emits: ["delete"],
 	setup(e) {
-		return (t, n) => (A(), y("div", ie, [S(I(e.name) + " ", 1), b("span", {
+		return (t, n) => (j(), y("div", re, [S(L(e.name) + " ", 1), b("span", {
 			class: "top-selector2_itemMultiDelete",
 			"data-top-icon": "",
 			onClick: n[0] ||= (n) => t.$emit("delete", {
@@ -113,16 +113,16 @@ var ne = {
 			onMousedown: n[1] ||= G(() => {}, ["stop"])
 		}, null, 32)]));
 	}
-}), K = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = (e) => (J.has(e) || J.set(e, j(0)), J.get(e)), X = (e) => {
+}), K = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = (e) => (J.has(e) || J.set(e, M(0)), J.get(e)), X = (e) => {
 	Y(e).value++;
-}, oe = (e) => {
+}, Z = (e) => {
 	K.get(e)?.clear(), X(e);
-}, Z = (e, t) => {
+}, Q = (e, t) => {
 	K.get(e)?.forEach((e) => t(e));
-}, se = (e, t) => {
+}, ae = (e, t) => {
 	q.get(e)?.forEach((e) => t(e));
-}, Q = (e, t, n) => {
-	se(e, (e) => {
+}, $ = (e, t, n) => {
+	ae(e, (e) => {
 		let r = !1;
 		if (Array.isArray(e.value)) e.value.filter((e) => e.id === t).forEach((e) => {
 			Object.assign(e, n), r = !0;
@@ -133,33 +133,33 @@ var ne = {
 		}
 		r && R(e);
 	});
-}, $ = (e) => {
+}, oe = (e) => {
 	let t = window.mo?.user?.id;
 	return JSON.stringify(e.params) + ":" + e.url + ":" + t;
-}, ce = (e, t) => {
+}, se = (e, t) => {
 	let n = K.get(t)?.get(e);
 	if (n) return n.result = n.result.map((e) => ({ ...e })), n;
-}, le = (e, t, n) => {
+}, ce = (e, t, n) => {
 	K.has(t) || K.set(t, /* @__PURE__ */ new Map()), K.get(t)?.set(e, n);
-}, ue = (e, t) => {
+}, le = (e, t) => {
 	q.has(e) || q.set(e, /* @__PURE__ */ new Set()), q.get(e)?.add(t), k(() => q.get(e)?.delete(t));
-}, de = (e, t, n) => {
-	Z(e, (e) => {
+}, ue = (e, t, n) => {
+	Q(e, (e) => {
 		let r = e.result.find((e) => e.id === t);
 		r && Object.assign(r, n);
-	}), Q(e, t, n), X(e);
-}, fe = (e, t) => {
-	Z(e, (e) => {
+	}), $(e, t, n), X(e);
+}, de = (e, t) => {
+	Q(e, (e) => {
 		let n = e.result.findIndex((e) => e.id === t);
 		n !== -1 && (e.result.splice(n, 1), e.nextOffset && e.nextOffset--);
-	}), Q(e, t, { name: "--" }), X(e);
-}, pe = (e, t, n, i, a) => {
-	let o = j([]), s = j(!1), c = j(0), l = "", u;
-	e && !e.params.limit && (e.params.limit = 100), e && ue(e.path, a);
+	}), $(e, t, { name: "--" }), X(e);
+}, fe = (e, t, n, i, a) => {
+	let o = M([]), s = M(!1), c = M(0), l = "", u;
+	e && !e.params.limit && (e.params.limit = 100), e && le(e.path, a);
 	let d = () => {
 		if (!e) return;
 		e.params.offset = 0;
-		let t = ce($(e), e.path);
+		let t = se(oe(e), e.path);
 		if (!t) {
 			o.value = [], u = void 0;
 			return;
@@ -171,9 +171,9 @@ var ne = {
 	});
 	let f = async () => {
 		if (!e) return;
-		let t = i ? $(e) : void 0;
+		let t = i ? oe(e) : void 0;
 		if (t) {
-			let n = ce(t, e.path);
+			let n = se(t, e.path);
 			if (n) return e.abortByFingerprint(), n;
 		}
 		let n = await e.call();
@@ -187,7 +187,7 @@ var ne = {
 			console.warn(`В result[${r}] нет id или name`);
 			return;
 		}
-		return t && le(t, e.path, n), n;
+		return t && ce(t, e.path, n), n;
 	}, p = async (n) => {
 		if (!e) return;
 		if (n) {
@@ -214,100 +214,101 @@ var ne = {
 			}
 		}
 	};
-}, me = 0, he = null, ge = (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, _e = (e, t, n) => {
+}, pe = 0, me = null, he = (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, ge = (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 });
-}, ve = (t, n, r, i, a, o, s, c, l, u, f, p, m, h) => {
-	let _ = j(""), v = {
+}, _e = (t, n, r, i) => {
+	let a = M(""), o = {
 		id: 0,
 		name: e().Common.All
-	}, y = () => {
-		_.value = "";
-	}, b = () => !(!h.apiRequest || _.value.length >= m), x = g(() => {
+	}, s = () => {
+		a.value = "";
+	}, c = () => !(!i.apiRequest || a.value.length >= n.minLength), l = g(() => {
 		let e = [];
-		return !a && o.value && (typeof o.value == "string" && (v.name = o.value), e.push(v)), r.value?.forEach((t) => e.push(t)), e;
-	}), S = j([]), C = () => {
-		S.value = w();
-	}, w = () => {
-		let e = _.value.toLowerCase(), n = d(e), r = [], o, p = [], m = () => {
-			p.at(-1)?.listItemProps?.type === "delimiter" && p.pop(), p.length &&= (o && r.push(o), r.push(...p), 0);
-		}, g = (t) => {
-			let r = f.value?.includes("id"), i = t.name.toLowerCase(), a = f.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 ? p.unshift(t) : p.push(t));
+		return !n.multiselect && n.useAllItem && (typeof n.useAllItem == "string" && (o.name = n.useAllItem), e.push(o)), n.items?.forEach((t) => e.push(t)), e;
+	}), u = M([]), f = () => {
+		u.value = p();
+	}, p = () => {
+		let e = a.value.toLowerCase(), r = d(e), o = [], s, c = [], u = () => {
+			c.at(-1)?.listItemProps?.type === "delimiter" && c.pop(), c.length &&= (s && o.push(s), o.push(...c), 0);
+		}, f = (t) => {
+			let i = n.searchFields?.includes("id"), a = t.name.toLowerCase(), o = n.searchFields?.filter((e) => e !== "id").map((e) => typeof t[e] == "string" || typeof t[e] == "number" ? t[e] : "").join("☼").toLowerCase();
+			(i && t.id === Number(e) || o?.includes(e) || o?.includes(r)) && (a === e || a === r ? c.unshift(t) : c.push(t));
 		};
-		for (let e of x.value) switch (e.listItemProps?.type) {
+		for (let e of l.value) switch (e.listItemProps?.type) {
 			case "title":
-				m(), o = e;
+				u(), s = e;
 				break;
 			case "delimiter":
-				if (p.length) {
-					let t = p.length;
-					p.at(-1)?.listItemProps?.type === "delimiter" && t--, p[t] = e;
+				if (c.length) {
+					let t = c.length;
+					c.at(-1)?.listItemProps?.type === "delimiter" && t--, c[t] = e;
 				}
 				break;
-			default: g(e);
+			default: f(e);
 		}
-		if (m(), r.push(...h.items.value), s.value && _.value && (!l.value || l.value(e)) && (c.value || !r.find((t) => t.name.toLowerCase() === e))) {
+		if (u(), o.push(...i.items.value), n.appendSearchToResult && a.value && (!n.appendSearchToResultCond || n.appendSearchToResultCond(e)) && (n.appendSearchAllowDuplicate || !o.find((t) => t.name.toLowerCase() === e))) {
 			let e = {
 				id: null,
-				name: _.value
+				name: a.value
 			};
-			u.value && (e.listItemProps = { closeByClick: !1 }), r.push(e);
+			n.appendWithoutSelect && (e.listItemProps = { closeByClick: !1 }), o.push(e);
 		}
-		return a && (r = r.filter((e) => !ge(t.value, e))), i && (r = i(r)), r;
-	}, T = (e) => {
-		e.listItemProps?.type === "title" || e.listItemProps?.type === "delimiter" || e.id === null && (n("appendItem", e), u.value) || (a && Array.isArray(t.value) ? ge(t.value, e) || (t.value = [...t.value, e]) : t.value = e, setTimeout(() => {
-			y();
+		return n.multiselect && (o = o.filter((e) => !he(t.value, e))), n.prepareItemsBeforeRender && (o = n.prepareItemsBeforeRender(o)), o;
+	}, m = (e) => {
+		e.listItemProps?.type === "title" || e.listItemProps?.type === "delimiter" || e.id === null && (r("appendItem", e), n.appendWithoutSelect) || (n.multiselect && Array.isArray(t.value) ? he(t.value, e) || (t.value = [...t.value, e]) : t.value = e, setTimeout(() => {
+			s();
 		}));
 	};
-	if (h.apiRequest) {
-		let e = [r, h.items];
-		a && e.push(t), V(e, () => {
-			C();
+	if (i.apiRequest) {
+		let e = [() => n.items, i.items];
+		n.multiselect && e.push(t), V(e, () => {
+			f();
 		}, { deep: 2 });
 	} else V([
 		t,
-		r,
-		_
+		() => n.items,
+		a
 	], () => {
-		C();
+		f();
 	}, {
 		immediate: !0,
 		deep: 2
-	}), V([() => r.value?.length ?? 0, r], (e, n) => {
-		(e[0] < n[0] || e[1] !== n[1]) && (Array.isArray(t.value) ? t.value : [t.value]).forEach((e) => {
-			e.id !== v.id && (r.value?.find((t) => t.id === e.id) || (e.name = "--"));
+	}), V([() => n.items?.length ?? 0, () => n.items], (e, r) => {
+		(e[0] < r[0] || e[1] !== r[1]) && (Array.isArray(t.value) ? t.value : [t.value]).forEach((e) => {
+			e.id !== o.id && (n.items?.find((t) => t.id === e.id) || (e.name = "--"));
 		});
 	});
 	return {
-		searchText: _,
-		resetSearch: y,
-		genIsShort: b,
-		itemsForShow: S,
-		selectItem: T,
+		searchText: a,
+		resetSearch: s,
+		genIsShort: c,
+		itemsForShow: u,
+		selectItem: m,
 		selectNextItem: () => {
 			if (Array.isArray(t.value)) return;
-			let e = S.value.filter((e) => !["title", "delimiter"].includes(e.listItemProps?.type ?? ""));
+			let e = u.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));
 		}
 	};
-}, ye = {
+}, ve = {
 	key: 0,
 	class: "top-selector2_activeItems"
-}, be = {
+}, ye = {
 	key: 1,
 	class: "top-selector2_activeName top-ellipsis"
-}, xe = {
+}, be = {
 	key: 2,
 	class: "top-selector2_placeholder top-ellipsis"
-}, Se = { class: "top-selector2_searchWidget" }, Ce = /* @__PURE__ */ w({
+}, xe = { class: "top-selector2_searchWidget" }, Se = /* @__PURE__ */ w({
 	__name: "selector2",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
 		items: { default: () => [] },
+		itemsIsLoading: { type: Boolean },
 		title: {},
 		disabled: { type: Boolean },
 		icon: {},
@@ -343,21 +344,7 @@ var ne = {
 	}),
 	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 && oe(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));
-			},
-			updateCacheItemById: (e, t) => {
-				c.apiRequest && de(c.apiRequest.path, e, t);
-			},
-			deleteCacheItemById: (e) => {
-				c.apiRequest && fe(c.apiRequest.path, e);
-			}
-		});
-		let s = g(() => i.searchType === "inline" && i.multiselect || i.searchType === "inline" && n.state.isMobile ? "popup" : i.searchType), c = pe(i.api, i.apiSetSearchParams, i.minLength, i.useCache, a), u = ve(a, o, L(i, "items"), i.prepareItemsBeforeRender, 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;
+		let i = e, a = B(e, "modelValue"), o = r, s = g(() => i.searchType === "inline" && i.multiselect || i.searchType === "inline" && n.state.isMobile ? "popup" : i.searchType), c = fe(i.api, i.apiSetSearchParams, i.minLength, i.useCache, a), u = _e(a, i, o, c), d = g(() => i.buttonProps ? "TopButton" : s.value === "inline" ? "TopInput" : "div"), w = M(null), T = () => w.value?.popup;
 		c.apiRequest && V(u.searchText, () => {
 			c.setSearchTextAndLoad(u.searchText.value);
 		});
@@ -384,7 +371,7 @@ var ne = {
 			(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();
-		}, ee = () => {
+		}, A = () => {
 			c.apiRequest && c.setSearchTextAndLoad(u.searchText.value, !1), o("open");
 		}, R = () => {
 			s.value === "popup" && u.searchText.value && u.resetSearch();
@@ -392,12 +379,25 @@ var ne = {
 			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 t({
+			getPopup: T,
+			resetCache: (e = !1) => {
+				c.apiRequest && (e && Z(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));
+			},
+			updateCacheItemById: (e, t) => {
+				c.apiRequest && ue(c.apiRequest.path, e, t);
+			},
+			deleteCacheItemById: (e) => {
+				c.apiRequest && de(c.apiRequest.path, e);
+			}
+		}), (t, r) => {
+			let i = F("TopButton"), o = F("TopLoadbar"), g = I("top-focus"), T = I("top-shortcut");
+			return j(), _(z(m), {
 				ref_key: "popupRef",
 				ref: w,
-				onOpen: r[3] ||= (e) => ee(),
+				onOpen: r[3] ||= (e) => A(),
 				onClose: r[4] ||= (e) => R(),
 				onScrollContentList: r[5] ||= (e) => z(c) ? W(e) : void 0,
 				notch: !1,
@@ -405,7 +405,7 @@ var ne = {
 				openByFocusInput: s.value === "inline" && (e.openByFocusInput ?? !0),
 				disabled: s.value === "inline" && z(u).genIsShort()
 			}, x({
-				opener: H(() => [U((A(), _(te(d.value), E(e.buttonProps, {
+				opener: H(() => [U((j(), _(ee(d.value), E(e.buttonProps, {
 					class: {
 						"top-selector2": !0,
 						"top-selector2-multiselect": e.multiselect,
@@ -428,7 +428,7 @@ var ne = {
 					"onUpdate:modelValue": r[1] ||= (e) => z(u).searchText.value = e
 				}), {
 					default: H(() => [
-						e.multiselect ? (A(), y("div", ye, [(A(!0), y(h, null, M(a.value, (e) => (A(), _(ae, {
+						e.multiselect ? (j(), y("div", ve, [(j(!0), y(h, null, N(a.value, (e) => (j(), _(ie, {
 							key: e.id ?? void 0,
 							id: e.id,
 							name: e.name,
@@ -438,9 +438,9 @@ var ne = {
 							"name",
 							"onDelete"
 						]))), 128))])) : v("", !0),
-						s.value !== "inline" && !e.multiselect ? (A(), y("span", be, I(Array.isArray(a.value) ? "" : a.value.name), 1)) : v("", !0),
-						e.multiselect && !a.value.length ? (A(), y("span", xe, I(D.value), 1)) : v("", !0),
-						e.addChanger && !e.buttonProps && !e.multiselect && z(u).itemsForShow.value.length > 1 && !e.disabled ? (A(), y("span", {
+						s.value !== "inline" && !e.multiselect ? (j(), y("span", ye, L(Array.isArray(a.value) ? "" : a.value.name), 1)) : v("", !0),
+						e.multiselect && !a.value.length ? (j(), y("span", be, L(D.value), 1)) : v("", !0),
+						e.addChanger && !e.buttonProps && !e.multiselect && z(u).itemsForShow.value.length > 1 && !e.disabled ? (j(), y("span", {
 							key: 3,
 							class: "top-changer top-changer-selector",
 							"data-top-popup-disabled": "true",
@@ -462,7 +462,7 @@ var ne = {
 					{ onupdate: !0 }
 				], [T, e.openerShortcut]])]),
 				contentList: H(() => [
-					(A(!0), y(h, null, M(z(u).itemsForShow.value, (r) => (A(), _(z(p), E({
+					(j(!0), y(h, null, N(z(u).itemsForShow.value, (r) => (j(), _(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,
@@ -471,36 +471,36 @@ var ne = {
 						},
 						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", {
+						default: H(() => [t.$slots.item ? P(t.$slots, "item", {
 							key: 0,
 							item: r
-						}) : (A(), y(h, { key: 1 }, [S(I(r.name), 1)], 64))]),
+						}) : (j(), y(h, { key: 1 }, [S(L(r.name), 1)], 64))]),
 						_: 2
 					}, [t.$slots.actions ? {
 						name: "actions",
-						fn: H(() => [N(t.$slots, "actions", { item: r })]),
+						fn: H(() => [P(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), {
+					!z(u).itemsForShow.value.length && !z(u).genIsShort() ? (j(), _(z(p), {
 						key: 0,
 						type: "regular"
 					}, {
-						default: H(() => [!z(c).isLoading.value || z(c).countLoading.value ? (A(), y(h, { key: 0 }, [S(I(t.$i18n.Common.No_results), 1)], 64)) : (A(), _(z(l), {
-							key: 1,
+						default: H(() => [z(c).isLoading.value && !z(c).countLoading.value || e.itemsIsLoading ? (j(), _(z(l), {
+							key: 0,
 							type: "circles"
-						}))]),
+						})) : (j(), y(h, { key: 1 }, [S(L(t.$i18n.Common.No_results), 1)], 64))]),
 						_: 1
 					})) : v("", !0),
-					z(c).countLoading.value && z(c).isLoading.value && s.value === "inline" ? (A(), _(o, { key: 1 })) : v("", !0)
+					z(c).countLoading.value && z(c).isLoading.value && s.value === "inline" ? (j(), _(o, { key: 1 })) : v("", !0)
 				]),
 				_: 2
 			}, [s.value === "popup" ? {
 				name: "widget",
-				fn: H(() => [b("div", Se, [U(C(z(f), {
+				fn: H(() => [b("div", xe, [U(C(z(f), {
 					title: "Поиск",
 					icon: "",
 					modelValue: z(u).searchText.value,
@@ -516,19 +516,19 @@ var ne = {
 					a.value,
 					void 0,
 					{ onupdate: !0 }
-				]]), e.hasCloserBtn && !t.$core.state.isMobile ? (A(), _(i, {
+				]]), e.hasCloserBtn && !t.$core.state.isMobile ? (j(), _(i, {
 					key: 0,
 					class: "closer",
 					color: "theme"
 				}, {
-					default: H(() => [S(I(t.$i18n.Common.Cancel), 1)]),
+					default: H(() => [S(L(t.$i18n.Common.Cancel), 1)]),
 					_: 1
 				})) : v("", !0)])]),
 				key: "0"
 			} : void 0]), 1032, ["openByFocusInput", "disabled"]);
 		};
 	}
-}), we = { class: "top-editArea_footer" }, Te = /* @__PURE__ */ w({
+}), Ce = { class: "top-editArea_footer" }, we = /* @__PURE__ */ w({
 	__name: "editArea",
 	props: {
 		defaultValue: { default: "" },
@@ -561,7 +561,7 @@ var ne = {
 		"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) => {
+		let n = e, r = t, i = M(n.defaultValue), a = M(n.isFocused), o = g(() => i.value !== n.defaultValue), l = (e) => {
 			r("submit", e), i.value = n.defaultValue;
 		}, u = () => {
 			if (n.forceShowCloseBtn && !o.value) {
@@ -572,14 +572,14 @@ var ne = {
 		}, d = () => {
 			n.attachToKeyboard && r("clickOnTitle");
 		};
-		return (t, n) => (A(), y("div", { class: D({
+		return (t, n) => (j(), y("div", { class: D({
 			"top-editArea": !0,
 			"top-editArea-attachedToKeyboard": e.attachToKeyboard
-		}) }, [e.title || t.$slots.caption ? (A(), y("div", {
+		}) }, [e.title || t.$slots.caption ? (j(), y("div", {
 			key: 0,
 			class: "top-editArea_caption",
 			onClick: n[0] ||= (e) => d()
-		}, [N(t.$slots, "caption", {}, () => [S(I(e.title), 1)])])) : v("", !0), b("div", { class: D({
+		}, [P(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,
@@ -612,7 +612,7 @@ var ne = {
 			"readonly",
 			"isError",
 			"hint"
-		]), b("div", we, [o.value || e.forceShowCloseBtn ? (A(), _(s, {
+		]), b("div", Ce, [o.value || e.forceShowCloseBtn ? (j(), _(s, {
 			key: 0,
 			icon: t.$core.state.isMobile ? "" : "",
 			class: "top-editArea_button",
@@ -621,20 +621,20 @@ var ne = {
 			onClick: u
 		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
 			name: "default",
-			fn: H(() => [S(I(e.cancelText), 1)]),
+			fn: H(() => [S(L(e.cancelText), 1)]),
 			key: "0"
-		}]), 1032, ["icon"])) : v("", !0), o.value ? (A(), _(s, {
+		}]), 1032, ["icon"])) : v("", !0), o.value ? (j(), _(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(I(e.submitText), 1)]),
+			fn: H(() => [S(L(e.submitText), 1)]),
 			key: "0"
 		}]), 1032, ["icon"])) : v("", !0)])], 2)], 2));
 	}
-}), Ee = { class: "top-editInput" }, De = /* @__PURE__ */ w({
+}), Te = { class: "top-editInput" }, Ee = /* @__PURE__ */ w({
 	__name: "editInput",
 	props: {
 		modelValue: {},
@@ -644,29 +644,29 @@ var ne = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = j(n.modelValue);
+		let n = e, r = M(n.modelValue);
 		V(() => n.modelValue, () => {
 			r.value = n.modelValue;
 		});
 		let i = t, o = () => {
 			i("update:modelValue", r.value);
 		};
-		return (t, n) => (A(), y("div", Ee, [C(a, E(e.input, {
+		return (t, n) => (j(), y("div", Te, [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")]),
+			fn: H(() => [P(t.$slots, "caption")]),
 			key: "0"
-		} : void 0]), 1040, ["onKeydown", "modelValue"]), r.value !== e.modelValue || e.alwaysShowSubmitBtn ? (A(), _(s, E({
+		} : void 0]), 1040, ["onKeydown", "modelValue"]), r.value !== e.modelValue || e.alwaysShowSubmitBtn ? (j(), _(s, E({
 			key: 0,
 			icon: "",
 			styling: "soft"
 		}, e.button, { onClick: o }), null, 16)) : v("", !0)]));
 	}
-}), Oe = /* @__PURE__ */ w({
+}), De = /* @__PURE__ */ w({
 	__name: "optionGroup",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -680,13 +680,13 @@ var ne = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = B(e, "modelValue"), n = e, r = j(null);
+		let t = B(e, "modelValue"), n = e, r = M(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", {
+		return (n, s) => (j(), y("div", {
 			ref_key: "elRef",
 			ref: r,
 			class: D({
@@ -696,7 +696,7 @@ var ne = {
 				["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, {
+		}, [Array.isArray(t.value) ? (j(!0), y(h, { key: 0 }, N(e.items, (n) => (j(), _(o, {
 			class: D({
 				"top-optionGroup_item-selected": t.value.includes(n.value),
 				"top-optionGroup_item": !0
@@ -710,7 +710,7 @@ var ne = {
 			"data-top-icon": n.icon
 		}, x({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: H(() => [S(I(n.label), 1)]),
+			fn: H(() => [S(L(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -720,7 +720,7 @@ var ne = {
 			"disabled",
 			"isError",
 			"data-top-icon"
-		]))), 256)) : (A(!0), y(h, { key: 1 }, M(e.items, (n) => (A(), _(i, {
+		]))), 256)) : (j(!0), y(h, { key: 1 }, N(e.items, (n) => (j(), _(i, {
 			class: D({
 				"top-optionGroup_item-selected": n.value === t.value,
 				"top-optionGroup_item": !0
@@ -735,7 +735,7 @@ var ne = {
 			"data-top-icon": n.icon
 		}, x({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: H(() => [S(I(n.label), 1)]),
+			fn: H(() => [S(L(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -747,7 +747,7 @@ var ne = {
 			"data-top-icon"
 		]))), 256))], 2));
 	}
-}), ke = /* @__PURE__ */ w({
+}), Oe = /* @__PURE__ */ w({
 	__name: "radioGroup",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -762,7 +762,7 @@ var ne = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (e, n) => (A(), _(Oe, {
+		return (e, n) => (j(), _(De, {
 			class: "top-radioGroup",
 			modelValue: t.value,
 			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
@@ -771,7 +771,7 @@ var ne = {
 			showIndicator: e.$props.showIndicator,
 			isError: e.$props.isError
 		}, {
-			default: H(() => [N(e.$slots, "default")]),
+			default: H(() => [P(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -781,7 +781,7 @@ var ne = {
 			"isError"
 		]));
 	}
-}), Ae = /* @__PURE__ */ w({
+}), ke = /* @__PURE__ */ w({
 	__name: "checkboxGroup",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -796,7 +796,7 @@ var ne = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (e, n) => (A(), _(Oe, {
+		return (e, n) => (j(), _(De, {
 			class: "top-checkboxGroup",
 			modelValue: t.value,
 			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
@@ -805,7 +805,7 @@ var ne = {
 			showIndicator: e.$props.showIndicator,
 			isError: e.$props.isError
 		}, {
-			default: H(() => [N(e.$slots, "default")]),
+			default: H(() => [P(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -815,10 +815,10 @@ var ne = {
 			"isError"
 		]));
 	}
-}), je = ["data-top-icon"], Me = { class: "top-info_text" }, Ne = {
+}), Ae = ["data-top-icon"], je = { class: "top-info_text" }, Me = {
 	key: 0,
 	class: "top-info_value"
-}, Pe = /* @__PURE__ */ w({
+}, Ne = /* @__PURE__ */ w({
 	__name: "info",
 	props: {
 		icon: {},
@@ -826,19 +826,19 @@ var ne = {
 		size: { default: "default" }
 	},
 	setup(e) {
-		return (t, n) => (A(), y("div", {
+		return (t, n) => (j(), 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", Me, [N(t.$slots, "default")]), t.$slots.additional ? (A(), y("span", Ne, [N(t.$slots, "additional")])) : v("", !0)], 10, je));
+		}, [b("div", je, [P(t.$slots, "default")]), t.$slots.additional ? (j(), y("span", Me, [P(t.$slots, "additional")])) : v("", !0)], 10, Ae));
 	}
-}), Fe = {
+}), Pe = {
 	key: 0,
 	class: "top-policy"
-}, Ie = { class: "top-policy_title" }, Le = ["innerHTML"], Re = /* @__PURE__ */ w({
+}, Fe = { class: "top-policy_title" }, Ie = ["innerHTML"], Le = /* @__PURE__ */ w({
 	__name: "policy",
 	props: {
 		title: {},
@@ -847,26 +847,26 @@ var ne = {
 	},
 	emits: ["accept"],
 	setup(e, { emit: t }) {
-		let n = t, r = j(!0), i = () => {
+		let n = t, r = M(!0), i = () => {
 			r.value = !1, n("accept");
 		};
-		return (t, n) => r.value ? (A(), y("div", Fe, [
-			b("div", Ie, I(e.title), 1),
+		return (t, n) => r.value ? (j(), y("div", Pe, [
+			b("div", Fe, L(e.title), 1),
 			b("div", {
 				class: "top-policy_description",
 				innerHTML: e.description
-			}, null, 8, Le),
+			}, null, 8, Ie),
 			C(z(s), {
 				size: "m",
 				onClick: i
 			}, {
-				default: H(() => [S(I(e.acceptText), 1)]),
+				default: H(() => [S(L(e.acceptText), 1)]),
 				_: 1
 			})
 		])) : v("", !0);
 	}
 });
 //#endregion
-export { De as a, me as c, re as d, ke as i, he as l, Pe as n, Te as o, Ae as r, Ce as s, Re as t, _e as u };
+export { Ee as a, pe as c, Z as d, ne as f, Oe as i, me as l, Ne as n, we as o, ke as r, Se as s, Le as t, ge as u };
 
-//# sourceMappingURL=formsExt-kZL0--bf.esm.js.map
+//# sourceMappingURL=formsExt-C9r4Gz9y.esm.js.map