@topvisor/ui 1.3.1-utils.1 → 1.3.1

package/formsExt/formsExt.js

@@ -1,14 +1,14 @@
 import { Core as x } from "../core/app.js";
-import { defineComponent as M, ref as B, computed as R, createElementBlock as v, openBlock as d, normalizeClass as I, createCommentVNode as $, createElementVNode as L, toDisplayString as _, createVNode as D, withKeys as G, withModifiers as N, createBlock as w, createSlots as U, withCtx as V, createTextVNode as E, watch as P, toRef as O, mergeProps as W, mergeModels as J, useModel as Y, Fragment as z, renderList as q, withDirectives as Z, vModelRadio as te, resolveDirective as oe, unref as f, renderSlot as X, resolveDynamicComponent as le } from "vue";
-import { q as se, c as F, _ as ae, d as re, u as ne, C as j, r as ie } from "../.chunks/forms-BWoAyEVH.es.js";
-import { _ as ue, b as H } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-Dljef_xa.es.js";
-import { _ as de } from "../.chunks/widgetInput.vue_vue_type_script_setup_true_lang-Cr_jgOW4.es.js";
+import { defineComponent as E, ref as B, computed as z, createElementBlock as b, openBlock as d, normalizeClass as L, createCommentVNode as I, createElementVNode as K, toDisplayString as C, createVNode as D, withKeys as O, withModifiers as q, createBlock as w, createSlots as J, withCtx as k, createTextVNode as S, watch as M, toRef as N, mergeProps as X, mergeModels as U, useModel as W, Fragment as P, renderList as F, renderSlot as G, resolveDirective as te, unref as m, withDirectives as oe, resolveDynamicComponent as le } from "vue";
+import { q as se, c as H, _ as ae, j as re, n as ne, d as ie, u as ue, C as Y, r as de } from "../.chunks/forms-BWoAyEVH.es.js";
+import { _ as pe, b as j } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-Dljef_xa.es.js";
+import { _ as ce } from "../.chunks/widgetInput.vue_vue_type_script_setup_true_lang-Cr_jgOW4.es.js";
 /* empty css                                                                 */
-import { invertKeyboardLayout as pe } from "../utils/keyboard.js";
+import { invertKeyboardLayout as me } from "../utils/keyboard.js";
 import { _ as je } from "../.chunks/menu.vue_vue_type_style_index_0_lang-HDPVVgzy.es.js";
-const ee = ["../assets/formsExt.css"].map((a) => import.meta.resolve(a));
+const ee = ["../assets/formsExt.css"].map((l) => import.meta.resolve(l));
 x.insertCSSLinkToPage(ee, !0);
-const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
+const fe = { class: "top-editArea_footer" }, De = /* @__PURE__ */ E({
   __name: "editArea",
   props: {
     defaultValue: { default: "" },
@@ -33,94 +33,94 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
     maxLength: {}
   },
   emits: ["submit", "close", "clickOnTitle"],
-  setup(a, { emit: e }) {
-    const l = a, o = e, u = B(l.defaultValue), s = B(l.isFocused), r = R(() => u.value !== l.defaultValue), p = (i) => {
-      o("submit", i), u.value = l.defaultValue;
+  setup(l, { emit: e }) {
+    const o = l, s = e, p = B(o.defaultValue), r = B(o.isFocused), a = z(() => p.value !== o.defaultValue), i = (u) => {
+      s("submit", u), p.value = o.defaultValue;
     }, c = () => {
-      if (l.forceShowCloseBtn && !r.value) {
-        o("close");
+      if (o.forceShowCloseBtn && !a.value) {
+        s("close");
         return;
       }
-      u.value = l.defaultValue;
-    }, C = () => {
-      l.attachToKeyboard && o("clickOnTitle");
+      p.value = o.defaultValue;
+    }, T = () => {
+      o.attachToKeyboard && s("clickOnTitle");
     };
-    return (i, y) => (d(), v("div", {
-      class: I({
+    return (u, v) => (d(), b("div", {
+      class: L({
         "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": i.attachToKeyboard
+        "top-editArea-attachedToKeyboard": u.attachToKeyboard
       })
     }, [
-      i.title ? (d(), v("div", {
+      u.title ? (d(), b("div", {
         key: 0,
         class: "top-editArea_title",
-        onClick: y[0] || (y[0] = (k) => C())
-      }, _(i.title), 1)) : $("", !0),
-      L("div", {
-        class: I({
+        onClick: v[0] || (v[0] = (V) => T())
+      }, C(u.title), 1)) : I("", !0),
+      K("div", {
+        class: L({
           "top-editArea_form": !0,
           "top-forms-focusable": !0,
           "top-as-input": !0,
-          "top-error": i.isError,
-          "top-focus": s.value
+          "top-error": u.isError,
+          "top-focus": r.value
         })
       }, [
         D(se, {
-          modelValue: u.value,
-          "onUpdate:modelValue": y[1] || (y[1] = (k) => u.value = k),
-          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,
+          modelValue: p.value,
+          "onUpdate:modelValue": v[1] || (v[1] = (V) => p.value = V),
+          name: u.name,
+          placeholder: u.placeholder,
+          rows: u.rows,
+          minHeight: u.minHeight,
+          expandable: u.expandable,
+          disabled: u.disabled,
+          readonly: u.readonly,
+          isError: u.isError,
+          hint: u.hint,
           class: "top-editArea_element",
-          onFocus: y[2] || (y[2] = () => s.value = !0),
-          onBlur: y[3] || (y[3] = () => s.value = !1),
+          onFocus: v[2] || (v[2] = () => r.value = !0),
+          onBlur: v[3] || (v[3] = () => r.value = !1),
           onKeyup: [
-            G(c, ["esc"]),
-            y[4] || (y[4] = G(N((k) => p(u.value), ["ctrl"]), ["enter"]))
+            O(c, ["esc"]),
+            v[4] || (v[4] = O(q((V) => i(p.value), ["ctrl"]), ["enter"]))
           ]
         }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        L("div", ce, [
-          r.value || i.forceShowCloseBtn ? (d(), w(F, {
+        K("div", fe, [
+          a.value || u.forceShowCloseBtn ? (d(), w(H, {
             key: 0,
-            icon: i.$core.state.isMobile ? "" : "",
+            icon: u.$core.state.isMobile ? "" : "",
             class: "top-editArea_button",
             color: "theme",
             styling: "soft",
             onClick: c
-          }, U({ _: 2 }, [
-            i.$core.state.isMobile ? void 0 : {
+          }, J({ _: 2 }, [
+            u.$core.state.isMobile ? void 0 : {
               name: "default",
-              fn: V(() => [
-                E(_(i.cancelText), 1)
+              fn: k(() => [
+                S(C(u.cancelText), 1)
               ]),
               key: "0"
             }
-          ]), 1032, ["icon"])) : $("", !0),
-          r.value ? (d(), w(F, {
+          ]), 1032, ["icon"])) : I("", !0),
+          a.value ? (d(), w(H, {
             key: 1,
             class: "top-editArea_button",
-            icon: i.$core.state.isMobile ? "" : "",
-            onClick: y[5] || (y[5] = (k) => p(u.value))
-          }, U({ _: 2 }, [
-            i.$core.state.isMobile ? void 0 : {
+            icon: u.$core.state.isMobile ? "" : "",
+            onClick: v[5] || (v[5] = (V) => i(p.value))
+          }, J({ _: 2 }, [
+            u.$core.state.isMobile ? void 0 : {
               name: "default",
-              fn: V(() => [
-                E(_(i.submitText), 1)
+              fn: k(() => [
+                S(C(u.submitText), 1)
               ]),
               key: "0"
             }
-          ]), 1032, ["icon"])) : $("", !0)
+          ]), 1032, ["icon"])) : I("", !0)
         ])
       ], 2)
     ], 2));
   }
-}), fe = { class: "top-editInput" }, qe = /* @__PURE__ */ M({
+}), ve = { class: "top-editInput" }, Ge = /* @__PURE__ */ E({
   __name: "editInput",
   props: {
     modelValue: {},
@@ -128,38 +128,35 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
     button: {}
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: e }) {
-    const l = a, o = B(l.modelValue);
-    P(O(l.modelValue), () => {
-      o.value = l.modelValue;
+  setup(l, { emit: e }) {
+    const o = l, s = B(o.modelValue);
+    M(N(o.modelValue), () => {
+      s.value = o.modelValue;
     });
-    const u = e, s = () => {
-      u("update:modelValue", o.value);
+    const p = e, r = () => {
+      p("update:modelValue", s.value);
     };
-    return (r, p) => (d(), v("div", fe, [
-      D(ae, W(r.input, {
-        onKeydownCapture: p[0] || (p[0] = G(N((c) => o.value = r.modelValue, ["stop"]), ["esc"])),
-        onKeydown: G(N(s, ["stop"]), ["enter"]),
-        modelValue: o.value,
-        "onUpdate:modelValue": p[1] || (p[1] = (c) => o.value = c)
+    return (a, i) => (d(), b("div", ve, [
+      D(ae, X(a.input, {
+        onKeydownCapture: i[0] || (i[0] = O(q((c) => s.value = a.modelValue, ["stop"]), ["esc"])),
+        onKeydown: O(q(r, ["stop"]), ["enter"]),
+        modelValue: s.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (c) => s.value = c)
       }), null, 16, ["onKeydown", "modelValue"]),
-      o.value !== r.modelValue ? (d(), w(F, W({
+      s.value !== a.modelValue ? (d(), w(H, X({
         key: 0,
         icon: "",
         styling: "soft"
-      }, r.button, { onClick: s }), null, 16)) : $("", !0)
+      }, a.button, { onClick: r }), null, 16)) : I("", !0)
     ]));
   }
-}), me = ["data-top-icon", "onClick"], ve = {
-  key: 0,
-  class: "top-radioGroup_circle"
-}, ye = ["value", "disabled"], Fe = /* @__PURE__ */ M({
-  __name: "radioGroup",
-  props: /* @__PURE__ */ J({
+}), Z = /* @__PURE__ */ E({
+  __name: "optionGroup",
+  props: /* @__PURE__ */ U({
     modelValue: {},
-    radiosProps: {},
-    showIndicator: { type: Boolean },
+    items: {},
     size: { default: "s" },
+    showIndicator: { type: Boolean },
     isError: { type: Boolean }
   }, {
     modelValue: {
@@ -168,57 +165,100 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const e = Y(a, "modelValue"), l = a, o = B(null);
-    P(e, () => {
-      var s, r, p, c, C;
-      (s = l.radiosProps) != null && s.some((i) => i.value === e.value) || (e.value = ((p = (r = l.radiosProps) == null ? void 0 : r[0]) == null ? void 0 : p.value) ?? ""), (C = (c = o.value) == null ? void 0 : c.querySelector(".radioGroup_item-selected")) == null || C.scrollIntoView();
+  setup(l) {
+    const e = W(l, "modelValue"), o = l, s = B(null);
+    M(e, () => {
+      var a, i;
+      const r = o.items.map((c) => c.value);
+      Array.isArray(e.value) ? e.value.find((T) => !r.includes(T)) && (e.value = e.value.filter((T) => r.includes(T))) : r.includes(e.value) || (e.value = r[0] ?? ""), (i = (a = s.value) == null ? void 0 : a.querySelector(".radioGroup_item-selected")) == null || i.scrollIntoView();
     }, { immediate: !0 });
-    const u = "radioGroup-" + Math.random();
-    return (s, r) => (d(), v("div", {
+    const p = "optionGroup-" + Math.random();
+    return (r, a) => (d(), b("div", {
       ref_key: "elRef",
-      ref: o,
-      class: I({
-        "top-radioGroup": !0,
+      ref: s,
+      class: L({
+        "top-optionGroup": !0,
+        ["top-optionGroup-showIndicator_" + Number(r.showIndicator)]: !0,
         "top-scrollBarXHidding": !0,
-        ["top-size_" + s.size]: !!s.size,
-        "top-error": s.isError
+        ["top-size_" + r.size]: !!r.size,
+        "top-error": r.isError
       })
     }, [
-      (d(!0), v(z, null, q(s.radiosProps, (p) => (d(), v("label", {
-        class: I({
-          "top-radioGroup_item-selected": p.value === e.value,
-          "top-radioGroup_item": !0,
-          "top-forms-focusable": !0,
-          "top-disabled": p.disabled
+      Array.isArray(e.value) ? (d(!0), b(P, { key: 0 }, F(r.items, (i) => (d(), w(re, {
+        class: L({
+          "top-optionGroup_item-selected": e.value.includes(i.value),
+          "top-optionGroup_item": !0
         }),
-        "data-top-icon": p.icon,
-        onClick: (c) => e.value = p.value
-      }, [
-        E(_(p.title) + " ", 1),
-        s.showIndicator ? (d(), v("span", ve)) : $("", !0),
-        Z(L("input", {
-          "onUpdate:modelValue": r[0] || (r[0] = (c) => e.value = c),
-          name: u,
-          type: "radio",
-          class: I({
-            "top-unvisible": !0
-          }),
-          value: p.value,
-          disabled: p.disabled
-        }, null, 8, ye), [
-          [te, e.value]
-        ])
-      ], 10, me))), 256))
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (c) => e.value = c),
+        value: i.value,
+        disabled: i.disabled,
+        isError: r.isError,
+        "data-top-icon": i.icon
+      }, {
+        default: k(() => [
+          S(C(i.title), 1)
+        ]),
+        _: 2
+      }, 1032, ["class", "modelValue", "value", "disabled", "isError", "data-top-icon"]))), 256)) : (d(!0), b(P, { key: 1 }, F(r.items, (i) => (d(), w(ne, {
+        class: L({
+          "top-optionGroup_item-selected": i.value === e.value,
+          "top-optionGroup_item": !0
+        }),
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (c) => e.value = c),
+        name: p,
+        value: i.value,
+        disabled: i.disabled,
+        isError: r.isError,
+        "data-top-icon": i.icon
+      }, {
+        default: k(() => [
+          S(C(i.title), 1)
+        ]),
+        _: 2
+      }, 1032, ["class", "modelValue", "value", "disabled", "isError", "data-top-icon"]))), 256))
     ], 2));
   }
-}), he = ["data-top-icon"], be = ["value", "checked", "disabled", "onChange"], He = /* @__PURE__ */ M({
+}), Ne = /* @__PURE__ */ E({
+  __name: "radioGroup",
+  props: /* @__PURE__ */ U({
+    modelValue: {},
+    items: {},
+    size: {},
+    showIndicator: { type: Boolean },
+    isError: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const e = W(l, "modelValue");
+    return (o, s) => (d(), w(Z, {
+      class: "top-radioGroup",
+      modelValue: e.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (p) => e.value = p),
+      items: o.$props.items,
+      size: o.$props.size,
+      showIndicator: o.$props.showIndicator,
+      isError: o.$props.isError
+    }, {
+      default: k(() => [
+        G(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["modelValue", "items", "size", "showIndicator", "isError"]));
+  }
+}), Oe = /* @__PURE__ */ E({
   __name: "checkboxGroup",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ U({
     modelValue: {},
     items: {},
-    size: { default: "s" },
-    styling: { default: "outline" },
+    size: {},
+    showIndicator: { type: Boolean },
     isError: { type: Boolean }
   }, {
     modelValue: {
@@ -227,159 +267,140 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const e = Y(a, "modelValue"), l = (o) => {
-      const u = [...e.value], s = u.indexOf(o);
-      s === -1 ? u.push(o) : u.splice(s, 1), e.value = u;
-    };
-    return (o, u) => (d(), v("div", {
-      class: I({
-        "top-checkboxGroup": !0,
-        ["top-checkboxGroup-" + o.styling]: !0,
-        "top-scrollBarXHidding": !0,
-        ["top-size_" + o.size]: !!o.size,
-        "top-error": o.isError
-      })
-    }, [
-      (d(!0), v(z, null, q(o.items, (s) => (d(), v("label", {
-        key: s.id,
-        class: I({
-          "top-checkboxGroup_item": !0,
-          "top-checkboxGroup_item-selected": e.value.includes(s.id),
-          "top-forms-focusable": !0,
-          "top-disabled": s.disabled
-        }),
-        "data-top-icon": s.icon
-      }, [
-        L("input", {
-          type: "checkbox",
-          class: "top-unvisible",
-          value: s.id,
-          checked: e.value.includes(s.id),
-          disabled: s.disabled,
-          onChange: (r) => l(s.id)
-        }, null, 40, be),
-        E(" " + _(s.title), 1)
-      ], 10, he))), 128))
-    ], 2));
+  setup(l) {
+    const e = W(l, "modelValue");
+    return (o, s) => (d(), w(Z, {
+      class: "top-checkboxGroup",
+      modelValue: e.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (p) => e.value = p),
+      items: o.$props.items,
+      size: o.$props.size,
+      showIndicator: o.$props.showIndicator,
+      isError: o.$props.isError
+    }, {
+      default: k(() => [
+        G(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["modelValue", "items", "size", "showIndicator", "isError"]));
   }
-}), ge = { class: "top-selector2_itemMulti top-ellipsis" }, ke = /* @__PURE__ */ M({
+}), ye = { class: "top-selector2_itemMulti top-ellipsis" }, he = /* @__PURE__ */ E({
   __name: "itemMulti",
   props: {
     id: {},
     name: {}
   },
   emits: ["delete"],
-  setup(a) {
-    return (e, l) => (d(), v("div", ge, [
-      E(_(e.name) + " ", 1),
-      L("span", {
+  setup(l) {
+    return (e, o) => (d(), b("div", ye, [
+      S(C(e.name) + " ", 1),
+      K("span", {
         class: "top-selector2_itemMultiDelete",
         "data-top-icon": "",
-        onClick: l[0] || (l[0] = (o) => e.$emit("delete", e.id)),
-        onMousedown: l[1] || (l[1] = N(() => {
+        onClick: o[0] || (o[0] = (s) => e.$emit("delete", e.id)),
+        onMousedown: o[1] || (o[1] = q(() => {
         }, ["stop"]))
       }, null, 32)
     ]));
   }
-}), Te = (a, e, l, o) => {
-  const u = B([]), s = /* @__PURE__ */ new Map(), r = B(!1);
-  let p = "", c;
-  a && !a.params.limit && (a.params.limit = 100);
-  const C = async () => {
-    if (!a) return;
-    let h;
-    if (o) {
-      h = JSON.stringify(a.params);
-      const S = s.get(h);
-      if (S)
-        return S;
+}), be = (l, e, o, s) => {
+  const p = B([]), r = /* @__PURE__ */ new Map(), a = B(!1);
+  let i = "", c;
+  l && !l.params.limit && (l.params.limit = 100);
+  const T = async () => {
+    if (!l) return;
+    let y;
+    if (s) {
+      y = JSON.stringify(l.params);
+      const _ = r.get(y);
+      if (_)
+        return _;
     }
-    r.value = !0;
-    const g = await a.call();
-    if (r.value = !1, g.errors) return;
+    a.value = !0;
+    const g = await l.call();
+    if (a.value = !1, g.errors) return;
     if (!Array.isArray(g.result)) {
       console.warn("Array expected in `res.result`");
       return;
     }
-    const K = g.result.findIndex((S) => S.id === void 0 || S.name === void 0);
-    if (K !== -1) {
-      console.warn(`В result[${K}] нет id или name`);
+    const R = g.result.findIndex((_) => _.id === void 0 || _.name === void 0);
+    if (R !== -1) {
+      console.warn(`В result[${R}] нет id или name`);
       return;
     }
-    return h && s.set(h, g), g;
-  }, i = async (h) => {
-    if (!a) return;
-    if (h) {
-      if (!c || r.value) return;
-      a.params.offset = c;
+    return y && r.set(y, g), g;
+  }, u = async (y) => {
+    if (!l) return;
+    if (y) {
+      if (!c || a.value) return;
+      l.params.offset = c;
     } else
-      a.params.offset = 0;
-    e == null || e(p);
-    const g = await C();
-    g && (c = g.nextOffset, h ? u.value = u.value.concat(g.result) : u.value = g.result);
-  }, y = re(() => i(!1), 200);
+      l.params.offset = 0;
+    e == null || e(i);
+    const g = await T();
+    g && (c = g.nextOffset, y ? p.value = p.value.concat(g.result) : p.value = g.result);
+  }, v = ie(() => u(!1), 200);
   return {
-    apiRequest: a,
-    items: u,
-    isLoading: r,
-    load: i,
-    setSearchTextAndLoad: (h, g = !0) => {
-      a && (h.length < l || h === p && u.value.length || (p = h, g ? y() : i(!1)));
+    apiRequest: l,
+    items: p,
+    isLoading: a,
+    load: u,
+    setSearchTextAndLoad: (y, g = !0) => {
+      l && (y.length < o || y === i && p.value.length || (i = y, g ? v() : u(!1)));
     }
   };
-}, Ae = 0, Q = (a, e, l = !0) => l && e.id === null ? Array.isArray(a) ? a.some((o) => o.id === e.id && o.name === e.name) : e.name === a.name : Array.isArray(a) ? a.some((o) => o.id === e.id) : e.id === a.id, Ce = (a, e, l, o, u, s, r, p) => {
-  const c = B(""), C = {
-    id: Ae,
-    name: ne().Common.All
-  }, i = () => {
-    c.value = "", p.items.value = [];
-  }, y = () => !(!p.apiRequest || s.value !== "inline" || c.value.length >= r), k = R(() => {
+}, ge = 0, Q = (l, e, o = !0) => o && e.id === null ? Array.isArray(l) ? l.some((s) => s.id === e.id && s.name === e.name) : e.name === l.name : Array.isArray(l) ? l.some((s) => s.id === e.id) : e.id === l.id, Te = (l, e, o, s, p, r, a, i) => {
+  const c = B(""), T = {
+    id: ge,
+    name: ue().Common.All
+  }, u = () => {
+    c.value = "", i.items.value = [];
+  }, v = () => !(!i.apiRequest || r.value !== "inline" || c.value.length >= a), V = z(() => {
     var t;
-    const b = [];
-    return !l && o.value && b.push(C), (t = e.value) == null || t.forEach((n) => b.push({ ...n })), b;
-  }), h = R(() => {
-    const b = c.value.toLowerCase(), t = pe(b);
+    const h = [];
+    return !o && s.value && h.push(T), (t = e.value) == null || t.forEach((n) => h.push({ ...n })), h;
+  }), y = z(() => {
+    const h = c.value.toLowerCase(), t = me(h);
     let n = [];
-    return k.value.forEach((T) => {
-      const m = T.name.toLowerCase();
-      (T.id === Number(b) || m.includes(b) || m.includes(t)) && (m === b || m === t ? n.unshift(T) : n.push(T));
-    }), n.push(...p.items.value), u.value && c.value && (!n.length || n[0].name.toLowerCase() !== b) && n.push({
+    return V.value.forEach((A) => {
+      const f = A.name.toLowerCase();
+      (A.id === Number(h) || f.includes(h) || f.includes(t)) && (f === h || f === t ? n.unshift(A) : n.push(A));
+    }), n.push(...i.items.value), p.value && c.value && (!n.length || n[0].name.toLowerCase() !== h) && n.push({
       id: null,
       name: c.value
-    }), l && (n = n.filter((T) => !Q(a.value, T))), n;
+    }), o && (n = n.filter((A) => !Q(l.value, A))), n;
   });
   return {
     searchText: c,
-    resetSearch: i,
-    genIsShort: y,
-    items: k,
-    itemsForShow: h,
-    selectItem: (b) => {
-      l && Array.isArray(a.value) ? Q(a.value, b) || (a.value = [...a.value, b]) : a.value = b;
+    resetSearch: u,
+    genIsShort: v,
+    items: V,
+    itemsForShow: y,
+    selectItem: (h) => {
+      o && Array.isArray(l.value) ? Q(l.value, h) || (l.value = [...l.value, h]) : l.value = h;
     },
     selectNextItem: () => {
-      if (!Array.isArray(a.value)) {
-        const t = (h.value.findIndex((n) => n.id === a.value.id) + 1) % h.value.length;
-        a.value = { ...h.value[t] };
+      if (!Array.isArray(l.value)) {
+        const t = (y.value.findIndex((n) => n.id === l.value.id) + 1) % y.value.length;
+        l.value = { ...y.value[t] };
       }
     },
-    deleteItemById: async (b) => {
-      Array.isArray(a.value) && (a.value = a.value.filter((t) => t.id !== b));
+    deleteItemById: async (h) => {
+      Array.isArray(l.value) && (l.value = l.value.filter((t) => t.id !== h));
     }
   };
-}, $e = {
+}, Ve = {
   key: 0,
   class: "top-selector2_activeItems"
-}, _e = {
+}, Ae = {
   key: 1,
   class: "top-selector2_activeName top-ellipsis"
-}, Ve = {
+}, $e = {
   key: 2,
   class: "top-selector2_placeholder top-ellipsis"
-}, Ue = /* @__PURE__ */ M({
+}, qe = /* @__PURE__ */ E({
   __name: "selector2",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ U({
     modelValue: {},
     items: { default: () => [] },
     title: {},
@@ -404,39 +425,39 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const e = a, l = Y(a, "modelValue"), o = R(() => e.searchType === "inline" && e.multiselect || e.searchType === "inline" && j.state.isMobile ? "popup" : e.searchType);
-    let u = 0;
-    o.value === "inline" && e.minLength && (u = e.minLength);
-    const s = Te(e.api, e.apiSetSearchParams, u, e.useCache), r = Ce(
-      l,
-      O(e, "items"),
-      e.multiselect,
-      O(e, "appendAllValue"),
-      O(e, "appendSearchToResult"),
+  setup(l) {
+    const e = l, o = W(l, "modelValue"), s = z(() => e.searchType === "inline" && e.multiselect || e.searchType === "inline" && Y.state.isMobile ? "popup" : e.searchType);
+    let p = 0;
+    s.value === "inline" && e.minLength && (p = e.minLength);
+    const r = be(e.api, e.apiSetSearchParams, p, e.useCache), a = Te(
       o,
-      u,
-      s
-    ), p = R(() => e.buttonProps ? "TopButton" : o.value === "inline" ? "TopInput" : "div"), c = B(null), C = () => {
+      N(e, "items"),
+      e.multiselect,
+      N(e, "appendAllValue"),
+      N(e, "appendSearchToResult"),
+      s,
+      p,
+      r
+    ), i = z(() => e.buttonProps ? "TopButton" : s.value === "inline" ? "TopInput" : "div"), c = B(null), T = () => {
       var t;
       return (t = c.value) == null ? void 0 : t.popup;
     };
-    s.apiRequest && P(r.searchText, () => {
+    r.apiRequest && M(a.searchText, () => {
       var t;
-      s.setSearchTextAndLoad(r.searchText.value), o.value === "inline" && r.genIsShort() && ((t = C()) == null || t.close());
-    }), P(l, () => {
-      o.value === "inline" && r.resetSearch();
+      r.setSearchTextAndLoad(a.searchText.value), s.value === "inline" && a.genIsShort() && ((t = T()) == null || t.close());
+    }), M(o, () => {
+      s.value === "inline" && a.resetSearch();
     });
-    const i = R(() => {
+    const u = z(() => {
       var t;
-      return Array.isArray(l.value) || e.multiselect || !e.selectedAsPlaceholder && o.value !== "inline" ? e.placeholder : ((t = l.value) == null ? void 0 : t.name) || e.placeholder;
-    }), y = (t) => {
-      var m, A;
+      return Array.isArray(o.value) || e.multiselect || !e.selectedAsPlaceholder && s.value !== "inline" ? e.placeholder : ((t = o.value) == null ? void 0 : t.name) || e.placeholder;
+    }), v = (t) => {
+      var f, $;
       let n = !1;
       switch (t.key) {
         case "Delete":
         case "Backspace":
-          Array.isArray(l.value) && (t.preventDefault(), t.stopPropagation(), l.value.pop());
+          Array.isArray(o.value) && (t.preventDefault(), t.stopPropagation(), o.value.pop());
           break;
         case "ArrowUp":
         case "ArrowRight":
@@ -447,51 +468,51 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
           n = !0;
           break;
         case "Escape":
-          o.value === "inline" && r.resetSearch();
+          s.value === "inline" && a.resetSearch();
           break;
       }
-      const T = t.key.length === 1 && !t.ctrlKey && !t.metaKey;
-      (o.value === "popup" || o.value === "inline") && T && (n = !0), (m = C()) != null && m.elPopup && (n = !1), n && (o.value === "popup" && (t.preventDefault(), t.stopPropagation(), T && (r.searchText.value || (r.searchText.value = t.key))), (A = t.currentTarget) == null || A.click());
+      const A = t.key.length === 1 && !t.ctrlKey && !t.metaKey;
+      (s.value === "popup" || s.value === "inline") && A && (n = !0), (f = T()) != null && f.elPopup && (n = !1), n && (s.value === "popup" && (t.preventDefault(), t.stopPropagation(), A && (a.searchText.value || (a.searchText.value = t.key))), ($ = t.currentTarget) == null || $.click());
     };
-    let k = !1;
-    const h = (t) => {
+    let V = !1;
+    const y = (t) => {
       var n;
-      k || o.value === "inline" && ((n = t.currentTarget) == null || n.click());
+      V || s.value === "inline" && ((n = t.currentTarget) == null || n.click());
     }, g = (t) => {
-      var n, T;
-      t.preventDefault(), k = !0, (T = (n = t.currentTarget) == null ? void 0 : n.parentElement) == null || T.focus(), k = !1, r.selectNextItem();
-    }, K = () => {
+      var n, A;
+      t.preventDefault(), V = !0, (A = (n = t.currentTarget) == null ? void 0 : n.parentElement) == null || A.focus(), V = !1, a.selectNextItem();
+    }, R = () => {
       var t;
-      if (k = !0, s.apiRequest) {
-        if (r.genIsShort()) {
-          (t = C()) == null || t.close();
+      if (V = !0, r.apiRequest) {
+        if (a.genIsShort()) {
+          (t = T()) == null || t.close();
           return;
         }
-        s.setSearchTextAndLoad(r.searchText.value, !1);
+        r.setSearchTextAndLoad(a.searchText.value, !1);
       }
-    }, S = () => {
+    }, _ = () => {
       setTimeout(() => {
-        k = !1;
-      }, 100), o.value === "popup" && r.searchText.value && r.resetSearch();
-    }, b = (t) => {
+        V = !1;
+      }, 100), s.value === "popup" && a.searchText.value && a.resetSearch();
+    }, h = (t) => {
       const n = t.target;
-      n.scrollTop / (n.scrollHeight - n.offsetHeight) > 0.8 && s.load(!0);
+      n.scrollTop / (n.scrollHeight - n.offsetHeight) > 0.8 && r.load(!0);
     };
-    return window.__STORYBOOK_PREVIEW__ && (P(
+    return window.__STORYBOOK_PREVIEW__ && (M(
       () => e.multiselect,
       () => {
-        e.multiselect ? Array.isArray(l.value) || (l.value = [
+        e.multiselect ? Array.isArray(o.value) || (o.value = [
           {
             id: 1,
             name: "Выбери меня"
           }
-        ]) : Array.isArray(l.value) && (l.value = {
+        ]) : Array.isArray(o.value) && (o.value = {
           id: null,
           name: ""
         });
       },
       { immediate: !0 }
-    ), P(
+    ), M(
       () => e.searchType,
       () => {
         setTimeout(() => {
@@ -499,18 +520,18 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
         }, 500);
       }
     )), (t, n) => {
-      const T = oe("top-focus");
-      return d(), w(f(ue), {
+      const A = te("top-focus");
+      return d(), w(m(pe), {
         ref_key: "popupRef",
         ref: c,
-        onOpen: n[3] || (n[3] = (m) => K()),
-        onClose: n[4] || (n[4] = (m) => S()),
-        onScrollContentList: n[5] || (n[5] = (m) => f(s) ? b(m) : void 0),
-        notch: o.value !== "inline",
+        onOpen: n[3] || (n[3] = (f) => R()),
+        onClose: n[4] || (n[4] = (f) => _()),
+        onScrollContentList: n[5] || (n[5] = (f) => m(r) ? h(f) : void 0),
+        notch: s.value !== "inline",
         transitionDuration: 0
-      }, U({
-        opener: V(() => [
-          Z((d(), w(le(p.value), W(t.buttonProps, {
+      }, J({
+        opener: k(() => [
+          oe((d(), w(le(i.value), X(t.buttonProps, {
             ref: "subcomponentSelector",
             class: {
               "top-selector2": !0,
@@ -524,98 +545,98 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
               "top-error": t.isError
             },
             tabindex: "0",
-            onKeydown: y,
-            placeholder: i.value,
-            modelValue: f(r).searchText.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (m) => f(r).searchText.value = m),
-            onFocus: h,
-            onBlur: n[1] || (n[1] = (m) => {
-              var A;
-              return (A = C()) != null && A.isClosed ? f(r).resetSearch() : "";
+            onKeydown: v,
+            placeholder: u.value,
+            modelValue: m(a).searchText.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (f) => m(a).searchText.value = f),
+            onFocus: y,
+            onBlur: n[1] || (n[1] = (f) => {
+              var $;
+              return ($ = T()) != null && $.isClosed ? m(a).resetSearch() : "";
             })
           }), {
-            default: V(() => [
-              t.multiselect ? (d(), v("div", $e, [
-                (d(!0), v(z, null, q(l.value, (m) => (d(), w(ke, {
-                  id: m.id,
-                  name: m.name,
-                  onDelete: f(r).deleteItemById
+            default: k(() => [
+              t.multiselect ? (d(), b("div", Ve, [
+                (d(!0), b(P, null, F(o.value, (f) => (d(), w(he, {
+                  id: f.id,
+                  name: f.name,
+                  onDelete: m(a).deleteItemById
                 }, null, 8, ["id", "name", "onDelete"]))), 256))
-              ])) : $("", !0),
-              o.value !== "inline" && !t.multiselect ? (d(), v("span", _e, _(Array.isArray(l.value) ? "" : l.value.name), 1)) : $("", !0),
-              t.multiselect && !l.value.length ? (d(), v("span", Ve, _(i.value), 1)) : $("", !0),
-              t.addChanger && !t.buttonProps && !t.multiselect && f(r).items.value.length > 1 && !t.disabled ? (d(), v("span", {
+              ])) : I("", !0),
+              s.value !== "inline" && !t.multiselect ? (d(), b("span", Ae, C(Array.isArray(o.value) ? "" : o.value.name), 1)) : I("", !0),
+              t.multiselect && !o.value.length ? (d(), b("span", $e, C(u.value), 1)) : I("", !0),
+              t.addChanger && !t.buttonProps && !t.multiselect && m(a).items.value.length > 1 && !t.disabled ? (d(), b("span", {
                 key: 3,
                 class: "top-changer top-changer-selector top-popup_widget",
                 "data-top-popup-disabled": "true",
                 onClick: g
-              })) : $("", !0)
+              })) : I("", !0)
             ]),
             _: 1
           }, 16, ["class", "placeholder", "modelValue"])), [
             [
-              T,
+              A,
               t.isError,
               void 0,
               { onupdate: !0 }
             ]
           ])
         ]),
-        contentList: V(() => {
-          var m;
+        contentList: k(() => {
+          var f;
           return [
-            (d(!0), v(z, null, q(f(r).itemsForShow.value, (A) => (d(), w(f(H), {
-              class: I({
-                "top-active": !Array.isArray(l.value) && !t.multiselect && l.value.id === A.id && l.value.name === A.name
+            (d(!0), b(P, null, F(m(a).itemsForShow.value, ($) => (d(), w(m(j), {
+              class: L({
+                "top-active": !Array.isArray(o.value) && !t.multiselect && o.value.id === $.id && o.value.name === $.name
               }),
-              key: A.id ?? void 0,
-              closeByClick: !t.multiselect || f(j).state.isMobile,
-              onClick: (Me) => f(r).selectItem(A)
+              key: $.id ?? void 0,
+              closeByClick: !t.multiselect || m(Y).state.isMobile,
+              onClick: (_e) => m(a).selectItem($)
             }, {
-              default: V(() => [
-                t.$slots.item ? X(t.$slots, "item", {
+              default: k(() => [
+                t.$slots.item ? G(t.$slots, "item", {
                   key: 0,
-                  item: A
-                }) : (d(), v(z, { key: 1 }, [
-                  E(_(A.name), 1)
+                  item: $
+                }) : (d(), b(P, { key: 1 }, [
+                  S(C($.name), 1)
                 ], 64))
               ]),
               _: 2
             }, 1032, ["class", "closeByClick", "onClick"]))), 128)),
-            !f(s).isLoading.value && !f(r).itemsForShow.value.length ? (d(), w(f(H), {
+            !m(r).isLoading.value && !m(a).itemsForShow.value.length ? (d(), w(m(j), {
               key: 0,
               type: "regular"
             }, {
-              default: V(() => [
-                E(_(t.$i18n.Common.No_results), 1)
+              default: k(() => [
+                S(C(t.$i18n.Common.No_results), 1)
               ]),
               _: 1
-            })) : $("", !0),
-            f(s).isLoading.value && (t.searchType !== "popup" || (m = f(s).apiRequest) != null && m.params.offset) ? (d(), w(f(H), {
+            })) : I("", !0),
+            m(r).isLoading.value && (t.searchType !== "popup" || (f = m(r).apiRequest) != null && f.params.offset) ? (d(), w(m(j), {
               key: 1,
               type: "regular"
             }, {
-              default: V(() => [
-                D(f(ie), { type: "circles" })
+              default: k(() => [
+                D(m(de), { type: "circles" })
               ]),
               _: 1
-            })) : $("", !0)
+            })) : I("", !0)
           ];
         }),
         _: 2
       }, [
-        o.value === "popup" ? {
+        s.value === "popup" ? {
           name: "widget",
-          fn: V(() => {
-            var m;
+          fn: k(() => {
+            var f;
             return [
-              D(f(de), {
+              D(m(ce), {
                 title: "Поиск",
                 icon: "",
-                modelValue: f(r).searchText.value,
-                "onUpdate:modelValue": n[2] || (n[2] = (A) => f(r).searchText.value = A),
-                isLoading: f(s).isLoading.value && !((m = f(s).apiRequest) != null && m.params.offset),
-                placeholder: i.value
+                modelValue: m(a).searchText.value,
+                "onUpdate:modelValue": n[2] || (n[2] = ($) => m(a).searchText.value = $),
+                isLoading: m(r).isLoading.value && !((f = m(r).apiRequest) != null && f.params.offset),
+                placeholder: u.value
               }, null, 8, ["modelValue", "isLoading", "placeholder"])
             ];
           }),
@@ -624,37 +645,37 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
       ]), 1032, ["notch"]);
     };
   }
-}), we = ["data-top-icon"], Ie = { class: "top-info_text" }, Be = {
+}), ke = ["data-top-icon"], we = { class: "top-info_text" }, Ie = {
   key: 0,
   class: "top-info_value"
-}, We = /* @__PURE__ */ M({
+}, Fe = /* @__PURE__ */ E({
   __name: "info",
   props: {
     icon: {},
     styling: { default: "default" },
     size: { default: "default" }
   },
-  setup(a) {
-    return (e, l) => (d(), v("div", {
-      class: I({
+  setup(l) {
+    return (e, o) => (d(), b("div", {
+      class: L({
         "top-info": !0,
         ["top-size_" + e.size]: !0,
         ["top-info-styling_" + e.styling]: !0
       }),
       "data-top-icon": e.icon
     }, [
-      L("div", Ie, [
-        X(e.$slots, "default")
+      K("div", we, [
+        G(e.$slots, "default")
       ]),
-      e.$slots.additional ? (d(), v("span", Be, [
-        X(e.$slots, "additional")
-      ])) : $("", !0)
-    ], 10, we));
+      e.$slots.additional ? (d(), b("span", Ie, [
+        G(e.$slots, "additional")
+      ])) : I("", !0)
+    ], 10, ke));
   }
-}), Se = {
+}), Ce = {
   key: 0,
   class: "top-policy"
-}, Le = { class: "top-policy_title" }, Ee = ["innerHTML"], Xe = /* @__PURE__ */ M({
+}, Be = { class: "top-policy_title" }, Ee = ["innerHTML"], He = /* @__PURE__ */ E({
   __name: "policy",
   props: {
     title: {},
@@ -662,36 +683,36 @@ const ce = { class: "top-editArea_footer" }, Ne = /* @__PURE__ */ M({
     acceptText: {}
   },
   emits: ["accept"],
-  setup(a, { emit: e }) {
-    const l = e, o = B(!0), u = () => {
-      o.value = !1, l("accept");
+  setup(l, { emit: e }) {
+    const o = e, s = B(!0), p = () => {
+      s.value = !1, o("accept");
     };
-    return (s, r) => o.value ? (d(), v("div", Se, [
-      L("div", Le, _(s.title), 1),
-      L("div", {
+    return (r, a) => s.value ? (d(), b("div", Ce, [
+      K("div", Be, C(r.title), 1),
+      K("div", {
         class: "top-policy_description",
-        innerHTML: s.description
+        innerHTML: r.description
       }, null, 8, Ee),
-      D(f(F), {
+      D(m(H), {
         size: "m",
-        onClick: u
+        onClick: p
       }, {
-        default: V(() => [
-          E(_(s.acceptText), 1)
+        default: k(() => [
+          S(C(r.acceptText), 1)
         ]),
         _: 1
       })
-    ])) : $("", !0);
+    ])) : I("", !0);
   }
 });
 export {
-  He as TopCheckboxGroup,
-  Ne as TopEditArea,
-  qe as TopEditInput,
-  We as TopInfo,
+  Oe as TopCheckboxGroup,
+  De as TopEditArea,
+  Ge as TopEditInput,
+  Fe as TopInfo,
   je as TopMenu,
-  Xe as TopPolicy,
-  Fe as TopRadioGroup,
-  Ue as TopSelector2
+  He as TopPolicy,
+  Ne as TopRadioGroup,
+  qe as TopSelector2
 };
 //# sourceMappingURL=formsExt.js.map