@topvisor/ui 1.0.34 → 1.0.36

package/formsExt/formsExt.js

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