@topvisor/ui 1.0.26 → 1.0.28-2

package/formsExt/formsExt.js

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