@topvisor/ui 1.5.8 → 1.5.9-colorTableUp.1

package/.chunks/{formsExt-BZZEpY-a.esm.js → formsExt-DG99Ktz8.esm.js}

@@ -10,14 +10,14 @@ 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,
 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-DViuKwOc.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 ee, resolveDirective as F, resolveDynamicComponent as te, toDisplayString as I, triggerRef 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";
+import { Fragment as h, Transition as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineComponent as T, mergeModels as E, mergeProps as D, normalizeClass as O, normalizeProps as k, onMounted as A, onUnmounted as j, onUpdated as M, openBlock as N, ref as P, renderList as F, renderSlot as I, resolveComponent as ee, resolveDirective as L, resolveDynamicComponent as te, toDisplayString as R, triggerRef as z, unref as B, useModel as V, watch as H, withCtx as U, withDirectives as W, withKeys as G, withModifiers as K } from "vue";
 //#region src/components/formsExt/menu/menu.vue?vue&type=script&setup=true&lang.ts
-var G = {
+var ne = {
 	key: 0,
 	class: "top-menu_selectAll"
-}, K = /* @__PURE__ */ w({
+}, re = /* @__PURE__ */ T({
 	__name: "menu",
-	props: /*@__PURE__*/ T({
+	props: /*@__PURE__*/ E({
 		modelValue: {},
 		items: {},
 		isMultiple: { type: Boolean },
@@ -30,7 +30,7 @@ var G = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let r = e, i = z(e, "modelValue"), a = M();
+		let r = e, i = V(e, "modelValue"), a = P();
 		!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,36 +66,36 @@ var G = {
 				i.value = r.items.map((e) => e.href ?? e.value);
 			}
 		};
-		return O(() => u(!1)), A(() => u(!0)), (t, n) => (j(), y("div", {
+		return A(() => u(!1)), M(() => u(!0)), (t, n) => (N(), b("div", {
 			ref_key: "el",
 			ref: a,
-			class: D({
+			class: O({
 				"top-menu": !0,
 				["top-style_" + e.styling]: !0
 			}),
 			onWheel: l
-		}, [(j(!0), y(h, null, N(e.items, (e) => (j(), _(s, E({ ref_for: !0 }, e, {
+		}, [(N(!0), b(h, null, F(e.items, (e) => (N(), v(s, D({ 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 ? {
+		}), S({ _: 2 }, [e.content ? {
 			name: "default",
-			fn: V(() => [S(I(e.content), 1)]),
+			fn: U(() => [C(R(e.content), 1)]),
 			key: "0"
-		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (j(), y("div", G, [C(s, E(e.selectAllItem, {
+		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (N(), b("div", ne, [w(s, D(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 ? {
+		}), S({ _: 2 }, [e.selectAllItem.content ? {
 			name: "default",
-			fn: V(() => [S(I(e.selectAllItem.content), 1)]),
+			fn: U(() => [C(R(e.selectAllItem.content), 1)]),
 			key: "0"
-		} : void 0]), 1040, ["isActive"])])) : v("", !0)], 34));
+		} : void 0]), 1040, ["isActive"])])) : y("", !0)], 34));
 	}
-}), ne = { class: "top-selector2_itemMulti top-ellipsis" }, re = /* @__PURE__ */ w({
+}), ie = { class: "top-selector2_itemMulti top-ellipsis" }, ae = /* @__PURE__ */ T({
 	__name: "itemMulti",
 	props: {
 		id: {},
@@ -103,26 +103,26 @@ var G = {
 	},
 	emits: ["delete"],
 	setup(e, { emit: t }) {
-		return (n, r) => (j(), y("div", ne, [S(I(e.name) + " ", 1), b("span", {
+		return (n, r) => (N(), b("div", ie, [C(R(e.name) + " ", 1), x("span", {
 			class: "top-selector2_itemMultiDelete",
 			"data-top-icon": "",
 			onClick: r[0] ||= (n) => t("delete", {
 				id: e.id,
 				name: e.name
 			}),
-			onMousedown: r[1] ||= W(() => {}, ["stop"])
+			onMousedown: r[1] ||= K(() => {}, ["stop"])
 		}, null, 32)]));
 	}
-}), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map(), X = (e) => (Y.has(e) || Y.set(e, M(0)), Y.get(e)), Z = (e) => {
+}), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map(), X = (e) => (Y.has(e) || Y.set(e, P(0)), Y.get(e)), Z = (e) => {
 	X(e).value++;
 }, Q = (e) => {
 	q.get(e)?.clear(), Z(e);
 }, $ = (e, t) => {
 	q.get(e)?.forEach((e) => t(e));
-}, ie = (e, t) => {
+}, oe = (e, t) => {
 	J.get(e)?.forEach((e) => t(e));
-}, ae = (e, t, n) => {
-	ie(e, (e) => {
+}, se = (e, t, n) => {
+	oe(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;
@@ -131,49 +131,49 @@ var G = {
 			if (e.value.id !== t) return;
 			Object.assign(e.value, n), r = !0;
 		}
-		r && L(e);
+		r && z(e);
 	});
-}, oe = (e) => {
+}, ce = (e) => {
 	let t = window.mo?.user?.id;
 	return JSON.stringify(e.params) + ":" + e.url + ":" + t;
-}, se = (e, t) => {
+}, le = (e, t) => {
 	let n = q.get(t)?.get(e);
 	if (n) return n.result = n.result.map((e) => ({ ...e })), n;
-}, ce = (e, t, n) => {
-	q.has(t) || q.set(t, /* @__PURE__ */ new Map()), q.get(t)?.set(e, n);
-}, le = (e, t) => {
-	J.has(e) || J.set(e, /* @__PURE__ */ new Set()), J.get(e)?.add(t), k(() => J.get(e)?.delete(t));
 }, ue = (e, t, n) => {
+	q.has(t) || q.set(t, /* @__PURE__ */ new Map()), q.get(t)?.set(e, n);
+}, de = (e, t) => {
+	J.has(e) || J.set(e, /* @__PURE__ */ new Set()), J.get(e)?.add(t), j(() => J.get(e)?.delete(t));
+}, fe = (e, t, n) => {
 	$(e, (e) => {
 		let r = e.result.find((e) => e.id === t);
 		r && Object.assign(r, n);
-	}), ae(e, t, n), Z(e);
-}, de = (e, t) => {
+	}), se(e, t, n), Z(e);
+}, pe = (e, t) => {
 	$(e, (e) => {
 		let n = e.result.findIndex((e) => e.id === t);
 		n !== -1 && (e.result.splice(n, 1), e.nextOffset && e.nextOffset--);
-	}), ae(e, t, { name: "--" }), Z(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);
+	}), se(e, t, { name: "--" }), Z(e);
+}, me = (e, t, n, i, a) => {
+	let o = P([]), s = P(!1), c = P(0), l = "", u;
+	e && !e.params.limit && (e.params.limit = 100), e && de(e.path, a);
 	let d = () => {
 		if (!e) return;
 		e.params.offset = 0;
-		let t = se(oe(e), e.path);
+		let t = le(ce(e), e.path);
 		if (!t) {
 			o.value = [], u = void 0;
 			return;
 		}
 		o.value = t.result, u = t.nextOffset;
 	};
-	e && i && B(X(e.path), () => {
+	e && i && H(X(e.path), () => {
 		d();
 	});
 	let f = async () => {
 		if (!e) return;
-		let t = i ? oe(e) : void 0;
+		let t = i ? ce(e) : void 0;
 		if (t) {
-			let n = se(t, e.path);
+			let n = le(t, e.path);
 			if (n) return e.abortByFingerprint(), n;
 		}
 		let n = await e.call();
@@ -187,7 +187,7 @@ var G = {
 			console.warn(`В result[${r}] нет id или name`);
 			return;
 		}
-		return t && ce(t, e.path, n), n;
+		return t && ue(t, e.path, n), n;
 	}, p = async (n) => {
 		if (!e) return;
 		if (n) {
@@ -214,25 +214,25 @@ var G = {
 			}
 		}
 	};
-}, 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) => {
+}, he = 0, ge = null, _e = (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, ve = (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 });
-}, _e = (t, n, r, i) => {
-	let a = M(""), o = {
+}, ye = (t, n, r, i) => {
+	let a = P(""), o = {
 		id: 0,
 		name: e().Common.All
 	}, s = () => {
 		a.value = "";
-	}, c = () => !(!i.apiRequest || a.value.length >= n.minLength), l = g(() => {
+	}, c = () => !(!i.apiRequest || a.value.length >= n.minLength), l = _(() => {
 		let e = [];
 		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 = M(n.itemsChunkSize), p = () => {
-		u.value = _();
+	}), u = P([]), f = P(n.itemsChunkSize), p = () => {
+		u.value = g();
 	}, m = () => {
 		!n.itemsChunkSize || f.value === void 0 || (f.value += n.itemsChunkSize);
 	}, h = () => {
 		n.itemsChunkSize && (f.value = n.itemsChunkSize);
-	}, _ = () => {
+	}, g = () => {
 		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);
 		}, p = (t) => {
@@ -258,20 +258,20 @@ var G = {
 			};
 			n.appendWithoutSelect && (e.listItemProps = { closeByClick: !1 }), o.push(e);
 		}
-		return n.multiselect && (o = o.filter((e) => !he(t.value, e))), n.prepareItemsBeforeRender && (o = n.prepareItemsBeforeRender(o)), o;
+		return n.multiselect && (o = o.filter((e) => !_e(t.value, e))), n.prepareItemsBeforeRender && (o = n.prepareItemsBeforeRender(o)), o;
 	}, v = (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(() => {
+		e.listItemProps?.type === "title" || e.listItemProps?.type === "delimiter" || e.id === null && (r("appendItem", e), n.appendWithoutSelect) || (n.multiselect && Array.isArray(t.value) ? _e(t.value, e) || (t.value = [...t.value, e]) : t.value = e, setTimeout(() => {
 			s();
 		}));
 	};
 	if (i.apiRequest) {
 		let e = [() => n.items, i.items];
-		n.multiselect && e.push(t), B(e, () => {
+		n.multiselect && e.push(t), H(e, () => {
 			p();
 		}, { deep: 2 });
-	} else B(a, () => {
+	} else H(a, () => {
 		h();
-	}), B([
+	}), H([
 		t,
 		() => n.items,
 		a,
@@ -281,7 +281,7 @@ var G = {
 	}, {
 		immediate: !0,
 		deep: 2
-	}), B([() => n.items?.length ?? 0, () => n.items], (e, r) => {
+	}), H([() => 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 = "--"));
 		});
@@ -303,18 +303,18 @@ var G = {
 			Array.isArray(t.value) && (t.value = t.value.filter((t) => t.id !== e.id || t.name !== e.name));
 		}
 	};
-}, ve = {
+}, be = {
 	key: 0,
 	class: "top-selector2_activeItems"
-}, ye = {
+}, xe = {
 	key: 1,
 	class: "top-selector2_activeName top-ellipsis"
-}, be = {
+}, Se = {
 	key: 2,
 	class: "top-selector2_placeholder top-ellipsis"
-}, xe = { class: "top-selector2_searchWidget" }, Se = /* @__PURE__ */ w({
+}, Ce = { class: "top-selector2_searchWidget" }, we = /* @__PURE__ */ T({
 	__name: "selector2",
-	props: /*@__PURE__*/ T({
+	props: /*@__PURE__*/ E({
 		modelValue: {},
 		items: { default: () => [] },
 		itemsChunkSize: {},
@@ -352,13 +352,13 @@ var G = {
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ T(["appendItem", "open"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ E(["appendItem", "open"], ["update:modelValue"]),
 	setup(e, { expose: t, emit: r, slots: i }) {
-		let a = e, o = z(e, "modelValue"), c = r, u = g(() => a.searchType === "inline" && a.multiselect || a.searchType === "inline" && n.state.isMobile ? "popup" : a.searchType), d = fe(a.api, a.apiSetSearchParams, a.minLength, a.useCache, o), w = _e(o, a, c, d), T = g(() => a.buttonProps ? "TopButton" : u.value === "inline" ? "TopInput" : "div"), D = M(null), O = M(null), k = () => D.value?.popup;
-		d.apiRequest && B(w.searchText, () => {
-			d.setSearchTextAndLoad(w.searchText.value);
+		let a = e, o = V(e, "modelValue"), c = r, u = _(() => a.searchType === "inline" && a.multiselect || a.searchType === "inline" && n.state.isMobile ? "popup" : a.searchType), d = me(a.api, a.apiSetSearchParams, a.minLength, a.useCache, o), g = ye(o, a, c, d), T = _(() => a.buttonProps ? "TopButton" : u.value === "inline" ? "TopInput" : "div"), E = P(null), O = P(null), k = () => E.value?.popup;
+		d.apiRequest && H(g.searchText, () => {
+			d.setSearchTextAndLoad(g.searchText.value);
 		});
-		let A = g(() => Array.isArray(o.value) || a.multiselect || !a.selectedAsPlaceholder && u.value !== "inline" ? a.placeholder : o.value?.name || a.placeholder), L = (e) => {
+		let A = _(() => Array.isArray(o.value) || a.multiselect || !a.selectedAsPlaceholder && u.value !== "inline" ? a.placeholder : o.value?.name || a.placeholder), j = (e) => {
 			let t = !1;
 			switch (e.key) {
 				case "Delete":
@@ -374,49 +374,49 @@ var G = {
 					t = !0;
 					break;
 				case "Escape":
-					u.value === "inline" && w.resetSearch();
+					u.value === "inline" && g.resetSearch();
 					break;
 			}
 			let n = e.key.length === 1 && !e.ctrlKey && !e.metaKey;
-			(u.value === "popup" || u.value === "inline") && n && (t = !0), k()?.elPopup && (t = !1), t && (u.value === "popup" && (e.preventDefault(), e.stopPropagation(), n && (w.searchText.value || (w.searchText.value = e.key))), e.currentTarget?.click());
-		}, U = (e) => {
-			e.preventDefault(), w.selectNextItem();
-		}, W = () => {
-			d.apiRequest && d.setSearchTextAndLoad(w.searchText.value, !1), c("open");
+			(u.value === "popup" || u.value === "inline") && n && (t = !0), k()?.elPopup && (t = !1), t && (u.value === "popup" && (e.preventDefault(), e.stopPropagation(), n && (g.searchText.value || (g.searchText.value = e.key))), e.currentTarget?.click());
+		}, M = (e) => {
+			e.preventDefault(), g.selectNextItem();
+		}, z = () => {
+			d.apiRequest && d.setSearchTextAndLoad(g.searchText.value, !1), c("open");
 		}, G = () => {
-			w.resetItemsForShow(), u.value === "popup" && w.searchText.value && w.resetSearch();
+			g.resetItemsForShow(), u.value === "popup" && g.searchText.value && g.resetSearch();
 		}, K = (e) => {
 			let t = e.target;
-			t.scrollTop / (t.scrollHeight - t.offsetHeight) > .8 && (a.api ? d.load(!0) : w.revelItemsForShow());
+			t.scrollTop / (t.scrollHeight - t.offsetHeight) > .8 && (a.api ? d.load(!0) : g.revelItemsForShow());
 		};
 		return t({
 			getPopup: k,
 			popupOpenerRef: O,
 			resetCache: (e = !1) => {
 				d.apiRequest && (e && Q(d.apiRequest.path), d.items.value = [], d.countLoading.value = 0, d.apiRequest.params.offset = 0, requestAnimationFrame(() => {
-					w.itemsForShow.value = [];
-				}), k()?.elPopup && d.setSearchTextAndLoad(w.searchText.value));
+					g.itemsForShow.value = [];
+				}), k()?.elPopup && d.setSearchTextAndLoad(g.searchText.value));
 			},
 			updateCacheItemById: (e, t) => {
-				d.apiRequest && ue(d.apiRequest.path, e, t);
+				d.apiRequest && fe(d.apiRequest.path, e, t);
 			},
 			deleteCacheItemById: (e) => {
-				d.apiRequest && de(d.apiRequest.path, e);
+				d.apiRequest && pe(d.apiRequest.path, e);
 			}
 		}), (t, r) => {
-			let a = ee("TopLoadbar"), c = F("top-focus"), g = F("top-shortcut");
-			return j(), _(R(m), {
+			let a = ee("TopLoadbar"), c = L("top-focus"), _ = L("top-shortcut");
+			return N(), v(B(m), {
 				ref_key: "popupRef",
-				ref: D,
-				onOpen: r[3] ||= (e) => W(),
+				ref: E,
+				onOpen: r[3] ||= (e) => z(),
 				onClose: r[4] ||= (e) => G(),
 				onScrollContentList: r[5] ||= (e) => K(e),
 				notch: !1,
 				transitionDuration: 0,
 				openByFocusInput: u.value === "inline" && (e.openByFocusInput ?? !0),
-				disabled: u.value === "inline" && R(w).genIsShort()
-			}, x({
-				opener: V(() => [H((j(), _(te(T.value), E({
+				disabled: u.value === "inline" && B(g).genIsShort()
+			}, S({
+				opener: U(() => [W((N(), v(te(T.value), D({
 					ref_key: "popupOpenerRef",
 					ref: O
 				}, e.buttonProps, {
@@ -433,33 +433,33 @@ var G = {
 					},
 					icon: e.icon,
 					tabindex: "0",
-					onKeydown: L,
-					onBlur: r[0] ||= (e) => u.value === "inline" && R(w).resetSearch(),
+					onKeydown: j,
+					onBlur: r[0] ||= (e) => u.value === "inline" && B(g).resetSearch(),
 					placeholder: A.value,
 					title: e.title,
 					captionType: u.value === "inline" && e.title !== void 0 ? "top" : void 0,
-					modelValue: R(w).searchText.value,
-					"onUpdate:modelValue": r[1] ||= (e) => R(w).searchText.value = e
+					modelValue: B(g).searchText.value,
+					"onUpdate:modelValue": r[1] ||= (e) => B(g).searchText.value = e
 				}), {
-					default: V(() => [
-						e.multiselect ? (j(), y("div", ve, [(j(!0), y(h, null, N(o.value, (e) => (j(), _(re, {
+					default: U(() => [
+						e.multiselect ? (N(), b("div", be, [(N(!0), b(h, null, F(o.value, (e) => (N(), v(ae, {
 							key: e.id ?? void 0,
 							id: e.id,
 							name: e.name,
-							onDelete: R(w).deleteItemByItem
+							onDelete: B(g).deleteItemByItem
 						}, null, 8, [
 							"id",
 							"name",
 							"onDelete"
-						]))), 128))])) : v("", !0),
-						u.value !== "inline" && !e.multiselect ? (j(), y("span", ye, I(Array.isArray(o.value) ? "" : o.value.name), 1)) : v("", !0),
-						e.multiselect && !o.value.length ? (j(), y("span", be, I(A.value), 1)) : v("", !0),
-						e.addChanger && !e.buttonProps && !e.multiselect && R(w).itemsForShow.value.length > 1 && !e.disabled ? (j(), y("span", {
+						]))), 128))])) : y("", !0),
+						u.value !== "inline" && !e.multiselect ? (N(), b("span", xe, R(Array.isArray(o.value) ? "" : o.value.name), 1)) : y("", !0),
+						e.multiselect && !o.value.length ? (N(), b("span", Se, R(A.value), 1)) : y("", !0),
+						e.addChanger && !e.buttonProps && !e.multiselect && B(g).itemsForShow.value.length > 1 && !e.disabled ? (N(), b("span", {
 							key: 3,
 							class: "top-changer top-changer-selector",
 							"data-top-popup-disabled": "true",
-							onClick: U
-						})) : v("", !0)
+							onClick: M
+						})) : y("", !0)
 					]),
 					_: 1
 				}, 16, [
@@ -474,49 +474,49 @@ var G = {
 					e.isError,
 					void 0,
 					{ onupdate: !0 }
-				], [g, e.openerShortcut]])]),
-				contentList: V(() => [
-					(j(!0), y(h, null, N(R(w).itemsForShow.value, (r) => (j(), _(R(p), E({
+				], [_, e.openerShortcut]])]),
+				contentList: U(() => [
+					(N(!0), b(h, null, F(B(g).itemsForShow.value, (r) => (N(), v(B(p), D({
 						key: r.id ?? void 0,
 						class: {
 							"top-active": !Array.isArray(o.value) && !e.multiselect && o.value.id === r.id && o.value.name === r.name,
-							"top-selector2_item-all": r.id === R(0),
-							"top-selector2_item-new": r.id === R(null)
+							"top-selector2_item-all": r.id === B(0),
+							"top-selector2_item-new": r.id === B(null)
 						},
-						closeByClick: !e.multiselect || R(n).state.isMobile
-					}, { ref_for: !0 }, r.listItemProps, { onClick: (e) => R(w).selectItem(r) }), x({
-						default: V(() => [i.item ? P(t.$slots, "item", { item: r }, void 0, void 0, 0) : (j(), y(h, { key: 1 }, [S(I(r.name), 1)], 64))]),
+						closeByClick: !e.multiselect || B(n).state.isMobile
+					}, { ref_for: !0 }, r.listItemProps, { onClick: (e) => B(g).selectItem(r) }), S({
+						default: U(() => [i.item ? I(t.$slots, "item", { item: r }, void 0, void 0, 0) : (N(), b(h, { key: 1 }, [C(R(r.name), 1)], 64))]),
 						_: 2
 					}, [i.actions ? {
 						name: "actions",
-						fn: V(() => [P(t.$slots, "actions", { item: r })]),
+						fn: U(() => [I(t.$slots, "actions", { item: r })]),
 						key: "0"
 					} : void 0]), 1040, [
 						"class",
 						"closeByClick",
 						"onClick"
 					]))), 128)),
-					!R(w).itemsForShow.value.length && !R(w).genIsShort() ? (j(), _(R(p), {
+					!B(g).itemsForShow.value.length && !B(g).genIsShort() ? (N(), v(B(p), {
 						key: 0,
 						type: "regular"
 					}, {
-						default: V(() => [R(d).isLoading.value && !R(d).countLoading.value || e.itemsIsLoading ? (j(), _(R(l), {
+						default: U(() => [B(d).isLoading.value && !B(d).countLoading.value || e.itemsIsLoading ? (N(), v(B(l), {
 							key: 0,
 							type: "circles"
-						})) : (j(), y(h, { key: 1 }, [S(I(t.$i18n.Common.No_results), 1)], 64))]),
+						})) : (N(), b(h, { key: 1 }, [C(R(t.$i18n.Common.No_results), 1)], 64))]),
 						_: 1
-					})) : v("", !0),
-					R(d).countLoading.value && R(d).isLoading.value && u.value === "inline" ? (j(), _(a, { key: 1 })) : v("", !0)
+					})) : y("", !0),
+					B(d).countLoading.value && B(d).isLoading.value && u.value === "inline" ? (N(), v(a, { key: 1 })) : y("", !0)
 				]),
 				_: 2
 			}, [u.value === "popup" ? {
 				name: "widget",
-				fn: V(() => [b("div", xe, [H(C(R(f), {
+				fn: U(() => [x("div", Ce, [W(w(B(f), {
 					title: "Поиск",
 					icon: "",
-					modelValue: R(w).searchText.value,
-					"onUpdate:modelValue": r[2] ||= (e) => R(w).searchText.value = e,
-					isLoading: !!R(d).countLoading.value && R(d).isLoading.value,
+					modelValue: B(g).searchText.value,
+					"onUpdate:modelValue": r[2] ||= (e) => B(g).searchText.value = e,
+					isLoading: !!B(d).countLoading.value && B(d).isLoading.value,
 					placeholder: A.value
 				}, null, 8, [
 					"modelValue",
@@ -527,19 +527,19 @@ var G = {
 					o.value,
 					void 0,
 					{ onupdate: !0 }
-				]]), e.hasCloserBtn && !t.$core.state.isMobile ? (j(), _(R(s), {
+				]]), e.hasCloserBtn && !t.$core.state.isMobile ? (N(), v(B(s), {
 					key: 0,
 					class: "closer",
 					color: "theme"
 				}, {
-					default: V(() => [S(I(t.$i18n.Common.Cancel), 1)]),
+					default: U(() => [C(R(t.$i18n.Common.Cancel), 1)]),
 					_: 1
-				})) : v("", !0)])]),
+				})) : y("", !0)])]),
 				key: "0"
 			} : void 0]), 1032, ["openByFocusInput", "disabled"]);
 		};
 	}
-}), Ce = { class: "top-editArea_footer" }, we = /* @__PURE__ */ w({
+}), Te = { class: "top-editArea_footer" }, Ee = /* @__PURE__ */ T({
 	__name: "editArea",
 	props: {
 		defaultValue: { default: "" },
@@ -572,7 +572,7 @@ var G = {
 		"clickOnTitle"
 	],
 	setup(e, { emit: t, slots: n }) {
-		let r = e, i = t, a = M(r.defaultValue), o = M(r.isFocused), l = g(() => a.value !== r.defaultValue), u = (e) => {
+		let r = e, i = t, a = P(r.defaultValue), o = P(r.isFocused), l = _(() => a.value !== r.defaultValue), u = (e) => {
 			i("submit", e), a.value = r.defaultValue;
 		}, d = () => {
 			if (r.forceShowCloseBtn && !l.value) {
@@ -583,20 +583,20 @@ var G = {
 		}, f = () => {
 			r.attachToKeyboard && i("clickOnTitle");
 		};
-		return (t, r) => (j(), y("div", { class: D({
+		return (t, r) => (N(), b("div", { class: O({
 			"top-editArea": !0,
 			"top-editArea-attachedToKeyboard": e.attachToKeyboard
-		}) }, [e.title || n.caption ? (j(), y("div", {
+		}) }, [e.title || n.caption ? (N(), b("div", {
 			key: 0,
 			class: "top-editArea_caption",
 			onClick: r[0] ||= (e) => f()
-		}, [P(t.$slots, "caption", {}, () => [S(I(e.title), 1)])])) : v("", !0), b("div", { class: D({
+		}, [I(t.$slots, "caption", {}, () => [C(R(e.title), 1)])])) : y("", !0), x("div", { class: O({
 			"top-editArea_form": !0,
 			"top-forms-focusable": !0,
 			"top-as-input": !0,
 			"top-error": e.isError,
 			"top-focus": o.value
-		}) }, [C(c, {
+		}) }, [w(c, {
 			modelValue: a.value,
 			"onUpdate:modelValue": r[1] ||= (e) => a.value = e,
 			name: e.name,
@@ -611,7 +611,7 @@ var G = {
 			class: "top-editArea_element",
 			onFocus: r[2] ||= () => o.value = !0,
 			onBlur: r[3] ||= () => o.value = !1,
-			onKeyup: [U(d, ["esc"]), r[4] ||= U(W((e) => u(a.value), ["ctrl"]), ["enter"])]
+			onKeyup: [G(d, ["esc"]), r[4] ||= G(K((e) => u(a.value), ["ctrl"]), ["enter"])]
 		}, null, 8, [
 			"modelValue",
 			"name",
@@ -623,29 +623,29 @@ var G = {
 			"readonly",
 			"isError",
 			"hint"
-		]), b("div", Ce, [l.value || e.forceShowCloseBtn ? (j(), _(s, {
+		]), x("div", Te, [l.value || e.forceShowCloseBtn ? (N(), v(s, {
 			key: 0,
 			icon: t.$core.state.isMobile ? "" : "",
 			class: "top-editArea_button",
 			color: "theme",
 			styling: "soft",
 			onClick: d
-		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
+		}, S({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
 			name: "default",
-			fn: V(() => [S(I(e.cancelText), 1)]),
+			fn: U(() => [C(R(e.cancelText), 1)]),
 			key: "0"
-		}]), 1032, ["icon"])) : v("", !0), l.value ? (j(), _(s, {
+		}]), 1032, ["icon"])) : y("", !0), l.value ? (N(), v(s, {
 			key: 1,
 			class: "top-editArea_button",
 			icon: t.$core.state.isMobile ? "" : "",
 			onClick: r[5] ||= (e) => u(a.value)
-		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
+		}, S({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
 			name: "default",
-			fn: V(() => [S(I(e.submitText), 1)]),
+			fn: U(() => [C(R(e.submitText), 1)]),
 			key: "0"
-		}]), 1032, ["icon"])) : v("", !0)])], 2)], 2));
+		}]), 1032, ["icon"])) : y("", !0)])], 2)], 2));
 	}
-}), Te = { class: "top-editInput" }, Ee = /* @__PURE__ */ w({
+}), De = { class: "top-editInput" }, Oe = /* @__PURE__ */ T({
 	__name: "editInput",
 	props: {
 		modelValue: {},
@@ -655,31 +655,31 @@ var G = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t, slots: n }) {
-		let r = e, i = M(r.modelValue);
-		B(() => r.modelValue, () => {
+		let r = e, i = P(r.modelValue);
+		H(() => r.modelValue, () => {
 			i.value = r.modelValue;
 		});
 		let o = t, c = () => {
 			o("update:modelValue", i.value);
 		};
-		return (t, r) => (j(), y("div", Te, [C(a, E(e.input, {
-			onKeydownCapture: r[0] ||= U(W((t) => i.value = e.modelValue, ["stop"]), ["esc"]),
-			onKeydown: U(W(c, ["stop"]), ["enter"]),
+		return (t, r) => (N(), b("div", De, [w(a, D(e.input, {
+			onKeydownCapture: r[0] ||= G(K((t) => i.value = e.modelValue, ["stop"]), ["esc"]),
+			onKeydown: G(K(c, ["stop"]), ["enter"]),
 			modelValue: i.value,
 			"onUpdate:modelValue": r[1] ||= (e) => i.value = e
-		}), x({ _: 2 }, [n.caption ? {
+		}), S({ _: 2 }, [n.caption ? {
 			name: "caption",
-			fn: V(() => [P(t.$slots, "caption")]),
+			fn: U(() => [I(t.$slots, "caption")]),
 			key: "0"
-		} : void 0]), 1040, ["onKeydown", "modelValue"]), i.value !== e.modelValue || e.alwaysShowSubmitBtn ? (j(), _(s, E({
+		} : void 0]), 1040, ["onKeydown", "modelValue"]), i.value !== e.modelValue || e.alwaysShowSubmitBtn ? (N(), v(s, D({
 			key: 0,
 			icon: "",
 			styling: "soft"
-		}, e.button, { onClick: c }), null, 16)) : v("", !0)]));
+		}, e.button, { onClick: c }), null, 16)) : y("", !0)]));
 	}
-}), De = /* @__PURE__ */ w({
+}), ke = /* @__PURE__ */ T({
 	__name: "optionGroup",
-	props: /*@__PURE__*/ T({
+	props: /*@__PURE__*/ E({
 		modelValue: {},
 		items: {},
 		size: { default: "s" },
@@ -691,24 +691,24 @@ var G = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = z(e, "modelValue"), n = e, r = M(null);
-		B(t, () => {
+		let t = V(e, "modelValue"), n = e, r = P(null);
+		H(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) => (j(), y("div", {
+		return (n, s) => (N(), b("div", {
 			ref_key: "elRef",
 			ref: r,
-			class: D({
+			class: O({
 				"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) ? (j(!0), y(h, { key: 0 }, N(e.items, (n) => (j(), _(o, {
-			class: D({
+		}, [Array.isArray(t.value) ? (N(!0), b(h, { key: 0 }, F(e.items, (n) => (N(), v(o, {
+			class: O({
 				"top-optionGroup_item-selected": t.value.includes(n.value),
 				"top-optionGroup_item": !0
 			}),
@@ -719,9 +719,9 @@ var G = {
 			disabled: n.disabled,
 			isError: e.isError,
 			"data-top-icon": n.icon
-		}, x({ _: 2 }, [n.label ? {
+		}, S({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: V(() => [S(I(n.label), 1)]),
+			fn: U(() => [C(R(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -731,8 +731,8 @@ var G = {
 			"disabled",
 			"isError",
 			"data-top-icon"
-		]))), 256)) : (j(!0), y(h, { key: 1 }, N(e.items, (n) => (j(), _(i, {
-			class: D({
+		]))), 256)) : (N(!0), b(h, { key: 1 }, F(e.items, (n) => (N(), v(i, {
+			class: O({
 				"top-optionGroup_item-selected": n.value === t.value,
 				"top-optionGroup_item": !0
 			}),
@@ -744,9 +744,9 @@ var G = {
 			disabled: n.disabled,
 			isError: e.isError,
 			"data-top-icon": n.icon
-		}, x({ _: 2 }, [n.label ? {
+		}, S({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: V(() => [S(I(n.label), 1)]),
+			fn: U(() => [C(R(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -758,9 +758,9 @@ var G = {
 			"data-top-icon"
 		]))), 256))], 2));
 	}
-}), Oe = /* @__PURE__ */ w({
+}), Ae = /* @__PURE__ */ T({
 	__name: "radioGroup",
-	props: /*@__PURE__*/ T({
+	props: /*@__PURE__*/ E({
 		modelValue: {},
 		items: {},
 		size: {},
@@ -772,8 +772,8 @@ var G = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = z(e, "modelValue");
-		return (e, r) => (j(), _(De, {
+		let t = e, n = V(e, "modelValue");
+		return (e, r) => (N(), v(ke, {
 			class: "top-radioGroup",
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
@@ -782,7 +782,7 @@ var G = {
 			showIndicator: t.showIndicator,
 			isError: t.isError
 		}, {
-			default: V(() => [P(e.$slots, "default")]),
+			default: U(() => [I(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -792,9 +792,9 @@ var G = {
 			"isError"
 		]));
 	}
-}), ke = /* @__PURE__ */ w({
+}), je = /* @__PURE__ */ T({
 	__name: "checkboxGroup",
-	props: /*@__PURE__*/ T({
+	props: /*@__PURE__*/ E({
 		modelValue: {},
 		items: {},
 		size: {},
@@ -806,8 +806,8 @@ var G = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = z(e, "modelValue");
-		return (e, r) => (j(), _(De, {
+		let t = e, n = V(e, "modelValue");
+		return (e, r) => (N(), v(ke, {
 			class: "top-checkboxGroup",
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
@@ -816,7 +816,7 @@ var G = {
 			showIndicator: t.showIndicator,
 			isError: t.isError
 		}, {
-			default: V(() => [P(e.$slots, "default")]),
+			default: U(() => [I(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -826,10 +826,10 @@ var G = {
 			"isError"
 		]));
 	}
-}), Ae = ["data-top-icon"], je = { class: "top-info_text" }, Me = {
+}), Me = ["data-top-icon"], Ne = { class: "top-info_text" }, Pe = {
 	key: 0,
 	class: "top-info_value"
-}, Ne = /* @__PURE__ */ w({
+}, Fe = /* @__PURE__ */ T({
 	__name: "info",
 	props: {
 		icon: {},
@@ -837,19 +837,19 @@ var G = {
 		size: { default: "default" }
 	},
 	setup(e, { slots: t }) {
-		return (n, r) => (j(), y("div", {
-			class: D({
+		return (n, r) => (N(), b("div", {
+			class: O({
 				"top-info": !0,
 				["top-size_" + e.size]: !0,
 				["top-info-styling_" + e.styling]: !0
 			}),
 			"data-top-icon": e.icon
-		}, [b("div", je, [P(n.$slots, "default")]), t.additional ? (j(), y("span", Me, [P(n.$slots, "additional")])) : v("", !0)], 10, Ae));
+		}, [x("div", Ne, [I(n.$slots, "default")]), t.additional ? (N(), b("span", Pe, [I(n.$slots, "additional")])) : y("", !0)], 10, Me));
 	}
-}), Pe = {
+}), Ie = {
 	key: 0,
 	class: "top-policy"
-}, Fe = { class: "top-policy_title" }, Ie = ["innerHTML"], Le = /* @__PURE__ */ w({
+}, Le = { class: "top-policy_title" }, Re = ["innerHTML"], ze = /* @__PURE__ */ T({
 	__name: "policy",
 	props: {
 		title: {},
@@ -858,26 +858,68 @@ var G = {
 	},
 	emits: ["accept"],
 	setup(e, { emit: t }) {
-		let n = t, r = M(!0), i = () => {
+		let n = t, r = P(!0), i = () => {
 			r.value = !1, n("accept");
 		};
-		return (t, n) => r.value ? (j(), y("div", Pe, [
-			b("div", Fe, I(e.title), 1),
-			b("div", {
+		return (t, n) => r.value ? (N(), b("div", Ie, [
+			x("div", Le, R(e.title), 1),
+			x("div", {
 				class: "top-policy_description",
 				innerHTML: e.description
-			}, null, 8, Ie),
-			C(R(s), {
+			}, null, 8, Re),
+			w(B(s), {
 				size: "m",
 				onClick: i
 			}, {
-				default: V(() => [S(I(e.acceptText), 1)]),
+				default: U(() => [C(R(e.acceptText), 1)]),
 				_: 1
 			})
-		])) : v("", !0);
+		])) : y("", !0);
+	}
+}), Be = {
+	key: 0,
+	class: "top-banner"
+}, Ve = { class: "top-banner_content" }, He = { class: "top-banner_contentText" }, Ue = /* @__PURE__ */ T({
+	__name: "banner",
+	props: {
+		showCloseButton: {
+			type: Boolean,
+			default: !0
+		},
+		buttonProps: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = t, r = P(!0), i = P(!1), a = () => {
+			i.value || (i.value = !0, r.value = !1);
+		}, o = (e) => {
+			let t = e;
+			t.style.height = `${t.offsetHeight}px`, t.style.overflow = "hidden", requestAnimationFrame(() => {
+				t.style.height = "0px", t.style.paddingTop = "0px", t.style.paddingBottom = "0px", t.style.opacity = "0";
+			});
+		}, c = () => {
+			n("close");
+		};
+		return (t, n) => (N(), v(g, {
+			duration: 200,
+			onBeforeLeave: o,
+			onAfterLeave: c
+		}, {
+			default: U(() => [r.value ? (N(), b("div", Be, [x("div", Ve, [x("span", He, [I(t.$slots, "default")]), e.buttonProps ? (N(), v(s, k(D({ key: 0 }, e.buttonProps)), {
+				default: U(() => [e.buttonProps.default ? (N(), b(h, { key: 0 }, [C(R(e.buttonProps.default), 1)], 64)) : y("", !0)]),
+				_: 1
+			}, 16)) : y("", !0)]), e.showCloseButton ? (N(), v(s, {
+				key: 0,
+				class: "top-banner_closeButton",
+				color: "theme",
+				icon: "",
+				onClick: a
+			})) : y("", !0)])) : y("", !0)]),
+			_: 3
+		}));
 	}
 });
 //#endregion
-export { Ee as a, pe as c, Q as d, K 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 };
+export { Ae as a, we as c, ve as d, Q as f, je as i, he as l, ze as n, Oe as o, re as p, Fe as r, Ee as s, Ue as t, ge as u };
 
-//# sourceMappingURL=formsExt-BZZEpY-a.esm.js.map
+//# sourceMappingURL=formsExt-DG99Ktz8.esm.js.map