@topvisor/ui 1.5.8-7 → 1.5.8-9

package/.chunks/{formsExt-Iw04hpHr.esm.js → formsExt-BBW2Lv0y.esm.js}

@@ -5,17 +5,17 @@
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 		/* end import css */
 	
-import "./api-BlIxMRlW.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-LywqKN9I.esm.js";
+import "./api-BD74aA98.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-_4U0sLFk.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-ClpsGU2P.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 te, resolveDynamicComponent as ne, toDisplayString as F, triggerRef as I, unref as L, useModel as R, watch as z, withCtx as B, withDirectives as V, withKeys as H, withModifiers as U } from "vue";
+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";
 //#region src/components/formsExt/menu/menu.vue?vue&type=script&setup=true&lang.ts
-var W = {
+var G = {
 	key: 0,
 	class: "top-menu_selectAll"
-}, re = /* @__PURE__ */ w({
+}, K = /* @__PURE__ */ w({
 	__name: "menu",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -30,7 +30,7 @@ var W = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let r = e, i = R(e, "modelValue"), a = M();
+		let r = e, i = z(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)) {
@@ -81,9 +81,9 @@ var W = {
 			isActive: o(e)
 		}), x({ _: 2 }, [e.content ? {
 			name: "default",
-			fn: B(() => [S(F(e.content), 1)]),
+			fn: V(() => [S(I(e.content), 1)]),
 			key: "0"
-		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (j(), y("div", W, [C(s, E(e.selectAllItem, {
+		} : void 0]), 1040, ["onClick", "isActive"]))), 256)), Array.isArray(i.value) && e.selectAllItem ? (j(), y("div", G, [C(s, E(e.selectAllItem, {
 			class: "top-menu_item",
 			color: "theme",
 			styling: "",
@@ -91,38 +91,38 @@ var W = {
 			isActive: i.value.length === e.items.length
 		}), x({ _: 2 }, [e.selectAllItem.content ? {
 			name: "default",
-			fn: B(() => [S(F(e.selectAllItem.content), 1)]),
+			fn: V(() => [S(I(e.selectAllItem.content), 1)]),
 			key: "0"
 		} : void 0]), 1040, ["isActive"])])) : v("", !0)], 34));
 	}
-}), ie = { class: "top-selector2_itemMulti top-ellipsis" }, ae = /* @__PURE__ */ w({
+}), ne = { class: "top-selector2_itemMulti top-ellipsis" }, re = /* @__PURE__ */ w({
 	__name: "itemMulti",
 	props: {
 		id: {},
 		name: {}
 	},
 	emits: ["delete"],
-	setup(e) {
-		return (t, n) => (j(), y("div", ie, [S(F(e.name) + " ", 1), b("span", {
+	setup(e, { emit: t }) {
+		return (n, r) => (j(), y("div", ne, [S(I(e.name) + " ", 1), b("span", {
 			class: "top-selector2_itemMultiDelete",
 			"data-top-icon": "",
-			onClick: n[0] ||= (n) => t.$emit("delete", {
+			onClick: r[0] ||= (n) => t("delete", {
 				id: e.id,
 				name: e.name
 			}),
-			onMousedown: n[1] ||= U(() => {}, ["stop"])
+			onMousedown: r[1] ||= W(() => {}, ["stop"])
 		}, null, 32)]));
 	}
-}), G = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), J = (e) => (q.has(e) || q.set(e, M(0)), q.get(e)), Y = (e) => {
-	J(e).value++;
-}, X = (e) => {
-	G.get(e)?.clear(), Y(e);
-}, Z = (e, t) => {
-	G.get(e)?.forEach((e) => t(e));
-}, oe = (e, t) => {
-	K.get(e)?.forEach((e) => t(e));
-}, Q = (e, t, n) => {
-	oe(e, (e) => {
+}), 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) => {
+	X(e).value++;
+}, Q = (e) => {
+	q.get(e)?.clear(), Z(e);
+}, $ = (e, t) => {
+	q.get(e)?.forEach((e) => t(e));
+}, ie = (e, t) => {
+	J.get(e)?.forEach((e) => t(e));
+}, ae = (e, t, n) => {
+	ie(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,47 +131,47 @@ var W = {
 			if (e.value.id !== t) return;
 			Object.assign(e.value, n), r = !0;
 		}
-		r && I(e);
+		r && L(e);
 	});
-}, $ = (e) => {
+}, oe = (e) => {
 	let t = window.mo?.user?.id;
 	return JSON.stringify(e.params) + ":" + e.url + ":" + t;
 }, se = (e, t) => {
-	let n = G.get(t)?.get(e);
+	let n = q.get(t)?.get(e);
 	if (n) return n.result = n.result.map((e) => ({ ...e })), n;
 }, ce = (e, t, n) => {
-	G.has(t) || G.set(t, /* @__PURE__ */ new Map()), G.get(t)?.set(e, n);
+	q.has(t) || q.set(t, /* @__PURE__ */ new Map()), q.get(t)?.set(e, n);
 }, le = (e, t) => {
-	K.has(e) || K.set(e, /* @__PURE__ */ new Set()), K.get(e)?.add(t), k(() => K.get(e)?.delete(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) => {
-	Z(e, (e) => {
+	$(e, (e) => {
 		let r = e.result.find((e) => e.id === t);
 		r && Object.assign(r, n);
-	}), Q(e, t, n), Y(e);
+	}), ae(e, t, n), Z(e);
 }, de = (e, t) => {
-	Z(e, (e) => {
+	$(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: "--" }), Y(e);
+	}), 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);
 	let d = () => {
 		if (!e) return;
 		e.params.offset = 0;
-		let t = se($(e), e.path);
+		let t = se(oe(e), e.path);
 		if (!t) {
 			o.value = [], u = void 0;
 			return;
 		}
 		o.value = t.result, u = t.nextOffset;
 	};
-	e && i && z(J(e.path), () => {
+	e && i && B(X(e.path), () => {
 		d();
 	});
 	let f = async () => {
 		if (!e) return;
-		let t = i ? $(e) : void 0;
+		let t = i ? oe(e) : void 0;
 		if (t) {
 			let n = se(t, e.path);
 			if (n) return e.abortByFingerprint(), n;
@@ -266,12 +266,12 @@ var W = {
 	};
 	if (i.apiRequest) {
 		let e = [() => n.items, i.items];
-		n.multiselect && e.push(t), z(e, () => {
+		n.multiselect && e.push(t), B(e, () => {
 			p();
 		}, { deep: 2 });
-	} else z(a, () => {
+	} else B(a, () => {
 		h();
-	}), z([
+	}), B([
 		t,
 		() => n.items,
 		a,
@@ -281,7 +281,7 @@ var W = {
 	}, {
 		immediate: !0,
 		deep: 2
-	}), z([() => n.items?.length ?? 0, () => n.items], (e, r) => {
+	}), B([() => 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 = "--"));
 		});
@@ -353,17 +353,17 @@ var W = {
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ T(["appendItem", "open"], ["update:modelValue"]),
-	setup(e, { expose: t, emit: r }) {
-		let i = e, a = R(e, "modelValue"), o = r, c = g(() => i.searchType === "inline" && i.multiselect || i.searchType === "inline" && n.state.isMobile ? "popup" : i.searchType), u = fe(i.api, i.apiSetSearchParams, i.minLength, i.useCache, a), d = _e(a, i, o, u), w = g(() => i.buttonProps ? "TopButton" : c.value === "inline" ? "TopInput" : "div"), T = M(null), D = M(null), O = () => T.value?.popup;
-		u.apiRequest && z(d.searchText, () => {
-			u.setSearchTextAndLoad(d.searchText.value);
+	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 k = g(() => Array.isArray(a.value) || i.multiselect || !i.selectedAsPlaceholder && c.value !== "inline" ? i.placeholder : a.value?.name || i.placeholder), A = (e) => {
+		let A = g(() => Array.isArray(o.value) || a.multiselect || !a.selectedAsPlaceholder && u.value !== "inline" ? a.placeholder : o.value?.name || a.placeholder), L = (e) => {
 			let t = !1;
 			switch (e.key) {
 				case "Delete":
 				case "Backspace":
-					Array.isArray(a.value) && (e.preventDefault(), e.stopPropagation(), a.value.pop());
+					Array.isArray(o.value) && (e.preventDefault(), e.stopPropagation(), o.value.pop());
 					break;
 				case "ArrowUp":
 				case "ArrowRight":
@@ -374,57 +374,57 @@ var W = {
 					t = !0;
 					break;
 				case "Escape":
-					c.value === "inline" && d.resetSearch();
+					u.value === "inline" && w.resetSearch();
 					break;
 			}
 			let n = e.key.length === 1 && !e.ctrlKey && !e.metaKey;
-			(c.value === "popup" || c.value === "inline") && n && (t = !0), O()?.elPopup && (t = !1), t && (c.value === "popup" && (e.preventDefault(), e.stopPropagation(), n && (d.searchText.value || (d.searchText.value = e.key))), e.currentTarget?.click());
-		}, I = (e) => {
-			e.preventDefault(), d.selectNextItem();
-		}, H = () => {
-			u.apiRequest && u.setSearchTextAndLoad(d.searchText.value, !1), o("open");
-		}, U = () => {
-			d.resetItemsForShow(), c.value === "popup" && d.searchText.value && d.resetSearch();
-		}, W = (e) => {
+			(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");
+		}, G = () => {
+			w.resetItemsForShow(), u.value === "popup" && w.searchText.value && w.resetSearch();
+		}, K = (e) => {
 			let t = e.target;
-			t.scrollTop / (t.scrollHeight - t.offsetHeight) > .8 && (i.api ? u.load(!0) : d.revelItemsForShow());
+			t.scrollTop / (t.scrollHeight - t.offsetHeight) > .8 && (a.api ? d.load(!0) : w.revelItemsForShow());
 		};
 		return t({
-			getPopup: O,
-			popupOpenerRef: D,
+			getPopup: k,
+			popupOpenerRef: O,
 			resetCache: (e = !1) => {
-				u.apiRequest && (e && X(u.apiRequest.path), u.items.value = [], u.countLoading.value = 0, u.apiRequest.params.offset = 0, requestAnimationFrame(() => {
-					d.itemsForShow.value = [];
-				}), O()?.elPopup && u.setSearchTextAndLoad(d.searchText.value));
+				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));
 			},
 			updateCacheItemById: (e, t) => {
-				u.apiRequest && ue(u.apiRequest.path, e, t);
+				d.apiRequest && ue(d.apiRequest.path, e, t);
 			},
 			deleteCacheItemById: (e) => {
-				u.apiRequest && de(u.apiRequest.path, e);
+				d.apiRequest && de(d.apiRequest.path, e);
 			}
 		}), (t, r) => {
-			let i = ee("TopLoadbar"), o = te("top-focus"), g = te("top-shortcut");
-			return j(), _(L(m), {
+			let a = ee("TopLoadbar"), c = F("top-focus"), g = F("top-shortcut");
+			return j(), _(R(m), {
 				ref_key: "popupRef",
-				ref: T,
-				onOpen: r[3] ||= (e) => H(),
-				onClose: r[4] ||= (e) => U(),
-				onScrollContentList: r[5] ||= (e) => W(e),
+				ref: D,
+				onOpen: r[3] ||= (e) => W(),
+				onClose: r[4] ||= (e) => G(),
+				onScrollContentList: r[5] ||= (e) => K(e),
 				notch: !1,
 				transitionDuration: 0,
-				openByFocusInput: c.value === "inline" && (e.openByFocusInput ?? !0),
-				disabled: c.value === "inline" && L(d).genIsShort()
+				openByFocusInput: u.value === "inline" && (e.openByFocusInput ?? !0),
+				disabled: u.value === "inline" && R(w).genIsShort()
 			}, x({
-				opener: B(() => [V((j(), _(ne(w.value), E({
+				opener: V(() => [H((j(), _(te(T.value), E({
 					ref_key: "popupOpenerRef",
-					ref: D
+					ref: O
 				}, e.buttonProps, {
 					class: {
 						"top-selector2": !0,
 						"top-selector2-multiselect": e.multiselect,
 						["top-selector2-" + e.modificator]: !!e.modificator,
-						"top-as-input": !e.buttonProps && c.value !== "inline",
+						"top-as-input": !e.buttonProps && u.value !== "inline",
 						"top-as-selector": !0,
 						["top-size_" + e.size]: !0,
 						"top-disabled": e.disabled,
@@ -433,32 +433,32 @@ var W = {
 					},
 					icon: e.icon,
 					tabindex: "0",
-					onKeydown: A,
-					onBlur: r[0] ||= (e) => c.value === "inline" && L(d).resetSearch(),
-					placeholder: k.value,
+					onKeydown: L,
+					onBlur: r[0] ||= (e) => u.value === "inline" && R(w).resetSearch(),
+					placeholder: A.value,
 					title: e.title,
-					captionType: c.value === "inline" && e.title !== void 0 ? "top" : void 0,
-					modelValue: L(d).searchText.value,
-					"onUpdate:modelValue": r[1] ||= (e) => L(d).searchText.value = e
+					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
 				}), {
-					default: B(() => [
-						e.multiselect ? (j(), y("div", ve, [(j(!0), y(h, null, N(a.value, (e) => (j(), _(ae, {
+					default: V(() => [
+						e.multiselect ? (j(), y("div", ve, [(j(!0), y(h, null, N(o.value, (e) => (j(), _(re, {
 							key: e.id ?? void 0,
 							id: e.id,
 							name: e.name,
-							onDelete: L(d).deleteItemByItem
+							onDelete: R(w).deleteItemByItem
 						}, null, 8, [
 							"id",
 							"name",
 							"onDelete"
 						]))), 128))])) : v("", !0),
-						c.value !== "inline" && !e.multiselect ? (j(), y("span", ye, F(Array.isArray(a.value) ? "" : a.value.name), 1)) : v("", !0),
-						e.multiselect && !a.value.length ? (j(), y("span", be, F(k.value), 1)) : v("", !0),
-						e.addChanger && !e.buttonProps && !e.multiselect && L(d).itemsForShow.value.length > 1 && !e.disabled ? (j(), y("span", {
+						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", {
 							key: 3,
 							class: "top-changer top-changer-selector",
 							"data-top-popup-disabled": "true",
-							onClick: I
+							onClick: U
 						})) : v("", !0)
 					]),
 					_: 1
@@ -470,69 +470,69 @@ var W = {
 					"captionType",
 					"modelValue"
 				])), [[
-					o,
+					c,
 					e.isError,
 					void 0,
 					{ onupdate: !0 }
 				], [g, e.openerShortcut]])]),
-				contentList: B(() => [
-					(j(!0), y(h, null, N(L(d).itemsForShow.value, (r) => (j(), _(L(p), E({
+				contentList: V(() => [
+					(j(!0), y(h, null, N(R(w).itemsForShow.value, (r) => (j(), _(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 === L(0),
-							"top-selector2_item-new": r.id === L(null)
+							"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)
 						},
-						closeByClick: !e.multiselect || L(n).state.isMobile
-					}, { ref_for: !0 }, r.listItemProps, { onClick: (e) => L(d).selectItem(r) }), x({
-						default: B(() => [t.$slots.item ? P(t.$slots, "item", { item: r }, void 0, void 0, 0) : (j(), y(h, { key: 1 }, [S(F(r.name), 1)], 64))]),
+						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))]),
 						_: 2
-					}, [t.$slots.actions ? {
+					}, [i.actions ? {
 						name: "actions",
-						fn: B(() => [P(t.$slots, "actions", { item: r })]),
+						fn: V(() => [P(t.$slots, "actions", { item: r })]),
 						key: "0"
 					} : void 0]), 1040, [
 						"class",
 						"closeByClick",
 						"onClick"
 					]))), 128)),
-					!L(d).itemsForShow.value.length && !L(d).genIsShort() ? (j(), _(L(p), {
+					!R(w).itemsForShow.value.length && !R(w).genIsShort() ? (j(), _(R(p), {
 						key: 0,
 						type: "regular"
 					}, {
-						default: B(() => [L(u).isLoading.value && !L(u).countLoading.value || e.itemsIsLoading ? (j(), _(L(l), {
+						default: V(() => [R(d).isLoading.value && !R(d).countLoading.value || e.itemsIsLoading ? (j(), _(R(l), {
 							key: 0,
 							type: "circles"
-						})) : (j(), y(h, { key: 1 }, [S(F(t.$i18n.Common.No_results), 1)], 64))]),
+						})) : (j(), y(h, { key: 1 }, [S(I(t.$i18n.Common.No_results), 1)], 64))]),
 						_: 1
 					})) : v("", !0),
-					L(u).countLoading.value && L(u).isLoading.value && c.value === "inline" ? (j(), _(i, { key: 1 })) : v("", !0)
+					R(d).countLoading.value && R(d).isLoading.value && u.value === "inline" ? (j(), _(a, { key: 1 })) : v("", !0)
 				]),
 				_: 2
-			}, [c.value === "popup" ? {
+			}, [u.value === "popup" ? {
 				name: "widget",
-				fn: B(() => [b("div", xe, [V(C(L(f), {
+				fn: V(() => [b("div", xe, [H(C(R(f), {
 					title: "Поиск",
 					icon: "",
-					modelValue: L(d).searchText.value,
-					"onUpdate:modelValue": r[2] ||= (e) => L(d).searchText.value = e,
-					isLoading: !!L(u).countLoading.value && L(u).isLoading.value,
-					placeholder: k.value
+					modelValue: R(w).searchText.value,
+					"onUpdate:modelValue": r[2] ||= (e) => R(w).searchText.value = e,
+					isLoading: !!R(d).countLoading.value && R(d).isLoading.value,
+					placeholder: A.value
 				}, null, 8, [
 					"modelValue",
 					"isLoading",
 					"placeholder"
 				]), [[
-					o,
-					a.value,
+					c,
+					o.value,
 					void 0,
 					{ onupdate: !0 }
-				]]), e.hasCloserBtn && !t.$core.state.isMobile ? (j(), _(L(s), {
+				]]), e.hasCloserBtn && !t.$core.state.isMobile ? (j(), _(R(s), {
 					key: 0,
 					class: "closer",
 					color: "theme"
 				}, {
-					default: B(() => [S(F(t.$i18n.Common.Cancel), 1)]),
+					default: V(() => [S(I(t.$i18n.Common.Cancel), 1)]),
 					_: 1
 				})) : v("", !0)])]),
 				key: "0"
@@ -571,34 +571,34 @@ var W = {
 		"close",
 		"clickOnTitle"
 	],
-	setup(e, { emit: t }) {
-		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) {
-				r("close");
+	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) => {
+			i("submit", e), a.value = r.defaultValue;
+		}, d = () => {
+			if (r.forceShowCloseBtn && !l.value) {
+				i("close");
 				return;
 			}
-			i.value = n.defaultValue;
-		}, d = () => {
-			n.attachToKeyboard && r("clickOnTitle");
+			a.value = r.defaultValue;
+		}, f = () => {
+			r.attachToKeyboard && i("clickOnTitle");
 		};
-		return (t, n) => (j(), y("div", { class: D({
+		return (t, r) => (j(), y("div", { class: D({
 			"top-editArea": !0,
 			"top-editArea-attachedToKeyboard": e.attachToKeyboard
-		}) }, [e.title || t.$slots.caption ? (j(), y("div", {
+		}) }, [e.title || n.caption ? (j(), y("div", {
 			key: 0,
 			class: "top-editArea_caption",
-			onClick: n[0] ||= (e) => d()
-		}, [P(t.$slots, "caption", {}, () => [S(F(e.title), 1)])])) : v("", !0), b("div", { class: D({
+			onClick: r[0] ||= (e) => f()
+		}, [P(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,
 			"top-error": e.isError,
-			"top-focus": a.value
+			"top-focus": o.value
 		}) }, [C(c, {
-			modelValue: i.value,
-			"onUpdate:modelValue": n[1] ||= (e) => i.value = e,
+			modelValue: a.value,
+			"onUpdate:modelValue": r[1] ||= (e) => a.value = e,
 			name: e.name,
 			placeholder: e.placeholder,
 			rows: e.rows,
@@ -609,9 +609,9 @@ var W = {
 			isError: e.isError,
 			hint: e.hint,
 			class: "top-editArea_element",
-			onFocus: n[2] ||= () => a.value = !0,
-			onBlur: n[3] ||= () => a.value = !1,
-			onKeyup: [H(u, ["esc"]), n[4] ||= H(U((e) => l(i.value), ["ctrl"]), ["enter"])]
+			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"])]
 		}, null, 8, [
 			"modelValue",
 			"name",
@@ -623,25 +623,25 @@ var W = {
 			"readonly",
 			"isError",
 			"hint"
-		]), b("div", Ce, [o.value || e.forceShowCloseBtn ? (j(), _(s, {
+		]), b("div", Ce, [l.value || e.forceShowCloseBtn ? (j(), _(s, {
 			key: 0,
 			icon: t.$core.state.isMobile ? "" : "",
 			class: "top-editArea_button",
 			color: "theme",
 			styling: "soft",
-			onClick: u
+			onClick: d
 		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
 			name: "default",
-			fn: B(() => [S(F(e.cancelText), 1)]),
+			fn: V(() => [S(I(e.cancelText), 1)]),
 			key: "0"
-		}]), 1032, ["icon"])) : v("", !0), o.value ? (j(), _(s, {
+		}]), 1032, ["icon"])) : v("", !0), l.value ? (j(), _(s, {
 			key: 1,
 			class: "top-editArea_button",
 			icon: t.$core.state.isMobile ? "" : "",
-			onClick: n[5] ||= (e) => l(i.value)
+			onClick: r[5] ||= (e) => u(a.value)
 		}, x({ _: 2 }, [t.$core.state.isMobile ? void 0 : {
 			name: "default",
-			fn: B(() => [S(F(e.submitText), 1)]),
+			fn: V(() => [S(I(e.submitText), 1)]),
 			key: "0"
 		}]), 1032, ["icon"])) : v("", !0)])], 2)], 2));
 	}
@@ -654,28 +654,28 @@ var W = {
 		button: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, r = M(n.modelValue);
-		z(() => n.modelValue, () => {
-			r.value = n.modelValue;
+	setup(e, { emit: t, slots: n }) {
+		let r = e, i = M(r.modelValue);
+		B(() => r.modelValue, () => {
+			i.value = r.modelValue;
 		});
-		let i = t, o = () => {
-			i("update:modelValue", r.value);
+		let o = t, c = () => {
+			o("update:modelValue", i.value);
 		};
-		return (t, n) => (j(), y("div", Te, [C(a, E(e.input, {
-			onKeydownCapture: n[0] ||= H(U((t) => r.value = e.modelValue, ["stop"]), ["esc"]),
-			onKeydown: H(U(o, ["stop"]), ["enter"]),
-			modelValue: r.value,
-			"onUpdate:modelValue": n[1] ||= (e) => r.value = e
-		}), x({ _: 2 }, [t.$slots.caption ? {
+		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"]),
+			modelValue: i.value,
+			"onUpdate:modelValue": r[1] ||= (e) => i.value = e
+		}), x({ _: 2 }, [n.caption ? {
 			name: "caption",
-			fn: B(() => [P(t.$slots, "caption")]),
+			fn: V(() => [P(t.$slots, "caption")]),
 			key: "0"
-		} : void 0]), 1040, ["onKeydown", "modelValue"]), r.value !== e.modelValue || e.alwaysShowSubmitBtn ? (j(), _(s, E({
+		} : void 0]), 1040, ["onKeydown", "modelValue"]), i.value !== e.modelValue || e.alwaysShowSubmitBtn ? (j(), _(s, E({
 			key: 0,
 			icon: "",
 			styling: "soft"
-		}, e.button, { onClick: o }), null, 16)) : v("", !0)]));
+		}, e.button, { onClick: c }), null, 16)) : v("", !0)]));
 	}
 }), De = /* @__PURE__ */ w({
 	__name: "optionGroup",
@@ -691,8 +691,8 @@ var W = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = e, r = M(null);
-		z(t, () => {
+		let t = z(e, "modelValue"), n = e, r = M(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 });
@@ -721,7 +721,7 @@ var W = {
 			"data-top-icon": n.icon
 		}, x({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: B(() => [S(F(n.label), 1)]),
+			fn: V(() => [S(I(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -746,7 +746,7 @@ var W = {
 			"data-top-icon": n.icon
 		}, x({ _: 2 }, [n.label ? {
 			name: "default",
-			fn: B(() => [S(F(n.label), 1)]),
+			fn: V(() => [S(I(n.label), 1)]),
 			key: "0"
 		} : void 0]), 1032, [
 			"class",
@@ -772,17 +772,17 @@ var W = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue");
-		return (e, n) => (j(), _(De, {
+		let t = e, n = z(e, "modelValue");
+		return (e, r) => (j(), _(De, {
 			class: "top-radioGroup",
-			modelValue: t.value,
-			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
-			items: e.$props.items,
-			size: e.$props.size,
-			showIndicator: e.$props.showIndicator,
-			isError: e.$props.isError
+			modelValue: n.value,
+			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
+			items: t.items,
+			size: t.size,
+			showIndicator: t.showIndicator,
+			isError: t.isError
 		}, {
-			default: B(() => [P(e.$slots, "default")]),
+			default: V(() => [P(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -806,17 +806,17 @@ var W = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue");
-		return (e, n) => (j(), _(De, {
+		let t = e, n = z(e, "modelValue");
+		return (e, r) => (j(), _(De, {
 			class: "top-checkboxGroup",
-			modelValue: t.value,
-			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
-			items: e.$props.items,
-			size: e.$props.size,
-			showIndicator: e.$props.showIndicator,
-			isError: e.$props.isError
+			modelValue: n.value,
+			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
+			items: t.items,
+			size: t.size,
+			showIndicator: t.showIndicator,
+			isError: t.isError
 		}, {
-			default: B(() => [P(e.$slots, "default")]),
+			default: V(() => [P(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -836,15 +836,15 @@ var W = {
 		styling: { default: "default" },
 		size: { default: "default" }
 	},
-	setup(e) {
-		return (t, n) => (j(), y("div", {
+	setup(e, { slots: t }) {
+		return (n, r) => (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", je, [P(t.$slots, "default")]), t.$slots.additional ? (j(), y("span", Me, [P(t.$slots, "additional")])) : v("", !0)], 10, Ae));
+		}, [b("div", je, [P(n.$slots, "default")]), t.additional ? (j(), y("span", Me, [P(n.$slots, "additional")])) : v("", !0)], 10, Ae));
 	}
 }), Pe = {
 	key: 0,
@@ -862,22 +862,42 @@ var W = {
 			r.value = !1, n("accept");
 		};
 		return (t, n) => r.value ? (j(), y("div", Pe, [
-			b("div", Fe, F(e.title), 1),
+			b("div", Fe, I(e.title), 1),
 			b("div", {
 				class: "top-policy_description",
 				innerHTML: e.description
 			}, null, 8, Ie),
-			C(L(s), {
+			C(R(s), {
 				size: "m",
 				onClick: i
 			}, {
-				default: B(() => [S(F(e.acceptText), 1)]),
+				default: V(() => [S(I(e.acceptText), 1)]),
 				_: 1
 			})
 		])) : v("", !0);
 	}
+}), Re = {
+	key: 0,
+	class: "top-banner"
+}, ze = { class: "top-banner_content" }, Be = { class: "top-banner_contentText" }, Ve = /* @__PURE__ */ w({
+	__name: "banner",
+	props: { titleClose: { default: "" } },
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = t, r = M(!0), i = () => {
+			r.value = !1, n("close");
+		};
+		return (t, n) => r.value ? (j(), y("div", Re, [b("div", ze, [b("span", Be, [P(t.$slots, "default")]), P(t.$slots, "CTAbutton")]), e.titleClose ? (j(), _(s, {
+			key: 0,
+			title: e.titleClose,
+			class: "top-banner_buttonClose",
+			color: "theme",
+			icon: "",
+			onClick: i
+		}, null, 8, ["title"])) : v("", !0)])) : v("", !0);
+	}
 });
 //#endregion
-export { Ee as a, pe as c, X as d, re 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 { Oe as a, Se as c, ge as d, Q as f, ke as i, pe as l, Le as n, Ee as o, K as p, Ne as r, we as s, Ve as t, me as u };
 
-//# sourceMappingURL=formsExt-Iw04hpHr.esm.js.map
+//# sourceMappingURL=formsExt-BBW2Lv0y.esm.js.map