@topvisor/ui 1.3.5-popupFromInput.0 → 1.4.0-TopGroupSelector.3

package/formsExt/formsExt.js

@@ -1,16 +1,7 @@
-
-		import { Core as _autoloadCSSCore } from '../core/app.js';
-		const fileNames = ['../assets/formsExt.css', '../assets/popupHint.css'].map(fileName => import.meta.resolve(fileName));
-		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
-	
-import { defineComponent as B, ref as C, computed as S, createElementBlock as b, openBlock as p, normalizeClass as E, createCommentVNode as k, createElementVNode as M, toDisplayString as w, createVNode as D, withKeys as N, withModifiers as O, createBlock as T, createSlots as j, withCtx as A, createTextVNode as _, watch as L, toRef as P, mergeProps as J, mergeModels as H, useModel as U, Fragment as R, renderList as q, renderSlot as G, resolveDirective as Z, unref as f, withDirectives as x, resolveDynamicComponent as ee } from "vue";
-import { q as te, c as F, _ as oe, j as le, n as se, d as ae, u as re, C as X, r as ne } from "../.chunks/forms-BhbgRJ5I.es.js";
-import { _ as ie, a as W } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-xvzbyqai.es.js";
-import { _ as ue } from "../.chunks/widgetInput.vue_vue_type_script_setup_true_lang-CSD2uMSW.es.js";
-/* empty css                                                               */
-import { invertKeyboardLayout as de } from "../utils/keyboard.js";
-import { _ as qe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-dOeZ7an1.es.js";
-const pe = { class: "top-editArea_footer" }, Me = /* @__PURE__ */ B({
+import { defineComponent as v, ref as $, computed as F, createElementBlock as c, openBlock as s, normalizeClass as V, createCommentVNode as b, createElementVNode as h, toDisplayString as m, createVNode as z, withKeys as T, withModifiers as g, createBlock as p, createSlots as w, withCtx as f, createTextVNode as E, watch as x, toRef as L, mergeProps as M, mergeModels as A, useModel as C, Fragment as G, renderList as S, renderSlot as I, unref as N } from "vue";
+import { g as U, e as B, _ as q, h as R, j as D } from "../.chunks/forms-Cwv0JCi5.es.js";
+import { c as ne, I as ue, a as de, _ as ce, b as me } from "../.chunks/policy.vue_vue_type_style_index_0_lang-B61ZEDWr.es.js";
+const O = { class: "top-editArea_footer" }, ee = /* @__PURE__ */ v({
   __name: "editArea",
   props: {
     defaultValue: { default: "" },
@@ -35,94 +26,94 @@ const pe = { class: "top-editArea_footer" }, Me = /* @__PURE__ */ B({
     maxLength: {}
   },
   emits: ["submit", "close", "clickOnTitle"],
-  setup(l, { emit: e }) {
-    const t = l, s = e, c = C(t.defaultValue), r = C(t.isFocused), a = S(() => c.value !== t.defaultValue), i = (u) => {
-      s("submit", u), c.value = t.defaultValue;
-    }, m = () => {
-      if (t.forceShowCloseBtn && !a.value) {
-        s("close");
+  setup(e, { emit: t }) {
+    const o = e, a = t, i = $(o.defaultValue), r = $(o.isFocused), n = F(() => i.value !== o.defaultValue), l = (y) => {
+      a("submit", y), i.value = o.defaultValue;
+    }, d = () => {
+      if (o.forceShowCloseBtn && !n.value) {
+        a("close");
         return;
       }
-      c.value = t.defaultValue;
-    }, $ = () => {
-      t.attachToKeyboard && s("clickOnTitle");
+      i.value = o.defaultValue;
+    }, H = () => {
+      o.attachToKeyboard && a("clickOnTitle");
     };
-    return (u, v) => (p(), b("div", {
-      class: E({
+    return (y, u) => (s(), c("div", {
+      class: V({
         "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": u.attachToKeyboard
+        "top-editArea-attachedToKeyboard": e.attachToKeyboard
       })
     }, [
-      u.title ? (p(), b("div", {
+      e.title ? (s(), c("div", {
         key: 0,
         class: "top-editArea_title",
-        onClick: v[0] || (v[0] = (I) => $())
-      }, w(u.title), 1)) : k("", !0),
-      M("div", {
-        class: E({
+        onClick: u[0] || (u[0] = (k) => H())
+      }, m(e.title), 1)) : b("", !0),
+      h("div", {
+        class: V({
           "top-editArea_form": !0,
           "top-forms-focusable": !0,
           "top-as-input": !0,
-          "top-error": u.isError,
+          "top-error": e.isError,
           "top-focus": r.value
         })
       }, [
-        D(te, {
-          modelValue: c.value,
-          "onUpdate:modelValue": v[1] || (v[1] = (I) => c.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,
+        z(U, {
+          modelValue: i.value,
+          "onUpdate:modelValue": u[1] || (u[1] = (k) => i.value = k),
+          name: e.name,
+          placeholder: e.placeholder,
+          rows: e.rows,
+          minHeight: e.minHeight,
+          expandable: e.expandable,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          isError: e.isError,
+          hint: e.hint,
           class: "top-editArea_element",
-          onFocus: v[2] || (v[2] = () => r.value = !0),
-          onBlur: v[3] || (v[3] = () => r.value = !1),
+          onFocus: u[2] || (u[2] = () => r.value = !0),
+          onBlur: u[3] || (u[3] = () => r.value = !1),
           onKeyup: [
-            N(m, ["esc"]),
-            v[4] || (v[4] = N(O((I) => i(c.value), ["ctrl"]), ["enter"]))
+            T(d, ["esc"]),
+            u[4] || (u[4] = T(g((k) => l(i.value), ["ctrl"]), ["enter"]))
           ]
         }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        M("div", pe, [
-          a.value || u.forceShowCloseBtn ? (p(), T(F, {
+        h("div", O, [
+          n.value || e.forceShowCloseBtn ? (s(), p(B, {
             key: 0,
-            icon: u.$core.state.isMobile ? "" : "",
+            icon: y.$core.state.isMobile ? "" : "",
             class: "top-editArea_button",
             color: "theme",
             styling: "soft",
-            onClick: m
-          }, j({ _: 2 }, [
-            u.$core.state.isMobile ? void 0 : {
+            onClick: d
+          }, w({ _: 2 }, [
+            y.$core.state.isMobile ? void 0 : {
               name: "default",
-              fn: A(() => [
-                _(w(u.cancelText), 1)
+              fn: f(() => [
+                E(m(e.cancelText), 1)
               ]),
               key: "0"
             }
-          ]), 1032, ["icon"])) : k("", !0),
-          a.value ? (p(), T(F, {
+          ]), 1032, ["icon"])) : b("", !0),
+          n.value ? (s(), p(B, {
             key: 1,
             class: "top-editArea_button",
-            icon: u.$core.state.isMobile ? "" : "",
-            onClick: v[5] || (v[5] = (I) => i(c.value))
-          }, j({ _: 2 }, [
-            u.$core.state.isMobile ? void 0 : {
+            icon: y.$core.state.isMobile ? "" : "",
+            onClick: u[5] || (u[5] = (k) => l(i.value))
+          }, w({ _: 2 }, [
+            y.$core.state.isMobile ? void 0 : {
               name: "default",
-              fn: A(() => [
-                _(w(u.submitText), 1)
+              fn: f(() => [
+                E(m(e.submitText), 1)
               ]),
               key: "0"
             }
-          ]), 1032, ["icon"])) : k("", !0)
+          ]), 1032, ["icon"])) : b("", !0)
         ])
       ], 2)
     ], 2));
   }
-}), ce = { class: "top-editInput" }, ze = /* @__PURE__ */ B({
+}), P = { class: "top-editInput" }, te = /* @__PURE__ */ v({
   __name: "editInput",
   props: {
     modelValue: {},
@@ -130,31 +121,31 @@ const pe = { class: "top-editArea_footer" }, Me = /* @__PURE__ */ B({
     button: {}
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: e }) {
-    const t = l, s = C(t.modelValue);
-    L(P(t.modelValue), () => {
-      s.value = t.modelValue;
+  setup(e, { emit: t }) {
+    const o = e, a = $(o.modelValue);
+    x(L(o.modelValue), () => {
+      a.value = o.modelValue;
     });
-    const c = e, r = () => {
-      c("update:modelValue", s.value);
+    const i = t, r = () => {
+      i("update:modelValue", a.value);
     };
-    return (a, i) => (p(), b("div", ce, [
-      D(oe, J(a.input, {
-        onKeydownCapture: i[0] || (i[0] = N(O((m) => s.value = a.modelValue, ["stop"]), ["esc"])),
-        onKeydown: N(O(r, ["stop"]), ["enter"]),
-        modelValue: s.value,
-        "onUpdate:modelValue": i[1] || (i[1] = (m) => s.value = m)
+    return (n, l) => (s(), c("div", P, [
+      z(q, M(e.input, {
+        onKeydownCapture: l[0] || (l[0] = T(g((d) => a.value = e.modelValue, ["stop"]), ["esc"])),
+        onKeydown: T(g(r, ["stop"]), ["enter"]),
+        modelValue: a.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (d) => a.value = d)
       }), null, 16, ["onKeydown", "modelValue"]),
-      s.value !== a.modelValue ? (p(), T(F, J({
+      a.value !== e.modelValue ? (s(), p(B, M({
         key: 0,
         icon: "",
         styling: "soft"
-      }, a.button, { onClick: r }), null, 16)) : k("", !0)
+      }, e.button, { onClick: r }), null, 16)) : b("", !0)
     ]));
   }
-}), Q = /* @__PURE__ */ B({
+}), K = /* @__PURE__ */ v({
   __name: "optionGroup",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ A({
     modelValue: {},
     items: {},
     size: { default: "s" },
@@ -167,66 +158,71 @@ const pe = { class: "top-editArea_footer" }, Me = /* @__PURE__ */ B({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const e = U(l, "modelValue"), t = l, s = C(null);
-    L(e, () => {
-      var a, i;
-      const r = t.items.map((m) => m.value);
-      Array.isArray(e.value) ? e.value.find(($) => !r.includes($)) && (e.value = e.value.filter(($) => r.includes($))) : r.includes(e.value) || (e.value = r[0] ?? ""), (i = (a = s.value) == null ? void 0 : a.querySelector(".radioGroup_item-selected")) == null || i.scrollIntoView();
+  setup(e) {
+    const t = C(e, "modelValue"), o = e, a = $(null);
+    x(t, () => {
+      const r = o.items.map((n) => n.value);
+      Array.isArray(t.value) ? t.value.find((l) => !r.includes(l)) && (t.value = t.value.filter((l) => r.includes(l))) : r.includes(t.value) || (t.value = r[0] ?? ""), a.value?.querySelector(".radioGroup_item-selected")?.scrollIntoView();
     }, { immediate: !0 });
-    const c = "optionGroup-" + Math.random();
-    return (r, a) => (p(), b("div", {
+    const i = "optionGroup-" + Math.random();
+    return (r, n) => (s(), c("div", {
       ref_key: "elRef",
-      ref: s,
-      class: E({
+      ref: a,
+      class: V({
         "top-optionGroup": !0,
-        ["top-optionGroup-showIndicator_" + Number(r.showIndicator)]: !0,
+        ["top-optionGroup-showIndicator_" + Number(e.showIndicator)]: !0,
         "top-scrollBarXHidding": !0,
-        ["top-size_" + r.size]: !!r.size,
-        "top-error": r.isError
+        ["top-size_" + e.size]: !!e.size,
+        "top-error": e.isError
       })
     }, [
-      Array.isArray(e.value) ? (p(!0), b(R, { key: 0 }, q(r.items, (i) => (p(), T(le, {
-        class: E({
-          "top-optionGroup_item-selected": e.value.includes(i.value),
+      Array.isArray(t.value) ? (s(!0), c(G, { key: 0 }, S(e.items, (l) => (s(), p(R, {
+        class: V({
+          "top-optionGroup_item-selected": t.value.includes(l.value),
           "top-optionGroup_item": !0
         }),
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (m) => e.value = m),
-        value: i.value,
-        title: i.title,
-        disabled: i.disabled,
-        isError: r.isError,
-        "data-top-icon": i.icon
-      }, {
-        default: A(() => [
-          _(w(i.label), 1)
-        ]),
-        _: 2
-      }, 1032, ["class", "modelValue", "value", "title", "disabled", "isError", "data-top-icon"]))), 256)) : (p(!0), b(R, { key: 1 }, q(r.items, (i) => (p(), T(se, {
-        class: E({
-          "top-optionGroup_item-selected": i.value === e.value,
+        modelValue: t.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d),
+        value: l.value,
+        title: l.title,
+        disabled: l.disabled,
+        isError: e.isError,
+        "data-top-icon": l.icon
+      }, w({ _: 2 }, [
+        l.label ? {
+          name: "default",
+          fn: f(() => [
+            E(m(l.label), 1)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["class", "modelValue", "value", "title", "disabled", "isError", "data-top-icon"]))), 256)) : (s(!0), c(G, { key: 1 }, S(e.items, (l) => (s(), p(D, {
+        class: V({
+          "top-optionGroup_item-selected": l.value === t.value,
           "top-optionGroup_item": !0
         }),
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (m) => e.value = m),
-        name: c,
-        value: i.value,
-        title: i.title,
-        disabled: i.disabled,
-        isError: r.isError,
-        "data-top-icon": i.icon
-      }, {
-        default: A(() => [
-          _(w(i.label), 1)
-        ]),
-        _: 2
-      }, 1032, ["class", "modelValue", "value", "title", "disabled", "isError", "data-top-icon"]))), 256))
+        modelValue: t.value,
+        "onUpdate:modelValue": n[1] || (n[1] = (d) => t.value = d),
+        name: i,
+        value: l.value,
+        title: l.title,
+        disabled: l.disabled,
+        isError: e.isError,
+        "data-top-icon": l.icon
+      }, w({ _: 2 }, [
+        l.label ? {
+          name: "default",
+          fn: f(() => [
+            E(m(l.label), 1)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["class", "modelValue", "value", "title", "disabled", "isError", "data-top-icon"]))), 256))
     ], 2));
   }
-}), Ke = /* @__PURE__ */ B({
+}), oe = /* @__PURE__ */ v({
   __name: "radioGroup",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ A({
     modelValue: {},
     items: {},
     size: {},
@@ -239,26 +235,26 @@ const pe = { class: "top-editArea_footer" }, Me = /* @__PURE__ */ B({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const e = U(l, "modelValue");
-    return (t, s) => (p(), T(Q, {
+  setup(e) {
+    const t = C(e, "modelValue");
+    return (o, a) => (s(), p(K, {
       class: "top-radioGroup",
-      modelValue: e.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (c) => e.value = c),
-      items: t.$props.items,
-      size: t.$props.size,
-      showIndicator: t.$props.showIndicator,
-      isError: t.$props.isError
+      modelValue: t.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => t.value = i),
+      items: o.$props.items,
+      size: o.$props.size,
+      showIndicator: o.$props.showIndicator,
+      isError: o.$props.isError
     }, {
-      default: A(() => [
-        G(t.$slots, "default")
+      default: f(() => [
+        I(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["modelValue", "items", "size", "showIndicator", "isError"]));
   }
-}), Re = /* @__PURE__ */ B({
+}), le = /* @__PURE__ */ v({
   __name: "checkboxGroup",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ A({
     modelValue: {},
     items: {},
     size: {},
@@ -271,402 +267,54 @@ const pe = { class: "top-editArea_footer" }, Me = /* @__PURE__ */ B({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const e = U(l, "modelValue");
-    return (t, s) => (p(), T(Q, {
+  setup(e) {
+    const t = C(e, "modelValue");
+    return (o, a) => (s(), p(K, {
       class: "top-checkboxGroup",
-      modelValue: e.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (c) => e.value = c),
-      items: t.$props.items,
-      size: t.$props.size,
-      showIndicator: t.$props.showIndicator,
-      isError: t.$props.isError
+      modelValue: t.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => t.value = i),
+      items: o.$props.items,
+      size: o.$props.size,
+      showIndicator: o.$props.showIndicator,
+      isError: o.$props.isError
     }, {
-      default: A(() => [
-        G(t.$slots, "default")
+      default: f(() => [
+        I(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["modelValue", "items", "size", "showIndicator", "isError"]));
   }
-}), me = { class: "top-selector2_itemMulti top-ellipsis" }, fe = /* @__PURE__ */ B({
-  __name: "itemMulti",
-  props: {
-    id: {},
-    name: {}
-  },
-  emits: ["delete"],
-  setup(l) {
-    return (e, t) => (p(), b("div", me, [
-      _(w(e.name) + " ", 1),
-      M("span", {
-        class: "top-selector2_itemMultiDelete",
-        "data-top-icon": "",
-        onClick: t[0] || (t[0] = (s) => e.$emit("delete", e.id)),
-        onMousedown: t[1] || (t[1] = O(() => {
-        }, ["stop"]))
-      }, null, 32)
-    ]));
-  }
-}), ve = (l, e, t, s) => {
-  const c = C([]), r = /* @__PURE__ */ new Map(), a = C(!1);
-  let i = "", m;
-  l && !l.params.limit && (l.params.limit = 100);
-  const $ = async () => {
-    if (!l) return;
-    let y;
-    if (s) {
-      y = JSON.stringify(l.params);
-      const o = r.get(y);
-      if (o)
-        return o;
-    }
-    a.value = !0;
-    const g = await l.call();
-    if (a.value = !1, g.errors) return;
-    if (!Array.isArray(g.result)) {
-      console.warn("Array expected in `res.result`");
-      return;
-    }
-    const z = g.result.findIndex((o) => o.id === void 0 || o.name === void 0);
-    if (z !== -1) {
-      console.warn(`В result[${z}] нет id или name`);
-      return;
-    }
-    return y && r.set(y, g), g;
-  }, u = async (y) => {
-    if (!l) return;
-    if (y) {
-      if (!m || a.value) return;
-      l.params.offset = m;
-    } else
-      l.params.offset = 0;
-    e == null || e(i);
-    const g = await $();
-    g && (m = g.nextOffset, y ? c.value = c.value.concat(g.result) : c.value = g.result);
-  }, v = ae(() => u(!1), 200);
-  return {
-    apiRequest: l,
-    items: c,
-    isLoading: a,
-    load: u,
-    setSearchTextAndLoad: (y, g = !0) => {
-      l && (y.length < t || y === i && c.value.length || (i = y, g ? v() : u(!1)));
-    }
-  };
-}, ye = 0, Y = (l, e, t = !0) => t && e.id === null ? Array.isArray(l) ? l.some((s) => s.id === e.id && s.name === e.name) : e.name === l.name : Array.isArray(l) ? l.some((s) => s.id === e.id) : e.id === l.id, he = (l, e, t, s, c, r, a, i) => {
-  const m = C(""), $ = {
-    id: ye,
-    name: re().Common.All
-  }, u = () => {
-    m.value = "", i.items.value = [];
-  }, v = () => !(!i.apiRequest || r.value !== "inline" || m.value.length >= a), I = S(() => {
-    var V;
-    const n = [];
-    return !t && s.value && n.push($), (V = e.value) == null || V.forEach((d) => n.push({ ...d })), n;
-  }), y = S(() => {
-    const n = m.value.toLowerCase(), V = de(n);
-    let d = [];
-    return I.value.forEach((h) => {
-      const K = h.name.toLowerCase();
-      (h.id === Number(n) || K.includes(n) || K.includes(V)) && (K === n || K === V ? d.unshift(h) : d.push(h));
-    }), d.push(...i.items.value), c.value && m.value && (!d.length || d[0].name.toLowerCase() !== n) && d.push({
-      id: null,
-      name: m.value
-    }), t && (d = d.filter((h) => !Y(l.value, h))), d;
-  });
-  return {
-    searchText: m,
-    resetSearch: u,
-    genIsShort: v,
-    items: I,
-    itemsForShow: y,
-    selectItem: (n) => {
-      t && Array.isArray(l.value) ? Y(l.value, n) || (l.value = [...l.value, n]) : l.value = n;
-    },
-    selectNextItem: () => {
-      if (!Array.isArray(l.value)) {
-        const V = (y.value.findIndex((d) => d.id === l.value.id) + 1) % y.value.length;
-        l.value = { ...y.value[V] };
-      }
-    },
-    deleteItemById: async (n) => {
-      Array.isArray(l.value) && (l.value = l.value.filter((V) => V.id !== n));
-    }
-  };
-}, be = {
-  key: 0,
-  class: "top-selector2_activeItems"
-}, ge = {
-  key: 1,
-  class: "top-selector2_activeName top-ellipsis"
-}, Ve = {
-  key: 2,
-  class: "top-selector2_placeholder top-ellipsis"
-}, De = /* @__PURE__ */ B({
-  __name: "selector2",
-  props: /* @__PURE__ */ H({
-    modelValue: {},
-    items: { default: () => [] },
-    title: {},
-    disabled: { type: Boolean },
-    modificator: {},
-    size: { default: "s" },
-    isError: { type: Boolean },
-    searchType: { default: "popup" },
-    placeholder: {},
-    api: {},
-    apiSetSearchParams: {},
-    minLength: { default: 0 },
-    useCache: { type: Boolean },
-    appendSearchToResult: { type: Boolean },
-    multiselect: { type: Boolean },
-    appendAllValue: { type: Boolean },
-    addChanger: { type: Boolean },
-    buttonProps: {},
-    selectedAsPlaceholder: { type: Boolean }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = l, t = U(l, "modelValue"), s = S(() => e.searchType === "inline" && e.multiselect || e.searchType === "inline" && X.state.isMobile ? "popup" : e.searchType);
-    let c = 0;
-    s.value === "inline" && e.minLength && (c = e.minLength);
-    const r = ve(e.api, e.apiSetSearchParams, c, e.useCache), a = he(
-      t,
-      P(e, "items"),
-      e.multiselect,
-      P(e, "appendAllValue"),
-      P(e, "appendSearchToResult"),
-      s,
-      c,
-      r
-    ), i = S(() => e.buttonProps ? "TopButton" : s.value === "inline" ? "TopInput" : "div"), m = C(null), $ = () => {
-      var o;
-      return (o = m.value) == null ? void 0 : o.popup;
-    };
-    r.apiRequest && L(a.searchText, () => {
-      var o;
-      r.setSearchTextAndLoad(a.searchText.value), s.value === "inline" && a.genIsShort() && ((o = $()) == null || o.close());
-    }), L(t, () => {
-      s.value === "inline" && a.resetSearch();
-    });
-    const u = S(() => {
-      var o;
-      return Array.isArray(t.value) || e.multiselect || !e.selectedAsPlaceholder && s.value !== "inline" ? e.placeholder : ((o = t.value) == null ? void 0 : o.name) || e.placeholder;
-    }), v = (o) => {
-      var d, h;
-      let n = !1;
-      switch (o.key) {
-        case "Delete":
-        case "Backspace":
-          Array.isArray(t.value) && (o.preventDefault(), o.stopPropagation(), t.value.pop());
-          break;
-        case "ArrowUp":
-        case "ArrowRight":
-        case "ArrowDown":
-        case "ArrowLeft":
-        case "Enter":
-        case " ":
-          n = !0;
-          break;
-        case "Escape":
-          s.value === "inline" && a.resetSearch();
-          break;
-      }
-      const V = o.key.length === 1 && !o.ctrlKey && !o.metaKey;
-      (s.value === "popup" || s.value === "inline") && V && (n = !0), (d = $()) != null && d.elPopup && (n = !1), n && (s.value === "popup" && (o.preventDefault(), o.stopPropagation(), V && (a.searchText.value || (a.searchText.value = o.key))), (h = o.currentTarget) == null || h.click());
-    }, I = (o) => {
-      o.preventDefault(), a.selectNextItem();
-    }, y = () => {
-      var o;
-      if (r.apiRequest) {
-        if (a.genIsShort()) {
-          (o = $()) == null || o.close();
-          return;
-        }
-        r.setSearchTextAndLoad(a.searchText.value, !1);
-      }
-    }, g = () => {
-      s.value && a.searchText.value && a.resetSearch();
-    }, z = (o) => {
-      const n = o.target;
-      n.scrollTop / (n.scrollHeight - n.offsetHeight) > 0.8 && r.load(!0);
-    };
-    return window.__STORYBOOK_PREVIEW__ && (L(
-      () => e.multiselect,
-      () => {
-        e.multiselect ? Array.isArray(t.value) || (t.value = [
-          {
-            id: 1,
-            name: "Выбери меня"
-          }
-        ]) : Array.isArray(t.value) && (t.value = {
-          id: null,
-          name: ""
-        });
-      },
-      { immediate: !0 }
-    ), L(
-      () => e.searchType,
-      () => {
-        setTimeout(() => {
-          location.reload();
-        }, 500);
-      }
-    )), (o, n) => {
-      const V = Z("top-focus");
-      return p(), T(f(ie), {
-        ref_key: "popupRef",
-        ref: m,
-        onOpen: n[2] || (n[2] = (d) => y()),
-        onClose: n[3] || (n[3] = (d) => g()),
-        onScrollContentList: n[4] || (n[4] = (d) => f(r) ? z(d) : void 0),
-        notch: s.value !== "inline",
-        transitionDuration: 0,
-        openByFocus: s.value === "inline"
-      }, j({
-        opener: A(() => [
-          x((p(), T(ee(i.value), J(o.buttonProps, {
-            ref: "subcomponentSelector",
-            class: {
-              "top-selector2": !0,
-              "top-selector2-multiselect": o.multiselect,
-              ["top-selector2-" + o.modificator]: !!o.modificator,
-              "top-as-input": !o.buttonProps,
-              "top-as-selector": !0,
-              ["top-size_" + o.size]: !0,
-              "top-disabled": o.disabled,
-              "top-forms-focusable": !o.disabled,
-              "top-error": o.isError
-            },
-            tabindex: "0",
-            onKeydown: v,
-            placeholder: u.value,
-            modelValue: f(a).searchText.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (d) => f(a).searchText.value = d)
-          }), {
-            default: A(() => [
-              o.multiselect ? (p(), b("div", be, [
-                (p(!0), b(R, null, q(t.value, (d) => (p(), T(fe, {
-                  id: d.id,
-                  name: d.name,
-                  onDelete: f(a).deleteItemById
-                }, null, 8, ["id", "name", "onDelete"]))), 256))
-              ])) : k("", !0),
-              s.value !== "inline" && !o.multiselect ? (p(), b("span", ge, w(Array.isArray(t.value) ? "" : t.value.name), 1)) : k("", !0),
-              o.multiselect && !t.value.length ? (p(), b("span", Ve, w(u.value), 1)) : k("", !0),
-              o.addChanger && !o.buttonProps && !o.multiselect && f(a).items.value.length > 1 && !o.disabled ? (p(), b("span", {
-                key: 3,
-                class: "top-changer top-changer-selector top-popup_widget",
-                onClick: I
-              })) : k("", !0)
-            ]),
-            _: 1
-          }, 16, ["class", "placeholder", "modelValue"])), [
-            [
-              V,
-              o.isError,
-              void 0,
-              { onupdate: !0 }
-            ]
-          ])
-        ]),
-        contentList: A(() => {
-          var d;
-          return [
-            (p(!0), b(R, null, q(f(a).itemsForShow.value, (h) => (p(), T(f(W), {
-              class: E({
-                "top-active": !Array.isArray(t.value) && !o.multiselect && t.value.id === h.id && t.value.name === h.name
-              }),
-              key: h.id ?? void 0,
-              closeByClick: !o.multiselect || f(X).state.isMobile,
-              onClick: (K) => f(a).selectItem(h)
-            }, {
-              default: A(() => [
-                o.$slots.item ? G(o.$slots, "item", {
-                  key: 0,
-                  item: h
-                }) : (p(), b(R, { key: 1 }, [
-                  _(w(h.name), 1)
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["class", "closeByClick", "onClick"]))), 128)),
-            !f(r).isLoading.value && !f(a).itemsForShow.value.length ? (p(), T(f(W), {
-              key: 0,
-              type: "regular"
-            }, {
-              default: A(() => [
-                _(w(o.$i18n.Common.No_results), 1)
-              ]),
-              _: 1
-            })) : k("", !0),
-            f(r).isLoading.value && (o.searchType !== "popup" || (d = f(r).apiRequest) != null && d.params.offset) ? (p(), T(f(W), {
-              key: 1,
-              type: "regular"
-            }, {
-              default: A(() => [
-                D(f(ne), { type: "circles" })
-              ]),
-              _: 1
-            })) : k("", !0)
-          ];
-        }),
-        _: 2
-      }, [
-        s.value === "popup" ? {
-          name: "widget",
-          fn: A(() => {
-            var d;
-            return [
-              D(f(ue), {
-                title: "Поиск",
-                icon: "",
-                modelValue: f(a).searchText.value,
-                "onUpdate:modelValue": n[1] || (n[1] = (h) => f(a).searchText.value = h),
-                isLoading: f(r).isLoading.value && !((d = f(r).apiRequest) != null && d.params.offset),
-                placeholder: u.value
-              }, null, 8, ["modelValue", "isLoading", "placeholder"])
-            ];
-          }),
-          key: "0"
-        } : void 0
-      ]), 1032, ["notch", "openByFocus"]);
-    };
-  }
-}), Ae = ["data-top-icon"], $e = { class: "top-info_text" }, Te = {
+}), W = ["data-top-icon"], j = { class: "top-info_text" }, X = {
   key: 0,
   class: "top-info_value"
-}, Ge = /* @__PURE__ */ B({
+}, ae = /* @__PURE__ */ v({
   __name: "info",
   props: {
     icon: {},
     styling: { default: "default" },
     size: { default: "default" }
   },
-  setup(l) {
-    return (e, t) => (p(), b("div", {
-      class: E({
+  setup(e) {
+    return (t, o) => (s(), c("div", {
+      class: V({
         "top-info": !0,
         ["top-size_" + e.size]: !0,
         ["top-info-styling_" + e.styling]: !0
       }),
       "data-top-icon": e.icon
     }, [
-      M("div", $e, [
-        G(e.$slots, "default")
+      h("div", j, [
+        I(t.$slots, "default")
       ]),
-      e.$slots.additional ? (p(), b("span", Te, [
-        G(e.$slots, "additional")
-      ])) : k("", !0)
-    ], 10, Ae));
+      t.$slots.additional ? (s(), c("span", X, [
+        I(t.$slots, "additional")
+      ])) : b("", !0)
+    ], 10, W));
   }
-}), ke = {
+}), J = {
   key: 0,
   class: "top-policy"
-}, we = { class: "top-policy_title" }, Ie = ["innerHTML"], Pe = /* @__PURE__ */ B({
+}, Q = { class: "top-policy_title" }, Y = ["innerHTML"], ie = /* @__PURE__ */ v({
   __name: "policy",
   props: {
     title: {},
@@ -674,36 +322,39 @@ const pe = { class: "top-editArea_footer" }, Me = /* @__PURE__ */ B({
     acceptText: {}
   },
   emits: ["accept"],
-  setup(l, { emit: e }) {
-    const t = e, s = C(!0), c = () => {
-      s.value = !1, t("accept");
+  setup(e, { emit: t }) {
+    const o = t, a = $(!0), i = () => {
+      a.value = !1, o("accept");
     };
-    return (r, a) => s.value ? (p(), b("div", ke, [
-      M("div", we, w(r.title), 1),
-      M("div", {
+    return (r, n) => a.value ? (s(), c("div", J, [
+      h("div", Q, m(e.title), 1),
+      h("div", {
         class: "top-policy_description",
-        innerHTML: r.description
-      }, null, 8, Ie),
-      D(f(F), {
+        innerHTML: e.description
+      }, null, 8, Y),
+      z(N(B), {
         size: "m",
-        onClick: c
+        onClick: i
       }, {
-        default: A(() => [
-          _(w(r.acceptText), 1)
+        default: f(() => [
+          E(m(e.acceptText), 1)
         ]),
         _: 1
       })
-    ])) : k("", !0);
+    ])) : b("", !0);
   }
 });
 export {
-  Re as TopCheckboxGroup,
-  Me as TopEditArea,
-  ze as TopEditInput,
-  Ge as TopInfo,
-  qe as TopMenu,
-  Pe as TopPolicy,
-  Ke as TopRadioGroup,
-  De as TopSelector2
+  ne as ITEM_ID_ALL,
+  ue as ITEM_ID_NEW,
+  le as TopCheckboxGroup,
+  ee as TopEditArea,
+  te as TopEditInput,
+  ae as TopInfo,
+  de as TopMenu,
+  ie as TopPolicy,
+  oe as TopRadioGroup,
+  ce as TopSelector2,
+  me as apiSetSearchParamsFilter
 };
 //# sourceMappingURL=formsExt.js.map