@topvisor/ui 1.0.41 → 1.0.42-TopSelector.2

package/formsExt/formsExt.js

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