@useinsider/ab-components 0.0.17 → 0.0.18

package/dist/ab-components.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, computed as C, openBlock as u, createElementBlock as f, 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 Ve, renderSlot as W, withCtx as ye, nextTick as ge, resolveDynamicComponent as Le } from "vue";
-const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8", Ee = "_button_16zzc_1", We = "_button__label_16zzc_193", De = "_button__solid_16zzc_205", je = "_fill_16zzc_1125", G = {
-  button__size_default: Ne,
-  button__size_small: Oe,
-  button: Ee,
-  button__label: We,
+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: 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 Ne = "_button__size_default_16zzc_1", Oe = "_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: {},
@@ -66,18 +66,18 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
       d.value ? (u(), U(o(Q), {
         key: 0,
         name: d.value
-      }, null, 8, ["name"])) : z("", !0),
+      }, null, 8, ["name"])) : $("", !0),
       c.label ? (u(), f("span", {
         key: 1,
         class: s(o(G).button__label)
-      }, I(c.label), 3)) : z("", !0),
+      }, I(c.label), 3)) : $("", !0),
       c.rightIconName ? (u(), U(o(Q), {
         key: 2,
         name: c.rightIconName
-      }, null, 8, ["name"])) : z("", !0)
-    ], 10, qe));
+      }, null, 8, ["name"])) : $("", !0)
+    ], 10, Ae));
   }
-}), Ae = {
+}), Re = {
   mounted(i, n) {
     i.clickOutsideEvent = (r) => {
       [i, ...n.value.exclude || []].some((a) => a && (a === r.target || a.contains(r.target))) || n.value.handler();
@@ -86,43 +86,43 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
   unmounted(i) {
     i.clickOutsideEvent && document.removeEventListener("click", i.clickOutsideEvent);
   }
-}, Re = (i, n) => {
+}, Ge = (i, n) => {
   var t;
   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 = (i, n, r) => {
+}, Ye = (i, n, r) => {
   if (!r.trim())
     return i;
   const t = r.toLowerCase();
   return i.filter((a) => {
     const d = String(a[n]);
-    return Re(d.toLowerCase(), t);
+    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: {},
@@ -139,7 +139,7 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(i, { emit: n }) {
-    const r = Ae, 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 = () => {
+    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 } = d.value, j = window.innerHeight, R = b + d.value.offsetHeight, ee = R + t.menuHeight > j;
@@ -170,7 +170,7 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
       };
       B.push(g), N(), a("item-added", g);
     }, ae = () => {
-      const b = Ge(B, "text", m.value);
+      const b = Ye(B, "text", m.value);
       H.splice(0, H.length, ...b);
     }, J = () => {
       p.value = "";
@@ -200,109 +200,109 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
       },
       { deep: !0 }
     ), (b, h) => (u(), f(ue, null, [
-      $("div", {
+      z("div", {
         ref_key: "dropdownRef",
         ref: d,
-        class: s(o(k).dropdown)
+        class: s(o(x).dropdown)
       }, [
         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: S
         }, [
-          $("span", {
-            class: s(o(k).dropdown__value)
+          z("span", {
+            class: s(o(x).dropdown__value)
           }, I(K.value), 3),
           b.placeholder && !K.value ? (u(), f("span", {
             key: 0,
-            class: s(o(k).dropdown__placeholder)
-          }, I(b.placeholder), 3)) : z("", !0),
+            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((u(), f("div", {
-        key: 0,
+      ve((u(), f("div", {
         ref_key: "menuRef",
         ref: c,
-        class: s(o(k).menu),
+        class: s(o(x).menu),
         style: F(le.value),
         onClick: h[1] || (h[1] = Te(() => {
         }, ["prevent"]))
       }, [
         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"]]: p.value
+                  [o(x)["menu__searchInput--error"]]: p.value
                 }
               ]),
               placeholder: b.searchPlaceHolder,
               "onUpdate:modelValue": h[0] || (h[0] = (g) => m.value = g),
               onFocus: J,
               onInput: ae
-            }, null, 42, st), [
+            }, null, 42, _t), [
               [He, m.value]
             ]),
             p.value ? (u(), f("p", {
               key: 0,
-              class: s(o(k).menu__errorMessage)
-            }, I(p.value), 3)) : z("", !0)
+              class: s(o(x).menu__errorMessage)
+            }, I(p.value), 3)) : $("", !0)
           ], 2),
           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)
         }, [
           (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"]]: l.value && g.value === l.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)), [
+        [Ve, e.value],
         [o(r), { handler: Z, exclude: [d.value, c.value] }]
-      ]) : z("", !0)
+      ])
     ], 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: {},
@@ -317,24 +317,24 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
       height: r.value,
       width: r.value
     }, [
-      $("use", {
+      z("use", {
         "xlink:href": `#${t.name}`
-      }, null, 8, ut)
-    ], 8, it));
+      }, null, 8, pt)
+    ], 8, ut));
   }
-}), ct = (i, n) => {
+}), dt = (i, n) => {
   const r = i.__vccOpts || i;
   for (const [t, a] of n)
     r[t] = a;
   return r;
-}, 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({
+}, 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" },
@@ -363,28 +363,28 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
         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", V = {
-  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
-}, St = ["disabled", "onClick"], mo = /* @__PURE__ */ T({
+  fill: St
+}, Ct = ["disabled", "onClick"], vo = /* @__PURE__ */ T({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -430,23 +430,23 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
         m.icon ? (u(), U(o(Q), {
           key: 0,
           name: m.icon
-        }, null, 8, ["name"])) : z("", !0),
+        }, null, 8, ["name"])) : $("", !0),
         m.label ? (u(), f("span", {
           key: 1,
           class: s(o(V).button__label)
-        }, I(m.label), 3)) : z("", !0)
-      ], 10, St))), 128))
+        }, I(m.label), 3)) : $("", !0)
+      ], 10, Ct))), 128))
     ], 2));
   }
-}), Ct = "_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", L = {
-  wrapper__field: Ct,
-  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"], Vt = ["id", "maxlength", "name", "placeholder", "value"], Lt = ["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: {},
@@ -484,7 +484,7 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
           key: 0,
           class: s(o(L).wrapper__label),
           for: e.id
-        }, I(e.label), 11, Ht)) : z("", !0),
+        }, I(e.label), 11, Vt)) : $("", !0),
         e.multiline ? (u(), f("textarea", {
           key: 1,
           id: e.id,
@@ -506,7 +506,7 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
           onFocus: l[2] || (l[2] = (p) => t("focus", p)),
           onInput: c,
           onPaste: l[3] || (l[3] = (p) => t("paste", p))
-        }, null, 46, Vt)) : (u(), f("input", {
+        }, null, 46, Lt)) : (u(), f("input", {
           key: 2,
           id: e.id,
           type: "text",
@@ -525,33 +525,33 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
           onFocus: l[6] || (l[6] = (p) => t("focus", p)),
           onInput: c,
           onPaste: l[7] || (l[7] = (p) => t("paste", p))
-        }, null, 42, Lt)),
-        $("div", {
+        }, null, 42, Nt)),
+        z("div", {
           class: s(o(L).wrapper__bottom)
         }, [
           e.error ? (u(), f("div", {
             key: 0,
             class: s(o(L).wrapper__errorMessage)
-          }, I(e.error), 3)) : z("", !0),
+          }, I(e.error), 3)) : $("", !0),
           e.counter ? (u(), f("div", {
             key: 1,
             class: s(o(L).wrapper__counter)
-          }, I(((m = e.modelValue) == null ? void 0 : m.toString().length) || 0), 3)) : z("", !0)
+          }, I(((m = e.modelValue) == null ? void 0 : m.toString().length) || 0), 3)) : $("", !0)
         ], 2)
       ], 2);
     };
   }
-}), Nt = "_wrapper__label_3sncs_1", Ot = "_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", O = {
-  wrapper__label: Nt,
-  wrapper__errorMessage: Ot,
-  wrapper__counter: Et,
-  wrapper: Wt,
-  wrapper__field: Dt,
-  wrapper__size_default: jt,
-  wrapper__size_small: qt,
-  wrapper__bottom: At,
+}), 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: 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: {},
@@ -590,8 +590,8 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
           key: 0,
           class: s(o(O).wrapper__label),
           for: e.id
-        }, I(e.label), 11, Rt)) : z("", !0),
-        $("input", {
+        }, I(e.label), 11, Gt)) : $("", !0),
+        z("input", {
           id: e.id,
           type: "number",
           class: s([
@@ -611,7 +611,7 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
           onFocus: l[1] || (l[1] = (p) => t("focus", p)),
           onInput: d,
           onPaste: l[2] || (l[2] = (p) => t("paste", p))
-        }, null, 42, Gt),
+        }, null, 42, Yt),
         e.counter || e.error ? (u(), f("div", {
           key: 1,
           class: s(o(O).wrapper__bottom)
@@ -619,22 +619,22 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
           e.error ? (u(), f("div", {
             key: 0,
             class: s(o(O).wrapper__errorMessage)
-          }, I(e.error), 3)) : z("", !0),
+          }, I(e.error), 3)) : $("", !0),
           e.counter ? (u(), f("div", {
             key: 1,
             class: s(o(O).wrapper__counter)
-          }, I(((m = e.modelValue) == null ? void 0 : m.toString().length) || 0), 3)) : z("", !0)
-        ], 2)) : z("", !0)
+          }, 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: {},
@@ -656,7 +656,7 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
         }
       ])
     }, [
-      $("input", {
+      z("input", {
         id: d.id,
         type: "checkbox",
         checked: d.checked,
@@ -664,21 +664,21 @@ const Ne = "_button__size_default_16zzc_1", Oe = "_button__size_small_16zzc_8",
         disabled: d.disabled,
         name: d.name,
         onClick: a
-      }, null, 10, Zt),
-      $("label", {
+      }, null, 10, Jt),
+      z("label", {
         class: s(o(X).wrapper__label),
         for: d.id
-      }, null, 10, Jt)
+      }, null, 10, Kt)
     ], 2));
   }
 });
-function Kt(i = "") {
+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",
@@ -691,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",
@@ -701,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: {},
@@ -720,7 +720,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     absolutePosition: { type: [Boolean, null, String, Object, Array] }
   },
   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 ? Kt(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 ? {
+    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`
@@ -736,9 +736,9 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     }, 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 = _.offsetHeight, te = _.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,
@@ -817,12 +817,12 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
       p.value = "wrapper", P.value = "d-b", l.value = !0;
     }, se = () => {
       p.value = "icon", P.value = "d-b", m.value = !0;
-    }, ke = () => {
-      m.value = !1;
     }, xe = () => {
+      m.value = !1;
+    }, ke = () => {
       p.value = "", l.value = !1, m.value = !1;
     }, Se = () => {
-      xe(), 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 = () => {
@@ -832,7 +832,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     };
     return pe(() => {
       n.dynamicPosition && ze();
-    }), Ve(() => {
+    }), Le(() => {
       ee();
     }), (_, w) => (u(), f("div", {
       id: _.id,
@@ -849,7 +849,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
         class: s(o(E).wrapper__icon),
         name: _.iconName,
         onMouseenter: se,
-        onMouseleave: ke
+        onMouseleave: xe
       }, null, 8, ["class", "name"])) : (u(), f("div", {
         key: 1,
         class: s(o(E).wrapper__icon),
@@ -865,7 +865,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
         class: s([o(E).wrapper__box, le.value, ae.value, P.value]),
         style: F(_.absolutePosition)
       }, [
-        he(o(uo), {
+        he(o(po), {
           "border-triangle": "",
           "border-triangle-align": J.value,
           "border-triangle-position": D.value,
@@ -873,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: `${_.maxHeight}px`, overflowY: "auto" })
             }, [
-              $("div", { innerHTML: re.value }, null, 8, ao),
+              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",
@@ -900,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: {},
@@ -925,7 +925,7 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
       W(c.$slots, "default")
     ], 2));
   }
-}), io = /* @__PURE__ */ T({
+}), uo = /* @__PURE__ */ T({
   __name: "FlipBox",
   props: {
     boxSpacing: { default: "" }
@@ -934,13 +934,13 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
     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")
@@ -948,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" },
@@ -959,10 +959,10 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
   },
   setup(i) {
     const n = {
-      default: _o,
-      flip: io
+      default: io,
+      flip: uo
     };
-    return (r, t) => (u(), U(Le(n[r.type]), {
+    return (r, t) => (u(), U(Ne(n[r.type]), {
       "border-triangle": r.borderTriangle,
       "border-triangle-align": r.borderTriangleAlign,
       "border-triangle-position": r.borderTrianglePosition,
@@ -978,15 +978,15 @@ const eo = "_wrapper__box_1avga_1", to = "_wrapper_1avga_1", oo = "_wrapper__ico
   }
 });
 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