@topvisor/ui 1.0.28-2 → 1.0.29

package/formsExt/formsExt.js

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