@useinsider/ab-components 0.0.21 → 0.0.23

package/dist/ab-components.es.js

@@ -1,41 +1,40 @@
-import { defineComponent as T, computed as C, openBlock as p, createElementBlock as m, normalizeClass as s, unref as o, createBlock as j, createCommentVNode as k, toDisplayString as I, ref as v, reactive as ve, onMounted as ce, watch as oe, Fragment as pe, createElementVNode as y, withDirectives as ge, normalizeStyle as U, withModifiers as Te, vModelText as qe, renderList as he, vShow as He, createVNode as ye, onBeforeUnmount as Ve, renderSlot as W, withCtx as ke, nextTick as we, resolveDynamicComponent as Le } from "vue";
-const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8", Ee = "_icon_1vdmr_136", We = "_spinner_1vdmr_1", De = "_button_1vdmr_1", Ae = "_button__label_1vdmr_212", Re = "_button__solid_1vdmr_224", Ge = "_fill_1vdmr_1144", G = {
-  button__size_default: Oe,
-  button__size_small: Ne,
-  icon: Ee,
-  spinner: We,
-  button: De,
-  button__label: Ae,
-  "button__solid-primary": "_button__solid-primary_1vdmr_224",
-  "no-hover-effect": "_no-hover-effect_1vdmr_231",
-  "button--selected": "_button--selected_1vdmr_253",
-  "button__solid-subtle-primary": "_button__solid-subtle-primary_1vdmr_260",
-  "button__solid-secondary": "_button__solid-secondary_1vdmr_296",
-  "button__solid-danger": "_button__solid-danger_1vdmr_332",
-  "button__solid-warning": "_button__solid-warning_1vdmr_368",
-  "button__solid-smart": "_button__solid-smart_1vdmr_404",
-  "button__ghost-primary": "_button__ghost-primary_1vdmr_440",
-  "button__ghost-subtle-primary": "_button__ghost-subtle-primary_1vdmr_476",
-  "button__ghost-secondary": "_button__ghost-secondary_1vdmr_512",
-  "button__ghost-danger": "_button__ghost-danger_1vdmr_548",
-  "button__ghost-warning": "_button__ghost-warning_1vdmr_584",
-  "button__ghost-smart": "_button__ghost-smart_1vdmr_620",
-  "button__text-primary": "_button__text-primary_1vdmr_656",
-  "button__text-text": "_button__text-text_1vdmr_692",
-  "button__text-subtle-primary": "_button__text-subtle-primary_1vdmr_728",
-  "button__text-secondary": "_button__text-secondary_1vdmr_764",
-  "button__text-danger": "_button__text-danger_1vdmr_800",
-  "button__text-warning": "_button__text-warning_1vdmr_836",
-  "button__text-smart": "_button__text-smart_1vdmr_872",
-  "button__outline-primary": "_button__outline-primary_1vdmr_908",
-  "button__outline-subtle-primary": "_button__outline-subtle-primary_1vdmr_945",
-  "button__outline-secondary": "_button__outline-secondary_1vdmr_982",
-  "button__outline-danger": "_button__outline-danger_1vdmr_1019",
-  "button__outline-warning": "_button__outline-warning_1vdmr_1056",
-  "button__outline-smart": "_button__outline-smart_1vdmr_1093",
-  button__solid: Re,
-  fill: Ge
-}, Ye = ["disabled"], To = /* @__PURE__ */ T({
+import { defineComponent as T, computed as C, openBlock as p, createElementBlock as m, normalizeClass as s, unref as o, createBlock as U, createCommentVNode as z, toDisplayString as I, ref as v, reactive as ve, onMounted as ce, watch as oe, Fragment as pe, createElementVNode as y, withDirectives as we, normalizeStyle as q, withModifiers as Te, vModelText as He, renderList as he, vShow as Ve, createVNode as ye, onBeforeUnmount as Le, renderSlot as D, withCtx as ze, nextTick as ge, resolveDynamicComponent as Oe } from "vue";
+const Ne = "_button__size_default_l1vz8_1", Ee = "_button__size_small_l1vz8_8", We = "_button_l1vz8_1", De = "_button__label_l1vz8_213", Ae = "_button__solid_l1vz8_225", Re = "_fill_l1vz8_1145", Ge = "_spinner_l1vz8_1", Y = {
+  button__size_default: Ne,
+  button__size_small: Ee,
+  button: We,
+  button__label: De,
+  "button__solid-primary": "_button__solid-primary_l1vz8_225",
+  "no-hover-effect": "_no-hover-effect_l1vz8_232",
+  "button--selected": "_button--selected_l1vz8_254",
+  "button__solid-subtle-primary": "_button__solid-subtle-primary_l1vz8_261",
+  "button__solid-secondary": "_button__solid-secondary_l1vz8_297",
+  "button__solid-danger": "_button__solid-danger_l1vz8_333",
+  "button__solid-warning": "_button__solid-warning_l1vz8_369",
+  "button__solid-smart": "_button__solid-smart_l1vz8_405",
+  "button__ghost-primary": "_button__ghost-primary_l1vz8_441",
+  "button__ghost-subtle-primary": "_button__ghost-subtle-primary_l1vz8_477",
+  "button__ghost-secondary": "_button__ghost-secondary_l1vz8_513",
+  "button__ghost-danger": "_button__ghost-danger_l1vz8_549",
+  "button__ghost-warning": "_button__ghost-warning_l1vz8_585",
+  "button__ghost-smart": "_button__ghost-smart_l1vz8_621",
+  "button__text-primary": "_button__text-primary_l1vz8_657",
+  "button__text-text": "_button__text-text_l1vz8_693",
+  "button__text-subtle-primary": "_button__text-subtle-primary_l1vz8_729",
+  "button__text-secondary": "_button__text-secondary_l1vz8_765",
+  "button__text-danger": "_button__text-danger_l1vz8_801",
+  "button__text-warning": "_button__text-warning_l1vz8_837",
+  "button__text-smart": "_button__text-smart_l1vz8_873",
+  "button__outline-primary": "_button__outline-primary_l1vz8_909",
+  "button__outline-subtle-primary": "_button__outline-subtle-primary_l1vz8_946",
+  "button__outline-secondary": "_button__outline-secondary_l1vz8_983",
+  "button__outline-danger": "_button__outline-danger_l1vz8_1020",
+  "button__outline-warning": "_button__outline-warning_l1vz8_1057",
+  "button__outline-smart": "_button__outline-smart_l1vz8_1094",
+  button__solid: Ae,
+  fill: Re,
+  spinner: Ge
+}, Ye = ["disabled"], xo = /* @__PURE__ */ T({
   __name: "Button",
   props: {
     variant: {},
@@ -56,27 +55,27 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     }, _ = C(() => r.loadingStatus ? "loading-circle" : r.successStatus ? "line-check-natural" : r.leftIconName);
     return (d, e) => (p(), m("button", {
       class: s([
-        o(G).button,
-        o(G)[`button__${d.variant}`],
-        o(G)[`button__${d.variant}-${d.color}`],
-        o(G)[`button__size_${d.size}`],
-        { [o(G).fill]: d.fill }
+        o(Y).button,
+        o(Y)[`button__${d.variant}`],
+        o(Y)[`button__${d.variant}-${d.color}`],
+        o(Y)[`button__size_${d.size}`],
+        { [o(Y).fill]: d.fill }
       ]),
       disabled: r.disabled,
       onClick: a
     }, [
-      _.value ? (p(), j(o(Q), {
+      _.value ? (p(), U(o(Q), {
         key: 0,
         name: _.value
-      }, null, 8, ["name"])) : k("", !0),
+      }, null, 8, ["name"])) : z("", !0),
       d.label ? (p(), m("span", {
         key: 1,
-        class: s(o(G).button__label)
-      }, I(d.label), 3)) : k("", !0),
-      d.rightIconName ? (p(), j(o(Q), {
+        class: s(o(Y).button__label)
+      }, I(d.label), 3)) : z("", !0),
+      d.rightIconName ? (p(), U(o(Q), {
         key: 2,
         name: d.rightIconName
-      }, null, 8, ["name"])) : k("", !0)
+      }, null, 8, ["name"])) : z("", !0)
     ], 10, Ye));
   }
 }), Xe = {
@@ -89,45 +88,44 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
   unmounted(u) {
     u.clickOutsideEvent && document.removeEventListener("click", u.clickOutsideEvent);
   }
-}, Fe = (u, n) => {
+}, je = (u, n) => {
   var t;
   let r = 0;
   for (const a of u)
     if (a.toLowerCase() === ((t = n[r]) == null ? void 0 : t.toLowerCase()) && r++, r === n.length)
       return !0;
   return !1;
-}, Ue = (u, n, r) => {
+}, Fe = (u, n, r) => {
   if (!r.trim())
     return u;
   const t = r.toLowerCase();
   return u.filter((a) => {
     const _ = String(a[n]);
-    return Fe(_.toLowerCase(), t);
+    return je(_.toLowerCase(), t);
   }).sort((a, _) => {
     const d = String(a[n]).toLowerCase(), e = String(_[n]).toLowerCase();
     return d === t ? -1 : e === t ? 1 : d.startsWith(t) && !e.startsWith(t) ? -1 : !d.startsWith(t) && e.startsWith(t) ? 1 : d.length - e.length;
   });
-}, je = "_dropdown_18zqi_1", Qe = "_menu_18zqi_1", Ze = "_icon_18zqi_129", Je = "_spinner_18zqi_1", Ke = "_dropdown__valueContent_18zqi_202", et = "_dropdown__label_18zqi_213", tt = "_dropdown__value_18zqi_202", ot = "_dropdown__placeholder_18zqi_221", nt = "_dropdown__arrowIcon_18zqi_229", rt = "_menu__searchContainer_18zqi_244", at = "_menu__searchInputWrap_18zqi_248", lt = "_menu__searchInput_18zqi_248", st = "_menu__errorMessage_18zqi_270", _t = "_menu__addButton_18zqi_277", it = "_menu__itemContainer_18zqi_285", ut = "_menu__item_18zqi_285", $ = {
-  dropdown: je,
-  menu: Qe,
-  icon: Ze,
-  spinner: Je,
-  dropdown__valueContent: Ke,
-  "dropdown__valueContent--open": "_dropdown__valueContent--open_18zqi_210",
-  dropdown__label: et,
-  dropdown__value: tt,
-  dropdown__placeholder: ot,
-  dropdown__arrowIcon: nt,
-  menu__searchContainer: rt,
-  menu__searchInputWrap: at,
-  menu__searchInput: lt,
-  "menu__searchInput--error": "_menu__searchInput--error_18zqi_267",
-  menu__errorMessage: st,
-  menu__addButton: _t,
-  menu__itemContainer: it,
-  menu__item: ut,
-  "menu__item--active": "_menu__item--active_18zqi_323"
-}, pt = ["for"], ct = ["placeholder"], dt = ["onClick"], qo = /* @__PURE__ */ T({
+}, qe = "_dropdown_17m9p_1", Ue = "_menu_17m9p_1", Qe = "_dropdown__valueContent_17m9p_203", Ze = "_dropdown__label_17m9p_214", Je = "_dropdown__value_17m9p_203", Ke = "_dropdown__placeholder_17m9p_222", et = "_dropdown__arrowIcon_17m9p_230", tt = "_menu__searchContainer_17m9p_245", ot = "_menu__searchInputWrap_17m9p_249", nt = "_menu__searchInput_17m9p_249", rt = "_menu__errorMessage_17m9p_271", at = "_menu__addButton_17m9p_278", lt = "_menu__itemContainer_17m9p_286", st = "_menu__item_17m9p_286", _t = "_spinner_17m9p_1", x = {
+  dropdown: qe,
+  menu: Ue,
+  dropdown__valueContent: Qe,
+  "dropdown__valueContent--open": "_dropdown__valueContent--open_17m9p_211",
+  dropdown__label: Ze,
+  dropdown__value: Je,
+  dropdown__placeholder: Ke,
+  dropdown__arrowIcon: et,
+  menu__searchContainer: tt,
+  menu__searchInputWrap: ot,
+  menu__searchInput: nt,
+  "menu__searchInput--error": "_menu__searchInput--error_17m9p_268",
+  menu__errorMessage: rt,
+  menu__addButton: at,
+  menu__itemContainer: lt,
+  menu__item: st,
+  "menu__item--active": "_menu__item--active_17m9p_324",
+  spinner: _t
+}, it = ["for"], ut = ["placeholder"], pt = ["onClick"], $o = /* @__PURE__ */ T({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -144,39 +142,39 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(u, { emit: n }) {
-    const r = Xe, t = u, a = n, _ = v(), d = v(), e = v(!1), l = v(null), b = v(""), c = v(null), P = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), q = ve([...t.items]), B = ve([...t.items]), R = () => {
+    const r = Xe, t = u, a = n, _ = v(), d = v(), e = v(!1), l = v(null), b = v(""), c = v(null), P = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), H = ve([...t.items]), B = ve([...t.items]), G = () => {
       if (!_.value)
         return;
-      const { offsetTop: f, offsetLeft: g, offsetWidth: x } = _.value, O = window.innerHeight, Y = f + _.value.offsetHeight, ee = Y + t.menuHeight > O;
+      const { offsetTop: f, offsetLeft: w, offsetWidth: $ } = _.value, N = window.innerHeight, X = f + _.value.offsetHeight, ee = X + t.menuHeight > N;
       P.value = {
-        x: g + window.scrollX,
-        y: ee ? f + window.scrollY : Y + window.scrollY,
-        width: x,
+        x: w + window.scrollX,
+        y: ee ? f + window.scrollY : X + window.scrollY,
+        width: $,
         shouldOpenUp: ee,
         height: t.menuHeight
       };
     }, S = () => {
-      R(), e.value = !e.value;
-    }, L = () => {
-      c.value = null, b.value = "", q.splice(0, q.length, ...B);
+      G(), e.value = !e.value;
+    }, O = () => {
+      c.value = null, b.value = "", H.splice(0, H.length, ...B);
     }, Z = () => {
-      e.value = !1, L();
+      e.value = !1, O();
     }, re = (f) => {
       l.value = f, a("select-item", f), a("update:modelValue", f.value), Z();
-    }, D = () => {
-      const f = b.value.trim(), g = t.validateAddItem(f, B);
-      if (g) {
-        c.value = g, a("add-error", g);
+    }, A = () => {
+      const f = b.value.trim(), w = t.validateAddItem(f, B);
+      if (w) {
+        c.value = w, a("add-error", w);
         return;
       }
-      const x = {
+      const $ = {
         text: f,
         value: f
       };
-      B.push(x), L(), a("item-added", x);
+      B.push($), O(), a("item-added", $);
     }, ae = () => {
-      const f = Ue(B, "text", b.value);
-      q.splice(0, q.length, ...f);
+      const f = Fe(B, "text", b.value);
+      H.splice(0, H.length, ...f);
     }, J = () => {
       c.value = "";
     }, le = C(() => ({
@@ -186,61 +184,61 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
       height: `${t.menuHeight}px`
     }));
     ce(() => {
-      if (R(), t.modelValue) {
-        const f = B.find((g) => g.value === t.modelValue);
+      if (G(), t.modelValue) {
+        const f = B.find((w) => w.value === t.modelValue);
         f && (l.value = f);
       }
     });
     const K = C(() => l.value ? l.value.text : "");
     oe(() => t.modelValue, (f) => {
-      var g;
-      if (((g = l.value) == null ? void 0 : g.value) !== f) {
-        const x = B.find((O) => O.value === f);
-        x && (l.value = x);
+      var w;
+      if (((w = l.value) == null ? void 0 : w.value) !== f) {
+        const $ = B.find((N) => N.value === f);
+        $ && (l.value = $);
       }
     }), oe(
       () => t.items,
       (f) => {
-        B.splice(0, B.length, ...f), q.splice(0, q.length, ...f);
+        B.splice(0, B.length, ...f), H.splice(0, H.length, ...f);
       },
       { deep: !0 }
     );
     const se = v({ handler: Z, exclude: [_, d] });
-    return (f, g) => (p(), m(pe, null, [
+    return (f, w) => (p(), m(pe, null, [
       y("div", {
         ref_key: "dropdownRef",
         ref: _,
-        class: s(o($).dropdown)
+        class: s(o(x).dropdown)
       }, [
         f.label ? (p(), m("label", {
           key: 0,
-          class: s(o($).dropdown__label),
+          class: s(o(x).dropdown__label),
           for: f.id
-        }, I(f.label), 11, pt)) : k("", !0),
+        }, I(f.label), 11, it)) : z("", !0),
         y("button", {
           class: s([
-            o($).dropdown__valueContent,
+            o(x).dropdown__valueContent,
             {
-              [o($)["dropdown__valueContent--open"]]: e.value
+              [o(x)["dropdown__valueContent--open"]]: e.value
             }
           ]),
           onClick: S
         }, [
           y("span", {
-            class: s(o($).dropdown__value)
+            class: s(o(x).dropdown__value)
           }, I(K.value), 3),
           f.placeholder && !K.value ? (p(), m("span", {
             key: 0,
-            class: s(o($).dropdown__placeholder)
-          }, I(f.placeholder), 3)) : k("", !0),
+            class: s(o(x).dropdown__placeholder)
+          }, I(f.placeholder), 3)) : z("", !0),
           (p(), m("svg", {
             fill: "none",
             height: "17",
             viewBox: "0 0 16 17",
             width: "16",
             xmlns: "http://www.w3.org/2000/svg",
-            class: s(o($).dropdown__arrowIcon)
-          }, g[2] || (g[2] = [
+            class: s(o(x).dropdown__arrowIcon)
+          }, w[2] || (w[2] = [
             y("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
               fill: "#91949F"
@@ -248,68 +246,68 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
           ]), 2))
         ], 2)
       ], 2),
-      ge((p(), m("div", {
+      we((p(), m("div", {
         ref_key: "menuRef",
         ref: d,
-        class: s(o($).menu),
-        style: U(le.value),
-        onClick: g[1] || (g[1] = Te(() => {
+        class: s(o(x).menu),
+        style: q(le.value),
+        onClick: w[1] || (w[1] = Te(() => {
         }, ["prevent"]))
       }, [
         t.searchable ? (p(), m("div", {
           key: 0,
-          class: s(o($).menu__searchContainer)
+          class: s(o(x).menu__searchContainer)
         }, [
           y("div", {
-            class: s(o($).menu__searchInputWrap)
+            class: s(o(x).menu__searchInputWrap)
           }, [
-            ge(y("input", {
+            we(y("input", {
               type: "text",
               class: s([
-                o($).menu__searchInput,
+                o(x).menu__searchInput,
                 {
-                  [o($)["menu__searchInput--error"]]: c.value
+                  [o(x)["menu__searchInput--error"]]: c.value
                 }
               ]),
               placeholder: f.searchPlaceHolder,
-              "onUpdate:modelValue": g[0] || (g[0] = (x) => b.value = x),
+              "onUpdate:modelValue": w[0] || (w[0] = ($) => b.value = $),
               onFocus: J,
               onInput: ae
-            }, null, 42, ct), [
-              [qe, b.value]
+            }, null, 42, ut), [
+              [He, b.value]
             ]),
             c.value ? (p(), m("p", {
               key: 0,
-              class: s(o($).menu__errorMessage)
-            }, I(c.value), 3)) : k("", !0)
+              class: s(o(x).menu__errorMessage)
+            }, I(c.value), 3)) : z("", !0)
           ], 2),
           t.addable ? (p(), m("button", {
             key: 0,
-            class: s(o($).menu__addButton),
-            onClick: D
-          }, I(f.addButtonText), 3)) : k("", !0)
-        ], 2)) : k("", !0),
+            class: s(o(x).menu__addButton),
+            onClick: A
+          }, I(f.addButtonText), 3)) : z("", !0)
+        ], 2)) : z("", !0),
         y("ul", {
-          class: s(o($).menu__itemContainer)
+          class: s(o(x).menu__itemContainer)
         }, [
-          (p(!0), m(pe, null, he(q, (x, O) => (p(), m("li", {
-            key: `${x.value}-${O}`,
+          (p(!0), m(pe, null, he(H, ($, N) => (p(), m("li", {
+            key: `${$.value}-${N}`,
             class: s([
-              o($).menu__item,
+              o(x).menu__item,
               {
-                [o($)["menu__item--active"]]: l.value && x.value === l.value.value
+                [o(x)["menu__item--active"]]: l.value && $.value === l.value.value
               }
             ]),
-            onClick: (Y) => re(x)
-          }, I(x.text), 11, dt))), 128))
+            onClick: (X) => re($)
+          }, I($.text), 11, pt))), 128))
         ], 2)
       ], 6)), [
-        [He, e.value],
+        [Ve, e.value],
         [o(r), se.value]
       ])
     ], 64));
   }
-}), mt = ["fill", "height", "width"], ft = ["xlink:href"], bt = /* @__PURE__ */ T({
+}), ct = ["fill", "height", "width"], dt = ["xlink:href"], mt = /* @__PURE__ */ T({
   __name: "Icon",
   props: {
     name: {},
@@ -326,24 +324,23 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     }, [
       y("use", {
         "xlink:href": `#${t.name}`
-      }, null, 8, ft)
-    ], 8, mt));
+      }, null, 8, dt)
+    ], 8, ct));
   }
-}), vt = (u, n) => {
+}), ft = (u, n) => {
   const r = u.__vccOpts || u;
   for (const [t, a] of n)
     r[t] = a;
   return r;
-}, Q = /* @__PURE__ */ vt(bt, [["__scopeId", "data-v-f04c8857"]]), gt = "_container_wovmm_1", wt = "_icon_wovmm_127", ht = "_spinner_wovmm_1", yt = "_container__text_wovmm_204", kt = "_container__default_wovmm_208", $t = "_container__warning_wovmm_216", xt = "_container__alert_wovmm_224", zt = "_container__success_wovmm_232", ue = {
-  container: gt,
-  icon: wt,
-  spinner: ht,
-  container__text: yt,
-  container__default: kt,
-  container__warning: $t,
-  container__alert: xt,
-  container__success: zt
-}, Ho = /* @__PURE__ */ T({
+}, Q = /* @__PURE__ */ ft(mt, [["__scopeId", "data-v-f04c8857"]]), bt = "_container_smuz7_1", vt = "_container__text_smuz7_205", wt = "_container__default_smuz7_209", gt = "_container__warning_smuz7_217", ht = "_container__alert_smuz7_225", yt = "_container__success_smuz7_233", zt = "_spinner_smuz7_1", ue = {
+  container: bt,
+  container__text: vt,
+  container__default: wt,
+  container__warning: gt,
+  container__alert: ht,
+  container__success: yt,
+  spinner: zt
+}, ko = /* @__PURE__ */ T({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
@@ -377,25 +374,24 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
       }, I(t.text), 3)
     ], 2));
   }
-}), St = "_button__size_default_1r6q6_1", Ct = "_button__size_small_1r6q6_8", It = "_icon_1r6q6_136", Bt = "_spinner_1r6q6_1", Pt = "_button_1r6q6_1", Mt = "_button__label_1r6q6_210", Tt = "_button__solid_1r6q6_349", qt = "_segmentGroup_1r6q6_356", Ht = "_fill_1r6q6_378", H = {
-  button__size_default: St,
-  button__size_small: Ct,
-  icon: It,
-  spinner: Bt,
-  button: Pt,
-  button__label: Mt,
-  "button--primary": "_button--primary_1r6q6_227",
-  "button--selected": "_button--selected_1r6q6_237",
-  "button--secondary": "_button--secondary_1r6q6_250",
-  "button--danger": "_button--danger_1r6q6_273",
-  "button--warning": "_button--warning_1r6q6_296",
-  "button--smart": "_button--smart_1r6q6_319",
-  button__solid: Tt,
-  segmentGroup: qt,
-  "segmentGroup--vertical": "_segmentGroup--vertical_1r6q6_359",
-  "segmentGroup--horizontal": "_segmentGroup--horizontal_1r6q6_368",
-  fill: Ht
-}, Vt = ["disabled", "onClick"], Vo = /* @__PURE__ */ T({
+}), xt = "_button__size_default_wlx30_1", $t = "_button__size_small_wlx30_8", kt = "_button_wlx30_1", St = "_button__label_wlx30_211", Ct = "_button__solid_wlx30_350", It = "_segmentGroup_wlx30_357", Bt = "_fill_wlx30_379", Pt = "_spinner_wlx30_1", V = {
+  button__size_default: xt,
+  button__size_small: $t,
+  button: kt,
+  button__label: St,
+  "button--primary": "_button--primary_wlx30_228",
+  "button--selected": "_button--selected_wlx30_238",
+  "button--secondary": "_button--secondary_wlx30_251",
+  "button--danger": "_button--danger_wlx30_274",
+  "button--warning": "_button--warning_wlx30_297",
+  "button--smart": "_button--smart_wlx30_320",
+  button__solid: Ct,
+  segmentGroup: It,
+  "segmentGroup--vertical": "_segmentGroup--vertical_wlx30_360",
+  "segmentGroup--horizontal": "_segmentGroup--horizontal_wlx30_369",
+  fill: Bt,
+  spinner: Pt
+}, Mt = ["disabled", "onClick"], So = /* @__PURE__ */ T({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -419,47 +415,46 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
       d.value = [...e], e.some((l) => l.value === a.value) || (a.value = "", t("update:modelValue", ""));
     }, { deep: !0 }), (e, l) => (p(), m("div", {
       class: s([
-        o(H).segmentGroup,
-        o(H)[`segmentGroup--${e.align}`],
-        { [o(H).fill]: e.fill }
+        o(V).segmentGroup,
+        o(V)[`segmentGroup--${e.align}`],
+        { [o(V).fill]: e.fill }
       ])
     }, [
       (p(!0), m(pe, null, he(d.value, (b, c) => (p(), m("button", {
         key: `${b.value}-${c}`,
         class: s([
-          o(H).button,
-          o(H)[`button--${e.color}`],
-          o(H)[`button__size_${e.size}`],
-          o(H).fill,
+          o(V).button,
+          o(V)[`button--${e.color}`],
+          o(V)[`button__size_${e.size}`],
+          o(V).fill,
           {
-            [o(H)["button--selected"]]: b.value === a.value
+            [o(V)["button--selected"]]: b.value === a.value
           }
         ]),
         disabled: b.disabled || r.disabled,
         onClick: (P) => _(b)
       }, [
-        b.icon ? (p(), j(o(Q), {
+        b.icon ? (p(), U(o(Q), {
           key: 0,
           name: b.icon
-        }, null, 8, ["name"])) : k("", !0),
+        }, null, 8, ["name"])) : z("", !0),
         b.label ? (p(), m("span", {
           key: 1,
-          class: s(o(H).button__label)
-        }, I(b.label), 3)) : k("", !0)
-      ], 10, Vt))), 128))
+          class: s(o(V).button__label)
+        }, I(b.label), 3)) : z("", !0)
+      ], 10, Mt))), 128))
     ], 2));
   }
-}), Lt = "_wrapper__field_l1d3k_1", Ot = "_wrapper__label_l1d3k_1", Nt = "_wrapper__errorMessage_l1d3k_1", Et = "_wrapper__counter_l1d3k_1", Wt = "_icon_l1d3k_129", Dt = "_spinner_l1d3k_1", At = "_wrapper_l1d3k_1", Rt = "_wrapper__bottom_l1d3k_240", V = {
-  wrapper__field: Lt,
-  wrapper__label: Ot,
-  wrapper__errorMessage: Nt,
-  wrapper__counter: Et,
-  icon: Wt,
-  spinner: Dt,
-  wrapper: At,
-  wrapper__bottom: Rt,
-  "wrapper--error": "_wrapper--error_l1d3k_253"
-}, Gt = ["for"], Yt = ["id", "maxlength", "name", "placeholder", "value"], Xt = ["id", "maxlength", "name", "placeholder", "value"], Lo = /* @__PURE__ */ T({
+}), Tt = "_wrapper__field_1gjtq_1", Ht = "_wrapper__label_1gjtq_1", Vt = "_wrapper__errorMessage_1gjtq_1", Lt = "_wrapper__counter_1gjtq_1", Ot = "_wrapper_1gjtq_1", Nt = "_wrapper__bottom_1gjtq_241", Et = "_spinner_1gjtq_1", L = {
+  wrapper__field: Tt,
+  wrapper__label: Ht,
+  wrapper__errorMessage: Vt,
+  wrapper__counter: Lt,
+  wrapper: Ot,
+  wrapper__bottom: Nt,
+  "wrapper--error": "_wrapper--error_1gjtq_254",
+  spinner: Et
+}, Wt = ["for"], Dt = ["id", "maxlength", "name", "placeholder", "value"], At = ["id", "maxlength", "name", "placeholder", "value"], Co = /* @__PURE__ */ T({
   __name: "TextInput",
   props: {
     id: {},
@@ -491,42 +486,42 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     }), (e, l) => {
       var b;
       return p(), m("div", {
-        class: s(o(V).wrapper)
+        class: s(o(L).wrapper)
       }, [
         e.label ? (p(), m("label", {
           key: 0,
-          class: s(o(V).wrapper__label),
+          class: s(o(L).wrapper__label),
           for: e.id
-        }, I(e.label), 11, Gt)) : k("", !0),
+        }, I(e.label), 11, Wt)) : z("", !0),
         e.multiline ? (p(), m("textarea", {
           key: 1,
           id: e.id,
           ref_key: "textareaRef",
           ref: a,
           class: s([
-            o(V).wrapper__field,
+            o(L).wrapper__field,
             {
-              [o(V)["wrapper--error"]]: e.error
+              [o(L)["wrapper--error"]]: e.error
             }
           ]),
           maxlength: e.maxLength,
           name: e.name,
           placeholder: e.placeholder,
-          style: U(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
+          style: q(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
           value: e.modelValue,
           onBlur: l[0] || (l[0] = (c) => t("blur", c)),
           onChange: l[1] || (l[1] = (c) => e.$emit("change", c)),
           onFocus: l[2] || (l[2] = (c) => t("focus", c)),
           onInput: d,
           onPaste: l[3] || (l[3] = (c) => t("paste", c))
-        }, null, 46, Yt)) : (p(), m("input", {
+        }, null, 46, Dt)) : (p(), m("input", {
           key: 2,
           id: e.id,
           type: "text",
           class: s([
-            o(V).wrapper__field,
+            o(L).wrapper__field,
             {
-              [o(V)["wrapper--error"]]: e.error
+              [o(L)["wrapper--error"]]: e.error
             }
           ]),
           maxlength: e.maxLength,
@@ -538,35 +533,34 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
           onFocus: l[6] || (l[6] = (c) => t("focus", c)),
           onInput: d,
           onPaste: l[7] || (l[7] = (c) => t("paste", c))
-        }, null, 42, Xt)),
+        }, null, 42, At)),
         y("div", {
-          class: s(o(V).wrapper__bottom)
+          class: s(o(L).wrapper__bottom)
         }, [
           e.error ? (p(), m("div", {
             key: 0,
-            class: s(o(V).wrapper__errorMessage)
-          }, I(e.error), 3)) : k("", !0),
+            class: s(o(L).wrapper__errorMessage)
+          }, I(e.error), 3)) : z("", !0),
           e.counter ? (p(), m("div", {
             key: 1,
-            class: s(o(V).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : k("", !0)
+            class: s(o(L).wrapper__counter)
+          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : z("", !0)
         ], 2)
       ], 2);
     };
   }
-}), Ft = "_wrapper__label_k2iss_1", Ut = "_wrapper__errorMessage_k2iss_1", jt = "_wrapper__counter_k2iss_1", Qt = "_wrapper_k2iss_1", Zt = "_wrapper__field_k2iss_8", Jt = "_icon_k2iss_134", Kt = "_spinner_k2iss_1", eo = "_wrapper__size_default_k2iss_204", to = "_wrapper__size_small_k2iss_207", oo = "_wrapper__bottom_k2iss_244", N = {
-  wrapper__label: Ft,
-  wrapper__errorMessage: Ut,
-  wrapper__counter: jt,
-  wrapper: Qt,
-  wrapper__field: Zt,
-  icon: Jt,
-  spinner: Kt,
-  wrapper__size_default: eo,
-  wrapper__size_small: to,
-  wrapper__bottom: oo,
-  "wrapper--error": "_wrapper--error_k2iss_257"
-}, no = ["for"], ro = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], Oo = /* @__PURE__ */ T({
+}), Rt = "_wrapper__label_1wzvv_1", Gt = "_wrapper__errorMessage_1wzvv_1", Yt = "_wrapper__counter_1wzvv_1", Xt = "_wrapper_1wzvv_1", jt = "_wrapper__field_1wzvv_8", Ft = "_wrapper__size_default_1wzvv_205", qt = "_wrapper__size_small_1wzvv_208", Ut = "_wrapper__bottom_1wzvv_245", Qt = "_spinner_1wzvv_1", E = {
+  wrapper__label: Rt,
+  wrapper__errorMessage: Gt,
+  wrapper__counter: Yt,
+  wrapper: Xt,
+  wrapper__field: jt,
+  wrapper__size_default: Ft,
+  wrapper__size_small: qt,
+  wrapper__bottom: Ut,
+  "wrapper--error": "_wrapper--error_1wzvv_258",
+  spinner: Qt
+}, Zt = ["for"], Jt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], Io = /* @__PURE__ */ T({
   __name: "NumberInput",
   props: {
     id: {},
@@ -599,20 +593,20 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     return (e, l) => {
       var b;
       return p(), m("div", {
-        class: s([o(N).wrapper, o(N)[`wrapper__size_${e.size}`]])
+        class: s([o(E).wrapper, o(E)[`wrapper__size_${e.size}`]])
       }, [
         e.label ? (p(), m("label", {
           key: 0,
-          class: s(o(N).wrapper__label),
+          class: s(o(E).wrapper__label),
           for: e.id
-        }, I(e.label), 11, no)) : k("", !0),
+        }, I(e.label), 11, Zt)) : z("", !0),
         y("input", {
           id: e.id,
           type: "number",
           class: s([
-            o(N).wrapper__field,
+            o(E).wrapper__field,
             {
-              [o(N)["wrapper--error"]]: e.error || e.errorStatus
+              [o(E)["wrapper--error"]]: e.error || e.errorStatus
             }
           ]),
           max: e.max,
@@ -626,32 +620,31 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
           onFocus: l[1] || (l[1] = (c) => t("focus", c)),
           onInput: _,
           onPaste: l[2] || (l[2] = (c) => t("paste", c))
-        }, null, 42, ro),
+        }, null, 42, Jt),
         e.counter || e.error ? (p(), m("div", {
           key: 1,
-          class: s(o(N).wrapper__bottom)
+          class: s(o(E).wrapper__bottom)
         }, [
           e.error ? (p(), m("div", {
             key: 0,
-            class: s(o(N).wrapper__errorMessage)
-          }, I(e.error), 3)) : k("", !0),
+            class: s(o(E).wrapper__errorMessage)
+          }, I(e.error), 3)) : z("", !0),
           e.counter ? (p(), m("div", {
             key: 1,
-            class: s(o(N).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : k("", !0)
-        ], 2)) : k("", !0)
+            class: s(o(E).wrapper__counter)
+          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : z("", !0)
+        ], 2)) : z("", !0)
       ], 2);
     };
   }
-}), ao = "_icon_15ntm_122", lo = "_spinner_15ntm_1", so = "_wrapper_15ntm_188", _o = "_wrapper__label_15ntm_195", io = "_wrapper__input_15ntm_219", uo = "_wrapper_checked_15ntm_229", po = "_wrapper_disabled_15ntm_236", F = {
-  icon: ao,
-  spinner: lo,
-  wrapper: so,
-  wrapper__label: _o,
-  wrapper__input: io,
-  wrapper_checked: uo,
-  wrapper_disabled: po
-}, co = ["id", "checked", "disabled", "name"], mo = ["for"], No = /* @__PURE__ */ T({
+}), Kt = "_wrapper_192md_189", eo = "_wrapper__label_192md_196", to = "_wrapper__input_192md_220", oo = "_wrapper_checked_192md_230", no = "_wrapper_disabled_192md_237", ro = "_spinner_192md_1", F = {
+  wrapper: Kt,
+  wrapper__label: eo,
+  wrapper__input: to,
+  wrapper_checked: oo,
+  wrapper_disabled: no,
+  spinner: ro
+}, ao = ["id", "checked", "disabled", "name"], lo = ["for"], Bo = /* @__PURE__ */ T({
   __name: "Toggle",
   props: {
     id: {},
@@ -681,46 +674,45 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
         disabled: _.disabled,
         name: _.name,
         onClick: a
-      }, null, 10, co),
+      }, null, 10, ao),
       y("label", {
         class: s(o(F).wrapper__label),
         for: _.id
-      }, null, 10, mo)
+      }, null, 10, lo)
     ], 2));
   }
 });
-function fo(u = "") {
+function so(u = "") {
   return typeof u == "string" ? u.replace(/<\/style>/gi, "").replace(/<(.*?) on(.*?)=['"](.*?)>/gi, "").replace(/(<meta |<style|<\/*script)(.*?)>/gi, "").replace(/(<([^>]+)>)/ig, "").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, "") : u;
 }
-const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz_1", wo = "_wrapper_49orz_1", ho = "_wrapper__icon_49orz_203", yo = "_wrapper__text_49orz_286", E = {
-  wrapper__box: bo,
-  icon: vo,
-  spinner: go,
-  wrapper: wo,
-  wrapper__icon: ho,
-  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_49orz_218",
-  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_49orz_224",
-  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_49orz_230",
-  "wrapper__box_top-start": "_wrapper__box_top-start_49orz_236",
-  "wrapper__box_top-center": "_wrapper__box_top-center_49orz_242",
-  "wrapper__box_top-end": "_wrapper__box_top-end_49orz_248",
-  "wrapper__box_right-start": "_wrapper__box_right-start_49orz_254",
-  "wrapper__box_right-center": "_wrapper__box_right-center_49orz_260",
-  "wrapper__box_right-end": "_wrapper__box_right-end_49orz_266",
-  "wrapper__box_left-start": "_wrapper__box_left-start_49orz_271",
-  "wrapper__box_left-center": "_wrapper__box_left-center_49orz_276",
-  "wrapper__box_left-end": "_wrapper__box_left-end_49orz_281",
-  wrapper__text: yo,
-  "wrapper__box-content": "_wrapper__box-content_49orz_315",
-  "bottom-entrance": "_bottom-entrance_49orz_328",
-  "top-entrance": "_top-entrance_49orz_331",
-  "left-entrance": "_left-entrance_49orz_334",
-  "right-entrance": "_right-entrance_49orz_337",
-  "bottom-leave": "_bottom-leave_49orz_340",
-  "top-leave": "_top-leave_49orz_343",
-  "right-leave": "_right-leave_49orz_346",
-  "left-leave": "_left-leave_49orz_349"
-}, ko = ["id"], $o = ["innerHTML"], Eo = /* @__PURE__ */ T({
+const _o = "_wrapper__box_1wiz4_1", io = "_wrapper_1wiz4_1", uo = "_wrapper__icon_1wiz4_204", po = "_wrapper__text_1wiz4_287", co = "_spinner_1wiz4_1", W = {
+  wrapper__box: _o,
+  wrapper: io,
+  wrapper__icon: uo,
+  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_1wiz4_219",
+  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_1wiz4_225",
+  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_1wiz4_231",
+  "wrapper__box_top-start": "_wrapper__box_top-start_1wiz4_237",
+  "wrapper__box_top-center": "_wrapper__box_top-center_1wiz4_243",
+  "wrapper__box_top-end": "_wrapper__box_top-end_1wiz4_249",
+  "wrapper__box_right-start": "_wrapper__box_right-start_1wiz4_255",
+  "wrapper__box_right-center": "_wrapper__box_right-center_1wiz4_261",
+  "wrapper__box_right-end": "_wrapper__box_right-end_1wiz4_267",
+  "wrapper__box_left-start": "_wrapper__box_left-start_1wiz4_272",
+  "wrapper__box_left-center": "_wrapper__box_left-center_1wiz4_277",
+  "wrapper__box_left-end": "_wrapper__box_left-end_1wiz4_282",
+  wrapper__text: po,
+  "wrapper__box-content": "_wrapper__box-content_1wiz4_316",
+  "bottom-entrance": "_bottom-entrance_1wiz4_329",
+  "top-entrance": "_top-entrance_1wiz4_332",
+  "left-entrance": "_left-entrance_1wiz4_335",
+  "right-entrance": "_right-entrance_1wiz4_338",
+  "bottom-leave": "_bottom-leave_1wiz4_341",
+  "top-leave": "_top-leave_1wiz4_344",
+  "right-leave": "_right-leave_1wiz4_347",
+  "left-leave": "_left-leave_1wiz4_350",
+  spinner: co
+}, mo = ["id"], fo = ["innerHTML"], Po = /* @__PURE__ */ T({
   __name: "Tooltip",
   props: {
     id: {},
@@ -739,190 +731,189 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
     absolutePosition: { type: [Boolean, null, String, Object, Array] }
   },
   setup(u) {
-    const n = u, r = v(null), t = v("center"), a = v("bottom"), _ = v("center"), d = v(!1), e = v(""), l = v(!1), b = v(!1), c = v(""), P = v("d-n"), q = v(null), B = v(null), R = v(null), S = C(() => n.staticPosition.split(" ")[0]), L = C(() => n.staticPosition.split(" ")[1]), Z = C(() => n.iconName ? "mt-1" : "mt-0"), re = C(() => n.preventXss ? fo(n.text) : n.text), D = C(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && d.value ? a.value === "bottom" ? "top" : "bottom" : S.value === "top" ? "bottom" : S.value === "bottom" ? "top" : S.value === "left" ? "right" : S.value === "right" ? "left" : "bottom"), ae = C(() => n.absolutePositionStatus ? "" : l.value && b.value || c.value === "icon" && l.value ? "opa-1" : "opa-0"), J = C(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && d.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : _.value : L.value === "center" ? "center" : L.value === "left" || L.value === "top" ? "start" : L.value === "right" || L.value === "bottom" ? "end" : "center"), le = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && d.value ? E[`wrapper__box_${a.value}-${t.value}`] : E[`wrapper__box_${S.value}-${J.value}`]), K = C(() => n.offsetX === 0 && n.offsetY === 0 ? {} : n.dynamicPosition ? {
+    const n = u, r = v(null), t = v("center"), a = v("bottom"), _ = v("center"), d = v(!1), e = v(""), l = v(!1), b = v(!1), c = v(""), P = v("d-n"), H = v(null), B = v(null), G = v(null), S = C(() => n.staticPosition.split(" ")[0]), O = C(() => n.staticPosition.split(" ")[1]), Z = C(() => n.iconName ? "mt-1" : "mt-0"), re = C(() => n.preventXss ? so(n.text) : n.text), A = C(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && d.value ? a.value === "bottom" ? "top" : "bottom" : S.value === "top" ? "bottom" : S.value === "bottom" ? "top" : S.value === "left" ? "right" : S.value === "right" ? "left" : "bottom"), ae = C(() => n.absolutePositionStatus ? "" : l.value && b.value || c.value === "icon" && l.value ? "opa-1" : "opa-0"), J = C(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && d.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : _.value : O.value === "center" ? "center" : O.value === "left" || O.value === "top" ? "start" : O.value === "right" || O.value === "bottom" ? "end" : "center"), le = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && d.value ? W[`wrapper__box_${a.value}-${t.value}`] : W[`wrapper__box_${S.value}-${J.value}`]), K = C(() => n.offsetX === 0 && n.offsetY === 0 ? {} : n.dynamicPosition ? {
       [`margin-${a.value === "bottom" ? "top" : "bottom"}`]: `${n.offsetY}px`
-    } : D.value === "top" || D.value === "bottom" ? {
-      [`margin-${D.value}`]: `${n.offsetY}px`
-    } : { [`margin-${D.value}`]: `${n.offsetX}px` }), se = (i) => {
-      const { offsetTop: w, offsetLeft: h, offsetWidth: M, offsetHeight: X } = i, A = w + X, ie = h + M;
+    } : A.value === "top" || A.value === "bottom" ? {
+      [`margin-${A.value}`]: `${n.offsetY}px`
+    } : { [`margin-${A.value}`]: `${n.offsetX}px` }), se = (i) => {
+      const { offsetTop: g, offsetLeft: h, offsetWidth: M, offsetHeight: j } = i, R = g + j, ie = h + M;
       return {
-        top: w,
+        top: g,
         left: h,
         width: M,
-        bottom: A,
+        bottom: R,
         right: ie
       };
-    }, f = (i, w, h = !1) => {
+    }, f = (i, g, h = !1) => {
       if (!i || !B.value)
         return { left: !1, right: !1, top: !1, bottom: !1, center: !1 };
-      const M = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, X = B.value.offsetHeight, A = window.innerWidth, ie = window.innerHeight, de = i.offsetHeight, te = i.offsetWidth || 264, z = w && se(w) || M, me = h ? z == null ? void 0 : z.right : z == null ? void 0 : z.left, fe = h ? z == null ? void 0 : z.top : z == null ? void 0 : z.bottom, Ie = me + z.width + te + n.offsetX < A, Be = me + z.width / 2 - (te + n.offsetX) > 10, Pe = fe + de < ie - n.offsetY, Me = fe - (de + X + n.offsetY) > 0;
+      const M = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, j = B.value.offsetHeight, R = window.innerWidth, ie = window.innerHeight, de = i.offsetHeight, te = i.offsetWidth || 264, k = g && se(g) || M, me = h ? k == null ? void 0 : k.right : k == null ? void 0 : k.left, fe = h ? k == null ? void 0 : k.top : k == null ? void 0 : k.bottom, Ie = me + k.width + te + n.offsetX < R, Be = me + k.width / 2 - (te + n.offsetX) > 10, Pe = fe + de < ie - n.offsetY, Me = fe - (de + j + n.offsetY) > 0;
       let be = !1;
-      return n.iconName && (be = z.right + te / 2 < A && z.left - (te + n.offsetX) / 2 >= 10), {
+      return n.iconName && (be = k.right + te / 2 < R && k.left - (te + n.offsetX) / 2 >= 10), {
         left: Be,
         right: Ie,
         bottom: Pe,
         top: Me,
         center: be
       };
-    }, g = () => {
-      we(() => {
-        var A;
+    }, w = () => {
+      ge(() => {
+        var R;
         d.value = !0;
-        const { bottom: i, left: w, right: h, top: M, center: X } = f(
-          R.value,
-          (A = R.value) == null ? void 0 : A.parentNode
+        const { bottom: i, left: g, right: h, top: M, center: j } = f(
+          G.value,
+          (R = G.value) == null ? void 0 : R.parentNode
         );
-        if (X) {
+        if (j) {
           t.value = "center", a.value = i && !M ? "bottom" : "top";
           return;
         }
-        if (i && w && h && M) {
+        if (i && g && h && M) {
           t.value = "center", a.value = "top";
           return;
         }
         if (M && !i) {
-          if (h && w) {
+          if (h && g) {
             t.value = "center", a.value = "top";
             return;
           }
-          if (h && !w) {
+          if (h && !g) {
             t.value = "start", a.value = "top";
             return;
           }
-          if (!h && w) {
+          if (!h && g) {
             t.value = "end", a.value = "top";
             return;
           }
         }
         if (i && M) {
-          if (!h && w) {
+          if (!h && g) {
             t.value = "end", a.value = "top", _.value = "end";
             return;
           }
-          if (h && !w) {
+          if (h && !g) {
             t.value = "start", a.value = "top", _.value = "start";
             return;
           }
         }
         if (i && !M) {
-          if (h && w) {
+          if (h && g) {
             t.value = "center", a.value = "bottom", _.value = "top";
             return;
           }
-          if (!h && w) {
+          if (!h && g) {
             t.value = "end", a.value = "bottom", _.value = "top";
             return;
           }
-          h && !w && (t.value = "start", a.value = "bottom", _.value = "top");
+          h && !g && (t.value = "start", a.value = "bottom", _.value = "top");
         }
       });
-    }, x = (i) => {
+    }, $ = (i) => {
       if (!(i instanceof HTMLElement))
         return !1;
-      const w = i.scrollHeight > i.offsetHeight, h = window.getComputedStyle(i).overflowY, M = ["auto", "scroll"].includes(h);
-      return w && M;
-    }, O = (i) => {
-      const w = (i == null ? void 0 : i.nodeType) === Node.COMMENT_NODE, h = (i == null ? void 0 : i.nodeType) === Node.DOCUMENT_NODE;
-      return !i || w || h ? document : x(i) ? i : O(i.parentNode);
-    }, Y = () => {
+      const g = i.scrollHeight > i.offsetHeight, h = window.getComputedStyle(i).overflowY, M = ["auto", "scroll"].includes(h);
+      return g && M;
+    }, N = (i) => {
+      const g = (i == null ? void 0 : i.nodeType) === Node.COMMENT_NODE, h = (i == null ? void 0 : i.nodeType) === Node.DOCUMENT_NODE;
+      return !i || g || h ? document : $(i) ? i : N(i.parentNode);
+    }, X = () => {
       var i;
-      (i = q.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
+      (i = H.value) == null || i.removeEventListener("scroll", w), window == null || window.removeEventListener("resize", w);
     }, ee = () => {
-      we(() => {
+      ge(() => {
         var i;
-        q.value = O(B.value), (i = q.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
+        H.value = N(B.value), (i = H.value) == null || i.addEventListener("scroll", w), window == null || window.addEventListener("resize", w);
       });
-    }, $e = () => {
+    }, xe = () => {
       c.value = "wrapper", P.value = "d-b", l.value = !0;
     }, _e = () => {
       c.value = "icon", P.value = "d-b", b.value = !0;
-    }, xe = () => {
+    }, $e = () => {
       b.value = !1;
-    }, ze = () => {
+    }, ke = () => {
       c.value = "", l.value = !1, b.value = !1;
     }, Se = () => {
-      ze(), n.dynamicPosition ? a.value === "bottom" ? e.value = "bottom-leave" : a.value === "top" && (e.value = "top-leave") : S.value === "top" ? e.value = "top-leave" : S.value === "bottom" ? e.value = "bottom-leave" : S.value === "left" ? e.value = "left-leave" : S.value === "right" && (e.value = "right-leave"), setTimeout(() => {
+      ke(), n.dynamicPosition ? a.value === "bottom" ? e.value = "bottom-leave" : a.value === "top" && (e.value = "top-leave") : S.value === "top" ? e.value = "top-leave" : S.value === "bottom" ? e.value = "bottom-leave" : S.value === "left" ? e.value = "left-leave" : S.value === "right" && (e.value = "right-leave"), setTimeout(() => {
         e.value = "", P.value = "d-n";
       }, n.absolutePositionStatus ? 0 : 250);
     }, Ce = () => {
-      $e(), g(), n.dynamicPosition ? a.value === "bottom" ? e.value = "top-entrance" : a.value === "top" && (e.value = "bottom-entrance") : S.value === "top" ? e.value = "bottom-entrance" : S.value === "bottom" ? e.value = "top-entrance" : S.value === "left" ? e.value = "right-entrance" : S.value === "right" && (e.value = "left-entrance"), setTimeout(() => {
+      xe(), w(), n.dynamicPosition ? a.value === "bottom" ? e.value = "top-entrance" : a.value === "top" && (e.value = "bottom-entrance") : S.value === "top" ? e.value = "bottom-entrance" : S.value === "bottom" ? e.value = "top-entrance" : S.value === "left" ? e.value = "right-entrance" : S.value === "right" && (e.value = "left-entrance"), setTimeout(() => {
         e.value = "";
       }, 250);
     };
     return ce(() => {
       n.dynamicPosition && ee();
-    }), Ve(() => {
-      Y();
-    }), (i, w) => (p(), m("div", {
+    }), Le(() => {
+      X();
+    }), (i, g) => (p(), m("div", {
       id: i.id,
       ref_key: "tooltipRootRef",
       ref: B,
-      class: s(o(E).wrapper),
+      class: s(o(W).wrapper),
       onMouseenter: Ce,
       onMouseleave: Se
     }, [
-      i.iconName ? (p(), j(o(Q), {
+      i.iconName ? (p(), U(o(Q), {
         key: 0,
         ref_key: "tooltipIconRef",
         ref: r,
-        class: s(o(E).wrapper__icon),
+        class: s(o(W).wrapper__icon),
         name: i.iconName,
         onMouseenter: _e,
-        onMouseleave: xe
+        onMouseleave: $e
       }, null, 8, ["class", "name"])) : (p(), m("div", {
         key: 1,
-        class: s(o(E).wrapper__icon),
+        class: s(o(W).wrapper__icon),
         onMouseenter: _e,
         onMouseleave: _e
       }, [
-        W(i.$slots, "triggerElement")
+        D(i.$slots, "triggerElement")
       ], 34)),
       i.status ? (p(), m("div", {
         key: 2,
         ref_key: "tooltipPopupRef",
-        ref: R,
-        class: s([o(E).wrapper__box, le.value, ae.value, P.value]),
-        style: U(i.absolutePosition)
+        ref: G,
+        class: s([o(W).wrapper__box, le.value, ae.value, P.value]),
+        style: q(i.absolutePosition)
       }, [
-        ye(o(Po), {
+        ye(o(yo), {
           "border-triangle": "",
           "border-triangle-align": J.value,
-          "border-triangle-position": D.value,
-          class: s([o(E)["wrapper__box-content"], Z.value, e.value]),
-          style: U(K.value)
+          "border-triangle-position": A.value,
+          class: s([o(W)["wrapper__box-content"], Z.value, e.value]),
+          style: q(K.value)
         }, {
-          default: ke(() => [
+          default: ze(() => [
             y("div", {
-              class: s(o(E).wrapper__text),
-              style: U({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
+              class: s(o(W).wrapper__text),
+              style: q({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
             }, [
-              y("div", { innerHTML: re.value }, null, 8, $o),
-              W(i.$slots, "contentSlot")
+              y("div", { innerHTML: re.value }, null, 8, fo),
+              D(i.$slots, "contentSlot")
             ], 6)
           ]),
           _: 3
         }, 8, ["border-triangle-align", "border-triangle-position", "class", "style"])
-      ], 6)) : k("", !0)
-    ], 42, ko));
+      ], 6)) : z("", !0)
+    ], 42, mo));
   }
-}), xo = "_icon_1sx9k_122", zo = "_spinner_1sx9k_1", So = "_box_1sx9k_188", Co = "_flipBox_1sx9k_276", ne = {
-  icon: xo,
-  spinner: zo,
-  box: So,
-  "box_top-start": "_box_top-start_1sx9k_192",
-  "box_top-center": "_box_top-center_1sx9k_192",
-  "box_top-end": "_box_top-end_1sx9k_192",
-  "box_right-start": "_box_right-start_1sx9k_192",
-  "box_right-center": "_box_right-center_1sx9k_192",
-  "box_right-end": "_box_right-end_1sx9k_192",
-  "box_bottom-start": "_box_bottom-start_1sx9k_192",
-  "box_bottom-center": "_box_bottom-center_1sx9k_192",
-  "box_bottom-end": "_box_bottom-end_1sx9k_192",
-  "box_left-start": "_box_left-start_1sx9k_192",
-  "box_left-center": "_box_left-center_1sx9k_192",
-  "box_left-end": "_box_left-end_1sx9k_192",
-  flipBox: Co
-}, Io = /* @__PURE__ */ T({
+}), bo = "_box_1ebla_189", vo = "_flipBox_1ebla_277", wo = "_spinner_1ebla_1", ne = {
+  box: bo,
+  "box_top-start": "_box_top-start_1ebla_193",
+  "box_top-center": "_box_top-center_1ebla_193",
+  "box_top-end": "_box_top-end_1ebla_193",
+  "box_right-start": "_box_right-start_1ebla_193",
+  "box_right-center": "_box_right-center_1ebla_193",
+  "box_right-end": "_box_right-end_1ebla_193",
+  "box_bottom-start": "_box_bottom-start_1ebla_193",
+  "box_bottom-center": "_box_bottom-center_1ebla_193",
+  "box_bottom-end": "_box_bottom-end_1ebla_193",
+  "box_left-start": "_box_left-start_1ebla_193",
+  "box_left-center": "_box_left-center_1ebla_193",
+  "box_left-end": "_box_left-end_1ebla_193",
+  flipBox: vo,
+  spinner: wo
+}, go = /* @__PURE__ */ T({
   __name: "DefaultBox",
   props: {
     border: {},
@@ -943,10 +934,10 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
       class: s([o(ne).box, a.value, d.border, d.borderRadius]),
       onClick: _
     }, [
-      W(d.$slots, "default")
+      D(d.$slots, "default")
     ], 2));
   }
-}), Bo = /* @__PURE__ */ T({
+}), ho = /* @__PURE__ */ T({
   __name: "FlipBox",
   props: {
     boxSpacing: { default: "" }
@@ -959,17 +950,17 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
         y("div", {
           class: s([o(ne).box, n.boxSpacing])
         }, [
-          W(n.$slots, "front")
+          D(n.$slots, "front")
         ], 2),
         y("div", {
           class: s([n.boxSpacing])
         }, [
-          W(n.$slots, "reverse")
+          D(n.$slots, "reverse")
         ], 2)
       ])
     ], 2));
   }
-}), Po = /* @__PURE__ */ T({
+}), yo = /* @__PURE__ */ T({
   __name: "Box",
   props: {
     type: { default: "default" },
@@ -980,34 +971,34 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
   },
   setup(u) {
     const n = {
-      default: Io,
-      flip: Bo
+      default: go,
+      flip: ho
     };
-    return (r, t) => (p(), j(Le(n[r.type]), {
+    return (r, t) => (p(), U(Oe(n[r.type]), {
       "border-triangle": r.borderTriangle,
       "border-triangle-align": r.borderTriangleAlign,
       "border-triangle-position": r.borderTrianglePosition,
       "box-spacing": r.boxSpacing
     }, {
-      default: ke(() => [
-        W(r.$slots, "default"),
-        W(r.$slots, "front"),
-        W(r.$slots, "reverse")
+      default: ze(() => [
+        D(r.$slots, "default"),
+        D(r.$slots, "front"),
+        D(r.$slots, "reverse")
       ]),
       _: 3
     }, 8, ["border-triangle", "border-triangle-align", "border-triangle-position", "box-spacing"]));
   }
 });
 export {
-  Po as Box,
-  To as Button,
-  qo as DropdownMenu,
+  yo as Box,
+  xo as Button,
+  $o as DropdownMenu,
   Q as Icon,
-  Oo as NumberInput,
-  Ho as OnPageMessage,
-  Vo as SegmentButton,
-  Lo as TextInput,
-  No as Toggle,
-  Eo as Tooltip
+  Io as NumberInput,
+  ko as OnPageMessage,
+  So as SegmentButton,
+  Co as TextInput,
+  Bo as Toggle,
+  Po as Tooltip
 };
 //# sourceMappingURL=ab-components.es.js.map