@livestorm/ui-vue 1.0.4 → 1.1.0

package/dist/components.mjs

@@ -0,0 +1,1560 @@
+import { _ as L, u as E, i as K, D as $e, I as ee, e as te, f as le, B as X, R as ne, g as oe, h as se, j as ae, k as ie, l as de } from "./environment-e70e5768.mjs";
+import { provide as U, computed as w, ref as D, watch as P, onMounted as De, onBeforeUnmount as re, resolveComponent as S, openBlock as s, createBlock as I, withCtx as B, renderSlot as y, normalizeProps as Y, guardReactiveProps as Z, createElementVNode as m, normalizeClass as f, unref as a, withModifiers as F, createElementBlock as i, createVNode as M, createCommentVNode as v, createTextVNode as H, toDisplayString as j, defineComponent as G, mergeProps as W, inject as V, resolveDirective as ce, withDirectives as R, resolveDynamicComponent as Ve, Fragment as J, withKeys as ue, normalizeStyle as fe, toRefs as Q, pushScopeId as Te, popScopeId as je, renderList as Le, reactive as Ae, vModelCheckbox as ze } from "vue";
+import "@vueuse/core";
+import "i18next";
+import "floating-vue";
+import "vue-router";
+import "mitt";
+let Pe = 0;
+function Ee() {
+  return ++Pe;
+}
+const Re = { class: "toggle toggle-default cursor-pointer flex items-center justify-center w-full" }, He = {
+  key: 0,
+  class: "gradient-divider-top"
+}, Ge = {
+  key: 0,
+  class: "sticky-header"
+}, Ne = { key: 1 }, Ue = {
+  key: 1,
+  class: "gradient-divider-bottom"
+}, Fe = {
+  key: 0,
+  class: "sticky-footer"
+}, qe = { key: 1 }, Ke = {
+  key: 0,
+  class: "pt-4"
+}, We = {
+  __name: "BaseDropdownMenu",
+  props: {
+    icon: {
+      type: String,
+      default: "i-ls-more-horizontal"
+    },
+    searchEnabled: {
+      type: Boolean,
+      default: !1
+    },
+    searchPosition: {
+      type: String,
+      default: "top",
+      validator: (e) => ["top", "bottom"].includes(e)
+    },
+    searchThrottle: {
+      type: Number,
+      default: 0
+    },
+    searchPlaceholder: {
+      type: String,
+      default: null
+    },
+    containerClass: {
+      type: String,
+      default: ""
+    },
+    /** Prevent click events propagation on the trigger */
+    blockClick: {
+      type: Boolean,
+      default: !1
+    },
+    scrollable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["search:enter", "update:search"],
+  setup(e, { expose: l, emit: t }) {
+    const n = e;
+    U("BaseDropdown", { close: d });
+    function d() {
+      g.value.hide();
+    }
+    l({
+      hide: d
+    });
+    const o = E(), c = w(() => o.header ? o.header() : null), r = w(() => o.footer ? o.footer() : null), b = w(() => n.searchEnabled && n.searchPosition === "top"), h = w(() => n.searchEnabled && n.searchPosition === "bottom"), _ = K(), g = D(), u = D();
+    P(
+      () => u.value,
+      (p) => {
+        t("update:search", p);
+      }
+    ), U("BaseDropdown.search", u);
+    function C(p) {
+      p.stopPropagation(), p.preventDefault();
+    }
+    function T() {
+      g.value.$refs.popper.$refs.reference.addEventListener("click", C);
+    }
+    function O() {
+      g.value.$refs.popper.$refs.reference.removeEventListener("click", C);
+    }
+    P(
+      () => n.blockClick,
+      (p, k) => {
+        p !== k && (p ? T() : O());
+      }
+    ), De(() => {
+      n.blockClick && T();
+    }), re(() => {
+      O();
+    });
+    const $ = D();
+    function A() {
+      n.searchEnabled && !_ && $.value.focusSearch();
+    }
+    return (p, k) => {
+      const x = S("RenderSlot"), N = S("BaseDropdownMenuSearch"), Ie = S("BaseButton"), Oe = S("VDropdown");
+      return s(), I(Oe, {
+        ref_key: "popover",
+        ref: g,
+        class: "base-dropdown-menu",
+        "popper-class": "no-padding",
+        onApplyShow: k[6] || (k[6] = (z) => A())
+      }, {
+        default: B(() => [
+          y(p.$slots, "default", Y(Z(n)), () => [
+            m("div", Re, [
+              m("div", {
+                class: f([e.icon, "icon w-4 h-4 text-grey-700 hover:text-grey-900"])
+              }, null, 2)
+            ])
+          ], !0)
+        ]),
+        popper: B(() => [
+          m("div", {
+            class: f(["max-w-inherit max-h-inherit text-grey-900 [&_a:not(.base-button)]:text-grey-900", [
+              {
+                "bg-white rounded-8": a(K)
+              },
+              a(c) || a(b) ? "pt-2" : "pt-1",
+              a(r) || a(h) ? "pb-2" : "pb-1",
+              e.containerClass
+            ]]),
+            "data-testid": "popper",
+            onClick: k[4] || (k[4] = F(() => {
+            }, ["stop"]))
+          }, [
+            a(c) || a(b) ? (s(), i("div", He, [
+              a(c) ? (s(), i("div", Ge, [
+                M(x, { vnodes: a(c) }, null, 8, ["vnodes"])
+              ])) : a(b) ? (s(), i("div", Ne, [
+                M(N, {
+                  ref_key: "searchInput",
+                  ref: $,
+                  class: "sticky-header bg-white",
+                  "padding-item": "px-2 pb-2",
+                  throttle: e.searchThrottle,
+                  placeholder: e.searchPlaceholder,
+                  "onUpdate:search": k[0] || (k[0] = (z) => u.value = z),
+                  "onSearch:enter": k[1] || (k[1] = (z) => p.$emit("search:enter", u.value))
+                }, null, 8, ["throttle", "placeholder"]),
+                y(p.$slots, "header-with-search-additional-block", {}, void 0, !0)
+              ])) : v("", !0)
+            ])) : v("", !0),
+            m("div", {
+              ref: "list",
+              class: f(["menu-items max-w-inherit overflow-y-auto", {
+                "max-h-[268px]": e.scrollable || a(_)
+              }])
+            }, [
+              y(p.$slots, "popper", Y(Z({ ...n, search: u.value })), void 0, !0)
+            ], 2),
+            a(r) || a(h) ? (s(), i("div", Ue, [
+              a(r) ? (s(), i("div", Fe, [
+                M(x, { vnodes: a(r) }, null, 8, ["vnodes"])
+              ])) : a(h) ? (s(), i("div", qe, [
+                y(p.$slots, "header-with-search-additional-block", {}, void 0, !0),
+                M(N, {
+                  ref_key: "searchInput",
+                  ref: $,
+                  class: "sticky-footer bg-white",
+                  "padding-item": "px-2 pt-2",
+                  throttle: e.searchThrottle,
+                  placeholder: e.searchPlaceholder,
+                  "onUpdate:search": k[2] || (k[2] = (z) => u.value = z),
+                  "onSearch:enter": k[3] || (k[3] = (z) => p.$emit("search:enter", u.value))
+                }, null, 8, ["throttle", "placeholder"])
+              ])) : v("", !0)
+            ])) : v("", !0)
+          ], 2),
+          a(_) ? (s(), i("div", Ke, [
+            M(Ie, {
+              class: "base-button-alpha-white w-full",
+              onClick: k[5] || (k[5] = (z) => d())
+            }, {
+              default: B(() => [
+                H(j(p.i18n.t("general_text_cancel")), 1)
+              ]),
+              _: 1
+            })
+          ])) : v("", !0)
+        ]),
+        _: 3
+      }, 512);
+    };
+  }
+}, Je = /* @__PURE__ */ L(We, [["__scopeId", "data-v-ec1adfdc"]]), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Je
+}, Symbol.toStringTag, { value: "Module" })), Qe = {
+  inheritAttrs: !1
+}, Xe = /* @__PURE__ */ G({
+  ...Qe,
+  __name: "BaseDropdownMenuButton",
+  emits: ["click"],
+  setup(e) {
+    return (l, t) => {
+      const n = S("BaseButton"), d = S("BaseDropdownMenuItem");
+      return s(), I(d, {
+        tag: "div",
+        "has-hover-effect": !1,
+        "keep-open": "",
+        "padding-item": "px-2"
+      }, {
+        default: B(() => [
+          M(n, W(l.$attrs, {
+            class: "w-full",
+            onClick: t[0] || (t[0] = (o) => l.$emit("click"))
+          }), {
+            default: B(() => [
+              y(l.$slots, "default")
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      });
+    };
+  }
+}), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Xe
+}, Symbol.toStringTag, { value: "Module" })), Ye = {}, Ze = /* @__PURE__ */ m("hr", { class: "h-[1px] border-alpha-black-100 w-full" }, null, -1);
+function et(e, l) {
+  const t = S("BaseDropdownMenuItem");
+  return s(), I(t, {
+    tag: "div",
+    "padding-item": "px-O py-1",
+    "keep-open": "",
+    "has-hover-effect": !1
+  }, {
+    default: B(() => [
+      Ze
+    ]),
+    _: 1
+  });
+}
+const tt = /* @__PURE__ */ L(Ye, [["render", et]]), me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: tt
+}, Symbol.toStringTag, { value: "Module" })), lt = { class: "left-part flex items-center [&>*]:mr-2" }, nt = {
+  key: 0,
+  class: "loader grey-dovegray w-4 h-4",
+  size: "small"
+}, ot = {
+  key: 0,
+  class: "icon w-4 h-4"
+}, st = ["innerHTML"], at = { class: "right-part flex items-center [&>*]:ml-2" }, it = {
+  key: 0,
+  class: "text-14-regular text-grey-600"
+}, dt = {
+  mixins: [
+    $e
+  ]
+}, rt = /* @__PURE__ */ Object.assign(dt, {
+  __name: "BaseDropdownMenuItem",
+  props: {
+    id: {
+      type: String,
+      default: null
+    },
+    label: {
+      type: [String, Function],
+      default: null
+    },
+    secondaryLabel: {
+      type: String,
+      default: null
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    secondaryIcon: {
+      type: String,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    keepOpen: {
+      type: Boolean,
+      default: !1
+    },
+    labelClass: {
+      type: String,
+      default: null
+    },
+    secondaryLabelClass: {
+      type: String,
+      default: null
+    },
+    tooltip: {
+      type: [String, Object],
+      default: null
+    },
+    labelTooltip: {
+      type: Object,
+      default: null
+    },
+    secondaryLabelTooltip: {
+      type: Object,
+      default: null
+    },
+    additionalInfo: {
+      type: String,
+      default: null
+    },
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    canClickOnActive: {
+      type: Boolean,
+      default: !1
+    },
+    paddingItem: {
+      type: String,
+      default: "py-2 px-4"
+    },
+    hasHoverEffect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["click", "input"],
+  setup(e, { emit: l }) {
+    const t = e, n = V("BaseDropdown"), d = w(() => t.loading || t.disabled), o = w(() => ({
+      icon: t.icon,
+      active: t.active
+    })), c = E(), r = w(() => c.icon ? c.icon() : null);
+    function b(h) {
+      t.disabled || t.active && !t.canClickOnActive ? h.preventDefault() : (l("click", h), t.keepOpen || n.close());
+    }
+    return (h, _) => {
+      const g = S("RenderSlot"), u = ce("tooltip");
+      return R((s(), I(Ve(h.component.is), W(h.component.props, {
+        disabled: a(d) ? !0 : null,
+        class: ["base-dropdown-menu-item v-popover-item flex w-full h-auto", a(o)],
+        onClick: b,
+        onInput: _[0] || (_[0] = (C) => h.$emit("input", C))
+      }), {
+        default: B(() => [
+          m("div", {
+            class: f(["base-dropdown-item flex w-full justify-between", [{
+              "hover:bg-grey-100 transition-all duration-200": !e.active && !a(d) && e.hasHoverEffect,
+              "opacity-40 cursor-default pointer-events-none": a(d),
+              "bg-livestorm-100": e.active
+            }, e.paddingItem]])
+          }, [
+            y(h.$slots, "default", {}, () => [
+              m("div", lt, [
+                e.loading ? (s(), i("span", nt)) : (s(), i(J, { key: 1 }, [
+                  y(h.$slots, "additional-left-part"),
+                  y(h.$slots, "checkbox"),
+                  a(r) ? (s(), i("div", ot, [
+                    M(g, { vnodes: a(r) }, null, 8, ["vnodes"])
+                  ])) : e.icon ? (s(), i("div", {
+                    key: 1,
+                    class: f([e.icon, "icon w-4 h-4"])
+                  }, null, 2)) : v("", !0)
+                ], 64)),
+                m("div", null, [
+                  m("div", {
+                    class: f([[
+                      e.labelClass
+                    ], "text-14-medium text-left"])
+                  }, [
+                    y(h.$slots, "label-override", {}, () => [
+                      R(m("div", {
+                        class: "no-info",
+                        innerHTML: e.label
+                      }, null, 8, st), [
+                        [u, e.labelTooltip]
+                      ])
+                    ])
+                  ], 2),
+                  R((s(), i("div", {
+                    class: f([e.secondaryLabelClass, "text-14-regular text-grey-600 text-left no-info"])
+                  }, [
+                    H(j(e.secondaryLabel), 1)
+                  ], 2)), [
+                    [u, e.secondaryLabelTooltip]
+                  ])
+                ])
+              ]),
+              m("div", at, [
+                e.additionalInfo ? (s(), i("div", it, j(e.additionalInfo), 1)) : v("", !0),
+                e.secondaryIcon ? (s(), i("div", {
+                  key: 1,
+                  class: f([e.secondaryIcon, "icon icon-right w-4 h-4 text-grey-600"])
+                }, null, 2)) : v("", !0),
+                y(h.$slots, "additional-right-part")
+              ])
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["disabled", "class"])), [
+        [u, e.tooltip]
+      ]);
+    };
+  }
+}), ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: rt
+}, Symbol.toStringTag, { value: "Module" }));
+let q;
+function ct(e) {
+  if (e)
+    if (clearTimeout(q), e.focus(), "activeElement" in document) {
+      const l = setInterval(() => {
+        e.focus(), document.activeElement === e && (clearInterval(l), clearTimeout(q), q = setTimeout(() => {
+          document.activeElement !== e && focus(e);
+        }, 100));
+      }, 100);
+    } else
+      setTimeout(() => {
+        e.focus();
+      }, 1e3);
+}
+const ut = /* @__PURE__ */ G({
+  __name: "BaseDropdownMenuSearch",
+  props: {
+    paddingItem: {
+      type: String,
+      default: "px-2"
+    }
+  },
+  emits: ["update:search", "search:enter"],
+  setup(e, { expose: l, emit: t }) {
+    const n = D();
+    function d() {
+      ct(n.value);
+    }
+    l({
+      focusSearch: d
+    });
+    const o = D();
+    return P(
+      () => o.value,
+      (c) => {
+        t("update:search", c);
+      }
+    ), (c, r) => {
+      const b = S("BaseSearchInput"), h = S("BaseDropdownMenuItem");
+      return s(), I(h, {
+        tag: "div",
+        "keep-open": "",
+        "padding-item": e.paddingItem,
+        "has-hover-effect": !1
+      }, {
+        default: B(() => [
+          M(b, W({
+            ref_key: "searchInput",
+            ref: n
+          }, c.$attrs, {
+            modelValue: o.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (_) => o.value = _),
+            modelModifiers: { trim: !0, lazy: !0 },
+            "input-class": "base-input-small",
+            class: "w-full",
+            onKeyup: r[1] || (r[1] = ue((_) => t("search:enter"), ["enter"]))
+          }), null, 16, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["padding-item"]);
+    };
+  }
+}), be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ut
+}, Symbol.toStringTag, { value: "Module" })), ft = { class: "text-12-medium text-grey-600 flex justify-between items-center w-full" }, ht = /* @__PURE__ */ G({
+  __name: "BaseDropdownMenuTitle",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    paddingItem: {
+      type: String,
+      default: "px-4 pt-2 pb-1"
+    }
+  },
+  setup(e) {
+    return (l, t) => {
+      const n = S("BaseDropdownMenuItem");
+      return s(), I(n, {
+        tag: "h3",
+        "padding-item": e.paddingItem,
+        "keep-open": "",
+        "has-hover-effect": !1
+      }, {
+        default: B(() => [
+          m("div", ft, [
+            m("span", null, j(e.title), 1),
+            y(l.$slots, "additional-info")
+          ])
+        ]),
+        _: 3
+      }, 8, ["padding-item"]);
+    };
+  }
+}), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ht
+}, Symbol.toStringTag, { value: "Module" })), pt = { class: "flex min-h-full items-end justify-center p-2 text-center sm:items-center" }, mt = { class: "flex justify-between" }, vt = {
+  key: 0,
+  class: "flex items-center px-6 pt-6"
+}, bt = { key: 1 }, _t = {
+  key: 0,
+  class: "p-6 text-left text-grey-700",
+  "data-testid": "modal-content"
+}, gt = { class: "flex flex-col-reverse sm:flex-row gap-2.5 w-full justify-end" }, yt = /* @__PURE__ */ G({
+  __name: "BaseModalContent",
+  props: {
+    title: null,
+    locked: { type: Boolean },
+    width: null,
+    confirmLabel: null,
+    cancelLabel: null,
+    confirmLoading: { type: Boolean },
+    confirmColor: null,
+    confirmHref: null,
+    type: null
+  },
+  emits: [
+    "confirm",
+    "cancel",
+    "close"
+  ],
+  setup(e, { emit: l }) {
+    const t = e, n = V(ee);
+    if (!n)
+      throw new Error("BaseModalContent must be used inside a BaseModal");
+    P(() => t.locked, (g) => {
+      n.locked = g;
+    }, { immediate: !0 });
+    const d = V(te);
+    function o(g = !0) {
+      t.locked || (l("close"), g && d());
+    }
+    V(le)(() => {
+      o(!1);
+    });
+    const r = E(), b = w(() => r.content ? r.content() : []), h = w(() => r["additional-buttons"]()), _ = w(() => {
+      switch (t.type) {
+        case "alert":
+          return "i-ls-alert-circle text-red-600";
+        case "warning":
+          return "i-ls-alert-triangle text-orange-600";
+        case "info":
+          return "i-ls-info text-livestorm-600";
+        case "success":
+          return "i-ls-check-circle text-green-600";
+        default:
+          return "i-ls-alert-circle text-livestorm-600";
+      }
+    });
+    return (g, u) => (s(), i("div", pt, [
+      m("div", {
+        class: "relative bg-white w-full min-w-[320px] max-w-[650px] rounded-8 base-modal-box",
+        style: fe({ "max-width": `${e.width}px` }),
+        onClick: u[4] || (u[4] = F(() => {
+        }, ["stop"]))
+      }, [
+        m("div", mt, [
+          t.title ? (s(), i("div", vt, [
+            t.type ? (s(), i("div", {
+              key: 0,
+              class: f(["w-6 h-6 mr-2 sm:mr-3 shrink-0", a(_)])
+            }, null, 2)) : v("", !0),
+            m("span", {
+              "data-testid": "modal-title",
+              class: f(["block text-16-semibold text-grey-900 text-left", { "pb-6": !a(b) }])
+            }, j(t.title), 3)
+          ])) : (s(), i("span", bt)),
+          e.locked ? v("", !0) : (s(), i("div", {
+            key: 2,
+            class: "i-ls-x w-6 h-6 text-grey-700 hover:text-grey-900 cursor-pointer shrink-0 mt-6 mr-6",
+            "data-testid": "modal-close-icon",
+            tabindex: "0",
+            role: "button",
+            "aria-label": "close",
+            onClick: u[0] || (u[0] = (C) => o()),
+            onKeydown: u[1] || (u[1] = ue((C) => o(), ["enter"]))
+          }, null, 32))
+        ]),
+        a(b) ? (s(), i("div", _t, [
+          y(g.$slots, "content", {}, void 0, !0)
+        ])) : v("", !0),
+        e.confirmLabel || e.cancelLabel || a(h) ? (s(), i("div", {
+          key: 1,
+          class: f(["px-6 pb-6 flex flex-row-reverse w-full sm:w-auto", { "pt-6": !t.title && !a(b) }])
+        }, [
+          m("div", gt, [
+            y(g.$slots, "additional-buttons", {}, void 0, !0),
+            e.cancelLabel ? (s(), I(X, {
+              key: 0,
+              class: "base-button-anti-primary w-full sm:w-auto",
+              onClick: u[2] || (u[2] = (C) => g.$emit("cancel"))
+            }, {
+              default: B(() => [
+                H(j(e.cancelLabel), 1)
+              ]),
+              _: 1
+            })) : v("", !0),
+            e.confirmLabel ? (s(), I(X, {
+              key: 1,
+              loading: e.confirmLoading,
+              href: e.confirmHref,
+              target: e.confirmHref ? "_blank" : null,
+              class: f(["w-full sm:w-auto", e.confirmColor ? `base-button-${e.confirmColor}` : "base-button-primary"]),
+              onClick: u[3] || (u[3] = (C) => g.$emit("confirm", C))
+            }, {
+              default: B(() => [
+                H(j(e.confirmLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "href", "target", "class"])) : v("", !0)
+          ])
+        ], 2)) : v("", !0)
+      ], 4)
+    ]));
+  }
+});
+const Bt = /* @__PURE__ */ L(yt, [["__scopeId", "data-v-1824bd13"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Bt
+}, Symbol.toStringTag, { value: "Module" })), wt = (e) => (Te("data-v-d29a3e6a"), e = e(), je(), e), St = ["data-testid"], kt = { class: "base-modal-header" }, Ct = /* @__PURE__ */ wt(() => /* @__PURE__ */ m("div", { class: "i-ls-x icon" }, null, -1)), Mt = [
+  Ct
+], xt = {
+  key: 2,
+  class: "subtitle"
+}, It = {
+  key: 0,
+  class: "base-modal-content"
+}, Ot = /* @__PURE__ */ G({
+  __name: "BaseModalContentOld",
+  props: {
+    locked: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: Number,
+      default: null
+    },
+    // @deprecated
+    fullScreen: {
+      type: Boolean,
+      default: !1
+    },
+    // @deprecated
+    noPadding: {
+      type: Boolean,
+      default: !1
+    },
+    dataTestid: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+    "close"
+  ],
+  setup(e, { emit: l }) {
+    const t = e, {
+      locked: n,
+      fullScreen: d,
+      width: o,
+      noPadding: c
+    } = Q(t), r = V(ee);
+    if (!r)
+      throw new Error("BaseModalContentOld must be used inside BaseModal");
+    P(() => t.locked, (O) => {
+      r.locked = O;
+    }, { immediate: !0 }), P(() => t.fullScreen, (O) => {
+      r.fullScreen = O;
+    }, { immediate: !0 });
+    const b = V(te);
+    function h(O = !0) {
+      n.value || (l("close"), O && b());
+    }
+    V(le)(() => {
+      h(!1);
+    });
+    const g = E(), u = w(() => g.title()), C = w(() => g.subtitle()), T = w(() => g.content());
+    return (O, $) => {
+      const A = S("RenderSlot");
+      return s(), i("div", {
+        class: f([{
+          "has-header": a(u) || a(C),
+          "has-title": a(u),
+          "has-subtitle": a(C),
+          "has-content": a(T)
+        }, "base-modal-layout"]),
+        onClick: $[2] || ($[2] = F(() => {
+        }, ["stop"]))
+      }, [
+        m("section", {
+          style: fe({ "max-width": `${a(o)}px` }),
+          class: f([[a(c) ? "p-0" : "p-5"], "transition-transform"]),
+          "data-testid": e.dataTestid
+        }, [
+          y(O.$slots, "outside-header", {}, void 0, !0),
+          m("div", kt, [
+            !a(n) && !a(d) ? (s(), i("div", {
+              key: 0,
+              class: "close-button",
+              "data-testid": "modal-close-icon",
+              onClick: $[0] || ($[0] = (p) => h())
+            }, Mt)) : v("", !0),
+            a(u) ? (s(), i("div", {
+              key: 1,
+              class: f(["title text-grey-900", {
+                "flex flex-row items-center border-b h-16 border-grey-200 px-6 py-4": a(d)
+              }])
+            }, [
+              a(d) ? (s(), i("div", {
+                key: 0,
+                class: "i-ls-chevron-left arrow-back cursor-pointer w-6 h-6 mr-2 text-grey-600 hover:text-grey-600",
+                onClick: $[1] || ($[1] = (p) => h())
+              })) : v("", !0),
+              M(A, { vnodes: a(u) }, null, 8, ["vnodes"])
+            ], 2)) : v("", !0),
+            a(C) ? (s(), i("div", xt, [
+              M(A, { vnodes: a(C) }, null, 8, ["vnodes"])
+            ])) : v("", !0)
+          ]),
+          a(T) ? (s(), i("div", It, [
+            M(A, { vnodes: a(T) }, null, 8, ["vnodes"])
+          ])) : v("", !0)
+        ], 14, St)
+      ], 2);
+    };
+  }
+});
+const $t = /* @__PURE__ */ L(Ot, [["__scopeId", "data-v-d29a3e6a"]]), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $t
+}, Symbol.toStringTag, { value: "Module" })), Dt = ["onMouseenter"], Vt = ["for"], Tt = ["fill-color"], jt = ["id", "name", "value", "readonly", "onClick"], Lt = {
+  __name: "BaseRating",
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    length: {
+      type: Number,
+      validator: (e) => e > 0 && e < 100,
+      default: 5
+    },
+    itemLabels: {
+      type: Array,
+      default: null
+    },
+    hover: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    itemLabelClass: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, { hover: n, modelValue: d, itemLabels: o, name: c, readonly: r } = Q(t), b = Ee(), h = D(d.value), _ = D(0), g = D(!1), u = w(() => c.value ?? `base-rating-${b}`);
+    function C(p) {
+      return n.value && g.value ? p <= _.value : p <= h.value;
+    }
+    function T(p) {
+      var k;
+      return (k = o.value) == null ? void 0 : k[p - 1];
+    }
+    function O(p) {
+      r.value || (h.value = p, g.value = !1, l("update:modelValue", h.value));
+    }
+    function $(p) {
+      _.value = p, g.value = !0;
+    }
+    function A(p) {
+      g.value = !1;
+    }
+    return (p, k) => (s(), i("div", {
+      class: "base-rating flex gap-3",
+      onMouseleave: A
+    }, [
+      (s(!0), i(J, null, Le(e.length, (x) => (s(), i("div", {
+        key: `${a(u)}-${x}`,
+        class: f(["item", {
+          active: C(x),
+          "pointer-events-none": a(r)
+        }]),
+        "data-testid": "base-rating-item",
+        onMouseenter: (N) => $(x)
+      }, [
+        m("label", {
+          for: `${a(u)}-${x}`,
+          class: "flex flex-col items-center h-full cursor-pointer"
+        }, [
+          m("div", {
+            "data-testid": "base-rating-star-icon",
+            class: f(["i-ls-star-fill w-8 h-8", [C(x) ? "text-livestorm-700" : "text-grey-300"]]),
+            "fill-color": C(x) ? "currentColor" : null
+          }, null, 10, Tt),
+          T(x) ? (s(), i("span", {
+            key: 0,
+            class: f(["flex-1 flex items-center justify-center min-w-[52px] text-11-regular text-center text-grey-700 mt-2", e.itemLabelClass])
+          }, j(T(x)), 3)) : v("", !0)
+        ], 8, Vt),
+        m("input", {
+          id: `${a(u)}-${x}`,
+          class: "hidden",
+          name: a(u),
+          type: "radio",
+          value: x,
+          readonly: a(r),
+          onClick: (N) => O(x)
+        }, null, 8, jt)
+      ], 42, Dt))), 128))
+    ], 32));
+  }
+}, Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Lt
+}, Symbol.toStringTag, { value: "Module" }));
+const At = {
+  provide() {
+    return {
+      select_onValueChange: this.onValueChange,
+      select_childConfig: this.childConfig
+    };
+  },
+  props: {
+    buttonClass: {
+      type: String,
+      default: "base-button-select base-form-style"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    // eslint-disable-next-line vue/require-prop-types
+    modelValue: {
+      default: null
+    },
+    label: {
+      type: [String, Boolean],
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    searchEnabled: {
+      type: Boolean,
+      default: !1
+    },
+    searchPlaceholder: {
+      type: String,
+      default: null
+    },
+    multi: {
+      type: Boolean,
+      default: !1
+    },
+    values: {
+      type: Array,
+      default: null
+    },
+    // Override
+    popperClass: {
+      type: String,
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: null
+    },
+    placeholderOne: {
+      type: String,
+      default: null
+    },
+    placeholderMany: {
+      type: [String, Function],
+      default: null
+    },
+    placeholderAll: {
+      type: String,
+      default: null
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    theme: {
+      type: String,
+      default: "select"
+    },
+    selectAllButtonDisplayed: {
+      type: Boolean,
+      default: !1
+    },
+    scrollable: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["input", "change", "update:modelValue"],
+  setup(e) {
+    const { modelValue: l } = Q(e);
+    U("BaseSelect.modelValue", l);
+    const t = D([]);
+    U("BaseSelect.childOptions", t);
+    const n = w(() => t.value.find((c) => c.value === e.modelValue)), d = D(""), o = K();
+    return {
+      currentChild: n,
+      childOptions: t,
+      search: d,
+      mobileMode: o
+    };
+  },
+  data() {
+    return {
+      childConfig: {
+        width: 0,
+        multi: this.multi,
+        count: 0
+      }
+    };
+  },
+  computed: {
+    allChildOptionsInModelValue() {
+      return this.childOptions.filter((e) => !this.modelValue.includes(e.value)).length === 0;
+    },
+    selectAllIcon() {
+      return this.allChildOptionsInModelValue ? "i-ls-check" : "i-ls-minus";
+    },
+    selectAll() {
+      var e;
+      return (e = this.modelValue) != null && e.length ? this.childOptions.filter((l) => l.disabled).length === this.modelValue.length && this.allChildOptionsInModelValue ? !0 : !!this.childOptions.filter((l) => !l.disabled).find((l) => this.modelValue.includes(l.value)) : !1;
+    },
+    displayedLabel() {
+      let e, l = !1;
+      return this.label ? e = this.label : !this.multi && this.currentChild ? (e = this.currentChild.label || this.modelValue, l = !0) : this.placeholderOne && this.selectedCount === 1 ? (e = this.placeholderOne, l = !0) : this.multi && this.placeholderAll && this.selectedCount === this.totalCount ? (e = this.placeholderAll, l = !0) : this.placeholderMany && this.selectedCount > 0 ? (typeof this.placeholderMany == "function" ? e = this.placeholderMany(this.selectedCount) : e = `${this.selectedCount} ${this.placeholderMany}`, l = !0) : this.placeholder ? e = this.placeholder : e = this.modelValue, {
+        label: e,
+        hasValue: l
+      };
+    },
+    selectedCount() {
+      if (this.multi && Array.isArray(this.modelValue))
+        return this.modelValue.length;
+    },
+    totalCount() {
+      return this.childConfig.count;
+    },
+    finalLabel() {
+      return this.loading ? "" : this.displayedLabel.label;
+    }
+  },
+  watch: {
+    search(e, l) {
+      this.scrollToSelectedItem();
+    },
+    multi(e) {
+      this.childConfig.multi = e;
+    }
+  },
+  methods: {
+    onToggleSelectAll() {
+      if (this.selectAll)
+        this.$emit("update:modelValue", this.childOptions.filter((e) => e.disabled).map((e) => e.value));
+      else {
+        const e = this.childOptions.filter((l) => l.disabled && this.modelValue.includes(l.value)).map((l) => l.value);
+        this.$emit("update:modelValue", [
+          ...e,
+          ...this.childOptions.filter((l) => !l.disabled && !l.hidden).map((l) => l.value)
+        ]);
+      }
+    },
+    onValueChange(e) {
+      let l, t = !1;
+      if (this.multi) {
+        l = this.modelValue && this.modelValue.slice() || [];
+        const n = l.indexOf(e);
+        n === -1 ? this.values ? l.splice(this.getValueIndex(l, e), 0, e) : (l.push(e), t = !0) : l.splice(n, 1);
+      } else
+        l = e;
+      this.$emit("update:modelValue", l), this.$emit("change", e, t), this.mobileMode || this.focusSearch();
+    },
+    getValueIndex(e, l) {
+      let n = this.values.indexOf(l), d;
+      for (; n >= 0 && (d = e.indexOf(this.values[n])) === -1; )
+        n--;
+      return d + 1;
+    },
+    onApplyShow() {
+      this.multi || this.scrollToSelectedItem(), this.mobileMode || this.focusSearch();
+    },
+    focusSearch() {
+      var e;
+      (e = this.$refs.dropdown.$refs.searchInput) == null || e.focusSearch();
+    },
+    onShow() {
+      this.$responsive.tablet && !this.$_wasShown && (this.$_documentElementOverflow = document.documentElement.style.overflow, this.$_bodyOverflow = document.body.style.overflow, document.documentElement.style.overflow = "hidden", document.body.style.overflow = "hidden", this.$_wasShown = !0);
+    },
+    onHide() {
+      document.documentElement.style.overflow = this.$_documentElementOverflow, document.body.style.overflow = this.$_bodyOverflow, this.$_wasShown = !1;
+    },
+    async scrollToSelectedItem() {
+      await this.$nextTick();
+      const e = this.$refs.dropdown.$refs.list, l = e.querySelector(".selected");
+      l && (e.scrollTop = l.offsetTop + (l.clientHeight - e.clientHeight) / 2);
+    },
+    selectFirstResult() {
+      if (this.search) {
+        const [e] = this.childOptions.filter((l) => l.matchSearch);
+        e && (this.onValueChange(e.value), this.multi || this.$refs.dropdown.hide());
+      }
+    }
+  }
+}, zt = {
+  ref: "toggle",
+  class: "select-toggle"
+};
+function Pt(e, l, t, n, d, o) {
+  const c = S("BaseButton"), r = S("BaseCheckbox"), b = S("BaseDropdownMenuItem"), h = S("BaseDropdownMenu");
+  return s(), I(h, {
+    ref: "dropdown",
+    theme: t.theme,
+    "popper-class": t.popperClass + " select-popper ios-fix-height",
+    disabled: t.disabled,
+    class: f([{
+      "has-value": o.displayedLabel.hasValue
+    }, "base-select"]),
+    "search-enabled": t.searchEnabled,
+    "search-throttle": 200,
+    "search-placeholder": t.searchPlaceholder || e.i18n.t("general_form_multiselect-search"),
+    scrollable: t.scrollable,
+    onShow: o.onShow,
+    onHide: o.onHide,
+    onApplyShow: o.onApplyShow,
+    "onUpdate:search": l[1] || (l[1] = (_) => n.search = _),
+    "onSearch:enter": l[2] || (l[2] = (_) => o.selectFirstResult(e.hide))
+  }, {
+    default: B(({ shown: _ }) => [
+      m("div", zt, [
+        y(e.$slots, "toggle", {
+          loading: t.loading,
+          value: t.modelValue,
+          label: o.finalLabel,
+          disabled: t.disabled,
+          isShown: _
+        }, () => [
+          M(c, {
+            class: f(["w-full justify-start", [
+              t.buttonClass,
+              { active: _ }
+            ]]),
+            disabled: t.disabled,
+            icon: t.icon,
+            "icon-right": "i-ls-chevron-down",
+            loading: t.loading,
+            type: "button"
+          }, {
+            default: B(() => [
+              y(e.$slots, "toggle-button", {
+                loading: t.loading,
+                value: t.modelValue,
+                label: o.finalLabel
+              }, () => [
+                H(j(o.finalLabel), 1)
+              ], !0)
+            ]),
+            _: 2
+          }, 1032, ["class", "disabled", "icon", "loading"])
+        ], !0)
+      ], 512)
+    ]),
+    header: B(() => [
+      y(e.$slots, "header", {}, void 0, !0)
+    ]),
+    "header-with-search-additional-block": B(() => [
+      y(e.$slots, "header-with-search-additional-block", {}, void 0, !0)
+    ]),
+    footer: B(() => [
+      y(e.$slots, "footer", {}, void 0, !0)
+    ]),
+    popper: B(() => [
+      !n.search && t.multi && n.childOptions.length && t.selectAllButtonDisplayed ? (s(), I(b, {
+        key: 0,
+        label: e.i18n.t(o.selectAll ? "general_form_multiselect-unselect-all" : "general_form_multiselect-select-all"),
+        "keep-open": "",
+        "data-testid": "select-all",
+        "can-click-on-active": "",
+        onClick: l[0] || (l[0] = F((_) => o.onToggleSelectAll(), ["prevent"]))
+      }, {
+        checkbox: B(() => [
+          M(r, {
+            icon: o.selectAllIcon,
+            value: o.selectAll,
+            "for-id": "select-all"
+          }, null, 8, ["icon", "value"])
+        ]),
+        _: 1
+      }, 8, ["label"])) : v("", !0),
+      y(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["theme", "popper-class", "disabled", "class", "search-enabled", "search-placeholder", "scrollable", "onShow", "onHide", "onApplyShow"]);
+}
+const Et = /* @__PURE__ */ L(At, [["render", Pt], ["__scopeId", "data-v-e636353b"]]), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Et
+}, Symbol.toStringTag, { value: "Module" })), Rt = {
+  provide() {
+    return {
+      selectGroup_childConfig: this.childConfig
+    };
+  },
+  props: {
+    title: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      childConfig: {
+        visible: 0
+      }
+    };
+  }
+}, Ht = { class: "base-select-group" };
+function Gt(e, l, t, n, d, o) {
+  const c = S("BaseDropdownMenuTitle");
+  return s(), i("div", Ht, [
+    t.title && d.childConfig.visible ? (s(), I(c, {
+      key: 0,
+      title: t.title
+    }, null, 8, ["title"])) : v("", !0),
+    y(e.$slots, "default")
+  ]);
+}
+const Nt = /* @__PURE__ */ L(Rt, [["render", Gt]]), Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Nt
+}, Symbol.toStringTag, { value: "Module" }));
+let Ut = 0;
+const Ft = {
+  name: "BaseSelectOption",
+  inject: {
+    select_onValueChange: {},
+    select_childConfig: {},
+    selectGroup_childConfig: { default: null }
+  },
+  props: {
+    // eslint-disable-next-line vue/require-prop-types
+    value: {
+      default: null
+    },
+    label: {
+      type: [String, Function],
+      default: ""
+    },
+    hidden: {
+      type: Boolean,
+      default: !1
+    },
+    prevent: {
+      type: Boolean,
+      default: !1
+    },
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    description: {
+      type: String,
+      default: null
+    },
+    tooltip: {
+      type: [String, Object],
+      default: null
+    },
+    labelClass: {
+      type: String,
+      default: null
+    },
+    descriptionClass: {
+      type: String,
+      default: null
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    const l = V("BaseSelect.modelValue"), t = D(""), n = V("BaseSelect.childOptions"), d = V("BaseDropdown.search"), o = w(() => {
+      if (!d.value)
+        return !0;
+      if (!t.value)
+        return !1;
+      const r = (_) => _.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), b = r(d.value).replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
+      return new RegExp(b, "i").test(r(t.value));
+    }), c = Ut++;
+    return n.value.push(Ae({
+      id: c,
+      value: w(() => e.value),
+      label: t,
+      matchSearch: o,
+      disabled: w(() => e.disabled),
+      hidden: w(() => e.hidden)
+    })), re(() => {
+      const r = n.value.findIndex((b) => b.id === c);
+      r !== -1 && n.value.splice(r, 1);
+    }), {
+      finalValue: l,
+      labelContent: t,
+      matchSearch: o
+    };
+  },
+  computed: {
+    finalSelected() {
+      if (this.selected)
+        return this.selected;
+      const e = this.finalValue;
+      return this.multi ? e && e.indexOf(this.value) !== -1 : this.value === e;
+    },
+    cssClass() {
+      return {
+        selected: this.finalSelected,
+        hidden: this.finalHidden
+      };
+    },
+    finalHidden() {
+      return this.hidden || !this.matchSearch;
+    },
+    multi() {
+      return this.select_childConfig.multi;
+    }
+  },
+  watch: {
+    hidden(e) {
+      this.select_childConfig.count += e ? -1 : 1;
+    },
+    finalHidden(e) {
+      this.selectGroup_childConfig && (this.selectGroup_childConfig.visible += e ? -1 : 1);
+    },
+    label: {
+      handler: "updateLabelContent",
+      immediate: !0
+    }
+  },
+  mounted() {
+    this.select_childConfig.count++, this.selectGroup_childConfig && !this.finalHidden && this.selectGroup_childConfig.visible++;
+  },
+  beforeUnmount() {
+    this.select_childConfig.count--, this.selectGroup_childConfig && !this.finalHidden && this.selectGroup_childConfig.visible--;
+  },
+  methods: {
+    async updateLabelContent() {
+      typeof this.label == "function" ? this.labelContent = await this.label() : this.labelContent = this.label;
+    },
+    onClick(e) {
+      this.prevent || this.select_onValueChange(this.value), this.$emit("click", e);
+    }
+  }
+};
+function qt(e, l, t, n, d, o) {
+  const c = S("BaseCheckbox"), r = S("BaseDropdownMenuItem");
+  return s(), I(r, {
+    "keep-open": e.$attrs["keep-open"] != null ? e.$attrs["keep-open"] === "" || e.$attrs["keep-open"] : o.multi,
+    class: f([o.cssClass, "base-select-option overflow-hidden"]),
+    tooltip: t.tooltip,
+    active: o.finalSelected,
+    label: n.labelContent,
+    "secondary-label": t.description,
+    disabled: t.disabled,
+    "label-class": t.labelClass,
+    icon: t.icon,
+    "can-click-on-active": !0,
+    onClick: o.onClick
+  }, {
+    checkbox: B(() => [
+      o.multi && !e.$attrs.loading ? (s(), I(c, {
+        key: 0,
+        modelValue: n.finalValue,
+        "onUpdate:modelValue": l[0] || (l[0] = (b) => n.finalValue = b),
+        "for-id": t.value,
+        value: t.value,
+        disabled: t.disabled,
+        "disable-change": ""
+      }, null, 8, ["modelValue", "for-id", "value", "disabled"])) : v("", !0)
+    ]),
+    "label-override": B(() => [
+      y(e.$slots, "default", {}, void 0, !0)
+    ]),
+    "additional-left-part": B(() => [
+      y(e.$slots, "additional-left-part", {}, void 0, !0)
+    ]),
+    "additional-right-part": B(() => [
+      y(e.$slots, "additional-right-part", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["keep-open", "class", "tooltip", "active", "label", "secondary-label", "disabled", "label-class", "icon", "onClick"]);
+}
+const Kt = /* @__PURE__ */ L(Ft, [["render", qt], ["__scopeId", "data-v-0b16dd62"]]), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Kt
+}, Symbol.toStringTag, { value: "Module" }));
+const Wt = {
+  props: {
+    modelValue: {
+      type: Boolean,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    colorClass: {
+      type: String,
+      default: "base-switch-green"
+    }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  setup() {
+    const e = E();
+    return {
+      defaultSlot: w(() => e.default())
+    };
+  },
+  computed: {
+    valueModel: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        return this.$emit("update:modelValue", e);
+      }
+    }
+  }
+}, Jt = { class: "flex items-center relative" }, Qt = ["disabled"], Xt = {
+  key: 0,
+  class: "ml-3"
+};
+function Yt(e, l, t, n, d, o) {
+  const c = S("RenderSlot");
+  return s(), i("div", {
+    class: f(["base-switch select-none", {
+      checked: o.valueModel,
+      "opacity-50": t.disabled
+    }])
+  }, [
+    m("div", Jt, [
+      m("label", {
+        class: f(["switch-box flex-none block rounded-full h-5 border", o.valueModel ? t.colorClass : "bg-grey-300 border-grey-200"])
+      }, [
+        R(m("input", {
+          "onUpdate:modelValue": l[0] || (l[0] = (r) => o.valueModel = r),
+          type: "checkbox",
+          disabled: t.disabled,
+          class: f(["opacity-0 absolute inset-0 w-full h-full z-10", [
+            t.disabled ? "cursor-not-allowed" : "cursor-pointer"
+          ]])
+        }, null, 10, Qt), [
+          [ze, o.valueModel]
+        ]),
+        m("div", {
+          class: f(["dot w-4 h-4 bg-white rounded-full absolute border", !o.valueModel && "border-grey-200"])
+        }, null, 2)
+      ], 2),
+      n.defaultSlot ? (s(), i("span", Xt, [
+        M(c, { vnodes: n.defaultSlot }, null, 8, ["vnodes"])
+      ])) : v("", !0)
+    ])
+  ], 2);
+}
+const Zt = /* @__PURE__ */ L(Wt, [["render", Yt], ["__scopeId", "data-v-5805577b"]]), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Zt
+}, Symbol.toStringTag, { value: "Module" }));
+const el = {
+  props: {
+    size: {
+      type: String,
+      default: "small",
+      validator(e) {
+        return ["xsmall", "small", "medium"].includes(e);
+      }
+    },
+    theme: {
+      type: String,
+      default: "light-blue",
+      validator(e) {
+        return [
+          "light-blue",
+          "light-green",
+          "light-orange",
+          "light-red",
+          "light-grey",
+          "dark-blue",
+          "dark-green",
+          "dark-orange",
+          "dark-red",
+          "dark-grey"
+        ].includes(e);
+      }
+    },
+    leftIcon: {
+      type: String,
+      default: null
+    },
+    tooltip: {
+      type: [String, Object],
+      default: null
+    },
+    uppercase: {
+      type: Boolean,
+      default: !1
+    },
+    deletable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["delete"],
+  setup() {
+    const e = E(), l = w(() => e.default()), t = w(() => e["user-avatar"]());
+    return {
+      defaultSlot: l,
+      userAvatarSlot: t
+    };
+  },
+  computed: {
+    isLeftIconImageUrl() {
+      var e;
+      return (e = this.leftIcon) == null ? void 0 : e.includes(".svg");
+    },
+    iconSizeClasses() {
+      return {
+        "h-3 w-3": this.size === "xsmall" || this.size === "small",
+        "h-4 w-4": this.size === "medium"
+      };
+    }
+  }
+}, tl = ["src"];
+function ll(e, l, t, n, d, o) {
+  const c = S("RenderSlot"), r = ce("tooltip");
+  return R((s(), i("span", {
+    class: f([[
+      { uppercase: t.uppercase },
+      { "xsmall text-11-semibold ": t.size === "xsmall" },
+      { "small text-12-semibold py-1": t.size === "small" },
+      { "medium text-16-semibold py-1": t.size === "medium" },
+      { "pointer-events-none": !t.deletable && !t.tooltip },
+      { "cursor-help": !t.deletable && t.tooltip },
+      t.theme
+    ], "base-tag cursor-default no-info px-2 rounded-full inline-flex items-center whitespace-nowrap"]),
+    "data-testid": "base-tag"
+  }, [
+    t.leftIcon ? (s(), i(J, { key: 0 }, [
+      o.isLeftIconImageUrl ? (s(), i("img", {
+        key: 0,
+        class: f(o.iconSizeClasses),
+        src: t.leftIcon
+      }, null, 10, tl)) : (s(), i("div", {
+        key: 1,
+        class: f(["icon-left block", [t.leftIcon, o.iconSizeClasses]])
+      }, null, 2))
+    ], 64)) : v("", !0),
+    n.userAvatarSlot ? (s(), i("div", {
+      key: 1,
+      class: f(["base-tag-avatar", [
+        { "ml-1": t.leftIcon },
+        { "h-3 w-3 xsmall": t.size === "xsmall" },
+        { "h-4 w-4 small": t.size === "small" },
+        { "h-6 w-6 medium": t.size === "medium" }
+      ]])
+    }, [
+      M(c, { vnodes: n.userAvatarSlot }, null, 8, ["vnodes"])
+    ], 2)) : v("", !0),
+    n.defaultSlot ? (s(), i("span", {
+      key: 2,
+      class: f(["overflow-hidden max-w-sm text-ellipsis", { "ml-1": t.leftIcon || n.userAvatarSlot }])
+    }, [
+      M(c, { vnodes: n.defaultSlot }, null, 8, ["vnodes"])
+    ], 2)) : v("", !0),
+    t.deletable ? (s(), i("div", {
+      key: 3,
+      class: f(["i-ls-x icon-delete block ml-1 cursor-pointer", o.iconSizeClasses]),
+      onClick: l[0] || (l[0] = (b) => e.$emit("delete"))
+    }, null, 2)) : v("", !0)
+  ], 2)), [
+    [r, t.tooltip]
+  ]);
+}
+const nl = /* @__PURE__ */ L(el, [["render", ll], ["__scopeId", "data-v-25ee29c2"]]), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: nl
+}, Symbol.toStringTag, { value: "Module" })), xe = /Base([a-z0-9]+)\./i;
+function ul(e, l = "Ls") {
+  e.component("RenderSlot", ne);
+  const t = /* @__PURE__ */ Object.assign({ "./src/components/BaseAutocomplete/BaseAutocomplete.vue": oe, "./src/components/BaseBanner/BaseBanner.vue": se, "./src/components/BaseButton/BaseButton.vue": ae, "./src/components/BaseCheckbox/BaseCheckbox.vue": ie, "./src/components/BaseDropdownMenu/BaseDropdownMenu.vue": he, "./src/components/BaseDropdownMenu/BaseDropdownMenuButton.vue": pe, "./src/components/BaseDropdownMenu/BaseDropdownMenuDivider.vue": me, "./src/components/BaseDropdownMenu/BaseDropdownMenuItem.vue": ve, "./src/components/BaseDropdownMenu/BaseDropdownMenuSearch.vue": be, "./src/components/BaseDropdownMenu/BaseDropdownMenuTitle.vue": _e, "./src/components/BaseModal/BaseModal.vue": de, "./src/components/BaseModal/BaseModalContent.vue": ge, "./src/components/BaseModal/BaseModalContentOld.vue": ye, "./src/components/BaseRating/BaseRating.vue": Be, "./src/components/BaseSelect/BaseSelect.vue": we, "./src/components/BaseSelect/BaseSelectGroup.vue": Se, "./src/components/BaseSelect/BaseSelectOption.vue": ke, "./src/components/BaseSwitch/BaseSwitch.vue": Ce, "./src/components/BaseTag/BaseTag.vue": Me });
+  for (const n in t) {
+    const d = t[n], o = n.match(xe)[1];
+    e.component(`${l}${o}`, d.default || d);
+  }
+}
+function fl(e = "Ls") {
+  const l = {};
+  l.RenderSlot = ne;
+  const t = /* @__PURE__ */ Object.assign({ "./src/components/BaseAutocomplete/BaseAutocomplete.vue": oe, "./src/components/BaseBanner/BaseBanner.vue": se, "./src/components/BaseButton/BaseButton.vue": ae, "./src/components/BaseCheckbox/BaseCheckbox.vue": ie, "./src/components/BaseDropdownMenu/BaseDropdownMenu.vue": he, "./src/components/BaseDropdownMenu/BaseDropdownMenuButton.vue": pe, "./src/components/BaseDropdownMenu/BaseDropdownMenuDivider.vue": me, "./src/components/BaseDropdownMenu/BaseDropdownMenuItem.vue": ve, "./src/components/BaseDropdownMenu/BaseDropdownMenuSearch.vue": be, "./src/components/BaseDropdownMenu/BaseDropdownMenuTitle.vue": _e, "./src/components/BaseModal/BaseModal.vue": de, "./src/components/BaseModal/BaseModalContent.vue": ge, "./src/components/BaseModal/BaseModalContentOld.vue": ye, "./src/components/BaseRating/BaseRating.vue": Be, "./src/components/BaseSelect/BaseSelect.vue": we, "./src/components/BaseSelect/BaseSelectGroup.vue": Se, "./src/components/BaseSelect/BaseSelectOption.vue": ke, "./src/components/BaseSwitch/BaseSwitch.vue": Ce, "./src/components/BaseTag/BaseTag.vue": Me });
+  for (const n in t) {
+    const d = t[n], o = n.match(xe)[1];
+    l[`${e}${o}`] = d.default || d;
+  }
+  return l;
+}
+export {
+  fl as getComponents,
+  ul as registerComponents
+};