@topvisor/ui 1.0.18-top-info → 1.0.18-top-info-2

package/formsExt/formsExt.js

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