@topvisor/ui 1.0.17 → 1.0.18-dialog-footer-6

package/formsExt/formsExt.js

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