@topvisor/ui 1.3.5-4 → 1.3.5-5.0

package/formsExt/formsExt.js

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