@topvisor/ui 1.0.18-top-info-4 → 1.0.18-ux-5

package/formsExt/formsExt.js

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