@topvisor/ui 1.0.42-dev.2 → 1.0.42-dev.4

package/formsExt/formsExt.js

@@ -0,0 +1,687 @@
+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-DC7ffuv2.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-DNsbNhVH.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: "" },
+    title: {},
+    cancelText: { default: "Cancel" },
+    submitText: { default: "Send" },
+    closeText: { default: "Close" },
+    isFocused: { type: Boolean },
+    forceShowCloseBtn: { type: Boolean },
+    attachToKeyboard: { type: Boolean },
+    modelValue: {},
+    name: {},
+    placeholder: {},
+    styling: {},
+    rows: {},
+    minHeight: {},
+    expandable: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    isError: { type: Boolean },
+    hint: {},
+    maxLength: {}
+  },
+  emits: ["submit", "close", "clickOnTitle"],
+  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;
+      }
+      p.value = s.defaultValue;
+    }, T = () => {
+      s.attachToKeyboard && o("clickOnTitle");
+    };
+    return (u, b) => (d(), y("div", {
+      class: I({
+        "top-editArea": !0,
+        "top-editArea-attachedToKeyboard": u.attachToKeyboard
+      })
+    }, [
+      u.title ? (d(), y("div", {
+        key: 0,
+        class: "top-editArea_title",
+        onClick: b[0] || (b[0] = (i) => T())
+      }, $(u.title), 1)) : A("", !0),
+      B("div", {
+        class: I({
+          "top-editArea_form": !0,
+          "top-forms-focusable": !0,
+          "top-as-input": !0,
+          "top-error": u.isError,
+          "top-focus": a.value
+        })
+      }, [
+        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: b[2] || (b[2] = () => a.value = !0),
+          onBlur: b[3] || (b[3] = () => a.value = !1),
+          onKeyup: [
+            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"]),
+        B("div", me, [
+          r.value || u.forceShowCloseBtn ? (d(), w(X, {
+            key: 0,
+            icon: u.$core.state.isMobile ? "" : "",
+            class: "top-editArea_button",
+            color: "theme",
+            styling: "soft",
+            onClick: f
+          }, U({ _: 2 }, [
+            u.$core.state.isMobile ? void 0 : {
+              name: "default",
+              fn: V(() => [
+                S($(u.cancelText), 1)
+              ]),
+              key: "0"
+            }
+          ]), 1032, ["icon"])) : A("", !0),
+          r.value ? (d(), w(X, {
+            key: 1,
+            class: "top-editArea_button",
+            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($(u.submitText), 1)
+              ]),
+              key: "0"
+            }
+          ]), 1032, ["icon"])) : A("", !0)
+        ])
+      ], 2)
+    ], 2));
+  }
+}), ye = { class: "top-editInput" }, he = /* @__PURE__ */ L({
+  __name: "editInput",
+  props: {
+    modelValue: {},
+    input: {},
+    button: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: t }) {
+    const s = l, o = _(s.modelValue);
+    E(O(s.modelValue), () => {
+      o.value = s.modelValue;
+    });
+    const p = t, a = () => {
+      p("update:modelValue", o.value);
+    };
+    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"]),
+      o.value !== r.modelValue ? (d(), w(X, R({
+        key: 0,
+        icon: "",
+        styling: "soft"
+      }, r.button, { onClick: a }), null, 16)) : A("", !0)
+    ]));
+  }
+}), be = ["data-top-icon", "onClick"], ge = {
+  key: 0,
+  class: "top-radioGroup_circle"
+}, ke = ["value", "disabled"], Te = /* @__PURE__ */ L({
+  __name: "radioGroup",
+  props: /* @__PURE__ */ j({
+    modelValue: {},
+    radiosProps: {},
+    showIndicator: { type: Boolean },
+    size: { default: "s" },
+    isError: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  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 p = "radioGroup-" + Math.random();
+    return (a, r) => (d(), y("div", {
+      ref_key: "elRef",
+      ref: o,
+      class: I({
+        "top-radioGroup": !0,
+        "top-scrollBarXHidding": !0,
+        ["top-size_" + a.size]: !!a.size,
+        "top-error": a.isError
+      })
+    }, [
+      (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: (f) => t.value = c.value
+      }, [
+        S($(c.title) + " ", 1),
+        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: I({
+            "top-unvisible": !0
+          }),
+          value: c.value,
+          disabled: c.disabled
+        }, null, 8, ke), [
+          [te, t.value]
+        ])
+      ], 10, be))), 256))
+    ], 2));
+  }
+}), Ae = ["data-top-icon"], Ce = ["value", "checked", "disabled", "onChange"], $e = /* @__PURE__ */ L({
+  __name: "checkboxGroup",
+  props: /* @__PURE__ */ j({
+    modelValue: {},
+    items: {},
+    size: { default: "s" },
+    styling: { default: "outline" },
+    isError: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  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 (o, p) => (d(), y("div", {
+      class: I({
+        "top-checkboxGroup": !0,
+        ["top-checkboxGroup-" + o.styling]: !0,
+        "top-scrollBarXHidding": !0,
+        ["top-size_" + o.size]: !!o.size,
+        "top-error": o.isError
+      })
+    }, [
+      (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": t.value.includes(a.id),
+          "top-forms-focusable": !0,
+          "top-disabled": a.disabled
+        }),
+        "data-top-icon": a.icon
+      }, [
+        B("input", {
+          type: "checkbox",
+          class: "top-unvisible",
+          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));
+  }
+}), Ve = { class: "top-selector2_itemMulti top-ellipsis" }, we = /* @__PURE__ */ L({
+  __name: "itemMulti",
+  props: {
+    id: {},
+    name: {}
+  },
+  emits: ["delete"],
+  setup(l) {
+    return (t, s) => (d(), y("div", Ve, [
+      S($(t.name) + " ", 1),
+      B("span", {
+        class: "top-selector2_itemMultiDelete",
+        "data-top-icon": "",
+        onClick: s[0] || (s[0] = (o) => t.$emit("delete", t.id)),
+        onMousedown: s[1] || (s[1] = N(() => {
+        }, ["stop"]))
+      }, null, 32)
+    ]));
+  }
+}), Ie = (l, t, s) => {
+  const o = _([]), p = _(!1);
+  let a = "", r;
+  l && !l.params.limit && (l.params.limit = 100);
+  const c = async () => {
+    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 M = i.result.findIndex((K) => K.id === void 0 || K.name === void 0);
+    if (M !== -1) {
+      console.warn(`В result[${M}] нет id или name`);
+      return;
+    }
+    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: 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()));
+    }
+  };
+}, _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: f.value
+    }), s && (n = n.filter((g) => !Z(l.value, g))), n;
+  });
+  return {
+    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));
+    }
+  };
+}, Se = {
+  key: 0,
+  class: "top-selector2_activeItems"
+}, Le = {
+  key: 1,
+  class: "top-selector2_activeName top-ellipsis"
+}, Ee = {
+  key: 2,
+  class: "top-selector2_placeholder top-ellipsis"
+}, Pe = /* @__PURE__ */ L({
+  __name: "selector2",
+  props: /* @__PURE__ */ j({
+    modelValue: {},
+    items: { default: () => [] },
+    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 },
+    buttonProps: {},
+    selectedAsPlaceholder: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  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);
+      }
+    }, 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__ && (E(
+      () => t.multiselect,
+      () => {
+        t.multiselect ? Array.isArray(s.value) || (s.value = [
+          {
+            id: 1,
+            name: "Выбери меня"
+          }
+        ]) : Array.isArray(s.value) && (s.value = {
+          id: null,
+          name: ""
+        });
+      },
+      { immediate: !0 }
+    ), E(
+      () => t.searchType,
+      () => {
+        setTimeout(() => {
+          location.reload();
+        }, 500);
+      }
+    )), (e, n) => {
+      const g = oe("top-focus");
+      return d(), w(v(de), {
+        ref_key: "popupRef",
+        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: o.value !== "inline",
+        transitionDuration: 0
+      }, U({
+        opener: V(() => [
+          q((d(), w(le(c.value), R(e.buttonProps, {
+            ref: "subcomponentSelector",
+            class: {
+              "top-selector2": !0,
+              "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 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"])), [
+            [
+              g,
+              e.isError,
+              void 0,
+              { onupdate: !0 }
+            ]
+          ])
+        ]),
+        contentList: V(() => {
+          var m;
+          return [
+            (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: k.id ?? void 0,
+              closeByClick: !e.multiselect || v(Q).state.isMobile,
+              onClick: (He) => v(r).selectItem(k)
+            }, {
+              default: V(() => [
+                e.$slots.item ? W(e.$slots, "item", {
+                  key: 0,
+                  item: k
+                }) : (d(), y(z, { key: 1 }, [
+                  S($(k.name), 1)
+                ], 64))
+              ]),
+              _: 2
+            }, 1032, ["class", "closeByClick", "onClick"]))), 128)),
+            !v(a).isLoading.value && !v(r).itemsForShow.value.length ? (d(), w(v(H), {
+              key: 0,
+              type: "regular"
+            }, {
+              default: V(() => [
+                S($(e.$i18n.Common.No_results), 1)
+              ]),
+              _: 1
+            })) : 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(() => [
+                D(v(ie), { type: "circles" })
+              ]),
+              _: 1
+            })) : A("", !0)
+          ];
+        }),
+        _: 2
+      }, [
+        o.value === "popup" ? {
+          name: "widget",
+          fn: V(() => {
+            var m;
+            return [
+              D(v(pe), {
+                title: "Поиск",
+                icon: "",
+                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"])
+            ];
+          }),
+          key: "0"
+        } : void 0
+      ]), 1032, ["notch"]);
+    };
+  }
+}), Me = ["data-top-icon"], Ke = { class: "top-info_text" }, ze = {
+  key: 0,
+  class: "top-info_value"
+}, De = /* @__PURE__ */ L({
+  __name: "info",
+  props: {
+    icon: {},
+    styling: { default: "default" },
+    size: { default: "default" }
+  },
+  setup(l) {
+    return (t, s) => (d(), y("div", {
+      class: I({
+        "top-info": !0,
+        ["top-size_" + t.size]: !0,
+        ["top-info-styling_" + t.styling]: !0
+      }),
+      "data-top-icon": t.icon
+    }, [
+      B("div", Ke, [
+        W(t.$slots, "default")
+      ]),
+      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.AllowCookies), 1)
+        ]),
+        _: 1
+      })
+    ])) : A("", !0);
+  }
+}), Ye = ve, Qe = he, Ze = Te, qe = $e, xe = Pe, et = fe, tt = De, ot = Fe;
+export {
+  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