@topvisor/ui 1.0.42-popupPosition.0 → 1.1.0-addativeialog.0

package/formsExt/formsExt.js

@@ -1,12 +1,12 @@
-import { Core as R } from "../core/app.js";
-import { defineComponent as B, ref as w, computed as S, createElementBlock as f, openBlock as d, normalizeClass as A, createCommentVNode as T, createElementVNode as _, toDisplayString as C, createVNode as z, withKeys as L, withModifiers as P, createBlock as V, createSlots as O, withCtx as $, createTextVNode as I, watch as M, toRef as G, mergeProps as W, mergeModels as F, useModel as U, Fragment as E, renderList as K, withDirectives as j, vModelRadio as Q, resolveDirective as Z, unref as v, renderSlot as D, resolveDynamicComponent as q } from "vue";
-import { w as x, _ as H, f as ee, d as te, u as oe, C as X, x as le, g as se } from "../.chunks/forms-DOGPN_TR.es.js";
-import { TopPopup as ae, TopPopupListItem as N, TopPopupWidgetInput as ne } from "../popup/popup.js";
-import { invertKeyboardLayout as re } from "../utils/keyboard.js";
-import { _ as ie } from "../.chunks/menu.vue_vue_type_style_index_0_lang-Dq5eEX9i.es.js";
-const Y = ["../assets/formsExt.css"].map((o) => import.meta.resolve(o));
-R.insertCSSLinkToPage(Y, !0);
-const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ B({
+import { Core as x } from "../core/app.js";
+import { defineComponent as L, ref as B, computed as P, createElementBlock as y, openBlock as p, normalizeClass as I, createCommentVNode as A, createElementVNode as _, toDisplayString as $, createVNode as O, withKeys as G, withModifiers as N, createBlock as w, createSlots as U, withCtx as V, createTextVNode as S, watch as E, toRef as D, mergeProps as R, mergeModels as J, useModel as Y, Fragment as z, renderList as F, withDirectives as q, vModelRadio as te, resolveDirective as oe, unref as v, renderSlot as W, resolveDynamicComponent as le } from "vue";
+import { w as se, _ as X, f as ae, d as re, u as ne, C as Q, x as ie, g as ue } from "../.chunks/forms-t2AEUjqg.es.js";
+import { TopPopup as de, TopPopupListItem as H, TopPopupWidgetInput as pe } from "../popup/popup.js";
+import { invertKeyboardLayout as ce } from "../utils/keyboard.js";
+import { _ as fe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-6kqWYFuX.es.js";
+const ee = ["../assets/formsExt.css"].map((l) => import.meta.resolve(l));
+x.insertCSSLinkToPage(ee, !0);
+const me = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ L({
   __name: "editArea",
   props: {
     defaultValue: { default: "" },
@@ -31,92 +31,94 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ B({
     maxLength: {}
   },
   emits: ["submit", "close", "clickOnTitle"],
-  setup(o, { emit: e }) {
-    const l = o, a = e, n = w(l.defaultValue), t = w(l.isFocused), p = S(() => n.value !== l.defaultValue), c = (r) => {
-      a("submit", r), n.value = l.defaultValue;
-    }, y = () => {
-      if (l.forceShowCloseBtn && !p.value) {
-        a("close");
+  setup(l, { emit: t }) {
+    const s = l, o = t, d = B(s.defaultValue), a = B(s.isFocused), r = P(() => d.value !== s.defaultValue), c = (u) => {
+      o("submit", u), d.value = s.defaultValue;
+    }, f = () => {
+      if (s.forceShowCloseBtn && !r.value) {
+        o("close");
         return;
       }
-      n.value = l.defaultValue;
+      d.value = s.defaultValue;
     }, k = () => {
-      l.attachToKeyboard && a("clickOnTitle");
+      s.attachToKeyboard && o("clickOnTitle");
     };
-    return (r, b) => (d(), f("div", {
-      class: A({
+    return (u, b) => (p(), y("div", {
+      class: I({
         "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": r.attachToKeyboard
+        "top-editArea-attachedToKeyboard": u.attachToKeyboard
       })
     }, [
-      r.title ? (d(), f("div", {
+      u.title ? (p(), y("div", {
         key: 0,
         class: "top-editArea_title",
-        onClick: b[0] || (b[0] = (u) => k())
-      }, C(r.title), 1)) : T("", !0),
+        onClick: b[0] || (b[0] = (i) => k())
+      }, $(u.title), 1)) : A("", !0),
       _("div", {
-        class: A({
+        class: I({
           "top-editArea_form": !0,
-          "top-error": r.isError,
-          "top-focus": t.value
+          "top-forms-focusable": !0,
+          "top-as-input": !0,
+          "top-error": u.isError,
+          "top-focus": a.value
         })
       }, [
-        z(x, {
-          modelValue: n.value,
-          "onUpdate:modelValue": b[1] || (b[1] = (u) => n.value = u),
-          name: r.name,
-          placeholder: r.placeholder,
-          rows: r.rows,
-          minHeight: r.minHeight,
-          expandable: r.expandable,
-          disabled: r.disabled,
-          readonly: r.readonly,
-          isError: r.isError,
-          hint: r.hint,
+        O(se, {
+          modelValue: d.value,
+          "onUpdate:modelValue": b[1] || (b[1] = (i) => d.value = i),
+          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: b[2] || (b[2] = () => t.value = !0),
-          onBlur: b[3] || (b[3] = () => t.value = !1),
+          onFocus: b[2] || (b[2] = () => a.value = !0),
+          onBlur: b[3] || (b[3] = () => a.value = !1),
           onKeyup: [
-            L(y, ["esc"]),
-            b[4] || (b[4] = L(P((u) => c(n.value), ["ctrl"]), ["enter"]))
+            G(f, ["esc"]),
+            b[4] || (b[4] = G(N((i) => c(d.value), ["ctrl"]), ["enter"]))
           ]
         }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        _("div", ue, [
-          p.value || r.forceShowCloseBtn ? (d(), V(H, {
+        _("div", me, [
+          r.value || u.forceShowCloseBtn ? (p(), w(X, {
             key: 0,
-            icon: r.$core.state.isMobile ? "" : "",
+            icon: u.$core.state.isMobile ? "" : "",
             class: "top-editArea_button",
             color: "theme",
             styling: "soft",
-            onClick: y
-          }, O({ _: 2 }, [
-            r.$core.state.isMobile ? void 0 : {
+            onClick: f
+          }, U({ _: 2 }, [
+            u.$core.state.isMobile ? void 0 : {
               name: "default",
-              fn: $(() => [
-                I(C(r.cancelText), 1)
+              fn: V(() => [
+                S($(u.cancelText), 1)
               ]),
               key: "0"
             }
-          ]), 1032, ["icon"])) : T("", !0),
-          p.value ? (d(), V(H, {
+          ]), 1032, ["icon"])) : A("", !0),
+          r.value ? (p(), w(X, {
             key: 1,
             class: "top-editArea_button",
-            icon: r.$core.state.isMobile ? "" : "",
-            onClick: b[5] || (b[5] = (u) => c(n.value))
-          }, O({ _: 2 }, [
-            r.$core.state.isMobile ? void 0 : {
+            icon: u.$core.state.isMobile ? "" : "",
+            onClick: b[5] || (b[5] = (i) => c(d.value))
+          }, U({ _: 2 }, [
+            u.$core.state.isMobile ? void 0 : {
               name: "default",
-              fn: $(() => [
-                I(C(r.submitText), 1)
+              fn: V(() => [
+                S($(u.submitText), 1)
               ]),
               key: "0"
             }
-          ]), 1032, ["icon"])) : T("", !0)
+          ]), 1032, ["icon"])) : A("", !0)
         ])
       ], 2)
     ], 2));
   }
-}), pe = { class: "top-editInput" }, ce = /* @__PURE__ */ B({
+}), ye = { class: "top-editInput" }, he = /* @__PURE__ */ L({
   __name: "editInput",
   props: {
     modelValue: {},
@@ -124,34 +126,34 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ B({
     button: {}
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: e }) {
-    const l = o, a = w(l.modelValue);
-    M(G(l.modelValue), () => {
-      a.value = l.modelValue;
+  setup(l, { emit: t }) {
+    const s = l, o = B(s.modelValue);
+    E(D(s.modelValue), () => {
+      o.value = s.modelValue;
     });
-    const n = e, t = () => {
-      n("update:modelValue", a.value);
+    const d = t, a = () => {
+      d("update:modelValue", o.value);
     };
-    return (p, c) => (d(), f("div", pe, [
-      z(ee, W(p.input, {
-        onKeydownCapture: c[0] || (c[0] = L(P((y) => a.value = p.modelValue, ["stop"]), ["esc"])),
-        onKeydown: L(P(t, ["stop"]), ["enter"]),
-        modelValue: a.value,
-        "onUpdate:modelValue": c[1] || (c[1] = (y) => a.value = y)
+    return (r, c) => (p(), y("div", ye, [
+      O(ae, R(r.input, {
+        onKeydownCapture: c[0] || (c[0] = G(N((f) => o.value = r.modelValue, ["stop"]), ["esc"])),
+        onKeydown: G(N(a, ["stop"]), ["enter"]),
+        modelValue: o.value,
+        "onUpdate:modelValue": c[1] || (c[1] = (f) => o.value = f)
       }), null, 16, ["onKeydown", "modelValue"]),
-      a.value !== p.modelValue ? (d(), V(H, W({
+      o.value !== r.modelValue ? (p(), w(X, R({
         key: 0,
         icon: "",
         styling: "soft"
-      }, p.button, { onClick: t }), null, 16)) : T("", !0)
+      }, r.button, { onClick: a }), null, 16)) : A("", !0)
     ]));
   }
-}), me = ["data-top-icon", "onClick"], fe = {
+}), be = ["data-top-icon", "onClick"], ge = {
   key: 0,
   class: "top-radioGroup_circle"
-}, ve = ["value", "disabled"], ye = /* @__PURE__ */ B({
+}, Te = ["value", "disabled"], ke = /* @__PURE__ */ L({
   __name: "radioGroup",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ J({
     modelValue: {},
     radiosProps: {},
     showIndicator: { type: Boolean },
@@ -164,53 +166,53 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ B({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const e = U(o, "modelValue"), l = o, a = w(null);
-    M(e, () => {
-      var t, p, c, y, k;
-      (t = l.radiosProps) != null && t.some((r) => r.value === e.value) || (e.value = ((c = (p = l.radiosProps) == null ? void 0 : p[0]) == null ? void 0 : c.value) ?? ""), (k = (y = a.value) == null ? void 0 : y.querySelector(".radioGroup_item-selected")) == null || k.scrollIntoView();
+  setup(l) {
+    const t = Y(l, "modelValue"), s = l, o = B(null);
+    E(t, () => {
+      var a, r, c, f, k;
+      (a = s.radiosProps) != null && a.some((u) => u.value === t.value) || (t.value = ((c = (r = s.radiosProps) == null ? void 0 : r[0]) == null ? void 0 : c.value) ?? ""), (k = (f = o.value) == null ? void 0 : f.querySelector(".radioGroup_item-selected")) == null || k.scrollIntoView();
     }, { immediate: !0 });
-    const n = "radioGroup-" + Math.random();
-    return (t, p) => (d(), f("div", {
+    const d = "radioGroup-" + Math.random();
+    return (a, r) => (p(), y("div", {
       ref_key: "elRef",
-      ref: a,
-      class: A({
+      ref: o,
+      class: I({
         "top-radioGroup": !0,
         "top-scrollBarXHidding": !0,
-        ["top-size_" + t.size]: !!t.size,
-        "top-error": t.isError
+        ["top-size_" + a.size]: !!a.size,
+        "top-error": a.isError
       })
     }, [
-      (d(!0), f(E, null, K(t.radiosProps, (c) => (d(), f("label", {
-        class: A({
-          "top-radioGroup_item-selected": c.value === e.value,
+      (p(!0), y(z, null, F(a.radiosProps, (c) => (p(), y("label", {
+        class: I({
+          "top-radioGroup_item-selected": c.value === t.value,
           "top-radioGroup_item": !0,
           "top-forms-focusable": !0,
           "top-disabled": c.disabled
         }),
         "data-top-icon": c.icon,
-        onClick: (y) => e.value = c.value
+        onClick: (f) => t.value = c.value
       }, [
-        I(C(c.title) + " ", 1),
-        t.showIndicator ? (d(), f("span", fe)) : T("", !0),
-        j(_("input", {
-          "onUpdate:modelValue": p[0] || (p[0] = (y) => e.value = y),
-          name: n,
+        S($(c.title) + " ", 1),
+        a.showIndicator ? (p(), y("span", ge)) : A("", !0),
+        q(_("input", {
+          "onUpdate:modelValue": r[0] || (r[0] = (f) => t.value = f),
+          name: d,
           type: "radio",
-          class: A({
+          class: I({
             "top-unvisible": !0
           }),
           value: c.value,
           disabled: c.disabled
-        }, null, 8, ve), [
-          [Q, e.value]
+        }, null, 8, Te), [
+          [te, t.value]
         ])
-      ], 10, me))), 256))
+      ], 10, be))), 256))
     ], 2));
   }
-}), he = ["data-top-icon"], be = ["value", "checked", "disabled", "onChange"], ge = /* @__PURE__ */ B({
+}), Ae = ["data-top-icon"], Ce = ["value", "checked", "disabled", "onChange"], $e = /* @__PURE__ */ L({
   __name: "checkboxGroup",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ J({
     modelValue: {},
     items: {},
     size: { default: "s" },
@@ -223,377 +225,464 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ B({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const e = U(o, "modelValue"), l = (a) => {
-      const n = [...e.value], t = n.indexOf(a);
-      t === -1 ? n.push(a) : n.splice(t, 1), e.value = n;
+  setup(l) {
+    const t = Y(l, "modelValue"), s = (o) => {
+      const d = [...t.value], a = d.indexOf(o);
+      a === -1 ? d.push(o) : d.splice(a, 1), t.value = d;
     };
-    return (a, n) => (d(), f("div", {
-      class: A({
+    return (o, d) => (p(), y("div", {
+      class: I({
         "top-checkboxGroup": !0,
-        ["top-checkboxGroup-" + a.styling]: !0,
+        ["top-checkboxGroup-" + o.styling]: !0,
         "top-scrollBarXHidding": !0,
-        ["top-size_" + a.size]: !!a.size,
-        "top-error": a.isError
+        ["top-size_" + o.size]: !!o.size,
+        "top-error": o.isError
       })
     }, [
-      (d(!0), f(E, null, K(a.items, (t) => (d(), f("label", {
-        key: t.id,
-        class: A({
+      (p(!0), y(z, null, F(o.items, (a) => (p(), y("label", {
+        key: a.id,
+        class: I({
           "top-checkboxGroup_item": !0,
-          "top-checkboxGroup_item-selected": e.value.includes(t.id),
+          "top-checkboxGroup_item-selected": t.value.includes(a.id),
           "top-forms-focusable": !0,
-          "top-disabled": t.disabled
+          "top-disabled": a.disabled
         }),
-        "data-top-icon": t.icon
+        "data-top-icon": a.icon
       }, [
         _("input", {
           type: "checkbox",
           class: "top-unvisible",
-          value: t.id,
-          checked: e.value.includes(t.id),
-          disabled: t.disabled,
-          onChange: (p) => l(t.id)
-        }, null, 40, be),
-        I(" " + C(t.title), 1)
-      ], 10, he))), 128))
+          value: a.id,
+          checked: t.value.includes(a.id),
+          disabled: a.disabled,
+          onChange: (r) => s(a.id)
+        }, null, 40, Ce),
+        S(" " + $(a.title), 1)
+      ], 10, Ae))), 128))
     ], 2));
   }
-}), Te = { class: "top-selector2_itemMulti top-ellipsis" }, ke = /* @__PURE__ */ B({
+}), Ve = { class: "top-selector2_itemMulti top-ellipsis" }, we = /* @__PURE__ */ L({
   __name: "itemMulti",
   props: {
     id: {},
     name: {}
   },
   emits: ["delete"],
-  setup(o) {
-    return (e, l) => (d(), f("div", Te, [
-      I(C(e.name) + " ", 1),
+  setup(l) {
+    return (t, s) => (p(), y("div", Ve, [
+      S($(t.name) + " ", 1),
       _("span", {
         class: "top-selector2_itemMultiDelete",
         "data-top-icon": "",
-        onClick: l[0] || (l[0] = (a) => e.$emit("delete", e.id)),
-        onMousedown: l[1] || (l[1] = P(() => {
+        onClick: s[0] || (s[0] = (o) => t.$emit("delete", t.id)),
+        onMousedown: s[1] || (s[1] = N(() => {
         }, ["stop"]))
       }, null, 32)
     ]));
   }
-}), Ce = (o, e, l) => {
-  const a = w([]), n = w(!1);
-  let t = "", p;
-  o && !o.params.limit && (o.params.limit = 100);
+}), Ie = (l, t, s) => {
+  const o = B([]), d = B(!1);
+  let a = "", r;
+  l && !l.params.limit && (l.params.limit = 100);
   const c = async () => {
-    if (!o) return;
-    let u, s;
-    if (l && (o.cache ??= /* @__PURE__ */ new Map(), s = JSON.stringify(o.params), u = o.cache.get(s), u))
-      return u;
-    if (n.value = !0, u = await o.call(), n.value = !1, u.errors) return;
-    if (!Array.isArray(u.result)) {
+    if (!l) return;
+    let i, C;
+    if (s && (l.cache ??= /* @__PURE__ */ new Map(), C = JSON.stringify(l.params), i = l.cache.get(C), i))
+      return i;
+    if (d.value = !0, i = await l.call(), d.value = !1, i.errors) return;
+    if (!Array.isArray(i.result)) {
       console.warn("В result ожидался массив");
       return;
     }
-    const i = u.result.findIndex((h) => h.id === void 0 || h.name === void 0);
-    if (i !== -1) {
-      console.warn(`В result[${i}] нет id или name`);
+    const M = i.result.findIndex((K) => K.id === void 0 || K.name === void 0);
+    if (M !== -1) {
+      console.warn(`В result[${M}] нет id или name`);
       return;
     }
-    return l && o.cache.set(s, u), u;
-  }, y = async () => {
-    if (!o) return;
-    o.params.offset = 0, o.params.search = t;
-    const u = await c();
-    u && (p = u.nextOffset, a.value = u.result);
+    return s && l.cache.set(C, i), i;
+  }, f = async () => {
+    if (!l) return;
+    l.params.offset = 0, l.params.search = a;
+    const i = await c();
+    i && (r = i.nextOffset, o.value = i.result);
   }, k = async () => {
-    if (!o || !p || n.value) return;
-    o.params.offset = p, o.params.search = t;
-    const u = await c();
-    u && (p = u.nextOffset, a.value = a.value.concat(u.result));
-  }, r = te(() => y(), 200);
+    if (!l || !r || d.value) return;
+    l.params.offset = r, l.params.search = a;
+    const i = await c();
+    i && (r = i.nextOffset, o.value = o.value.concat(i.result));
+  }, u = re(() => f(), 200);
   return {
-    apiRequest: o,
-    items: a,
-    isLoading: n,
+    apiRequest: l,
+    items: o,
+    isLoading: d,
     loadAppend: k,
-    setSearchTextAndLoad: (u, s = !0) => {
-      o && (u.length < e || u === t && a.value.length || (t = u, s ? r() : y()));
+    setSearchTextAndLoad: (i, C = !0) => {
+      l && (i.length < t || i === a && o.value.length || (a = i, C ? u() : f()));
     }
   };
-}, $e = 0, J = (o, e, l = !0) => l && e.id === null ? Array.isArray(o) ? o.some((a) => a.id === e.id && a.name === e.name) : e.name === o.name : Array.isArray(o) ? o.some((a) => a.id === e.id) : e.id === o.id, Ae = (o, e, l, a, n, t) => {
-  const p = w(""), c = {
-    id: $e,
-    name: oe().Common.All
-  }, y = () => {
-    p.value = "", t.items.value = [];
-  }, k = S(() => {
-    var i;
-    const s = [];
-    return !l && a.value && s.push(c), (i = e.value) == null || i.forEach((h) => s.push({ ...h })), s;
-  }), r = S(() => {
-    const s = p.value.toLowerCase(), i = re(s);
-    let h = [];
-    return k.value.forEach((m) => {
-      const g = m.name.toLowerCase();
-      (m.id === Number(s) || g.includes(s) || g.includes(i)) && (g === s || g === i ? h.unshift(m) : h.push(m));
-    }), h.push(...t.items.value), n.value && p.value && (!h.length || h[0].name.toLowerCase() !== s) && h.push({
+}, Be = 0, Z = (l, t, s = !0) => s && t.id === null ? Array.isArray(l) ? l.some((o) => o.id === t.id && o.name === t.name) : t.name === l.name : Array.isArray(l) ? l.some((o) => o.id === t.id) : t.id === l.id, _e = (l, t, s, o, d, a, r, c) => {
+  const f = B(""), k = {
+    id: Be,
+    name: ne().Common.All
+  }, u = () => {
+    f.value = "", c.items.value = [];
+  }, b = () => !(!c.apiRequest || a.value !== "inline" || f.value.length >= r), i = P(() => {
+    var e;
+    const h = [];
+    return !s && o.value && h.push(k), (e = t.value) == null || e.forEach((n) => h.push({ ...n })), h;
+  }), C = P(() => {
+    const h = f.value.toLowerCase(), e = ce(h);
+    let n = [];
+    return i.value.forEach((g) => {
+      const m = g.name.toLowerCase();
+      (g.id === Number(h) || m.includes(h) || m.includes(e)) && (m === h || m === e ? n.unshift(g) : n.push(g));
+    }), n.push(...c.items.value), d.value && f.value && (!n.length || n[0].name.toLowerCase() !== h) && n.push({
       id: null,
-      name: p.value
-    }), l && (h = h.filter((m) => !J(o.value, m))), h;
+      name: f.value
+    }), s && (n = n.filter((g) => !Z(l.value, g))), n;
   });
   return {
-    searchText: p,
-    resetSearch: y,
-    items: k,
-    itemsForShow: r,
+    searchText: f,
+    resetSearch: u,
+    genIsShort: b,
+    items: i,
+    itemsForShow: C,
+    selectItem: (h) => {
+      s && Array.isArray(l.value) ? Z(l.value, h) || (l.value = [...l.value, h]) : l.value = h;
+    },
     selectNextItem: () => {
-      if (!Array.isArray(o.value)) {
-        const i = (r.value.findIndex((h) => h.id === o.value.id) + 1) % r.value.length;
-        o.value = { ...r.value[i] };
+      if (!Array.isArray(l.value)) {
+        const e = (C.value.findIndex((n) => n.id === l.value.id) + 1) % C.value.length;
+        l.value = { ...C.value[e] };
       }
     },
-    deleteItemById: async (s) => {
-      Array.isArray(o.value) && (o.value = o.value.filter((i) => i.id !== s));
+    deleteItemById: async (h) => {
+      Array.isArray(l.value) && (l.value = l.value.filter((e) => e.id !== h));
     }
   };
-}, Ve = {
+}, Se = {
   key: 0,
   class: "top-selector2_activeItems"
-}, we = {
+}, Le = {
   key: 1,
   class: "top-selector2_activeName top-ellipsis"
-}, _e = /* @__PURE__ */ B({
+}, Ee = {
+  key: 2,
+  class: "top-selector2_placeholder top-ellipsis"
+}, Pe = /* @__PURE__ */ L({
   __name: "selector2",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ J({
     modelValue: {},
     items: { default: () => [] },
-    multiselect: { type: Boolean },
     title: {},
     disabled: { type: Boolean },
+    modificator: {},
     size: { default: "s" },
     isError: { type: Boolean },
+    searchType: { default: "popup" },
+    placeholder: {},
     apiRequest: {},
     minLength: { default: 0 },
     useCache: { type: Boolean },
     appendSearchToResult: { type: Boolean },
+    multiselect: { type: Boolean },
     appendAllValue: { type: Boolean },
     addChanger: { type: Boolean },
-    searchType: { default: "popup" },
-    placeholder: {},
-    selectedAsPlaceholder: { type: Boolean, default: !0 }
+    buttonProps: {},
+    selectedAsPlaceholder: { type: Boolean }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const e = o, l = U(o, "modelValue"), a = w(null), n = Ce(e.apiRequest, e.minLength || 0, e.useCache), t = Ae(l, G(e, "items"), e.multiselect, G(e, "appendAllValue"), G(e, "appendSearchToResult"), n), p = S(() => e.searchType === "inline" && e.multiselect || e.searchType === "inline" && X.state.isMobile ? "popup" : e.searchType), c = S(() => p.value === "inline" ? "TopInput" : "div");
-    n.apiRequest && M(t.searchText, () => n.setSearchTextAndLoad(t.searchText.value));
-    const y = (s) => {
-      e.multiselect && Array.isArray(l.value) ? J(l.value, s) || (l.value = [...l.value, s]) : l.value = s;
-    }, k = S(() => Array.isArray(l.value) || e.multiselect || !e.selectedAsPlaceholder ? e.placeholder : l.value.name || e.placeholder), r = () => {
-      n.apiRequest && n.setSearchTextAndLoad(t.searchText.value, !1);
-    }, b = () => {
-      var s;
-      (s = a.value) == null || s.focus(), t.searchText.value && t.resetSearch();
-    }, u = (s) => {
-      const i = s.target;
-      i.scrollTop / (i.scrollHeight - i.offsetHeight) > 0.8 && n.loadAppend();
+  setup(l) {
+    const t = l, s = Y(l, "modelValue"), o = P(() => t.searchType === "inline" && t.multiselect || t.searchType === "inline" && Q.state.isMobile ? "popup" : t.searchType);
+    let d = 0;
+    o.value === "inline" && t.minLength && (d = t.minLength);
+    const a = Ie(t.apiRequest, d, t.useCache), r = _e(
+      s,
+      D(t, "items"),
+      t.multiselect,
+      D(t, "appendAllValue"),
+      D(t, "appendSearchToResult"),
+      o,
+      d,
+      a
+    ), c = P(() => t.buttonProps ? "TopButton" : o.value === "inline" ? "TopInput" : "div"), f = B(null), k = () => {
+      var e;
+      return (e = f.value) == null ? void 0 : e.popup;
+    };
+    a.apiRequest && E(r.searchText, () => {
+      var e;
+      a.setSearchTextAndLoad(r.searchText.value), o.value === "inline" && r.genIsShort() && ((e = k()) == null || e.close());
+    }), E(s, () => {
+      o.value === "inline" && r.resetSearch();
+    });
+    const u = P(() => {
+      var e;
+      return Array.isArray(s.value) || t.multiselect || !t.selectedAsPlaceholder && o.value !== "inline" ? t.placeholder : ((e = s.value) == null ? void 0 : e.name) || t.placeholder;
+    }), b = (e) => {
+      var m, T;
+      let n = !1;
+      switch (e.key) {
+        case "Delete":
+        case "Backspace":
+          Array.isArray(s.value) && (e.preventDefault(), e.stopPropagation(), s.value.pop());
+          break;
+        case "ArrowUp":
+        case "ArrowRight":
+        case "ArrowDown":
+        case "ArrowLeft":
+        case "Enter":
+        case " ":
+          n = !0;
+          break;
+        case "Escape":
+          o.value === "inline" && r.resetSearch();
+          break;
+      }
+      const g = e.key.length === 1 && !e.ctrlKey && !e.metaKey;
+      (o.value === "popup" || o.value === "inline") && g && (n = !0), (m = k()) != null && m.elPopup && (n = !1), n && (o.value === "popup" && (e.preventDefault(), e.stopPropagation(), g && (r.searchText.value || (r.searchText.value = e.key))), (T = e.currentTarget) == null || T.click());
+    };
+    let i = !1;
+    const C = (e) => {
+      var n;
+      i || o.value === "inline" && ((n = e.currentTarget) == null || n.click());
+    }, M = (e) => {
+      var n, g;
+      e.preventDefault(), i = !0, (g = (n = e.currentTarget) == null ? void 0 : n.parentElement) == null || g.focus(), i = !1, r.selectNextItem();
+    }, K = () => {
+      var e;
+      if (i = !0, a.apiRequest) {
+        if (r.genIsShort()) {
+          (e = k()) == null || e.close();
+          return;
+        }
+        a.setSearchTextAndLoad(r.searchText.value, !1);
+      }
+    }, j = () => {
+      setTimeout(() => {
+        i = !1;
+      }, 100), o.value === "popup" && r.searchText.value && r.resetSearch();
+    }, h = (e) => {
+      const n = e.target;
+      n.scrollTop / (n.scrollHeight - n.offsetHeight) > 0.8 && a.loadAppend();
     };
-    return window.__STORYBOOK_PREVIEW__ && (M(
-      () => e.multiselect,
+    return window.__STORYBOOK_PREVIEW__ && (E(
+      () => t.multiselect,
       () => {
-        l.value = e.multiselect ? [] : { id: null, name: "" };
+        t.multiselect ? Array.isArray(s.value) || (s.value = [
+          {
+            id: 1,
+            name: "Выбери меня"
+          }
+        ]) : Array.isArray(s.value) && (s.value = {
+          id: null,
+          name: ""
+        });
       },
       { immediate: !0 }
-    ), M(
-      () => e.searchType,
+    ), E(
+      () => t.searchType,
       () => {
         setTimeout(() => {
           location.reload();
-        }, 300);
+        }, 500);
       }
-    )), (s, i) => {
-      const h = Z("top-focus");
-      return d(), V(v(ae), {
-        onOpen: i[4] || (i[4] = (m) => r()),
-        onClose: i[5] || (i[5] = (m) => b()),
-        onScrollContentList: i[6] || (i[6] = (m) => s.apiRequest ? u(m) : void 0),
-        notch: !1,
+    )), (e, n) => {
+      const g = oe("top-focus");
+      return p(), w(v(de), {
+        ref_key: "popupRef",
+        ref: f,
+        onOpen: n[3] || (n[3] = (m) => K()),
+        onClose: n[4] || (n[4] = (m) => j()),
+        onScrollContentList: n[5] || (n[5] = (m) => e.apiRequest ? h(m) : void 0),
+        notch: o.value !== "inline",
         transitionDuration: 0
-      }, O({
-        opener: $(() => [
-          j((d(), V(q(c.value), {
+      }, U({
+        opener: V(() => [
+          q((p(), w(le(c.value), R(e.buttonProps, {
             ref: "subcomponentSelector",
-            class: A({
+            class: {
               "top-selector2": !0,
-              "top-selector2-multiselect": s.multiselect,
-              ["top-size_" + s.size]: !0,
-              "top-disabled": s.disabled,
-              "top-forms-focusable": !s.disabled,
-              "top-error": s.isError
-            }),
-            onKeydown: [
-              i[1] || (i[1] = L(P((m) => m.currentTarget.click(), ["stop", "prevent"]), ["up", "down", "enter", "space"])),
-              i[2] || (i[2] = L((m) => l.value = [], ["delete"]))
-            ],
-            tabindex: "0"
-          }, {
-            default: $(() => [
-              s.multiselect ? (d(), f("div", Ve, [
-                (d(!0), f(E, null, K(l.value, (m) => (d(), V(ke, {
+              "top-selector2-multiselect": e.multiselect,
+              ["top-selector2-" + e.modificator]: !!e.modificator,
+              "top-as-input": !e.buttonProps,
+              "top-as-selector": !0,
+              ["top-size_" + e.size]: !0,
+              "top-disabled": e.disabled,
+              "top-forms-focusable": !e.disabled,
+              "top-error": e.isError
+            },
+            tabindex: "0",
+            onKeydown: b,
+            placeholder: u.value,
+            modelValue: v(r).searchText.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (m) => v(r).searchText.value = m),
+            onFocus: C,
+            onBlur: n[1] || (n[1] = (m) => {
+              var T;
+              return (T = k()) != null && T.isClosed ? v(r).resetSearch() : "";
+            })
+          }), {
+            default: V(() => [
+              e.multiselect ? (p(), y("div", Se, [
+                (p(!0), y(z, null, F(s.value, (m) => (p(), w(we, {
                   id: m.id,
                   name: m.name,
-                  onDelete: v(t).deleteItemById
+                  onDelete: v(r).deleteItemById
                 }, null, 8, ["id", "name", "onDelete"]))), 256))
-              ])) : T("", !0),
-              s.multiselect ? T("", !0) : (d(), f("span", we, C(Array.isArray(l.value) ? "" : l.value.name), 1)),
-              s.addChanger && !s.multiselect && v(t).items.value.length > 1 && !s.disabled ? (d(), f("span", {
-                key: 2,
-                class: "top-changer top-changer-selector",
+              ])) : A("", !0),
+              o.value !== "inline" && !e.multiselect ? (p(), y("span", Le, $(Array.isArray(s.value) ? "" : s.value.name), 1)) : A("", !0),
+              e.multiselect && !s.value.length ? (p(), y("span", Ee, $(u.value), 1)) : A("", !0),
+              e.addChanger && !e.buttonProps && !e.multiselect && v(r).items.value.length > 1 && !e.disabled ? (p(), y("span", {
+                key: 3,
+                class: "top-changer top-changer-selector top-popup_widget",
                 "data-top-popup-disabled": "true",
-                onClick: i[0] || (i[0] = //@ts-ignore
-                (...m) => v(t).selectNextItem && v(t).selectNextItem(...m))
-              })) : T("", !0)
+                onClick: M
+              })) : A("", !0)
             ]),
             _: 1
-          }, 40, ["class"])), [
+          }, 16, ["class", "placeholder", "modelValue"])), [
             [
-              h,
-              s.isError,
+              g,
+              e.isError,
               void 0,
               { onupdate: !0 }
             ]
           ])
         ]),
-        contentList: $(() => {
+        contentList: V(() => {
           var m;
           return [
-            (d(!0), f(E, null, K(v(t).itemsForShow.value, (g) => (d(), V(v(N), {
-              class: A({
-                "top-active": !Array.isArray(l.value) && !s.multiselect && l.value.id === g.id && l.value.name === g.name
+            (p(!0), y(z, null, F(v(r).itemsForShow.value, (T) => (p(), w(v(H), {
+              class: I({
+                "top-active": !Array.isArray(s.value) && !e.multiselect && s.value.id === T.id && s.value.name === T.name
               }),
-              key: g.id ?? void 0,
-              closeByClick: !s.multiselect || v(X).state.isMobile,
-              onClick: (Ge) => y(g)
+              key: T.id ?? void 0,
+              closeByClick: !e.multiselect || v(Q).state.isMobile,
+              onClick: (He) => v(r).selectItem(T)
             }, {
-              default: $(() => [
-                s.$slots.item ? D(s.$slots, "item", {
+              default: V(() => [
+                e.$slots.item ? W(e.$slots, "item", {
                   key: 0,
-                  item: g
-                }) : (d(), f(E, { key: 1 }, [
-                  I(C(g.name), 1)
+                  item: T
+                }) : (p(), y(z, { key: 1 }, [
+                  S($(T.name), 1)
                 ], 64))
               ]),
               _: 2
             }, 1032, ["class", "closeByClick", "onClick"]))), 128)),
-            !v(n).isLoading.value && !v(t).itemsForShow.value.length ? (d(), V(v(N), {
+            !v(a).isLoading.value && !v(r).itemsForShow.value.length ? (p(), w(v(H), {
               key: 0,
               type: "regular"
             }, {
-              default: $(() => [
-                I(C(s.$i18n.Common.No_results), 1)
+              default: V(() => [
+                S($(e.$i18n.Common.No_results), 1)
               ]),
               _: 1
-            })) : T("", !0),
-            v(n).isLoading.value && (s.searchType !== "popup" || (m = s.apiRequest) != null && m.params.offset) ? (d(), V(v(N), {
+            })) : A("", !0),
+            v(a).isLoading.value && (e.searchType !== "popup" || (m = e.apiRequest) != null && m.params.offset) ? (p(), w(v(H), {
               key: 1,
               type: "regular"
             }, {
-              default: $(() => [
-                z(v(le), { type: "circles" })
+              default: V(() => [
+                O(v(ie), { type: "circles" })
               ]),
               _: 1
-            })) : T("", !0)
+            })) : A("", !0)
           ];
         }),
         _: 2
       }, [
-        s.searchType === "popup" ? {
+        o.value === "popup" ? {
           name: "widget",
-          fn: $(() => {
+          fn: V(() => {
             var m;
             return [
-              z(v(ne), {
+              O(v(pe), {
                 title: "Поиск",
                 icon: "",
-                modelValue: v(t).searchText.value,
-                "onUpdate:modelValue": i[3] || (i[3] = (g) => v(t).searchText.value = g),
-                isLoading: v(n).isLoading.value && !((m = s.apiRequest) != null && m.params.offset),
-                placeholder: k.value
+                modelValue: v(r).searchText.value,
+                "onUpdate:modelValue": n[2] || (n[2] = (T) => v(r).searchText.value = T),
+                isLoading: v(a).isLoading.value && !((m = e.apiRequest) != null && m.params.offset),
+                placeholder: u.value
               }, null, 8, ["modelValue", "isLoading", "placeholder"])
             ];
           }),
           key: "0"
         } : void 0
-      ]), 1024);
+      ]), 1032, ["notch"]);
     };
   }
-}), Ie = ["data-top-icon"], Be = { class: "top-info_text" }, Se = {
+}), Me = ["data-top-icon"], Ke = { class: "top-info_text" }, ze = {
   key: 0,
   class: "top-info_value"
-}, Le = /* @__PURE__ */ B({
+}, Oe = /* @__PURE__ */ L({
   __name: "info",
   props: {
     icon: {},
     styling: { default: "default" },
     size: { default: "default" }
   },
-  setup(o) {
-    return (e, l) => (d(), f("div", {
-      class: A({
+  setup(l) {
+    return (t, s) => (p(), y("div", {
+      class: I({
         "top-info": !0,
-        ["top-size_" + e.size]: !0,
-        ["top-info-styling_" + e.styling]: !0
+        ["top-size_" + t.size]: !0,
+        ["top-info-styling_" + t.styling]: !0
       }),
-      "data-top-icon": e.icon
+      "data-top-icon": t.icon
     }, [
-      _("div", Be, [
-        D(e.$slots, "default")
+      _("div", Ke, [
+        W(t.$slots, "default")
       ]),
-      e.$slots.additional ? (d(), f("span", Se, [
-        D(e.$slots, "additional")
-      ])) : T("", !0)
-    ], 10, Ie));
+      t.$slots.additional ? (p(), y("span", ze, [
+        W(t.$slots, "additional")
+      ])) : A("", !0)
+    ], 10, Me));
   }
-}), Me = {
+}), De = {
   key: 0,
   class: "top-policy"
-}, Ee = { class: "top-policy_title" }, ze = ["innerHTML"], Pe = /* @__PURE__ */ B({
+}, Ge = { class: "top-policy_title" }, Ne = ["innerHTML"], Fe = /* @__PURE__ */ L({
   __name: "policy",
   props: {
     title: {},
-    text: {}
+    description: {},
+    acceptText: {}
   },
-  setup(o) {
-    const e = w(!0), l = () => {
-      const a = location.hostname.split(".").slice(-2).join(".");
-      document.cookie = `cookie_consent=accepted; path=/; domain=.${a}; max-age=31536000`, e.value = !1;
+  emits: ["accept"],
+  setup(l, { emit: t }) {
+    const s = t, o = B(!0), d = () => {
+      o.value = !1, s("accept");
     };
-    return (a, n) => e.value ? (d(), f("div", Me, [
-      _("div", Ee, C(a.title), 1),
+    return (a, r) => o.value ? (p(), y("div", De, [
+      _("div", Ge, $(a.title), 1),
       _("div", {
         class: "top-policy_description",
-        innerHTML: a.text
-      }, null, 8, ze),
-      z(v(se), {
+        innerHTML: a.description
+      }, null, 8, Ne),
+      O(v(ue), {
         size: "m",
-        onClick: l
+        onClick: d
       }, {
-        default: $(() => [
-          I(C(a.$i18n.Common.Allow), 1)
+        default: V(() => [
+          S($(a.acceptText), 1)
         ]),
         _: 1
       })
-    ])) : T("", !0);
+    ])) : A("", !0);
   }
-}), Ue = de, We = ce, Xe = ye, je = ge, Je = _e, Re = ie, Ye = Le, Qe = Pe;
+}), je = ve, Qe = he, Ze = ke, qe = $e, xe = Pe, et = fe, tt = Oe, ot = Fe;
 export {
-  je as TopCheckboxGroup,
-  Ue as TopEditArea,
-  We as TopEditInput,
-  Ye as TopInfo,
-  Re as TopMenu,
-  Qe as TopPolicy,
-  Xe as TopRadioGroup,
-  Je as TopSelector2
+  qe as TopCheckboxGroup,
+  je as TopEditArea,
+  Qe as TopEditInput,
+  tt as TopInfo,
+  et as TopMenu,
+  ot as TopPolicy,
+  Ze as TopRadioGroup,
+  xe as TopSelector2
 };
 //# sourceMappingURL=formsExt.js.map