@topvisor/ui 1.0.41-dialog.1 → 1.0.42-date.2

package/formsExt/formsExt.js

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