@topvisor/ui 1.0.22-selectorRegion-pr → 1.1.0

package/formsExt/formsExt.js

@@ -1,12 +1,12 @@
-import { Core as ee } from "../core/app.js";
-import { defineComponent as _, ref as V, computed as z, createElementBlock as y, openBlock as p, normalizeClass as T, createCommentVNode as A, createElementVNode as E, toDisplayString as w, createVNode as R, withKeys as B, withModifiers as S, createBlock as k, withCtx as $, createTextVNode as L, watch as I, toRef as oe, mergeProps as X, mergeModels as G, useModel as j, Fragment as N, renderList as D, withDirectives as Q, vModelRadio as le, resolveDirective as ae, unref as O, renderSlot as H } from "vue";
-import { w as se, _ as F, f as ne, d as re, u as ie, C as ue } from "../.chunks/forms-LTK63Ugt.es.js";
-import { invertKeyboardLayout as de } from "../utils/keyboard.js";
-import { TopPopup as pe, TopPopupListItem as Y, TopPopupWidgetInput as ce } from "../popup/popup.js";
-import { _ as me } from "../.chunks/menu.vue_vue_type_style_index_0_lang-hQu5BJPe.es.js";
-const te = ["../assets/formsExt.css"].map((n) => import.meta.resolve(n));
-ee.insertCSSLinkToPage(te, !0);
-const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
+import { Core as te } from "../core/app.js";
+import { defineComponent as E, ref as b, computed as z, createElementBlock as h, openBlock as p, normalizeClass as $, createCommentVNode as A, createElementVNode as M, toDisplayString as w, createVNode as R, withKeys as B, withModifiers as S, createBlock as T, createSlots as X, withCtx as k, createTextVNode as L, watch as I, toRef as le, mergeProps as Y, mergeModels as G, useModel as Q, Fragment as N, renderList as D, withDirectives as Z, vModelRadio as ae, resolveDirective as se, unref as O, renderSlot as H } from "vue";
+import { w as ne, _ as F, f as re, d as ie, u as ue, C as de } from "../.chunks/forms-BsuCen2-.es.js";
+import { invertKeyboardLayout as pe } from "../utils/keyboard.js";
+import { TopPopup as ce, TopPopupListItem as j, TopPopupWidgetInput as me } from "../popup/popup.js";
+import { _ as fe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-DmY5w4yr.es.js";
+const oe = ["../assets/formsExt.css"].map((n) => import.meta.resolve(n));
+te.insertCSSLinkToPage(oe, !0);
+const ve = { class: "top-editArea_footer" }, ye = /* @__PURE__ */ E({
   __name: "editArea",
   props: {
     defaultValue: { default: "" },
@@ -31,84 +31,91 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
   },
   emits: ["submit", "close", "clickOnTitle"],
   setup(n, { emit: s }) {
-    const e = n, l = s, m = V(e.defaultValue), h = V(e.isFocused), i = z(() => m.value !== e.defaultValue), v = z(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !i.value ? e.closeText : e.cancelText), d = (u) => {
-      l("submit", u), m.value = e.defaultValue;
-    }, f = () => {
-      if (e.forceShowCloseBtn && !i.value) {
-        l("close");
+    const e = n, o = s, m = b(e.defaultValue), g = b(e.isFocused), u = z(() => m.value !== e.defaultValue), f = (l) => {
+      o("submit", l), m.value = e.defaultValue;
+    }, d = () => {
+      if (e.forceShowCloseBtn && !u.value) {
+        o("close");
         return;
       }
       m.value = e.defaultValue;
-    }, b = () => {
-      e.attachToKeyboard && l("clickOnTitle");
+    }, v = () => {
+      e.attachToKeyboard && o("clickOnTitle");
     };
-    return (u, o) => (p(), y("div", {
-      class: T({
+    return (l, y) => (p(), h("div", {
+      class: $({
         "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": u.attachToKeyboard
+        "top-editArea-attachedToKeyboard": l.attachToKeyboard
       })
     }, [
-      u.title ? (p(), y("div", {
+      l.title ? (p(), h("div", {
         key: 0,
         class: "top-editArea_title",
-        onClick: o[0] || (o[0] = (g) => b())
-      }, w(u.title), 1)) : A("", !0),
-      E("div", {
-        class: T({
+        onClick: y[0] || (y[0] = (r) => v())
+      }, w(l.title), 1)) : A("", !0),
+      M("div", {
+        class: $({
           "top-editArea_form": !0,
-          "top-error": u.isError,
-          "top-focus": h.value
+          "top-error": l.isError,
+          "top-focus": g.value
         })
       }, [
-        R(se, {
+        R(ne, {
           modelValue: m.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (g) => m.value = g),
-          name: u.name,
-          placeholder: u.placeholder,
-          rows: u.rows,
-          minHeight: u.minHeight,
-          expandable: u.expandable,
-          disabled: u.disabled,
-          readonly: u.readonly,
-          isError: u.isError,
-          hint: u.hint,
+          "onUpdate:modelValue": y[1] || (y[1] = (r) => m.value = r),
+          name: l.name,
+          placeholder: l.placeholder,
+          rows: l.rows,
+          minHeight: l.minHeight,
+          expandable: l.expandable,
+          disabled: l.disabled,
+          readonly: l.readonly,
+          isError: l.isError,
+          hint: l.hint,
           class: "top-editArea_element",
-          onFocus: o[2] || (o[2] = () => h.value = !0),
-          onBlur: o[3] || (o[3] = () => h.value = !1),
+          onFocus: y[2] || (y[2] = () => g.value = !0),
+          onBlur: y[3] || (y[3] = () => g.value = !1),
           onKeyup: [
-            B(f, ["esc"]),
-            o[4] || (o[4] = B(S((g) => d(m.value), ["ctrl"]), ["enter"]))
+            B(d, ["esc"]),
+            y[4] || (y[4] = B(S((r) => f(m.value), ["ctrl"]), ["enter"]))
           ]
         }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        E("div", fe, [
-          !u.attachToKeyboard && (i.value || u.forceShowCloseBtn) ? (p(), k(F, {
+        M("div", ve, [
+          u.value || l.forceShowCloseBtn ? (p(), T(F, {
             key: 0,
+            icon: l.$core.state.isMobile ? "" : "",
             class: "top-editArea_button",
             color: "theme",
             styling: "soft",
-            onClick: f
-          }, {
-            default: $(() => [
-              L(w(v.value), 1)
-            ]),
-            _: 1
-          })) : A("", !0),
-          i.value ? (p(), k(F, {
+            onClick: d
+          }, X({ _: 2 }, [
+            l.$core.state.isMobile ? void 0 : {
+              name: "default",
+              fn: k(() => [
+                L(w(l.cancelText), 1)
+              ]),
+              key: "0"
+            }
+          ]), 1032, ["icon"])) : A("", !0),
+          u.value ? (p(), T(F, {
             key: 1,
             class: "top-editArea_button",
-            icon: u.attachToKeyboard ? "" : "",
-            onClick: o[5] || (o[5] = (g) => d(m.value))
-          }, {
-            default: $(() => [
-              L(w(u.attachToKeyboard ? "" : u.submitText), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])) : A("", !0)
+            icon: l.$core.state.isMobile ? "" : "",
+            onClick: y[5] || (y[5] = (r) => f(m.value))
+          }, X({ _: 2 }, [
+            l.$core.state.isMobile ? void 0 : {
+              name: "default",
+              fn: k(() => [
+                L(w(l.submitText), 1)
+              ]),
+              key: "0"
+            }
+          ]), 1032, ["icon"])) : A("", !0)
         ])
       ], 2)
     ], 2));
   }
-}), ye = { class: "top-editInput" }, he = /* @__PURE__ */ _({
+}), he = { class: "top-editInput" }, ge = /* @__PURE__ */ E({
   __name: "editInput",
   props: {
     modelValue: {},
@@ -117,31 +124,31 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(n, { emit: s }) {
-    const e = n, l = V(e.modelValue);
-    I(oe(e.modelValue), () => {
-      l.value = e.modelValue;
+    const e = n, o = b(e.modelValue);
+    I(le(e.modelValue), () => {
+      o.value = e.modelValue;
     });
-    const m = s, h = () => {
-      m("update:modelValue", l.value);
+    const m = s, g = () => {
+      m("update:modelValue", o.value);
     };
-    return (i, v) => (p(), y("div", ye, [
-      R(ne, X(i.input, {
-        onKeydownCapture: v[0] || (v[0] = B(S((d) => l.value = i.modelValue, ["stop"]), ["esc"])),
-        onKeydown: B(S(h, ["stop"]), ["enter"]),
-        modelValue: l.value,
-        "onUpdate:modelValue": v[1] || (v[1] = (d) => l.value = d)
+    return (u, f) => (p(), h("div", he, [
+      R(re, Y(u.input, {
+        onKeydownCapture: f[0] || (f[0] = B(S((d) => o.value = u.modelValue, ["stop"]), ["esc"])),
+        onKeydown: B(S(g, ["stop"]), ["enter"]),
+        modelValue: o.value,
+        "onUpdate:modelValue": f[1] || (f[1] = (d) => o.value = d)
       }), null, 16, ["onKeydown", "modelValue"]),
-      l.value !== i.modelValue ? (p(), k(F, X({
+      o.value !== u.modelValue ? (p(), T(F, Y({
         key: 0,
         icon: "",
         styling: "soft"
-      }, i.button, { onClick: h }), null, 16)) : A("", !0)
+      }, u.button, { onClick: g }), null, 16)) : A("", !0)
     ]));
   }
-}), ge = ["data-top-icon", "onClick"], be = {
+}), be = ["data-top-icon", "onClick"], Ve = {
   key: 0,
   class: "top-radioGroup_circle"
-}, Ve = ["value", "disabled"], Ae = /* @__PURE__ */ _({
+}, Ae = ["value", "disabled"], Ce = /* @__PURE__ */ E({
   __name: "radioGroup",
   props: /* @__PURE__ */ G({
     modelValue: {},
@@ -157,89 +164,89 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
   }),
   emits: /* @__PURE__ */ G(["update:modelValue"], ["update:modelValue"]),
   setup(n, { emit: s }) {
-    const e = j(n, "modelValue"), l = n, m = V(null);
+    const e = Q(n, "modelValue"), o = n, m = b(null);
     I(e, () => {
-      var i, v, d, f, b;
-      (i = l.radiosProps) != null && i.some((u) => u.value === e.value) || (e.value = ((d = (v = l.radiosProps) == null ? void 0 : v[0]) == null ? void 0 : d.value) ?? ""), (b = (f = m.value) == null ? void 0 : f.querySelector(".radioGroup_item-selected")) == null || b.scrollIntoView();
+      var u, f, d, v, l;
+      (u = o.radiosProps) != null && u.some((y) => y.value === e.value) || (e.value = ((d = (f = o.radiosProps) == null ? void 0 : f[0]) == null ? void 0 : d.value) ?? ""), (l = (v = m.value) == null ? void 0 : v.querySelector(".radioGroup_item-selected")) == null || l.scrollIntoView();
     }, { immediate: !0 });
-    const h = "radioGroup-" + Math.random();
-    return (i, v) => (p(), y("div", {
+    const g = "radioGroup-" + Math.random();
+    return (u, f) => (p(), h("div", {
       ref_key: "elRef",
       ref: m,
-      class: T({
+      class: $({
         "top-radioGroup": !0,
         "top-scrollBarXHidding": !0,
-        ["top-size_" + i.size]: !!i.size,
-        "top-error": i.isError
+        ["top-size_" + u.size]: !!u.size,
+        "top-error": u.isError
       })
     }, [
-      (p(!0), y(N, null, D(i.radiosProps, (d) => (p(), y("label", {
-        class: T({
+      (p(!0), h(N, null, D(u.radiosProps, (d) => (p(), h("label", {
+        class: $({
           "top-radioGroup_item-selected": d.value === e.value,
           "top-radioGroup_item": !0,
           "top-forms-focusable": !0,
           "top-disabled": d.disabled
         }),
         "data-top-icon": d.icon,
-        onClick: (f) => e.value = d.value
+        onClick: (v) => e.value = d.value
       }, [
         L(w(d.title) + " ", 1),
-        i.showIndicator ? (p(), y("span", be)) : A("", !0),
-        Q(E("input", {
-          "onUpdate:modelValue": v[0] || (v[0] = (f) => e.value = f),
-          name: h,
+        u.showIndicator ? (p(), h("span", Ve)) : A("", !0),
+        Z(M("input", {
+          "onUpdate:modelValue": f[0] || (f[0] = (v) => e.value = v),
+          name: g,
           type: "radio",
-          class: T({
+          class: $({
             "top-unvisible": !0
           }),
           value: d.value,
           disabled: d.disabled
-        }, null, 8, Ve), [
-          [le, e.value]
+        }, null, 8, Ae), [
+          [ae, e.value]
         ])
-      ], 10, ge))), 256))
+      ], 10, be))), 256))
     ], 2));
   }
-}), Ce = (n, s, e) => {
-  const l = V([]), m = V(!1);
-  let h = "", i;
+}), $e = (n, s, e) => {
+  const o = b([]), m = b(!1);
+  let g = "", u;
   n && !n.params.limit && (n.params.limit = 100);
-  const v = async () => {
+  const f = async () => {
     if (!n) return;
-    let o, g;
-    if (e && (n.cache ??= /* @__PURE__ */ new Map(), g = JSON.stringify(n.params), o = n.cache.get(g), o))
-      return o;
-    if (m.value = !0, o = await n.call(), m.value = !1, o.errors) return;
-    if (!Array.isArray(o.result)) {
+    let r, V;
+    if (e && (n.cache ??= /* @__PURE__ */ new Map(), V = JSON.stringify(n.params), r = n.cache.get(V), r))
+      return r;
+    if (m.value = !0, r = await n.call(), m.value = !1, r.errors) return;
+    if (!Array.isArray(r.result)) {
       console.warn("В result ожидался массив");
       return;
     }
-    const K = o.result.findIndex((P) => P.id === void 0 || P.name === void 0);
-    if (K !== -1) {
-      console.warn(`В result[${K}] нет id или name`);
+    const _ = r.result.findIndex((P) => P.id === void 0 || P.name === void 0);
+    if (_ !== -1) {
+      console.warn(`В result[${_}] нет id или name`);
       return;
     }
-    return e && n.cache.set(g, o), o;
+    return e && n.cache.set(V, r), r;
   }, d = async () => {
     if (!n) return;
-    n.params.offset = 0, n.params.search = h;
-    const o = await v();
-    o && (i = o.nextOffset, l.value = o.result);
-  }, f = async () => {
-    if (!n || !i || m.value) return;
-    n.params.offset = i, n.params.search = h;
-    const o = await v();
-    o && (i = o.nextOffset, l.value = l.value.concat(o.result));
-  }, b = re(() => d(), 200);
+    n.params.offset = 0, n.params.search = g;
+    const r = await f();
+    r && (u = r.nextOffset, o.value = r.result);
+  }, v = async () => {
+    if (!n || !u || m.value) return;
+    n.params.offset = u, n.params.search = g;
+    const r = await f();
+    r && (u = r.nextOffset, o.value = o.value.concat(r.result));
+  }, l = ie(() => d(), 200);
   return {
-    items: l,
+    items: o,
     isLoading: m,
-    loadAppend: f,
-    setSearchTextAndLoad: (o, g = !0) => {
-      n && (o.length < s || o === h && l.value.length || (h = o, g ? b() : d()));
+    loadAppend: v,
+    setSearchTextAndLoad: (r, V = !0) => {
+      n && (r.length < s || r === g && o.value.length || (g = r, V ? l() : d()));
     }
   };
-}, Te = { class: "top-selector2_itemMulti top-ellipsis" }, we = /* @__PURE__ */ _({
+}, we = { class: "top-selector2_itemMulti top-ellipsis" }, ke = /* @__PURE__ */ E({
   __name: "itemMulti",
   props: {
     id: {},
@@ -247,24 +254,24 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
   },
   emits: ["delete"],
   setup(n) {
-    return (s, e) => (p(), y("div", Te, [
+    return (s, e) => (p(), h("div", we, [
       L(w(s.name) + " ", 1),
-      E("span", {
+      M("span", {
         class: "top-selector2_itemMultiDelete",
         "data-top-icon": "",
-        onClick: e[0] || (e[0] = (l) => s.$emit("delete", s.id)),
+        onClick: e[0] || (e[0] = (o) => s.$emit("delete", s.id)),
         onMousedown: e[1] || (e[1] = S(() => {
         }, ["stop"]))
       }, null, 32)
     ]));
   }
-}), $e = {
+}), Te = {
   key: 0,
   class: "top-selector2_activeItems"
-}, ke = {
+}, Se = {
   key: 1,
   class: "top-selector2_activeName top-ellipsis"
-}, Se = /* @__PURE__ */ _({
+}, Ie = /* @__PURE__ */ E({
   __name: "selector2",
   props: /* @__PURE__ */ G({
     modelValue: {},
@@ -287,14 +294,14 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const s = n, e = j(n, "modelValue"), l = V(""), m = () => {
-      l.value = "", f.items.value = [];
-    }, h = {
+    const s = n, e = Q(n, "modelValue"), o = b(""), m = () => {
+      o.value = "", v.items.value = [];
+    }, g = {
       id: 0,
-      name: ie().Common.All
-    }, i = V(null), v = V(null), d = () => {
+      name: ue().Common.All
+    }, u = b(null), f = b(null), d = () => {
       var t;
-      return (t = i.value) == null ? void 0 : t.popup;
+      return (t = u.value) == null ? void 0 : t.popup;
     };
     window.__STORYBOOK_PREVIEW__ && !s.modelValue && I(
       () => s.multiselect,
@@ -303,73 +310,73 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
       },
       { immediate: !0 }
     );
-    const f = Ce(s.apiRequest, s.minLength, s.useCache), b = z(() => {
+    const v = $e(s.apiRequest, s.minLength, s.useCache), l = z(() => {
       const t = [];
-      return !s.multiselect && s.appendAllValue && t.push(h), s.items.forEach((a) => t.push({ ...a })), t;
-    }), u = (t, a = !0) => a && t.id === null ? Array.isArray(e.value) ? e.value.some((c) => c.id === t.id && c.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((c) => c.id === t.id) : t.id === e.value.id, o = z(() => {
-      const t = l.value.toLowerCase(), a = de(t);
+      return !s.multiselect && s.appendAllValue && t.push(g), s.items.forEach((a) => t.push({ ...a })), t;
+    }), y = (t, a = !0) => a && t.id === null ? Array.isArray(e.value) ? e.value.some((c) => c.id === t.id && c.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((c) => c.id === t.id) : t.id === e.value.id, r = z(() => {
+      const t = o.value.toLowerCase(), a = pe(t);
       let c = [];
-      return b.value.forEach((r) => {
-        const C = r.name.toLowerCase();
-        (r.id === Number(t) || C.includes(t) || C.includes(a)) && (C === t || C === a ? c.unshift(r) : c.push(r));
-      }), c.push(...f.items.value), s.appendSearchToResult && l.value && (!c.length || c[0].name.toLowerCase() !== t) && c.push({
+      return l.value.forEach((i) => {
+        const C = i.name.toLowerCase();
+        (i.id === Number(t) || C.includes(t) || C.includes(a)) && (C === t || C === a ? c.unshift(i) : c.push(i));
+      }), c.push(...v.items.value), s.appendSearchToResult && o.value && (!c.length || c[0].name.toLowerCase() !== t) && c.push({
         id: null,
-        name: l.value
-      }), s.multiselect && (c = c.filter((r) => !u(r))), c;
-    }), g = V(f.isLoading.value);
-    I(f.isLoading, () => {
-      g.value = f.isLoading.value;
+        name: o.value
+      }), s.multiselect && (c = c.filter((i) => !y(i))), c;
+    }), V = b(v.isLoading.value);
+    I(v.isLoading, () => {
+      V.value = v.isLoading.value;
     });
-    const K = async (t) => {
+    const _ = async (t) => {
       var a, c;
       if (s.multiselect) {
-        if (!Array.isArray(e.value) || u(t))
+        if (!Array.isArray(e.value) || y(t))
           return;
-        s.apiRequest && l.value && (g.value = !0);
-        const r = [...e.value];
-        r.push({ ...t }), e.value = r, ue.state.isMobile ? (a = d()) == null || a.close() : setTimeout(() => {
+        s.apiRequest && o.value && (V.value = !0);
+        const i = [...e.value];
+        i.push({ ...t }), e.value = i, de.state.isMobile ? (a = d()) == null || a.close() : setTimeout(() => {
           var C, U, W, J;
-          (C = d()) == null || C.recalcPosition(), (J = (W = (U = d()) == null ? void 0 : U.elPopupWidget) == null ? void 0 : W.querySelector("input")) == null || J.focus(), l.value && m();
+          (C = d()) == null || C.recalcPosition(), (J = (W = (U = d()) == null ? void 0 : U.elPopupWidget) == null ? void 0 : W.querySelector("input")) == null || J.focus(), o.value && m();
         });
       } else
         JSON.stringify(t) !== JSON.stringify(e.value) && (e.value = { ...t }), (c = d()) == null || c.close();
     }, P = () => {
       if (!Array.isArray(e.value)) {
-        const a = (b.value.findIndex((c) => c.id === e.value.id) + 1) % b.value.length;
-        e.value = { ...b.value[a] };
+        const a = (l.value.findIndex((c) => c.id === e.value.id) + 1) % l.value.length;
+        e.value = { ...l.value[a] };
       }
-    }, Z = async (t) => {
+    }, q = async (t) => {
       Array.isArray(e.value) && (e.value = e.value.filter((a) => a.id !== t), setTimeout(() => {
         var a;
         (a = d()) == null || a.recalcPosition();
       }));
-    }, M = V(!1);
-    s.apiRequest && (I(M, () => {
-      M.value && f.setSearchTextAndLoad(l.value, !1);
-    }), I(l, () => f.setSearchTextAndLoad(l.value)));
-    const q = (t) => {
+    }, K = b(!1);
+    s.apiRequest && (I(K, () => {
+      K.value && v.setSearchTextAndLoad(o.value, !1);
+    }), I(o, () => v.setSearchTextAndLoad(o.value)));
+    const x = (t) => {
       const a = t.target;
-      a.scrollTop / (a.scrollHeight - a.offsetHeight) > 0.8 && f.loadAppend();
-    }, x = () => {
+      a.scrollTop / (a.scrollHeight - a.offsetHeight) > 0.8 && v.loadAppend();
+    }, ee = () => {
       var t;
-      M.value = !1, (t = v.value) == null || t.focus(), l.value && m();
+      K.value = !1, (t = f.value) == null || t.focus(), o.value && m();
     };
     return (t, a) => {
-      const c = ae("top-focus");
-      return p(), k(O(pe), {
+      const c = se("top-focus");
+      return p(), T(O(ce), {
         ref_key: "popupRef",
-        ref: i,
-        onOpen: a[3] || (a[3] = (r) => M.value = !0),
-        onClose: a[4] || (a[4] = (r) => x()),
-        onScrollContentList: a[5] || (a[5] = (r) => t.apiRequest ? q(r) : void 0),
+        ref: u,
+        onOpen: a[3] || (a[3] = (i) => K.value = !0),
+        onClose: a[4] || (a[4] = (i) => ee()),
+        onScrollContentList: a[5] || (a[5] = (i) => t.apiRequest ? x(i) : void 0),
         notch: !1,
         transitionDuration: 0
       }, {
-        opener: $(() => [
-          Q((p(), y("div", {
+        opener: k(() => [
+          Z((p(), h("div", {
             ref_key: "elRef",
-            ref: v,
-            class: T({
+            ref: f,
+            class: $({
               "top-selector2": !0,
               "top-selector2-multiselect": t.multiselect,
               ["top-size_" + t.size]: !0,
@@ -378,20 +385,20 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
               "top-error": t.isError
             }),
             onKeydown: [
-              a[0] || (a[0] = B(S((r) => r.currentTarget.click(), ["stop", "prevent"]), ["up", "down", "enter", "space"])),
-              a[1] || (a[1] = B((r) => e.value = [], ["delete"]))
+              a[0] || (a[0] = B(S((i) => i.currentTarget.click(), ["stop", "prevent"]), ["up", "down", "enter", "space"])),
+              a[1] || (a[1] = B((i) => e.value = [], ["delete"]))
             ],
             tabindex: "0"
           }, [
-            t.multiselect ? (p(), y("div", $e, [
-              (p(!0), y(N, null, D(e.value, (r) => (p(), k(we, {
-                id: r.id,
-                name: r.name,
-                onDelete: Z
+            t.multiselect ? (p(), h("div", Te, [
+              (p(!0), h(N, null, D(e.value, (i) => (p(), T(ke, {
+                id: i.id,
+                name: i.name,
+                onDelete: q
               }, null, 8, ["id", "name"]))), 256))
             ])) : A("", !0),
-            t.multiselect ? A("", !0) : (p(), y("span", ke, w(Array.isArray(e.value) ? "" : e.value.name), 1)),
-            t.addChanger && !t.multiselect && b.value.length > 1 && !t.disabled ? (p(), y("span", {
+            t.multiselect ? A("", !0) : (p(), h("span", Se, w(Array.isArray(e.value) ? "" : e.value.name), 1)),
+            t.addChanger && !t.multiselect && l.value.length > 1 && !t.disabled ? (p(), h("span", {
               key: 2,
               class: "top-changer top-changer-selector",
               onClick: S(P, ["stop"])
@@ -405,39 +412,39 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
             ]
           ])
         ]),
-        widget: $(() => [
-          R(O(ce), {
+        widget: k(() => [
+          R(O(me), {
             title: "Поиск",
             icon: "",
-            modelValue: l.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (r) => l.value = r),
-            isLoading: g.value,
+            modelValue: o.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (i) => o.value = i),
+            isLoading: V.value,
             placeholder: !Array.isArray(e.value) && !t.multiselect && t.showSelectedInInput ? e.value.name : t.placeholder
           }, null, 8, ["modelValue", "isLoading", "placeholder"])
         ]),
-        contentList: $(() => [
-          (p(!0), y(N, null, D(o.value, (r) => (p(), k(O(Y), {
-            class: T({
-              "top-active": !Array.isArray(e.value) && !t.multiselect && e.value.name === r.name
+        contentList: k(() => [
+          (p(!0), h(N, null, D(r.value, (i) => (p(), T(O(j), {
+            class: $({
+              "top-active": !Array.isArray(e.value) && !t.multiselect && e.value.name === i.name
             }),
-            key: r.id ?? void 0,
-            onClick: S((C) => K(r), ["stop"])
+            key: i.id ?? void 0,
+            onClick: S((C) => _(i), ["stop"])
           }, {
-            default: $(() => [
+            default: k(() => [
               t.$slots.item ? H(t.$slots, "item", {
                 key: 0,
-                item: r
-              }) : (p(), y(N, { key: 1 }, [
-                L(w(r.name), 1)
+                item: i
+              }) : (p(), h(N, { key: 1 }, [
+                L(w(i.name), 1)
               ], 64))
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128)),
-          !g.value && !o.value.length ? (p(), k(O(Y), {
+          !V.value && !r.value.length ? (p(), T(O(j), {
             key: 0,
             type: "regular"
           }, {
-            default: $(() => [
+            default: k(() => [
               L(w(t.$i18n.Common.No_results), 1)
             ]),
             _: 1
@@ -447,10 +454,10 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
       }, 512);
     };
   }
-}), Ie = ["data-top-icon"], Be = { class: "top-info_text" }, Le = {
+}), Be = ["data-top-icon"], Le = { class: "top-info_text" }, Ee = {
   key: 0,
   class: "top-info_value"
-}, _e = /* @__PURE__ */ _({
+}, Me = /* @__PURE__ */ E({
   __name: "info",
   props: {
     icon: {},
@@ -458,29 +465,29 @@ const fe = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ _({
     size: { default: "default" }
   },
   setup(n) {
-    return (s, e) => (p(), y("div", {
-      class: T({
+    return (s, e) => (p(), h("div", {
+      class: $({
         "top-info": !0,
         ["top-size_" + s.size]: !0,
         ["top-info-styling_" + s.styling]: !0
       }),
       "data-top-icon": s.icon
     }, [
-      E("div", Be, [
+      M("div", Le, [
         H(s.$slots, "default")
       ]),
-      s.$slots.additional ? (p(), y("span", Le, [
+      s.$slots.additional ? (p(), h("span", Ee, [
         H(s.$slots, "additional")
       ])) : A("", !0)
-    ], 10, Ie));
+    ], 10, Be));
   }
-}), ze = ve, Ge = he, De = Ae, He = Se, Fe = me, Re = _e;
+}), Ge = ye, De = ge, He = Ce, Fe = Ie, Re = fe, Ue = Me;
 export {
-  ze as TopEditArea,
-  Ge as TopEditInput,
-  Re as TopInfo,
-  Fe as TopMenu,
-  De as TopRadioGroup,
-  He as TopSelector2
+  Ge as TopEditArea,
+  De as TopEditInput,
+  Ue as TopInfo,
+  Re as TopMenu,
+  He as TopRadioGroup,
+  Fe as TopSelector2
 };
 //# sourceMappingURL=formsExt.js.map