@topvisor/ui 1.0.20 → 1.0.21-pinia-1

package/formsExt/formsExt.js

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