@topvisor/ui 0.9.34-utils-components-3 → 0.9.34-utils-components-4

package/formsExt/formsExt.js

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