@topvisor/ui 0.9.25 → 0.9.26-dev

package/formsExt/formsExt.js

@@ -1,23 +1,24 @@
 import { insertToPage as Z } from "../utils/css.js";
-import { defineComponent as E, ref as b, watch as S, toRef as R, computed as U, openBlock as f, createElementBlock as h, normalizeClass as w, toDisplayString as $, createCommentVNode as M, createElementVNode as G, createVNode as O, withKeys as W, withModifiers as L, createBlock as I, withCtx as V, createTextVNode as k, mergeProps as D, renderSlot as j, mergeModels as H, useModel as F, Fragment as P, renderList as z, withDirectives as x, vModelRadio as ee, unref as T, onMounted as te, onUpdated as le, createSlots as X } from "vue";
-import { T as oe, B as N, a as K, I as ae, C as Q, i as se } from "../.chunks/forms-gb7uf2K8.es.js";
-import { invertKeyboardLayout as re } from "../utils/keyboard.js";
-import { _ as ne, b as Y } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js";
-import { P as ie } from "../.chunks/widgetInput-DPOH_qya.es.js";
-import { debounce as ue } from "lodash";
-const q = ["../assets/formsExt.css"].map((n) => import.meta.resolve(n));
+import { defineComponent as L, ref as M, computed as O, resolveDirective as x, openBlock as m, createElementBlock as h, normalizeClass as I, toDisplayString as $, createCommentVNode as V, createElementVNode as G, withDirectives as R, createVNode as F, withKeys as D, withModifiers as S, createBlock as w, withCtx as _, createTextVNode as k, watch as K, toRef as ee, mergeProps as W, renderSlot as j, mergeModels as H, useModel as U, Fragment as P, renderList as z, vModelRadio as te, unref as T, onMounted as le, onUpdated as oe, createSlots as X } from "vue";
+import { T as ae, B as N, a as E, I as se, C as Q, i as re } from "../.chunks/forms-C4UtO06K.es.js";
+import { invertKeyboardLayout as ne } from "../utils/keyboard.js";
+import { _ as ie, b as Y } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-CHYNz0kA.es.js";
+import { P as ue } from "../.chunks/widgetInput-pNYn7i5g.es.js";
+import { debounce as de } from "lodash";
+const q = ["../assets/formsExt.css"].map((i) => import.meta.resolve(i));
 await Z(q);
-const de = {
-  key: 0,
-  class: "top-editArea_title"
-}, pe = { class: "top-editArea_footer" }, ce = /* @__PURE__ */ E({
+const ce = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
   __name: "editArea",
   props: {
-    modelValue: {},
+    defaultValue: { default: "" },
     title: {},
-    cancelText: { default: "Отмена" },
-    submitText: { default: "Отправить" },
+    cancelText: { default: "Cancel" },
+    submitText: { default: "Send" },
+    closeText: { default: "Close" },
+    isFocused: { type: Boolean },
+    forceShowCloseBtn: { type: Boolean },
     attachToKeyboard: { type: Boolean },
+    modelValue: {},
     name: {},
     placeholder: {},
     rows: {},
@@ -28,90 +29,105 @@ const de = {
     isError: { type: Boolean },
     hint: {}
   },
-  emits: ["update:modelValue", "cancel"],
-  setup(n, { emit: a }) {
-    const e = n, o = a, y = b(""), v = b(e.modelValue);
-    S(R(e, "modelValue"), () => {
-      v.value = e.modelValue;
-    });
-    const p = U(() => v.value !== e.modelValue), c = (t) => {
-      o("update:modelValue", t);
-    }, m = () => {
-      o("cancel"), v.value = e.modelValue;
+  emits: ["submit", "close", "clickOnTitle"],
+  setup(i, { emit: r }) {
+    const e = i, l = r, v = M(e.defaultValue), y = M(e.isFocused), u = O(() => v.value !== e.defaultValue), p = O(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !u.value ? e.closeText : e.cancelText), c = (o) => {
+      l("submit", o), v.value = e.defaultValue;
+    }, s = () => {
+      if (e.forceShowCloseBtn && !u.value) {
+        l("close");
+        return;
+      }
+      v.value = e.defaultValue;
+    }, f = () => {
+      e.attachToKeyboard && l("clickOnTitle");
     };
-    return (t, u) => (f(), h("div", {
-      class: w({
-        "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": t.attachToKeyboard
-      })
-    }, [
-      t.title ? (f(), h("div", de, $(t.title), 1)) : M("", !0),
-      G("div", {
-        class: w({
-          "top-editArea_form": !0,
-          "top-error": t.isError,
-          "top-focus": y.value == "focus"
+    return (o, a) => {
+      const A = x("focus");
+      return m(), h("div", {
+        class: I({
+          "top-editArea": !0,
+          "top-editArea-attachedToKeyboard": o.attachToKeyboard
         })
       }, [
-        O(oe, {
-          modelValue: v.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (r) => v.value = r),
-          name: t.name,
-          placeholder: t.placeholder,
-          rows: t.rows,
-          minHeight: t.minHeight,
-          expandable: t.expandable,
-          disabled: t.disabled,
-          readonly: t.readonly,
-          isError: t.isError,
-          hint: t.hint,
-          class: "top-editArea_element",
-          onFocus: u[1] || (u[1] = (r) => y.value = "focus"),
-          onBlur: u[2] || (u[2] = (r) => y.value = ""),
-          onKeyup: [
-            W(m, ["esc"]),
-            u[3] || (u[3] = W(L((r) => c(v.value), ["ctrl"]), ["enter"]))
-          ]
-        }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        G("div", pe, [
-          p.value && (!t.attachToKeyboard || t.modelValue) ? (f(), I(N, {
-            key: 0,
-            class: "top-editArea_button",
-            color: "theme",
-            icon: t.attachToKeyboard ? "" : "",
-            onClick: m
-          }, {
-            default: V(() => [
-              k($(t.attachToKeyboard ? "" : t.cancelText), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])) : M("", !0),
-          O(N, {
-            class: "top-editArea_button",
-            icon: t.attachToKeyboard ? "" : "",
-            onClick: u[4] || (u[4] = (r) => c(v.value))
-          }, {
-            default: V(() => [
-              k($(t.attachToKeyboard ? "" : t.submitText), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])
-        ])
-      ], 2)
-    ], 2));
+        o.title ? (m(), h("div", {
+          key: 0,
+          class: "top-editArea_title",
+          onClick: a[0] || (a[0] = (g) => f())
+        }, $(o.title), 1)) : V("", !0),
+        G("div", {
+          class: I({
+            "top-editArea_form": !0,
+            "top-error": o.isError,
+            "top-editArea_form-focus": y.value
+          })
+        }, [
+          R(F(ae, {
+            modelValue: v.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (g) => v.value = g),
+            name: o.name,
+            placeholder: o.placeholder,
+            rows: o.rows,
+            minHeight: o.minHeight,
+            expandable: o.expandable,
+            disabled: o.disabled,
+            readonly: o.readonly,
+            isError: o.isError,
+            hint: o.hint,
+            class: "top-editArea_element",
+            onFocus: a[2] || (a[2] = () => y.value = !0),
+            onBlur: a[3] || (a[3] = () => y.value = !1),
+            onKeyup: [
+              D(s, ["esc"]),
+              a[4] || (a[4] = D(S((g) => c(v.value), ["ctrl"]), ["enter"]))
+            ]
+          }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]), [
+            [A, y.value]
+          ]),
+          G("div", ce, [
+            u.value || o.forceShowCloseBtn ? (m(), w(N, {
+              key: 0,
+              class: "top-editArea_button",
+              color: "theme",
+              icon: o.attachToKeyboard ? "" : "",
+              onClick: s
+            }, {
+              default: _(() => [
+                k($(p.value), 1)
+              ]),
+              _: 1
+            }, 8, ["icon"])) : V("", !0),
+            u.value ? (m(), w(N, {
+              key: 1,
+              class: "top-editArea_button",
+              icon: o.attachToKeyboard ? "" : "",
+              onClick: a[5] || (a[5] = (g) => c(v.value))
+            }, {
+              default: _(() => [
+                k($(o.attachToKeyboard ? "" : o.submitText), 1)
+              ]),
+              _: 1
+            }, 8, ["icon"])) : V("", !0)
+          ])
+        ], 2)
+      ], 2);
+    };
   }
 }), me = {
   "top-editArea": "top-editArea",
   "top-editArea_title": "top-editArea_title",
   "top-editArea_form": "top-editArea_form",
+  "top-editArea_form-focus": "top-editArea_form-focus",
   "top-textarea": "top-textarea",
   "top-editArea_element": "top-editArea_element",
   "top-textarea_textarea": "top-textarea_textarea",
   "top-editArea_footer": "top-editArea_footer",
-  "top-editArea-attachedToKeyboard": "top-editArea-attachedToKeyboard"
+  "top-editArea-attachedToKeyboard": "top-editArea-attachedToKeyboard",
+  "top-button": "top-button",
+  "top-editArea_button": "top-editArea_button"
 }, fe = {
   $style: me
-}, Xe = /* @__PURE__ */ K(ce, [["__cssModules", fe]]), ve = { class: "top-editInput" }, ye = /* @__PURE__ */ E({
+}, Xe = /* @__PURE__ */ E(pe, [["__cssModules", fe]]), ve = { class: "top-editInput" }, ye = /* @__PURE__ */ L({
   __name: "editInput",
   props: {
     modelValue: {},
@@ -119,31 +135,31 @@ const de = {
     button: {}
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: a }) {
-    const e = n, o = b(e.modelValue);
-    S(R(e.modelValue), () => {
-      o.value = e.modelValue;
+  setup(i, { emit: r }) {
+    const e = i, l = M(e.modelValue);
+    K(ee(e.modelValue), () => {
+      l.value = e.modelValue;
     });
-    const y = a, v = () => {
-      y("update:modelValue", o.value);
+    const v = r, y = () => {
+      v("update:modelValue", l.value);
     };
-    return (p, c) => (f(), h("div", ve, [
-      O(ae, D(p.input, {
-        onKeydownCapture: c[0] || (c[0] = W(L((m) => o.value = p.modelValue, ["stop"]), ["esc"])),
-        onKeydown: W(L(v, ["stop"]), ["enter"]),
-        modelValue: o.value,
-        "onUpdate:modelValue": c[1] || (c[1] = (m) => o.value = m)
+    return (u, p) => (m(), h("div", ve, [
+      F(se, W(u.input, {
+        onKeydownCapture: p[0] || (p[0] = D(S((c) => l.value = u.modelValue, ["stop"]), ["esc"])),
+        onKeydown: D(S(y, ["stop"]), ["enter"]),
+        modelValue: l.value,
+        "onUpdate:modelValue": p[1] || (p[1] = (c) => l.value = c)
       }), null, 16, ["onKeydown", "modelValue"]),
-      o.value !== p.modelValue ? (f(), I(N, D({
+      l.value !== u.modelValue ? (m(), w(N, W({
         key: 0,
         icon: "",
         styling: "soft"
-      }, p.button, { onClick: v }), {
-        default: V(() => [
-          j(p.$slots, "default")
+      }, u.button, { onClick: y }), {
+        default: _(() => [
+          j(u.$slots, "default")
         ]),
         _: 3
-      }, 16)) : M("", !0)
+      }, 16)) : V("", !0)
     ]));
   }
 }), he = {
@@ -151,10 +167,10 @@ const de = {
   "top-input": "top-input"
 }, Ae = {
   $style: he
-}, Ye = /* @__PURE__ */ K(ye, [["__cssModules", Ae]]), ge = ["data-top-icon", "onClick"], Ve = {
+}, Ye = /* @__PURE__ */ E(ye, [["__cssModules", Ae]]), ge = ["data-top-icon", "onClick"], be = {
   key: 0,
   class: "top-radioGroup_circle"
-}, be = ["value", "disabled"], _e = /* @__PURE__ */ E({
+}, _e = ["value", "disabled"], Ve = /* @__PURE__ */ L({
   __name: "radioGroup",
   props: /* @__PURE__ */ H({
     modelValue: {},
@@ -169,46 +185,46 @@ const de = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ H(["update:modelValue"], ["update:modelValue"]),
-  setup(n, { emit: a }) {
-    const e = F(n, "modelValue"), o = n, y = b(null);
-    S(e, () => {
-      var p, c, m, t, u;
-      (p = o.radiosProps) != null && p.some((r) => r.value === e.value) || (e.value = ((m = (c = o.radiosProps) == null ? void 0 : c[0]) == null ? void 0 : m.value) ?? ""), (u = (t = y.value) == null ? void 0 : t.querySelector(".radioGroup_item-selected")) == null || u.scrollIntoView();
+  setup(i, { emit: r }) {
+    const e = U(i, "modelValue"), l = i, v = M(null);
+    K(e, () => {
+      var u, p, c, s, f;
+      (u = l.radiosProps) != null && u.some((o) => o.value === e.value) || (e.value = ((c = (p = l.radiosProps) == null ? void 0 : p[0]) == null ? void 0 : c.value) ?? ""), (f = (s = v.value) == null ? void 0 : s.querySelector(".radioGroup_item-selected")) == null || f.scrollIntoView();
     }, { immediate: !0 });
-    const v = "radioGroup-" + Math.random();
-    return (p, c) => (f(), h("div", {
+    const y = "radioGroup-" + Math.random();
+    return (u, p) => (m(), h("div", {
       ref_key: "elRef",
-      ref: y,
-      class: w({
+      ref: v,
+      class: I({
         "top-radioGroup": !0,
         "top-scrollBarXHidding": !0,
-        ["top-size_" + p.size]: !!p.size,
-        "top-error": p.isError
+        ["top-size_" + u.size]: !!u.size,
+        "top-error": u.isError
       })
     }, [
-      (f(!0), h(P, null, z(p.radiosProps, (m) => (f(), h("label", {
-        class: w({
-          "top-radioGroup_item-selected": m.value === e.value,
+      (m(!0), h(P, null, z(u.radiosProps, (c) => (m(), h("label", {
+        class: I({
+          "top-radioGroup_item-selected": c.value === e.value,
           "top-radioGroup_item": !0,
           "top-forms-focusable": !0,
-          "top-disabled": m.disabled
+          "top-disabled": c.disabled
         }),
-        "data-top-icon": m.icon,
-        onClick: (t) => e.value = m.value
+        "data-top-icon": c.icon,
+        onClick: (s) => e.value = c.value
       }, [
-        k($(m.title) + " ", 1),
-        p.showIndicator ? (f(), h("span", Ve)) : M("", !0),
-        x(G("input", {
-          "onUpdate:modelValue": c[0] || (c[0] = (t) => e.value = t),
-          name: v,
+        k($(c.title) + " ", 1),
+        u.showIndicator ? (m(), h("span", be)) : V("", !0),
+        R(G("input", {
+          "onUpdate:modelValue": p[0] || (p[0] = (s) => e.value = s),
+          name: y,
           type: "radio",
-          class: w({
+          class: I({
             "top-unvisible": !0
           }),
-          value: m.value,
-          disabled: m.disabled
-        }, null, 8, be), [
-          [ee, e.value]
+          value: c.value,
+          disabled: c.disabled
+        }, null, 8, _e), [
+          [te, e.value]
         ])
       ], 10, ge))), 256))
     ], 2));
@@ -221,66 +237,66 @@ const de = {
   "top-radioGroup_circle": "top-radioGroup_circle",
   "top-disabled": "top-disabled",
   "top-error": "top-error"
-}, $e = {
+}, we = {
   $style: Me
-}, Re = /* @__PURE__ */ K(_e, [["__cssModules", $e]]), Ie = (n, a, e) => {
-  const o = b([]), y = b(!1);
-  let v = "", p;
-  n && !n.params.limit && (n.params.limit = 100);
-  const c = async () => {
-    if (!n)
+}, Re = /* @__PURE__ */ E(Ve, [["__cssModules", we]]), $e = (i, r, e) => {
+  const l = M([]), v = M(!1);
+  let y = "", u;
+  i && !i.params.limit && (i.params.limit = 100);
+  const p = async () => {
+    if (!i)
       return;
-    let d, A;
-    if (e && (n.cache ??= /* @__PURE__ */ new Map(), A = JSON.stringify(n.params), d = n.cache.get(A), d))
-      return d;
-    if (y.value = !0, d = await n.call(), y.value = !1, d.errors)
+    let a, A;
+    if (e && (i.cache ??= /* @__PURE__ */ new Map(), A = JSON.stringify(i.params), a = i.cache.get(A), a))
+      return a;
+    if (v.value = !0, a = await i.call(), v.value = !1, a.errors)
       return;
-    if (!Array.isArray(d.result)) {
+    if (!Array.isArray(a.result)) {
       console.warn("В result ожидался массив");
       return;
     }
-    const _ = d.result.findIndex((C) => C.id === void 0 || C.name === void 0);
-    if (_ !== -1) {
-      console.warn(`В result[${_}] нет id или name`);
+    const g = a.result.findIndex((C) => C.id === void 0 || C.name === void 0);
+    if (g !== -1) {
+      console.warn(`В result[${g}] нет id или name`);
       return;
     }
-    return e && n.cache.set(A, d), d;
-  }, m = async () => {
-    if (!n)
+    return e && i.cache.set(A, a), a;
+  }, c = async () => {
+    if (!i)
       return;
-    n.params.offset = 0, n.params.search = v;
-    const d = await c();
-    d && (p = d.nextOffset, o.value = d.result);
-  }, t = async () => {
-    if (!n || !p || y.value)
+    i.params.offset = 0, i.params.search = y;
+    const a = await p();
+    a && (u = a.nextOffset, l.value = a.result);
+  }, s = async () => {
+    if (!i || !u || v.value)
       return;
-    n.params.offset = p, n.params.search = v;
-    const d = await c();
-    d && (p = d.nextOffset, o.value = o.value.concat(d.result));
-  }, u = ue(() => m(), 200);
+    i.params.offset = u, i.params.search = y;
+    const a = await p();
+    a && (u = a.nextOffset, l.value = l.value.concat(a.result));
+  }, f = de(() => c(), 200);
   return {
-    items: o,
-    isLoading: y,
-    loadAppend: t,
-    setSearchTextAndLoad: (d, A = !0) => {
-      n && (d.length < a || d === v && o.value.length || (v = d, A ? u() : m()));
+    items: l,
+    isLoading: v,
+    loadAppend: s,
+    setSearchTextAndLoad: (a, A = !0) => {
+      i && (a.length < r || a === y && l.value.length || (y = a, A ? f() : c()));
     }
   };
-}, we = { class: "top-selector2_itemMulti top-ellipsis" }, ke = /* @__PURE__ */ E({
+}, Ie = { class: "top-selector2_itemMulti top-ellipsis" }, ke = /* @__PURE__ */ L({
   __name: "itemMulti",
   props: {
     id: {},
     name: {}
   },
   emits: ["delete"],
-  setup(n) {
-    return (a, e) => (f(), h("div", we, [
-      k($(a.name) + " ", 1),
+  setup(i) {
+    return (r, e) => (m(), h("div", Ie, [
+      k($(r.name) + " ", 1),
       G("span", {
         class: "top-selector2_itemMultiDelete",
         "data-top-icon": "",
-        onClick: e[0] || (e[0] = (o) => a.$emit("delete", a.id)),
-        onMousedown: e[1] || (e[1] = L(() => {
+        onClick: e[0] || (e[0] = (l) => r.$emit("delete", r.id)),
+        onMousedown: e[1] || (e[1] = S(() => {
         }, ["stop"]))
       }, null, 32)
     ]));
@@ -292,13 +308,13 @@ const de = {
   "top-active": "top-active"
 }, Te = {
   $style: Be
-}, Ce = /* @__PURE__ */ K(ke, [["__cssModules", Te]]), Se = {
+}, Ce = /* @__PURE__ */ E(ke, [["__cssModules", Te]]), Se = {
   key: 0,
   class: "top-selector2_activeItems"
 }, Le = {
   key: 1,
   class: "top-selector2_activeName top-ellipsis"
-}, Ee = /* @__PURE__ */ E({
+}, Ee = /* @__PURE__ */ L({
   __name: "selector2",
   props: /* @__PURE__ */ H({
     modelValue: {},
@@ -320,132 +336,132 @@ const de = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const a = n, e = F(n, "modelValue"), o = b(""), y = {
+  setup(i) {
+    const r = i, e = U(i, "modelValue"), l = M(""), v = {
       id: 0,
       name: "Все"
-    }, v = b(null), p = () => {
-      var l;
-      return (l = v.value) == null ? void 0 : l.popup;
+    }, y = M(null), u = () => {
+      var t;
+      return (t = y.value) == null ? void 0 : t.popup;
     };
-    window.__STORYBOOK_PREVIEW__ && !a.modelValue && S(
-      () => a.multiselect,
+    window.__STORYBOOK_PREVIEW__ && !r.modelValue && K(
+      () => r.multiselect,
       () => {
-        e.value = a.multiselect ? [] : { id: null, name: "" };
+        e.value = r.multiselect ? [] : { id: null, name: "" };
       },
       { immediate: !0 }
     );
-    const c = Ie(a.apiRequest, a.minLength, a.useCache), m = U(() => {
-      const l = [];
-      return !a.multiselect && a.appendAllValue && l.push(y), a.items.forEach((i) => l.push({ ...i })), l;
-    }), t = (l, i = !0) => i && l.id === null ? Array.isArray(e.value) ? e.value.some((s) => s.id === l.id && s.name === l.name) : l.name === e.value.name : Array.isArray(e.value) ? e.value.some((s) => s.id === l.id) : l.id === e.value.id, u = U(() => {
-      const l = o.value.toLowerCase(), i = re(l);
-      let s = [];
-      return m.value.forEach((g) => {
-        const B = g.name.toLowerCase();
-        (g.id === Number(l) || B.includes(l) || B.includes(i)) && (B === l || B === i ? s.unshift(g) : s.push(g));
-      }), s.push(...c.items.value), a.appendSearchToResult && o.value && (!s.length || s[0].name.toLowerCase() !== l) && s.push({
+    const p = $e(r.apiRequest, r.minLength, r.useCache), c = O(() => {
+      const t = [];
+      return !r.multiselect && r.appendAllValue && t.push(v), r.items.forEach((d) => t.push({ ...d })), t;
+    }), s = (t, d = !0) => d && t.id === null ? Array.isArray(e.value) ? e.value.some((n) => n.id === t.id && n.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((n) => n.id === t.id) : t.id === e.value.id, f = O(() => {
+      const t = l.value.toLowerCase(), d = ne(t);
+      let n = [];
+      return c.value.forEach((b) => {
+        const B = b.name.toLowerCase();
+        (b.id === Number(t) || B.includes(t) || B.includes(d)) && (B === t || B === d ? n.unshift(b) : n.push(b));
+      }), n.push(...p.items.value), r.appendSearchToResult && l.value && (!n.length || n[0].name.toLowerCase() !== t) && n.push({
         id: null,
-        name: o.value
-      }), a.multiselect && (s = s.filter((g) => !t(g))), s;
-    }), r = async (l) => {
-      var i, s;
-      if (a.multiselect) {
-        if (!Array.isArray(e.value) || t(l))
+        name: l.value
+      }), r.multiselect && (n = n.filter((b) => !s(b))), n;
+    }), o = async (t) => {
+      var d, n;
+      if (r.multiselect) {
+        if (!Array.isArray(e.value) || s(t))
           return;
-        const g = [...e.value];
-        g.push({ ...l }), e.value = g, Q.state.isMobile ? (i = p()) == null || i.close() : setTimeout(() => {
+        const b = [...e.value];
+        b.push({ ...t }), e.value = b, Q.state.isMobile ? (d = u()) == null || d.close() : setTimeout(() => {
           var B, J;
-          (B = p()) == null || B.recalcPosition(), (J = p()) == null || J.elPopupWidget.querySelector("input").focus(), o.value && (u.value.length || (o.value = "", c.items.value = []));
+          (B = u()) == null || B.recalcPosition(), (J = u()) == null || J.elPopupWidget.querySelector("input").focus(), l.value && (f.value.length || (l.value = "", p.items.value = []));
         });
       } else
-        o.value && (o.value = "", c.items.value = []), JSON.stringify(l) !== JSON.stringify(e.value) && (e.value = { ...l }), (s = p()) == null || s.close();
-    }, d = () => {
+        l.value && (l.value = "", p.items.value = []), JSON.stringify(t) !== JSON.stringify(e.value) && (e.value = { ...t }), (n = u()) == null || n.close();
+    }, a = () => {
       if (!Array.isArray(e.value)) {
-        const i = (m.value.findIndex((s) => s.id === e.value.id) + 1) % m.value.length;
-        e.value = { ...m.value[i] };
+        const d = (c.value.findIndex((n) => n.id === e.value.id) + 1) % c.value.length;
+        e.value = { ...c.value[d] };
       }
-    }, A = async (l) => {
-      Array.isArray(e.value) && (e.value = e.value.filter((i) => i.id !== l), setTimeout(() => {
-        var i;
-        (i = p()) == null || i.recalcPosition();
+    }, A = async (t) => {
+      Array.isArray(e.value) && (e.value = e.value.filter((d) => d.id !== t), setTimeout(() => {
+        var d;
+        (d = u()) == null || d.recalcPosition();
       }));
-    }, _ = b(!1);
-    a.apiRequest && (S(_, () => {
-      _.value && c.setSearchTextAndLoad(o.value, !1);
-    }), S(o, () => c.setSearchTextAndLoad(o.value)));
-    const C = (l) => {
-      const i = l.target;
-      i.scrollTop / (i.scrollHeight - i.offsetHeight) > 0.8 && c.loadAppend();
+    }, g = M(!1);
+    r.apiRequest && (K(g, () => {
+      g.value && p.setSearchTextAndLoad(l.value, !1);
+    }), K(l, () => p.setSearchTextAndLoad(l.value)));
+    const C = (t) => {
+      const d = t.target;
+      d.scrollTop / (d.scrollHeight - d.offsetHeight) > 0.8 && p.loadAppend();
     };
-    return (l, i) => (f(), I(T(ne), {
+    return (t, d) => (m(), w(T(ie), {
       ref_key: "popupRef",
-      ref: v,
-      onOpen: i[1] || (i[1] = (s) => _.value = !0),
-      onClose: i[2] || (i[2] = (s) => _.value = !1),
-      onScrollContentList: i[3] || (i[3] = (s) => l.apiRequest ? C(s) : void 0),
+      ref: y,
+      onOpen: d[1] || (d[1] = (n) => g.value = !0),
+      onClose: d[2] || (d[2] = (n) => g.value = !1),
+      onScrollContentList: d[3] || (d[3] = (n) => t.apiRequest ? C(n) : void 0),
       notch: !1,
       transitionDuration: 0
     }, {
-      opener: V(() => [
+      opener: _(() => [
         G("div", {
-          class: w({
+          class: I({
             "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": t.multiselect,
+            ["top-size_" + t.size]: !0,
+            "top-disabled": t.disabled,
+            "top-forms-focusable": !t.disabled,
+            "top-error": t.isError
           })
         }, [
-          l.multiselect ? (f(), h("div", Se, [
-            (f(!0), h(P, null, z(e.value, (s) => (f(), I(Ce, {
-              id: s.id,
-              name: s.name,
+          t.multiselect ? (m(), h("div", Se, [
+            (m(!0), h(P, null, z(e.value, (n) => (m(), w(Ce, {
+              id: n.id,
+              name: n.name,
               onDelete: A
             }, null, 8, ["id", "name"]))), 256))
-          ])) : M("", !0),
-          l.multiselect ? M("", !0) : (f(), h("span", Le, $(Array.isArray(e.value) ? "" : e.value.name), 1)),
-          l.addChanger && !l.multiselect && m.value.length > 1 && !l.disabled ? (f(), h("span", {
+          ])) : V("", !0),
+          t.multiselect ? V("", !0) : (m(), h("span", Le, $(Array.isArray(e.value) ? "" : e.value.name), 1)),
+          t.addChanger && !t.multiselect && c.value.length > 1 && !t.disabled ? (m(), h("span", {
             key: 2,
             class: "top-changer top-changer-selector",
-            onClick: L(d, ["stop"])
-          })) : M("", !0)
+            onClick: S(a, ["stop"])
+          })) : V("", !0)
         ], 2)
       ]),
-      widget: V(() => [
-        O(T(ie), {
+      widget: _(() => [
+        F(T(ue), {
           title: "Поиск",
           icon: "",
-          modelValue: o.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => o.value = s),
-          isLoading: T(c).isLoading.value,
-          placeholder: !Array.isArray(e.value) && !l.multiselect && l.showSelectedInInput ? e.value.name : l.placeholder
+          modelValue: l.value,
+          "onUpdate:modelValue": d[0] || (d[0] = (n) => l.value = n),
+          isLoading: T(p).isLoading.value,
+          placeholder: !Array.isArray(e.value) && !t.multiselect && t.showSelectedInInput ? e.value.name : t.placeholder
         }, null, 8, ["modelValue", "isLoading", "placeholder"])
       ]),
-      contentList: V(() => [
-        (f(!0), h(P, null, z(u.value, (s) => (f(), I(T(Y), {
-          class: w({
-            "top-active": !Array.isArray(e.value) && !l.multiselect && e.value.name === s.name
+      contentList: _(() => [
+        (m(!0), h(P, null, z(f.value, (n) => (m(), w(T(Y), {
+          class: I({
+            "top-active": !Array.isArray(e.value) && !t.multiselect && e.value.name === n.name
           }),
-          key: s.id ?? void 0,
-          onClick: L((g) => r(s), ["stop"])
+          key: n.id ?? void 0,
+          onClick: S((b) => o(n), ["stop"])
         }, {
-          default: V(() => [
-            l.$slots.item ? j(l.$slots, "item", {
+          default: _(() => [
+            t.$slots.item ? j(t.$slots, "item", {
               key: 0,
-              item: s
-            }) : (f(), h(P, { key: 1 }, [
-              k($(s.name), 1)
+              item: n
+            }) : (m(), h(P, { key: 1 }, [
+              k($(n.name), 1)
             ], 64))
           ]),
           _: 2
         }, 1032, ["class", "onClick"]))), 128)),
-        u.value.length ? M("", !0) : (f(), I(T(Y), {
+        f.value.length ? V("", !0) : (m(), w(T(Y), {
           key: 0,
           type: "regular"
         }, {
-          default: V(() => [
+          default: _(() => [
             k(" Нет результатов ")
           ]),
           _: 1
@@ -463,7 +479,7 @@ const de = {
   "top-changer-selector": "top-changer-selector"
 }, Pe = {
   $style: Ke
-}, je = /* @__PURE__ */ K(Ee, [["__cssModules", Pe]]), Ge = /* @__PURE__ */ E({
+}, je = /* @__PURE__ */ E(Ee, [["__cssModules", Pe]]), Ge = /* @__PURE__ */ L({
   __name: "menu",
   props: /* @__PURE__ */ H({
     modelValue: {},
@@ -479,85 +495,85 @@ const de = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const a = n, e = F(n, "modelValue"), o = b();
-    !a.isMultiple && !(typeof e.value == "string" || e.value instanceof String) && console.warn('Type check failed for prop "modelValue". Expected String: ' + typeof e.value), a.isMultiple && !Array.isArray(e.value) && console.warn('Type check failed for prop "modelValue". Expected Array: ' + typeof e.value), a.isMultiple && !a.canBeEmptyMultiple && Array.isArray(e.value) && !e.value.length && (e.value = [a.items[0].href ?? a.items[0].value]);
-    const y = (t) => Array.isArray(e.value) ? e.value.includes(t.value) : t.value === e.value, v = (t, u = !1) => {
+  setup(i) {
+    const r = i, e = U(i, "modelValue"), l = M();
+    !r.isMultiple && !(typeof e.value == "string" || e.value instanceof String) && console.warn('Type check failed for prop "modelValue". Expected String: ' + typeof e.value), r.isMultiple && !Array.isArray(e.value) && console.warn('Type check failed for prop "modelValue". Expected Array: ' + typeof e.value), r.isMultiple && !r.canBeEmptyMultiple && Array.isArray(e.value) && !e.value.length && (e.value = [r.items[0].href ?? r.items[0].value]);
+    const v = (s) => Array.isArray(e.value) ? e.value.includes(s.value) : s.value === e.value, y = (s, f = !1) => {
       if (Array.isArray(e.value)) {
-        let r = e.value.slice();
-        if (u) {
-          r.length || (r = a.items.map((A) => A.value));
-          const d = r.indexOf(t.value);
-          d === -1 ? r.push(t.value) : r.splice(d, 1);
+        let o = e.value.slice();
+        if (f) {
+          o.length || (o = r.items.map((A) => A.value));
+          const a = o.indexOf(s.value);
+          a === -1 ? o.push(s.value) : o.splice(a, 1);
         } else
-          r.length === 1 && r[0] === t.value ? r = [] : r = [t.value];
-        !a.canBeEmptyMultiple && !r.length && (r = [t.value]), e.value = r;
+          o.length === 1 && o[0] === s.value ? o = [] : o = [s.value];
+        !r.canBeEmptyMultiple && !o.length && (o = [s.value]), e.value = o;
         return;
       }
-      e.value = t.value;
-    }, p = (t) => {
-      if (o.value.scrollWidth <= o.value.offsetWidth || t.shiftKey || Math.abs(t.deltaY) < 50)
+      e.value = s.value;
+    }, u = (s) => {
+      if (l.value.scrollWidth <= l.value.offsetWidth || s.shiftKey || Math.abs(s.deltaY) < 50)
         return;
-      t.preventDefault();
-      const u = t.deltaY > 0 ? 30 : -30;
-      o.value.scrollLeft = o.value.scrollLeft + u;
-    }, c = (t = !0) => {
-      var i, s;
-      const u = o.value.querySelector(".top-active");
-      if (!u)
+      s.preventDefault();
+      const f = s.deltaY > 0 ? 30 : -30;
+      l.value.scrollLeft = l.value.scrollLeft + f;
+    }, p = (s = !0) => {
+      var d, n;
+      const f = l.value.querySelector(".top-active");
+      if (!f)
         return;
-      const r = 24, d = u.offsetLeft - o.value.offsetLeft - r, A = u.offsetLeft - o.value.offsetLeft + u.clientWidth + r, _ = o.value.scrollLeft, C = o.value.clientWidth + o.value.scrollLeft;
-      let l = null;
-      d < _ && (l = d), A > C && (l = A - o.value.clientWidth), l !== null && (se() ? (s = (i = Q).$) == null || s.call(i, o.value).animate({ scrollLeft: l }, t ? 200 : 0) : o.value.scrollTo({ left: l, behavior: t ? "smooth" : "auto" }));
-    }, m = () => {
+      const o = 24, a = f.offsetLeft - l.value.offsetLeft - o, A = f.offsetLeft - l.value.offsetLeft + f.clientWidth + o, g = l.value.scrollLeft, C = l.value.clientWidth + l.value.scrollLeft;
+      let t = null;
+      a < g && (t = a), A > C && (t = A - l.value.clientWidth), t !== null && (re() ? (n = (d = Q).$) == null || n.call(d, l.value).animate({ scrollLeft: t }, s ? 200 : 0) : l.value.scrollTo({ left: t, behavior: s ? "smooth" : "auto" }));
+    }, c = () => {
       if (Array.isArray(e.value)) {
-        if (e.value.length === a.items.length) {
-          e.value = [a.items[0].href ?? a.items[0].value];
+        if (e.value.length === r.items.length) {
+          e.value = [r.items[0].href ?? r.items[0].value];
           return;
         }
-        e.value = a.items.map((t) => t.href ?? t.value);
+        e.value = r.items.map((s) => s.href ?? s.value);
       }
     };
-    return te(() => c(!1)), le(() => c(!0)), (t, u) => (f(), h("div", {
+    return le(() => p(!1)), oe(() => p(!0)), (s, f) => (m(), h("div", {
       ref_key: "el",
-      ref: o,
-      class: w({
+      ref: l,
+      class: I({
         "top-menu": !0,
-        ["top-style_" + t.styling]: !0,
-        "top-unwrap-x": t.styling === "default"
+        ["top-style_" + s.styling]: !0,
+        "top-unwrap-x": s.styling === "default"
       }),
-      onWheel: p
+      onWheel: u
     }, [
-      (f(!0), h(P, null, z(t.items, (r) => (f(), I(T(N), D({ ref_for: !0 }, r, {
+      (m(!0), h(P, null, z(s.items, (o) => (m(), w(T(N), W({ ref_for: !0 }, o, {
         class: "top-menu_item",
         color: "theme",
         styling: "",
-        onClick: (d) => v(r, d.ctrlKey),
-        isActive: y(r)
+        onClick: (a) => y(o, a.ctrlKey),
+        isActive: v(o)
       }), X({ _: 2 }, [
-        r.content ? {
+        o.content ? {
           name: "default",
-          fn: V(() => [
-            k($(r.content), 1)
+          fn: _(() => [
+            k($(o.content), 1)
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["onClick", "isActive"]))), 256)),
-      Array.isArray(e.value) && t.selectAllItem ? (f(), I(T(N), D({ key: 0 }, t.selectAllItem, {
+      Array.isArray(e.value) && s.selectAllItem ? (m(), w(T(N), W({ key: 0 }, s.selectAllItem, {
         class: "top-menu_item",
         color: "theme",
         styling: "",
-        onClick: u[0] || (u[0] = (r) => m()),
-        isActive: e.value.length === t.items.length
+        onClick: f[0] || (f[0] = (o) => c()),
+        isActive: e.value.length === s.items.length
       }), X({ _: 2 }, [
-        t.selectAllItem.content ? {
+        s.selectAllItem.content ? {
           name: "default",
-          fn: V(() => [
-            k($(t.selectAllItem.content), 1)
+          fn: _(() => [
+            k($(s.selectAllItem.content), 1)
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["isActive"])) : M("", !0)
+      ]), 1040, ["isActive"])) : V("", !0)
     ], 34));
   }
 }), Ne = {
@@ -569,7 +585,7 @@ const de = {
   "top-unwrap-x": "top-unwrap-x"
 }, Oe = {
   $style: Ne
-}, Qe = /* @__PURE__ */ K(Ge, [["__cssModules", Oe]]);
+}, Qe = /* @__PURE__ */ E(Ge, [["__cssModules", Oe]]);
 export {
   Xe as EditArea,
   Ye as EditInput,