@useinsider/ab-components 0.0.16 → 0.0.18

package/dist/ab-components.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, computed as S, openBlock as p, createElementBlock as d, normalizeClass as s, unref as o, createBlock as U, createCommentVNode as z, toDisplayString as I, ref as v, reactive as me, onMounted as pe, watch as oe, Fragment as ue, createElementVNode as $, withDirectives as ve, normalizeStyle as F, withModifiers as Te, vModelText as He, renderList as we, createVNode as he, onBeforeUnmount as Le, renderSlot as W, withCtx as ye, nextTick as ge, resolveDynamicComponent as Ve } from "vue";
-const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8", Ee = "_button_16zzc_1", We = "_button__label_16zzc_193", De = "_button__solid_16zzc_205", je = "_fill_16zzc_1125", G = {
+import { defineComponent as T, computed as C, openBlock as u, createElementBlock as f, normalizeClass as s, unref as o, createBlock as U, createCommentVNode as $, toDisplayString as I, ref as v, reactive as me, onMounted as pe, watch as oe, Fragment as ue, createElementVNode as z, withDirectives as ve, normalizeStyle as F, withModifiers as Te, vModelText as He, renderList as we, vShow as Ve, createVNode as he, onBeforeUnmount as Le, renderSlot as W, withCtx as ye, nextTick as ge, resolveDynamicComponent as Ne } from "vue";
+const Oe = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8", We = "_button_16zzc_1", De = "_button__label_16zzc_193", je = "_button__solid_16zzc_205", qe = "_fill_16zzc_1125", G = {
   button__size_default: Oe,
-  button__size_small: Ne,
-  button: Ee,
-  button__label: We,
+  button__size_small: Ee,
+  button: We,
+  button__label: De,
   "button__solid-primary": "_button__solid-primary_16zzc_205",
   "no-hover-effect": "_no-hover-effect_16zzc_212",
   "button--selected": "_button--selected_16zzc_234",
@@ -31,9 +31,9 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
   "button__outline-danger": "_button__outline-danger_16zzc_1000",
   "button__outline-warning": "_button__outline-warning_16zzc_1037",
   "button__outline-smart": "_button__outline-smart_16zzc_1074",
-  button__solid: De,
-  fill: je
-}, qe = ["disabled"], co = /* @__PURE__ */ T({
+  button__solid: je,
+  fill: qe
+}, Ae = ["disabled"], fo = /* @__PURE__ */ T({
   __name: "Button",
   props: {
     variant: {},
@@ -48,81 +48,81 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
     fill: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(u, { emit: n }) {
-    const a = u, t = n, l = (r) => {
-      a.disabled || t("click", r);
-    }, c = S(() => a.loadingStatus ? "loading-circle" : a.successStatus ? "line-check-natural" : a.leftIconName);
-    return (r, e) => (p(), d("button", {
+  setup(i, { emit: n }) {
+    const r = i, t = n, a = (c) => {
+      r.disabled || t("click", c);
+    }, d = C(() => r.loadingStatus ? "loading-circle" : r.successStatus ? "line-check-natural" : r.leftIconName);
+    return (c, e) => (u(), f("button", {
       class: s([
         o(G).button,
-        o(G)[`button__${r.variant}`],
-        o(G)[`button__${r.variant}-${r.color}`],
-        o(G)[`button__size_${r.size}`],
-        { [o(G).fill]: r.fill }
+        o(G)[`button__${c.variant}`],
+        o(G)[`button__${c.variant}-${c.color}`],
+        o(G)[`button__size_${c.size}`],
+        { [o(G).fill]: c.fill }
       ]),
-      disabled: a.disabled,
-      onClick: l
+      disabled: r.disabled,
+      onClick: a
     }, [
-      c.value ? (p(), U(o(Q), {
+      d.value ? (u(), U(o(Q), {
         key: 0,
-        name: c.value
-      }, null, 8, ["name"])) : z("", !0),
-      r.label ? (p(), d("span", {
+        name: d.value
+      }, null, 8, ["name"])) : $("", !0),
+      c.label ? (u(), f("span", {
         key: 1,
         class: s(o(G).button__label)
-      }, I(r.label), 3)) : z("", !0),
-      r.rightIconName ? (p(), U(o(Q), {
+      }, I(c.label), 3)) : $("", !0),
+      c.rightIconName ? (u(), U(o(Q), {
         key: 2,
-        name: r.rightIconName
-      }, null, 8, ["name"])) : z("", !0)
-    ], 10, qe));
+        name: c.rightIconName
+      }, null, 8, ["name"])) : $("", !0)
+    ], 10, Ae));
   }
-}), Ae = {
-  mounted(u, n) {
-    u.clickOutsideEvent = (a) => {
-      [u, ...n.value.exclude || []].some((l) => l && (l === a.target || l.contains(a.target))) || n.value.handler();
-    }, document.addEventListener("click", u.clickOutsideEvent);
+}), Re = {
+  mounted(i, n) {
+    i.clickOutsideEvent = (r) => {
+      [i, ...n.value.exclude || []].some((a) => a && (a === r.target || a.contains(r.target))) || n.value.handler();
+    }, document.addEventListener("click", i.clickOutsideEvent);
   },
-  unmounted(u) {
-    u.clickOutsideEvent && document.removeEventListener("click", u.clickOutsideEvent);
+  unmounted(i) {
+    i.clickOutsideEvent && document.removeEventListener("click", i.clickOutsideEvent);
   }
-}, Re = (u, n) => {
+}, Ge = (i, n) => {
   var t;
-  let a = 0;
-  for (const l of u)
-    if (l.toLowerCase() === ((t = n[a]) == null ? void 0 : t.toLowerCase()) && a++, a === n.length)
+  let r = 0;
+  for (const a of i)
+    if (a.toLowerCase() === ((t = n[r]) == null ? void 0 : t.toLowerCase()) && r++, r === n.length)
       return !0;
   return !1;
-}, Ge = (u, n, a) => {
-  if (!a.trim())
-    return u;
-  const t = a.toLowerCase();
-  return u.filter((l) => {
-    const c = String(l[n]);
-    return Re(c.toLowerCase(), t);
-  }).sort((l, c) => {
-    const r = String(l[n]).toLowerCase(), e = String(c[n]).toLowerCase();
-    return r === t ? -1 : e === t ? 1 : r.startsWith(t) && !e.startsWith(t) ? -1 : !r.startsWith(t) && e.startsWith(t) ? 1 : r.length - e.length;
+}, Ye = (i, n, r) => {
+  if (!r.trim())
+    return i;
+  const t = r.toLowerCase();
+  return i.filter((a) => {
+    const d = String(a[n]);
+    return Ge(d.toLowerCase(), t);
+  }).sort((a, d) => {
+    const c = String(a[n]).toLowerCase(), e = String(d[n]).toLowerCase();
+    return c === t ? -1 : e === t ? 1 : c.startsWith(t) && !e.startsWith(t) ? -1 : !c.startsWith(t) && e.startsWith(t) ? 1 : c.length - e.length;
   });
-}, Ye = "_dropdown_c02u6_1", Xe = "_menu_c02u6_1", Fe = "_dropdown__valueContent_c02u6_183", Ue = "_dropdown__label_c02u6_194", Qe = "_dropdown__value_c02u6_183", Ze = "_dropdown__placeholder_c02u6_202", Je = "_dropdown__arrowIcon_c02u6_210", Ke = "_menu__searchContainer_c02u6_225", et = "_menu__searchInputWrap_c02u6_229", tt = "_menu__searchInput_c02u6_229", ot = "_menu__errorMessage_c02u6_251", nt = "_menu__addButton_c02u6_258", rt = "_menu__itemContainer_c02u6_266", at = "_menu__item_c02u6_266", k = {
-  dropdown: Ye,
-  menu: Xe,
-  dropdown__valueContent: Fe,
+}, Xe = "_dropdown_c02u6_1", Fe = "_menu_c02u6_1", Ue = "_dropdown__valueContent_c02u6_183", Qe = "_dropdown__label_c02u6_194", Ze = "_dropdown__value_c02u6_183", Je = "_dropdown__placeholder_c02u6_202", Ke = "_dropdown__arrowIcon_c02u6_210", et = "_menu__searchContainer_c02u6_225", tt = "_menu__searchInputWrap_c02u6_229", ot = "_menu__searchInput_c02u6_229", nt = "_menu__errorMessage_c02u6_251", rt = "_menu__addButton_c02u6_258", at = "_menu__itemContainer_c02u6_266", lt = "_menu__item_c02u6_266", x = {
+  dropdown: Xe,
+  menu: Fe,
+  dropdown__valueContent: Ue,
   "dropdown__valueContent--open": "_dropdown__valueContent--open_c02u6_191",
-  dropdown__label: Ue,
-  dropdown__value: Qe,
-  dropdown__placeholder: Ze,
-  dropdown__arrowIcon: Je,
-  menu__searchContainer: Ke,
-  menu__searchInputWrap: et,
-  menu__searchInput: tt,
+  dropdown__label: Qe,
+  dropdown__value: Ze,
+  dropdown__placeholder: Je,
+  dropdown__arrowIcon: Ke,
+  menu__searchContainer: et,
+  menu__searchInputWrap: tt,
+  menu__searchInput: ot,
   "menu__searchInput--error": "_menu__searchInput--error_c02u6_248",
-  menu__errorMessage: ot,
-  menu__addButton: nt,
-  menu__itemContainer: rt,
-  menu__item: at,
+  menu__errorMessage: nt,
+  menu__addButton: rt,
+  menu__itemContainer: at,
+  menu__item: lt,
   "menu__item--active": "_menu__item--active_c02u6_304"
-}, lt = ["for"], st = ["placeholder"], _t = ["onClick"], fo = /* @__PURE__ */ T({
+}, st = ["for"], _t = ["placeholder"], it = ["onClick"], bo = /* @__PURE__ */ T({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -138,11 +138,11 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
     validateAddItem: { type: Function, default: () => null }
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
-  setup(u, { emit: n }) {
-    const a = Ae, t = u, l = n, c = v(), r = v(), e = v(!1), _ = v(null), f = v(""), m = v(null), P = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), H = me([...t.items]), B = me([...t.items]), A = () => {
-      if (!c.value)
+  setup(i, { emit: n }) {
+    const r = Re, t = i, a = n, d = v(), c = v(), e = v(!1), l = v(null), m = v(""), p = v(null), P = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), H = me([...t.items]), B = me([...t.items]), A = () => {
+      if (!d.value)
         return;
-      const { offsetTop: b, offsetLeft: h, offsetWidth: g } = c.value, j = window.innerHeight, R = b + c.value.offsetHeight, ee = R + t.menuHeight > j;
+      const { offsetTop: b, offsetLeft: h, offsetWidth: g } = d.value, j = window.innerHeight, R = b + d.value.offsetHeight, ee = R + t.menuHeight > j;
       P.value = {
         x: h + window.scrollX,
         y: ee ? b + window.scrollY : R + window.scrollY,
@@ -150,31 +150,31 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
         shouldOpenUp: ee,
         height: t.menuHeight
       };
-    }, C = () => {
+    }, S = () => {
       A(), e.value = !e.value;
-    }, O = () => {
-      m.value = null, f.value = "", H.splice(0, H.length, ...B);
+    }, N = () => {
+      p.value = null, m.value = "", H.splice(0, H.length, ...B);
     }, Z = () => {
-      e.value = !1, O();
+      e.value = !1, N();
     }, re = (b) => {
-      _.value = b, l("select-item", b), l("update:modelValue", b.value), Z();
+      l.value = b, a("select-item", b), a("update:modelValue", b.value), Z();
     }, D = () => {
-      const b = f.value.trim(), h = t.validateAddItem(b, B);
+      const b = m.value.trim(), h = t.validateAddItem(b, B);
       if (h) {
-        m.value = h, l("add-error", h);
+        p.value = h, a("add-error", h);
         return;
       }
       const g = {
         text: b,
         value: b
       };
-      B.push(g), O(), l("item-added", g);
+      B.push(g), N(), a("item-added", g);
     }, ae = () => {
-      const b = Ge(B, "text", f.value);
+      const b = Ye(B, "text", m.value);
       H.splice(0, H.length, ...b);
     }, J = () => {
-      m.value = "";
-    }, le = S(() => ({
+      p.value = "";
+    }, le = C(() => ({
       top: P.value.shouldOpenUp ? `${P.value.y - 10}px` : `${P.value.y}px`,
       left: `${P.value.x}px`,
       width: `${P.value.width}px`,
@@ -183,15 +183,15 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
     pe(() => {
       if (A(), t.modelValue) {
         const b = B.find((h) => h.value === t.modelValue);
-        b && (_.value = b);
+        b && (l.value = b);
       }
     });
-    const K = S(() => _.value ? _.value.text : "");
+    const K = C(() => l.value ? l.value.text : "");
     return oe(() => t.modelValue, (b) => {
       var h;
-      if (((h = _.value) == null ? void 0 : h.value) !== b) {
+      if (((h = l.value) == null ? void 0 : h.value) !== b) {
         const g = B.find((j) => j.value === b);
-        g && (_.value = g);
+        g && (l.value = g);
       }
     }), oe(
       () => t.items,
@@ -199,149 +199,149 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
         B.splice(0, B.length, ...b), H.splice(0, H.length, ...b);
       },
       { deep: !0 }
-    ), (b, h) => (p(), d(ue, null, [
-      $("div", {
+    ), (b, h) => (u(), f(ue, null, [
+      z("div", {
         ref_key: "dropdownRef",
-        ref: c,
-        class: s(o(k).dropdown)
+        ref: d,
+        class: s(o(x).dropdown)
       }, [
-        b.label ? (p(), d("label", {
+        b.label ? (u(), f("label", {
           key: 0,
-          class: s(o(k).dropdown__label),
+          class: s(o(x).dropdown__label),
           for: b.id
-        }, I(b.label), 11, lt)) : z("", !0),
-        $("button", {
+        }, I(b.label), 11, st)) : $("", !0),
+        z("button", {
           class: s([
-            o(k).dropdown__valueContent,
+            o(x).dropdown__valueContent,
             {
-              [o(k)["dropdown__valueContent--open"]]: e.value
+              [o(x)["dropdown__valueContent--open"]]: e.value
             }
           ]),
-          onClick: C
+          onClick: S
         }, [
-          $("span", {
-            class: s(o(k).dropdown__value)
+          z("span", {
+            class: s(o(x).dropdown__value)
           }, I(K.value), 3),
-          b.placeholder && !K.value ? (p(), d("span", {
+          b.placeholder && !K.value ? (u(), f("span", {
             key: 0,
-            class: s(o(k).dropdown__placeholder)
-          }, I(b.placeholder), 3)) : z("", !0),
-          (p(), d("svg", {
+            class: s(o(x).dropdown__placeholder)
+          }, I(b.placeholder), 3)) : $("", !0),
+          (u(), f("svg", {
             fill: "none",
             height: "17",
             viewBox: "0 0 16 17",
             width: "16",
             xmlns: "http://www.w3.org/2000/svg",
-            class: s(o(k).dropdown__arrowIcon)
+            class: s(o(x).dropdown__arrowIcon)
           }, h[2] || (h[2] = [
-            $("path", {
+            z("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
               fill: "#91949F"
             }, null, -1)
           ]), 2))
         ], 2)
       ], 2),
-      e.value ? ve((p(), d("div", {
-        key: 0,
+      ve((u(), f("div", {
         ref_key: "menuRef",
-        ref: r,
-        class: s(o(k).menu),
+        ref: c,
+        class: s(o(x).menu),
         style: F(le.value),
         onClick: h[1] || (h[1] = Te(() => {
         }, ["prevent"]))
       }, [
-        t.searchable ? (p(), d("div", {
+        t.searchable ? (u(), f("div", {
           key: 0,
-          class: s(o(k).menu__searchContainer)
+          class: s(o(x).menu__searchContainer)
         }, [
-          $("div", {
-            class: s(o(k).menu__searchInputWrap)
+          z("div", {
+            class: s(o(x).menu__searchInputWrap)
           }, [
-            ve($("input", {
+            ve(z("input", {
               type: "text",
               class: s([
-                o(k).menu__searchInput,
+                o(x).menu__searchInput,
                 {
-                  [o(k)["menu__searchInput--error"]]: m.value
+                  [o(x)["menu__searchInput--error"]]: p.value
                 }
               ]),
               placeholder: b.searchPlaceHolder,
-              "onUpdate:modelValue": h[0] || (h[0] = (g) => f.value = g),
+              "onUpdate:modelValue": h[0] || (h[0] = (g) => m.value = g),
               onFocus: J,
               onInput: ae
-            }, null, 42, st), [
-              [He, f.value]
+            }, null, 42, _t), [
+              [He, m.value]
             ]),
-            m.value ? (p(), d("p", {
+            p.value ? (u(), f("p", {
               key: 0,
-              class: s(o(k).menu__errorMessage)
-            }, I(m.value), 3)) : z("", !0)
+              class: s(o(x).menu__errorMessage)
+            }, I(p.value), 3)) : $("", !0)
           ], 2),
-          t.addable ? (p(), d("button", {
+          t.addable ? (u(), f("button", {
             key: 0,
-            class: s(o(k).menu__addButton),
+            class: s(o(x).menu__addButton),
             onClick: D
-          }, I(b.addButtonText), 3)) : z("", !0)
-        ], 2)) : z("", !0),
-        $("ul", {
-          class: s(o(k).menu__itemContainer)
+          }, I(b.addButtonText), 3)) : $("", !0)
+        ], 2)) : $("", !0),
+        z("ul", {
+          class: s(o(x).menu__itemContainer)
         }, [
-          (p(!0), d(ue, null, we(H, (g, j) => (p(), d("li", {
+          (u(!0), f(ue, null, we(H, (g, j) => (u(), f("li", {
             key: `${g.value}-${j}`,
             class: s([
-              o(k).menu__item,
+              o(x).menu__item,
               {
-                [o(k)["menu__item--active"]]: _.value && g.value === _.value.value
+                [o(x)["menu__item--active"]]: l.value && g.value === l.value.value
               }
             ]),
             onClick: (R) => re(g)
-          }, I(g.text), 11, _t))), 128))
+          }, I(g.text), 11, it))), 128))
         ], 2)
       ], 6)), [
-        [o(a), { handler: Z, exclude: [c.value, r.value] }]
-      ]) : z("", !0)
+        [Ve, e.value],
+        [o(r), { handler: Z, exclude: [d.value, c.value] }]
+      ])
     ], 64));
   }
-}), it = ["fill", "height", "width"], ut = ["xlink:href"], pt = /* @__PURE__ */ T({
+}), ut = ["fill", "height", "width"], pt = ["xlink:href"], ct = /* @__PURE__ */ T({
   __name: "Icon",
   props: {
     name: {},
     size: { default: 16 },
     color: {}
   },
-  setup(u) {
-    const n = u, a = S(() => typeof n.size == "number" ? `${n.size}px` : n.size);
-    return (t, l) => (p(), d("svg", {
+  setup(i) {
+    const n = i, r = C(() => typeof n.size == "number" ? `${n.size}px` : n.size);
+    return (t, a) => (u(), f("svg", {
       class: "icon",
       fill: t.color || "currentColor",
-      height: a.value,
-      width: a.value
+      height: r.value,
+      width: r.value
     }, [
-      $("use", {
+      z("use", {
         "xlink:href": `#${t.name}`
-      }, null, 8, ut)
-    ], 8, it));
+      }, null, 8, pt)
+    ], 8, ut));
   }
-}), ct = (u, n) => {
-  const a = u.__vccOpts || u;
-  for (const [t, l] of n)
-    a[t] = l;
-  return a;
-}, Q = /* @__PURE__ */ ct(pt, [["__scopeId", "data-v-f04c8857"]]), dt = "_container_pab2j_1", ft = "_container__text_pab2j_185", bt = "_container__default_pab2j_189", mt = "_container__warning_pab2j_197", vt = "_container__alert_pab2j_205", gt = "_container__success_pab2j_213", ie = {
-  container: dt,
-  container__text: ft,
-  container__default: bt,
-  container__warning: mt,
-  container__alert: vt,
-  container__success: gt
-}, bo = /* @__PURE__ */ T({
+}), dt = (i, n) => {
+  const r = i.__vccOpts || i;
+  for (const [t, a] of n)
+    r[t] = a;
+  return r;
+}, Q = /* @__PURE__ */ dt(ct, [["__scopeId", "data-v-f04c8857"]]), ft = "_container_pab2j_1", bt = "_container__text_pab2j_185", mt = "_container__default_pab2j_189", vt = "_container__warning_pab2j_197", gt = "_container__alert_pab2j_205", wt = "_container__success_pab2j_213", ie = {
+  container: ft,
+  container__text: bt,
+  container__default: mt,
+  container__warning: vt,
+  container__alert: gt,
+  container__success: wt
+}, mo = /* @__PURE__ */ T({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
     text: {}
   },
-  setup(u) {
-    const n = u, a = S(() => {
+  setup(i) {
+    const n = i, r = C(() => {
       switch (n.variant) {
         case "alert":
           return "icon-info-box-error";
@@ -353,38 +353,38 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
           return "filled-info-circle";
       }
     });
-    return (t, l) => (p(), d("div", {
+    return (t, a) => (u(), f("div", {
       class: s([
         o(ie).container,
         o(ie)[`container__${t.variant}`]
       ])
     }, [
       he(Q, {
-        name: a.value,
+        name: r.value,
         size: 24
       }, null, 8, ["name"]),
-      $("span", {
+      z("span", {
         class: s(o(ie).container__text)
       }, I(t.text), 3)
     ], 2));
   }
-}), wt = "_button__size_default_4wo1i_1", ht = "_button__size_small_4wo1i_8", yt = "_button_4wo1i_1", zt = "_button__label_4wo1i_191", $t = "_button__solid_4wo1i_330", kt = "_segmentGroup_4wo1i_337", xt = "_fill_4wo1i_359", L = {
-  button__size_default: wt,
-  button__size_small: ht,
-  button: yt,
-  button__label: zt,
+}), ht = "_button__size_default_4wo1i_1", yt = "_button__size_small_4wo1i_8", zt = "_button_4wo1i_1", $t = "_button__label_4wo1i_191", xt = "_button__solid_4wo1i_330", kt = "_segmentGroup_4wo1i_337", St = "_fill_4wo1i_359", V = {
+  button__size_default: ht,
+  button__size_small: yt,
+  button: zt,
+  button__label: $t,
   "button--primary": "_button--primary_4wo1i_208",
   "button--selected": "_button--selected_4wo1i_218",
   "button--secondary": "_button--secondary_4wo1i_231",
   "button--danger": "_button--danger_4wo1i_254",
   "button--warning": "_button--warning_4wo1i_277",
   "button--smart": "_button--smart_4wo1i_300",
-  button__solid: $t,
+  button__solid: xt,
   segmentGroup: kt,
   "segmentGroup--vertical": "_segmentGroup--vertical_4wo1i_340",
   "segmentGroup--horizontal": "_segmentGroup--horizontal_4wo1i_349",
-  fill: xt
-}, Ct = ["disabled", "onClick"], mo = /* @__PURE__ */ T({
+  fill: St
+}, Ct = ["disabled", "onClick"], vo = /* @__PURE__ */ T({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -396,57 +396,57 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
     modelValue: {}
   },
   emits: ["update:modelValue", "click"],
-  setup(u, { emit: n }) {
-    const a = u, t = n, l = v(a.modelValue || ""), c = (e) => {
-      a.disabled || e.disabled || (l.value = e.value, t("update:modelValue", e.value), t("click", e.value));
+  setup(i, { emit: n }) {
+    const r = i, t = n, a = v(r.modelValue || ""), d = (e) => {
+      r.disabled || e.disabled || (a.value = e.value, t("update:modelValue", e.value), t("click", e.value));
     };
-    oe(() => a.modelValue, (e) => {
-      l.value !== e && (l.value = e || "");
+    oe(() => r.modelValue, (e) => {
+      a.value !== e && (a.value = e || "");
     });
-    const r = v([...a.segments]);
-    return oe(() => a.segments, (e) => {
-      r.value = [...e], e.some((_) => _.value === l.value) || (l.value = "", t("update:modelValue", ""));
-    }, { deep: !0 }), (e, _) => (p(), d("div", {
+    const c = v([...r.segments]);
+    return oe(() => r.segments, (e) => {
+      c.value = [...e], e.some((l) => l.value === a.value) || (a.value = "", t("update:modelValue", ""));
+    }, { deep: !0 }), (e, l) => (u(), f("div", {
       class: s([
-        o(L).segmentGroup,
-        o(L)[`segmentGroup--${e.align}`],
-        { [o(L).fill]: e.fill }
+        o(V).segmentGroup,
+        o(V)[`segmentGroup--${e.align}`],
+        { [o(V).fill]: e.fill }
       ])
     }, [
-      (p(!0), d(ue, null, we(r.value, (f, m) => (p(), d("button", {
-        key: `${f.value}-${m}`,
+      (u(!0), f(ue, null, we(c.value, (m, p) => (u(), f("button", {
+        key: `${m.value}-${p}`,
         class: s([
-          o(L).button,
-          o(L)[`button--${e.color}`],
-          o(L)[`button__size_${e.size}`],
-          o(L).fill,
+          o(V).button,
+          o(V)[`button--${e.color}`],
+          o(V)[`button__size_${e.size}`],
+          o(V).fill,
           {
-            [o(L)["button--selected"]]: f.value === l.value
+            [o(V)["button--selected"]]: m.value === a.value
           }
         ]),
-        disabled: f.disabled || a.disabled,
-        onClick: (P) => c(f)
+        disabled: m.disabled || r.disabled,
+        onClick: (P) => d(m)
       }, [
-        f.icon ? (p(), U(o(Q), {
+        m.icon ? (u(), U(o(Q), {
           key: 0,
-          name: f.icon
-        }, null, 8, ["name"])) : z("", !0),
-        f.label ? (p(), d("span", {
+          name: m.icon
+        }, null, 8, ["name"])) : $("", !0),
+        m.label ? (u(), f("span", {
           key: 1,
-          class: s(o(L).button__label)
-        }, I(f.label), 3)) : z("", !0)
+          class: s(o(V).button__label)
+        }, I(m.label), 3)) : $("", !0)
       ], 10, Ct))), 128))
     ], 2));
   }
-}), St = "_wrapper__field_1fjsl_1", It = "_wrapper__label_1fjsl_1", Bt = "_wrapper__errorMessage_1fjsl_1", Pt = "_wrapper__counter_1fjsl_1", Mt = "_wrapper_1fjsl_1", Tt = "_wrapper__bottom_1fjsl_221", V = {
-  wrapper__field: St,
-  wrapper__label: It,
-  wrapper__errorMessage: Bt,
-  wrapper__counter: Pt,
-  wrapper: Mt,
-  wrapper__bottom: Tt,
+}), It = "_wrapper__field_1fjsl_1", Bt = "_wrapper__label_1fjsl_1", Pt = "_wrapper__errorMessage_1fjsl_1", Mt = "_wrapper__counter_1fjsl_1", Tt = "_wrapper_1fjsl_1", Ht = "_wrapper__bottom_1fjsl_221", L = {
+  wrapper__field: It,
+  wrapper__label: Bt,
+  wrapper__errorMessage: Pt,
+  wrapper__counter: Mt,
+  wrapper: Tt,
+  wrapper__bottom: Ht,
   "wrapper--error": "_wrapper--error_1fjsl_234"
-}, Ht = ["for"], Lt = ["id", "maxlength", "name", "placeholder", "value"], Vt = ["id", "maxlength", "name", "placeholder", "value"], vo = /* @__PURE__ */ T({
+}, Vt = ["for"], Lt = ["id", "maxlength", "name", "placeholder", "value"], Nt = ["id", "maxlength", "name", "placeholder", "value"], go = /* @__PURE__ */ T({
   __name: "TextInput",
   props: {
     id: {},
@@ -462,38 +462,38 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
     counter: { type: Boolean }
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
-  setup(u, { emit: n }) {
-    const a = u, t = n, l = v(null), c = () => {
-      if (a.autoGrow && l.value) {
-        l.value.style.height = "";
-        const e = Math.min(l.value.scrollHeight, a.maxHeight || l.value.scrollHeight);
-        l.value.style.height = `${e}px`;
+  setup(i, { emit: n }) {
+    const r = i, t = n, a = v(null), d = () => {
+      if (r.autoGrow && a.value) {
+        a.value.style.height = "";
+        const e = Math.min(a.value.scrollHeight, r.maxHeight || a.value.scrollHeight);
+        a.value.style.height = `${e}px`;
       }
-    }, r = (e) => {
-      const _ = e.target;
-      t("input", e), t("update:modelValue", _.value), c();
+    }, c = (e) => {
+      const l = e.target;
+      t("input", e), t("update:modelValue", l.value), d();
     };
     return pe(() => {
-      c();
-    }), (e, _) => {
-      var f;
-      return p(), d("div", {
-        class: s(o(V).wrapper)
+      d();
+    }), (e, l) => {
+      var m;
+      return u(), f("div", {
+        class: s(o(L).wrapper)
       }, [
-        e.label ? (p(), d("label", {
+        e.label ? (u(), f("label", {
           key: 0,
-          class: s(o(V).wrapper__label),
+          class: s(o(L).wrapper__label),
           for: e.id
-        }, I(e.label), 11, Ht)) : z("", !0),
-        e.multiline ? (p(), d("textarea", {
+        }, I(e.label), 11, Vt)) : $("", !0),
+        e.multiline ? (u(), f("textarea", {
           key: 1,
           id: e.id,
           ref_key: "textareaRef",
-          ref: l,
+          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,
@@ -501,57 +501,57 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
           placeholder: e.placeholder,
           style: F(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
           value: e.modelValue,
-          onBlur: _[0] || (_[0] = (m) => t("blur", m)),
-          onChange: _[1] || (_[1] = (m) => e.$emit("change", m)),
-          onFocus: _[2] || (_[2] = (m) => t("focus", m)),
-          onInput: r,
-          onPaste: _[3] || (_[3] = (m) => t("paste", m))
-        }, null, 46, Lt)) : (p(), d("input", {
+          onBlur: l[0] || (l[0] = (p) => t("blur", p)),
+          onChange: l[1] || (l[1] = (p) => e.$emit("change", p)),
+          onFocus: l[2] || (l[2] = (p) => t("focus", p)),
+          onInput: c,
+          onPaste: l[3] || (l[3] = (p) => t("paste", p))
+        }, null, 46, Lt)) : (u(), f("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,
           name: e.name,
           placeholder: e.placeholder,
           value: e.modelValue,
-          onBlur: _[4] || (_[4] = (m) => t("blur", m)),
-          onChange: _[5] || (_[5] = (m) => e.$emit("change", m)),
-          onFocus: _[6] || (_[6] = (m) => t("focus", m)),
-          onInput: r,
-          onPaste: _[7] || (_[7] = (m) => t("paste", m))
-        }, null, 42, Vt)),
-        $("div", {
-          class: s(o(V).wrapper__bottom)
+          onBlur: l[4] || (l[4] = (p) => t("blur", p)),
+          onChange: l[5] || (l[5] = (p) => e.$emit("change", p)),
+          onFocus: l[6] || (l[6] = (p) => t("focus", p)),
+          onInput: c,
+          onPaste: l[7] || (l[7] = (p) => t("paste", p))
+        }, null, 42, Nt)),
+        z("div", {
+          class: s(o(L).wrapper__bottom)
         }, [
-          e.error ? (p(), d("div", {
+          e.error ? (u(), f("div", {
             key: 0,
-            class: s(o(V).wrapper__errorMessage)
-          }, I(e.error), 3)) : z("", !0),
-          e.counter ? (p(), d("div", {
+            class: s(o(L).wrapper__errorMessage)
+          }, I(e.error), 3)) : $("", !0),
+          e.counter ? (u(), f("div", {
             key: 1,
-            class: s(o(V).wrapper__counter)
-          }, I(((f = e.modelValue) == null ? void 0 : f.toString().length) || 0), 3)) : z("", !0)
+            class: s(o(L).wrapper__counter)
+          }, I(((m = e.modelValue) == null ? void 0 : m.toString().length) || 0), 3)) : $("", !0)
         ], 2)
       ], 2);
     };
   }
-}), Ot = "_wrapper__label_3sncs_1", Nt = "_wrapper__errorMessage_3sncs_1", Et = "_wrapper__counter_3sncs_1", Wt = "_wrapper_3sncs_1", Dt = "_wrapper__field_3sncs_8", jt = "_wrapper__size_default_3sncs_185", qt = "_wrapper__size_small_3sncs_188", At = "_wrapper__bottom_3sncs_225", N = {
+}), Ot = "_wrapper__label_3sncs_1", Et = "_wrapper__errorMessage_3sncs_1", Wt = "_wrapper__counter_3sncs_1", Dt = "_wrapper_3sncs_1", jt = "_wrapper__field_3sncs_8", qt = "_wrapper__size_default_3sncs_185", At = "_wrapper__size_small_3sncs_188", Rt = "_wrapper__bottom_3sncs_225", O = {
   wrapper__label: Ot,
-  wrapper__errorMessage: Nt,
-  wrapper__counter: Et,
-  wrapper: Wt,
-  wrapper__field: Dt,
-  wrapper__size_default: jt,
-  wrapper__size_small: qt,
-  wrapper__bottom: At,
+  wrapper__errorMessage: Et,
+  wrapper__counter: Wt,
+  wrapper: Dt,
+  wrapper__field: jt,
+  wrapper__size_default: qt,
+  wrapper__size_small: At,
+  wrapper__bottom: Rt,
   "wrapper--error": "_wrapper--error_3sncs_238"
-}, Rt = ["for"], Gt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], go = /* @__PURE__ */ T({
+}, Gt = ["for"], Yt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], wo = /* @__PURE__ */ T({
   __name: "NumberInput",
   props: {
     id: {},
@@ -568,71 +568,73 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
     size: { default: "default" }
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
-  setup(u, { emit: n }) {
-    const a = u, t = n, l = (r) => {
-      var _, f;
-      if (r === "")
-        return r;
-      const e = Number(r);
-      return typeof a.min == "number" && e < a.min ? (_ = a.min) == null ? void 0 : _.toString() : typeof a.max == "number" && e > a.max ? (f = a.max) == null ? void 0 : f.toString() : e.toString();
-    }, c = (r) => {
-      const e = r.target, _ = l(e.value);
-      e.value = _, t("input", r), t("update:modelValue", Number(_));
+  setup(i, { emit: n }) {
+    const r = i, t = n, a = (e) => {
+      if (e === "")
+        return e;
+      const l = Number(e);
+      return typeof r.min == "number" && l < r.min ? r.min.toString() : typeof r.max == "number" && l > r.max ? r.max.toString() : l.toString();
+    }, d = (e) => {
+      const l = e.target, m = a(l.value);
+      l.value = m, t("input", e), t("update:modelValue", Number(m));
+    }, c = (e) => {
+      const l = e.target, m = l.value, p = a(l.value === "" ? String(r.min || 0) : l.value);
+      l.value = p, t("blur", e), m !== p && t("update:modelValue", Number(p));
     };
-    return (r, e) => {
-      var _;
-      return p(), d("div", {
-        class: s([o(N).wrapper, o(N)[`wrapper__size_${r.size}`]])
+    return (e, l) => {
+      var m;
+      return u(), f("div", {
+        class: s([o(O).wrapper, o(O)[`wrapper__size_${e.size}`]])
       }, [
-        r.label ? (p(), d("label", {
+        e.label ? (u(), f("label", {
           key: 0,
-          class: s(o(N).wrapper__label),
-          for: r.id
-        }, I(r.label), 11, Rt)) : z("", !0),
-        $("input", {
-          id: r.id,
+          class: s(o(O).wrapper__label),
+          for: e.id
+        }, I(e.label), 11, Gt)) : $("", !0),
+        z("input", {
+          id: e.id,
           type: "number",
           class: s([
-            o(N).wrapper__field,
+            o(O).wrapper__field,
             {
-              [o(N)["wrapper--error"]]: r.error || r.errorStatus
+              [o(O)["wrapper--error"]]: e.error || e.errorStatus
             }
           ]),
-          max: r.max,
-          maxlength: r.maxLength,
-          min: r.min,
-          name: r.name,
-          placeholder: r.placeholder,
-          value: r.modelValue,
-          onBlur: e[0] || (e[0] = (f) => t("blur", f)),
-          onChange: e[1] || (e[1] = (f) => r.$emit("change", f)),
-          onFocus: e[2] || (e[2] = (f) => t("focus", f)),
-          onInput: c,
-          onPaste: e[3] || (e[3] = (f) => t("paste", f))
-        }, null, 42, Gt),
-        r.counter || r.error ? (p(), d("div", {
+          max: e.max,
+          maxlength: e.maxLength,
+          min: e.min,
+          name: e.name,
+          placeholder: e.placeholder,
+          value: e.modelValue,
+          onBlur: c,
+          onChange: l[0] || (l[0] = (p) => e.$emit("change", p)),
+          onFocus: l[1] || (l[1] = (p) => t("focus", p)),
+          onInput: d,
+          onPaste: l[2] || (l[2] = (p) => t("paste", p))
+        }, null, 42, Yt),
+        e.counter || e.error ? (u(), f("div", {
           key: 1,
-          class: s(o(N).wrapper__bottom)
+          class: s(o(O).wrapper__bottom)
         }, [
-          r.error ? (p(), d("div", {
+          e.error ? (u(), f("div", {
             key: 0,
-            class: s(o(N).wrapper__errorMessage)
-          }, I(r.error), 3)) : z("", !0),
-          r.counter ? (p(), d("div", {
+            class: s(o(O).wrapper__errorMessage)
+          }, I(e.error), 3)) : $("", !0),
+          e.counter ? (u(), f("div", {
             key: 1,
-            class: s(o(N).wrapper__counter)
-          }, I(((_ = r.modelValue) == null ? void 0 : _.toString().length) || 0), 3)) : z("", !0)
-        ], 2)) : z("", !0)
+            class: s(o(O).wrapper__counter)
+          }, I(((m = e.modelValue) == null ? void 0 : m.toString().length) || 0), 3)) : $("", !0)
+        ], 2)) : $("", !0)
       ], 2);
     };
   }
-}), Yt = "_wrapper_d1zlt_169", Xt = "_wrapper__label_d1zlt_176", Ft = "_wrapper__input_d1zlt_200", Ut = "_wrapper_checked_d1zlt_210", Qt = "_wrapper_disabled_d1zlt_217", X = {
-  wrapper: Yt,
-  wrapper__label: Xt,
-  wrapper__input: Ft,
-  wrapper_checked: Ut,
-  wrapper_disabled: Qt
-}, Zt = ["id", "checked", "disabled", "name"], Jt = ["for"], wo = /* @__PURE__ */ T({
+}), Xt = "_wrapper_d1zlt_169", Ft = "_wrapper__label_d1zlt_176", Ut = "_wrapper__input_d1zlt_200", Qt = "_wrapper_checked_d1zlt_210", Zt = "_wrapper_disabled_d1zlt_217", X = {
+  wrapper: Xt,
+  wrapper__label: Ft,
+  wrapper__input: Ut,
+  wrapper_checked: Qt,
+  wrapper_disabled: Zt
+}, Jt = ["id", "checked", "disabled", "name"], Kt = ["for"], ho = /* @__PURE__ */ T({
   __name: "Toggle",
   props: {
     id: {},
@@ -641,42 +643,42 @@ const Oe = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8",
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(u, { emit: n }) {
-    const a = u, t = n, l = () => {
-      t("click", !a.checked);
+  setup(i, { emit: n }) {
+    const r = i, t = n, a = () => {
+      t("click", !r.checked);
     };
-    return (c, r) => (p(), d("fieldset", {
+    return (d, c) => (u(), f("fieldset", {
       class: s([
         o(X).wrapper,
         {
-          [o(X).wrapper_checked]: c.checked,
-          [o(X).wrapper_disabled]: c.disabled
+          [o(X).wrapper_checked]: d.checked,
+          [o(X).wrapper_disabled]: d.disabled
         }
       ])
     }, [
-      $("input", {
-        id: c.id,
+      z("input", {
+        id: d.id,
         type: "checkbox",
-        checked: c.checked,
+        checked: d.checked,
         class: s(o(X).wrapper__input),
-        disabled: c.disabled,
-        name: c.name,
-        onClick: l
-      }, null, 10, Zt),
-      $("label", {
+        disabled: d.disabled,
+        name: d.name,
+        onClick: a
+      }, null, 10, Jt),
+      z("label", {
         class: s(o(X).wrapper__label),
-        for: c.id
-      }, null, 10, Jt)
+        for: d.id
+      }, null, 10, Kt)
     ], 2));
   }
 });
-function Kt(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;
+function eo(i = "") {
+  return typeof i == "string" ? i.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, "") : i;
 }
-const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__icon_1avga_184", no = "_wrapper__text_1avga_267", E = {
-  wrapper__box: eo,
-  wrapper: to,
-  wrapper__icon: oo,
+const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__icon_1avga_184", ro = "_wrapper__text_1avga_267", E = {
+  wrapper__box: to,
+  wrapper: oo,
+  wrapper__icon: no,
   "wrapper__box_bottom-start": "_wrapper__box_bottom-start_1avga_199",
   "wrapper__box_bottom-center": "_wrapper__box_bottom-center_1avga_205",
   "wrapper__box_bottom-end": "_wrapper__box_bottom-end_1avga_211",
@@ -689,7 +691,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
   "wrapper__box_left-start": "_wrapper__box_left-start_1avga_252",
   "wrapper__box_left-center": "_wrapper__box_left-center_1avga_257",
   "wrapper__box_left-end": "_wrapper__box_left-end_1avga_262",
-  wrapper__text: no,
+  wrapper__text: ro,
   "wrapper__box-content": "_wrapper__box-content_1avga_296",
   "bottom-entrance": "_bottom-entrance_1avga_309",
   "top-entrance": "_top-entrance_1avga_312",
@@ -699,7 +701,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
   "top-leave": "_top-leave_1avga_324",
   "right-leave": "_right-leave_1avga_327",
   "left-leave": "_left-leave_1avga_330"
-}, ro = ["id"], ao = ["innerHTML"], ho = /* @__PURE__ */ T({
+}, ao = ["id"], lo = ["innerHTML"], yo = /* @__PURE__ */ T({
   __name: "Tooltip",
   props: {
     id: {},
@@ -717,13 +719,13 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     absoluteTrianglePosition: { default: "top" },
     absolutePosition: { type: [Boolean, null, String, Object, Array] }
   },
-  setup(u) {
-    const n = u, a = v(null), t = v("center"), l = v("bottom"), c = v("center"), r = v(!1), e = v(""), _ = v(!1), f = v(!1), m = v(""), P = v("d-n"), H = v(null), B = v(null), A = v(null), C = S(() => n.staticPosition.split(" ")[0]), O = S(() => n.staticPosition.split(" ")[1]), Z = S(() => n.iconName ? "mt-1" : "mt-0"), re = S(() => n.preventXss ? Kt(n.text) : n.text), D = S(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && r.value ? l.value === "bottom" ? "top" : "bottom" : C.value === "top" ? "bottom" : C.value === "bottom" ? "top" : C.value === "left" ? "right" : C.value === "right" ? "left" : "bottom"), ae = S(() => n.absolutePositionStatus ? "" : _.value && f.value || m.value === "icon" && _.value ? "opa-1" : "opa-0"), J = S(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && r.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : c.value : O.value === "center" ? "center" : O.value === "left" || O.value === "top" ? "start" : O.value === "right" || O.value === "bottom" ? "end" : "center"), le = S(() => n.absolutePositionStatus ? "" : n.dynamicPosition && r.value ? E[`wrapper__box_${l.value}-${t.value}`] : E[`wrapper__box_${C.value}-${J.value}`]), K = S(() => n.offsetX === 0 && n.offsetY === 0 ? {} : n.dynamicPosition ? {
-      [`margin-${l.value === "bottom" ? "top" : "bottom"}`]: `${n.offsetY}px`
+  setup(i) {
+    const n = i, r = v(null), t = v("center"), a = v("bottom"), d = v("center"), c = v(!1), e = v(""), l = v(!1), m = v(!1), p = v(""), P = v("d-n"), H = v(null), B = v(null), A = v(null), S = C(() => n.staticPosition.split(" ")[0]), N = C(() => n.staticPosition.split(" ")[1]), Z = C(() => n.iconName ? "mt-1" : "mt-0"), re = C(() => n.preventXss ? eo(n.text) : n.text), D = C(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && c.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 && m.value || p.value === "icon" && l.value ? "opa-1" : "opa-0"), J = C(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && c.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : d.value : N.value === "center" ? "center" : N.value === "left" || N.value === "top" ? "start" : N.value === "right" || N.value === "bottom" ? "end" : "center"), le = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && c.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 ? {
+      [`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` }), b = (i) => {
-      const { offsetTop: w, offsetLeft: y, offsetWidth: M, offsetHeight: Y } = i, q = w + Y, _e = y + M;
+    } : { [`margin-${D.value}`]: `${n.offsetX}px` }), b = (_) => {
+      const { offsetTop: w, offsetLeft: y, offsetWidth: M, offsetHeight: Y } = _, q = w + Y, _e = y + M;
       return {
         top: w,
         left: y,
@@ -731,12 +733,12 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
         bottom: q,
         right: _e
       };
-    }, h = (i, w, y = !1) => {
-      if (!i || !B.value)
+    }, h = (_, w, y = !1) => {
+      if (!_ || !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 }, Y = B.value.offsetHeight, q = window.innerWidth, _e = window.innerHeight, ce = i.offsetHeight, te = i.offsetWidth || 264, x = w && b(w) || M, de = y ? x == null ? void 0 : x.right : x == null ? void 0 : x.left, fe = y ? x == null ? void 0 : x.top : x == null ? void 0 : x.bottom, Ie = de + x.width + te + n.offsetX < q, Be = de + x.width / 2 - (te + n.offsetX) > 10, Pe = fe + ce < _e - n.offsetY, Me = fe - (ce + Y + n.offsetY) > 0;
+      const M = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, Y = B.value.offsetHeight, q = window.innerWidth, _e = window.innerHeight, ce = _.offsetHeight, te = _.offsetWidth || 264, k = w && b(w) || M, de = y ? k == null ? void 0 : k.right : k == null ? void 0 : k.left, fe = y ? k == null ? void 0 : k.top : k == null ? void 0 : k.bottom, Ie = de + k.width + te + n.offsetX < q, Be = de + k.width / 2 - (te + n.offsetX) > 10, Pe = fe + ce < _e - n.offsetY, Me = fe - (ce + Y + n.offsetY) > 0;
       let be = !1;
-      return n.iconName && (be = x.right + te / 2 < q && x.left - (te + n.offsetX) / 2 >= 10), {
+      return n.iconName && (be = k.right + te / 2 < q && k.left - (te + n.offsetX) / 2 >= 10), {
         left: Be,
         right: Ie,
         bottom: Pe,
@@ -746,85 +748,85 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     }, g = () => {
       ge(() => {
         var q;
-        r.value = !0;
-        const { bottom: i, left: w, right: y, top: M, center: Y } = h(
+        c.value = !0;
+        const { bottom: _, left: w, right: y, top: M, center: Y } = h(
           A.value,
           (q = A.value) == null ? void 0 : q.parentNode
         );
         if (Y) {
-          t.value = "center", l.value = i && !M ? "bottom" : "top";
+          t.value = "center", a.value = _ && !M ? "bottom" : "top";
           return;
         }
-        if (i && w && y && M) {
-          t.value = "center", l.value = "top";
+        if (_ && w && y && M) {
+          t.value = "center", a.value = "top";
           return;
         }
-        if (M && !i) {
+        if (M && !_) {
           if (y && w) {
-            t.value = "center", l.value = "top";
+            t.value = "center", a.value = "top";
             return;
           }
           if (y && !w) {
-            t.value = "start", l.value = "top";
+            t.value = "start", a.value = "top";
             return;
           }
           if (!y && w) {
-            t.value = "end", l.value = "top";
+            t.value = "end", a.value = "top";
             return;
           }
         }
-        if (i && M) {
+        if (_ && M) {
           if (!y && w) {
-            t.value = "end", l.value = "top", c.value = "end";
+            t.value = "end", a.value = "top", d.value = "end";
             return;
           }
           if (y && !w) {
-            t.value = "start", l.value = "top", c.value = "start";
+            t.value = "start", a.value = "top", d.value = "start";
             return;
           }
         }
-        if (i && !M) {
+        if (_ && !M) {
           if (y && w) {
-            t.value = "center", l.value = "bottom", c.value = "top";
+            t.value = "center", a.value = "bottom", d.value = "top";
             return;
           }
           if (!y && w) {
-            t.value = "end", l.value = "bottom", c.value = "top";
+            t.value = "end", a.value = "bottom", d.value = "top";
             return;
           }
-          y && !w && (t.value = "start", l.value = "bottom", c.value = "top");
+          y && !w && (t.value = "start", a.value = "bottom", d.value = "top");
         }
       });
-    }, j = (i) => {
-      if (!(i instanceof HTMLElement))
+    }, j = (_) => {
+      if (!(_ instanceof HTMLElement))
         return !1;
-      const w = i.scrollHeight > i.offsetHeight, y = window.getComputedStyle(i).overflowY, M = ["auto", "scroll"].includes(y);
+      const w = _.scrollHeight > _.offsetHeight, y = window.getComputedStyle(_).overflowY, M = ["auto", "scroll"].includes(y);
       return w && M;
-    }, R = (i) => {
-      const w = (i == null ? void 0 : i.nodeType) === Node.COMMENT_NODE, y = (i == null ? void 0 : i.nodeType) === Node.DOCUMENT_NODE;
-      return !i || w || y ? document : j(i) ? i : R(i.parentNode);
+    }, R = (_) => {
+      const w = (_ == null ? void 0 : _.nodeType) === Node.COMMENT_NODE, y = (_ == null ? void 0 : _.nodeType) === Node.DOCUMENT_NODE;
+      return !_ || w || y ? document : j(_) ? _ : R(_.parentNode);
     }, ee = () => {
-      var i;
-      (i = H.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
+      var _;
+      (_ = H.value) == null || _.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
     }, ze = () => {
       ge(() => {
-        var i;
-        H.value = R(B.value), (i = H.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
+        var _;
+        H.value = R(B.value), (_ = H.value) == null || _.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
       });
     }, $e = () => {
-      m.value = "wrapper", P.value = "d-b", _.value = !0;
+      p.value = "wrapper", P.value = "d-b", l.value = !0;
     }, se = () => {
-      m.value = "icon", P.value = "d-b", f.value = !0;
-    }, ke = () => {
-      f.value = !1;
+      p.value = "icon", P.value = "d-b", m.value = !0;
     }, xe = () => {
-      m.value = "", _.value = !1, f.value = !1;
-    }, Ce = () => {
-      xe(), n.dynamicPosition ? l.value === "bottom" ? e.value = "bottom-leave" : l.value === "top" && (e.value = "top-leave") : C.value === "top" ? e.value = "top-leave" : C.value === "bottom" ? e.value = "bottom-leave" : C.value === "left" ? e.value = "left-leave" : C.value === "right" && (e.value = "right-leave"), setTimeout(() => {
+      m.value = !1;
+    }, ke = () => {
+      p.value = "", l.value = !1, m.value = !1;
+    }, Se = () => {
+      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);
-    }, Se = () => {
-      $e(), g(), n.dynamicPosition ? l.value === "bottom" ? e.value = "top-entrance" : l.value === "top" && (e.value = "bottom-entrance") : C.value === "top" ? e.value = "bottom-entrance" : C.value === "bottom" ? e.value = "top-entrance" : C.value === "left" ? e.value = "right-entrance" : C.value === "right" && (e.value = "left-entrance"), setTimeout(() => {
+    }, 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(() => {
         e.value = "";
       }, 250);
     };
@@ -832,38 +834,38 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
       n.dynamicPosition && ze();
     }), Le(() => {
       ee();
-    }), (i, w) => (p(), d("div", {
-      id: i.id,
+    }), (_, w) => (u(), f("div", {
+      id: _.id,
       ref_key: "tooltipRootRef",
       ref: B,
       class: s(o(E).wrapper),
-      onMouseenter: Se,
-      onMouseleave: Ce
+      onMouseenter: Ce,
+      onMouseleave: Se
     }, [
-      i.iconName ? (p(), U(o(Q), {
+      _.iconName ? (u(), U(o(Q), {
         key: 0,
         ref_key: "tooltipIconRef",
-        ref: a,
+        ref: r,
         class: s(o(E).wrapper__icon),
-        name: i.iconName,
+        name: _.iconName,
         onMouseenter: se,
-        onMouseleave: ke
-      }, null, 8, ["class", "name"])) : (p(), d("div", {
+        onMouseleave: xe
+      }, null, 8, ["class", "name"])) : (u(), f("div", {
         key: 1,
         class: s(o(E).wrapper__icon),
         onMouseenter: se,
         onMouseleave: se
       }, [
-        W(i.$slots, "triggerElement")
+        W(_.$slots, "triggerElement")
       ], 34)),
-      i.status ? (p(), d("div", {
+      _.status ? (u(), f("div", {
         key: 2,
         ref_key: "tooltipPopupRef",
         ref: A,
         class: s([o(E).wrapper__box, le.value, ae.value, P.value]),
-        style: F(i.absolutePosition)
+        style: F(_.absolutePosition)
       }, [
-        he(o(uo), {
+        he(o(po), {
           "border-triangle": "",
           "border-triangle-align": J.value,
           "border-triangle-position": D.value,
@@ -871,21 +873,21 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
           style: F(K.value)
         }, {
           default: ye(() => [
-            $("div", {
+            z("div", {
               class: s(o(E).wrapper__text),
-              style: F({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
+              style: F({ maxHeight: `${_.maxHeight}px`, overflowY: "auto" })
             }, [
-              $("div", { innerHTML: re.value }, null, 8, ao),
-              W(i.$slots, "contentSlot")
+              z("div", { innerHTML: re.value }, null, 8, lo),
+              W(_.$slots, "contentSlot")
             ], 6)
           ]),
           _: 3
         }, 8, ["border-triangle-align", "border-triangle-position", "class", "style"])
-      ], 6)) : z("", !0)
-    ], 42, ro));
+      ], 6)) : $("", !0)
+    ], 42, ao));
   }
-}), lo = "_box_14qkh_169", so = "_flipBox_14qkh_257", ne = {
-  box: lo,
+}), so = "_box_14qkh_169", _o = "_flipBox_14qkh_257", ne = {
+  box: so,
   "box_top-start": "_box_top-start_14qkh_173",
   "box_top-center": "_box_top-center_14qkh_173",
   "box_top-end": "_box_top-end_14qkh_173",
@@ -898,8 +900,8 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
   "box_left-start": "_box_left-start_14qkh_173",
   "box_left-center": "_box_left-center_14qkh_173",
   "box_left-end": "_box_left-end_14qkh_173",
-  flipBox: so
-}, _o = /* @__PURE__ */ T({
+  flipBox: _o
+}, io = /* @__PURE__ */ T({
   __name: "DefaultBox",
   props: {
     border: {},
@@ -909,36 +911,36 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     borderTrianglePosition: { default: "top" }
   },
   emits: ["click"],
-  setup(u, { emit: n }) {
-    const a = u, t = n, l = S(
-      () => a.borderTriangle ? ne[`box_${a.borderTrianglePosition}-${a.borderTriangleAlign}`] : ""
+  setup(i, { emit: n }) {
+    const r = i, t = n, a = C(
+      () => r.borderTriangle ? ne[`box_${r.borderTrianglePosition}-${r.borderTriangleAlign}`] : ""
     );
-    function c() {
+    function d() {
       t("click");
     }
-    return (r, e) => (p(), d("div", {
-      class: s([o(ne).box, l.value, r.border, r.borderRadius]),
-      onClick: c
+    return (c, e) => (u(), f("div", {
+      class: s([o(ne).box, a.value, c.border, c.borderRadius]),
+      onClick: d
     }, [
-      W(r.$slots, "default")
+      W(c.$slots, "default")
     ], 2));
   }
-}), io = /* @__PURE__ */ T({
+}), uo = /* @__PURE__ */ T({
   __name: "FlipBox",
   props: {
     boxSpacing: { default: "" }
   },
-  setup(u) {
-    return (n, a) => (p(), d("div", {
+  setup(i) {
+    return (n, r) => (u(), f("div", {
       class: s([o(ne).flipBox, n.boxSpacing])
     }, [
-      $("div", null, [
-        $("div", {
+      z("div", null, [
+        z("div", {
           class: s([o(ne).box, n.boxSpacing])
         }, [
           W(n.$slots, "front")
         ], 2),
-        $("div", {
+        z("div", {
           class: s([n.boxSpacing])
         }, [
           W(n.$slots, "reverse")
@@ -946,7 +948,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
       ])
     ], 2));
   }
-}), uo = /* @__PURE__ */ T({
+}), po = /* @__PURE__ */ T({
   __name: "Box",
   props: {
     type: { default: "default" },
@@ -955,36 +957,36 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     borderTrianglePosition: {},
     boxSpacing: { default: "" }
   },
-  setup(u) {
+  setup(i) {
     const n = {
-      default: _o,
-      flip: io
+      default: io,
+      flip: uo
     };
-    return (a, t) => (p(), U(Ve(n[a.type]), {
-      "border-triangle": a.borderTriangle,
-      "border-triangle-align": a.borderTriangleAlign,
-      "border-triangle-position": a.borderTrianglePosition,
-      "box-spacing": a.boxSpacing
+    return (r, t) => (u(), U(Ne(n[r.type]), {
+      "border-triangle": r.borderTriangle,
+      "border-triangle-align": r.borderTriangleAlign,
+      "border-triangle-position": r.borderTrianglePosition,
+      "box-spacing": r.boxSpacing
     }, {
       default: ye(() => [
-        W(a.$slots, "default"),
-        W(a.$slots, "front"),
-        W(a.$slots, "reverse")
+        W(r.$slots, "default"),
+        W(r.$slots, "front"),
+        W(r.$slots, "reverse")
       ]),
       _: 3
     }, 8, ["border-triangle", "border-triangle-align", "border-triangle-position", "box-spacing"]));
   }
 });
 export {
-  uo as Box,
-  co as Button,
-  fo as DropdownMenu,
+  po as Box,
+  fo as Button,
+  bo as DropdownMenu,
   Q as Icon,
-  go as NumberInput,
-  bo as OnPageMessage,
-  mo as SegmentButton,
-  vo as TextInput,
-  wo as Toggle,
-  ho as Tooltip
+  wo as NumberInput,
+  mo as OnPageMessage,
+  vo as SegmentButton,
+  go as TextInput,
+  ho as Toggle,
+  yo as Tooltip
 };
 //# sourceMappingURL=ab-components.es.js.map