bitboss-ui 2.1.111 → 2.1.113

package/dist/index38.js

@@ -1,40 +1,41 @@
-import { defineComponent as _e, ref as v, computed as m, toRef as z, createBlock as K, openBlock as y, normalizeClass as ae, withCtx as n, createElementVNode as L, createVNode as F, createElementBlock as C, unref as g, renderSlot as s, createCommentVNode as V, withDirectives as et, Fragment as le, toDisplayString as tt, withKeys as B, withModifiers as f, normalizeStyle as ne, vModelDynamic as ot, normalizeProps as at, guardReactiveProps as lt, mergeProps as ue, renderList as nt, nextTick as U } from "vue";
+import { defineComponent as _e, ref as v, computed as m, toRef as z, createBlock as K, openBlock as y, normalizeClass as ae, withCtx as n, createElementVNode as L, createVNode as F, createElementBlock as S, unref as g, renderSlot as s, createCommentVNode as V, withDirectives as et, Fragment as le, toDisplayString as tt, withKeys as B, withModifiers as f, normalizeStyle as ne, vModelDynamic as ot, normalizeProps as at, guardReactiveProps as lt, mergeProps as ue, renderList as nt, nextTick as U } from "vue";
 import ut from "./index116.js";
 /* empty css         */
-import { hash as W } from "./index237.js";
-import { isEmpty as rt } from "./index279.js";
-import { last as it } from "./index251.js";
-import { matchAnyKey as re } from "./index282.js";
-import { useArray as st } from "./index283.js";
-import { useBaseOptions as dt } from "./index263.js";
-import { useCoherence as pt } from "./index271.js";
-import { useHashedWatcher as ie } from "./index264.js";
+import { hash as W } from "./index238.js";
+import { isEmpty as rt } from "./index239.js";
+import { last as it } from "./index240.js";
+import { matchAnyKey as re } from "./index241.js";
+import { useArray as st } from "./index242.js";
+import { useBaseOptions as dt } from "./index243.js";
+import { useCoherence as pt } from "./index244.js";
+import { useHashedWatcher as ie } from "./index245.js";
 import { useId as ct } from "./index8.js";
-import { useIndexById as se } from "./index262.js";
-import { useMounted as mt, useElementSize as ft, useIntersectionObserver as vt } from "./index145.js";
-import { useItemsGetter as ht } from "./index260.js";
-import { useLocale as yt } from "./index235.js";
+import { useIndexById as se } from "./index246.js";
+import { useMounted as mt, useElementSize as ft, useIntersectionObserver as vt } from "./index146.js";
+import { useItemsGetter as ht } from "./index247.js";
+import { useLocale as yt } from "./index233.js";
 import { useMobile as bt } from "./index9.js";
-import { usePrefill as gt } from "./index261.js";
-import { wait as T } from "./index144.js";
-import { when as Bt } from "./index232.js";
-import wt from "./index286.js";
+import { usePrefill as gt } from "./index248.js";
+import { wait as T } from "./index145.js";
+import { when as Bt } from "./index249.js";
+import wt from "./index250.js";
 /* empty css         */
-import Vt from "./index288.js";
+import Vt from "./index252.js";
 /* empty css         */
 import kt from "./index140.js";
 /* empty css         */
 import It from "./index142.js";
-import Ct from "./index243.js";
 /* empty css         */
-import St from "./index284.js";
-import { useUntil as Dt } from "./index242.js";
-import { isNil as $t } from "./index230.js";
-import { get as Ht } from "./index281.js";
+import St from "./index254.js";
+/* empty css         */
+import $t from "./index256.js";
+import { useUntil as Ct } from "./index257.js";
+import { isNil as Dt } from "./index231.js";
+import { get as Ht } from "./index236.js";
 const Ot = { class: "bb-base-select__input-container" }, Lt = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, Ft = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], mo = /* @__PURE__ */ _e({
+}, Ft = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], fo = /* @__PURE__ */ _e({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -84,12 +85,12 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
     const t = de, u = pe;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: ce } = yt(), me = mt(), E = v(null), S = v(null), r = v(null), G = v(null), R = v(null), d = m(
+    const { t: ce } = yt(), me = mt(), E = v(null), $ = v(null), r = v(null), G = v(null), R = v(null), d = m(
       () => t.comma ? G.value : R.value
-    ), { width: fe } = ft(S), { isMobile: ve } = bt(), he = m(
+    ), { width: fe } = ft($), { isMobile: ve } = bt(), he = m(
       () => t.allowWriting === "not-mobile" && ve.value ? "none" : void 0
     ), j = t.id || ct().id.value, { resume: ye, pause: be } = vt(
-      S,
+      $,
       async ([{ intersectionRatio: e }]) => {
         e !== 1 && l.value && await I();
       },
@@ -99,25 +100,25 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
     })), A = v(null), q = v(), h = () => {
       A.value instanceof HTMLInputElement && A.value.focus();
     }, Be = async (e) => {
-      u("focus", e), je(), document.addEventListener("click", D), document.addEventListener("focusin", D);
+      u("focus", e), je(), document.addEventListener("click", C), document.addEventListener("focusin", C);
     }, we = () => {
       t.prefill === "focus" && !Pe.value && !Y.value && Me();
     }, Ve = async (e) => {
       u("blur", e);
     }, ke = (e) => u("change", e), Ie = (e) => {
       u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), d.value?.blur(), N.value && k(), Te(o.value, !1, t.modelValue);
-    }, Ce = (e) => {
+    }, Se = (e) => {
       q.value = e;
-    }, D = async (e) => {
+    }, C = async (e) => {
       if (e.target instanceof Node && E.value && !E.value.$el.contains(e.target) && !r.value?.$el?.contains(e.target)) {
-        I(), Je(), document.removeEventListener("click", D), document.removeEventListener("focusin", D), await T(t.transitionDuration), b();
+        I(), Je(), document.removeEventListener("click", C), document.removeEventListener("focusin", C), await T(t.transitionDuration), b();
         return;
       }
-    }, w = m(() => !(t.readonly || t.disabled || H.value || !d.value && t.multiple && p.value.length <= t.maxSelectedLabels)), Se = async () => {
+    }, w = m(() => !(t.readonly || t.disabled || H.value || !d.value && t.multiple && p.value.length <= t.maxSelectedLabels)), $e = async () => {
       w.value && (d.value?.blur(), l.value ? r.value?.focusPrevious() : (await k(), await T(t.transitionDuration), r.value?.focusLastSelected()));
-    }, De = async () => {
+    }, Ce = async () => {
       w.value && (d.value?.blur(), l.value ? r.value?.focusNext() : (await k(), await T(t.transitionDuration), r.value?.focusFirstSelected()));
-    }, $e = (e) => {
+    }, De = (e) => {
       if (!w.value || !t.multiple || o.value || (e.preventDefault(), r.value?.blur(), !p.value.length)) return;
       d.value?.focusPrevious();
       const a = d.value?.getHighlighted();
@@ -167,12 +168,12 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
       currentValue: t.modelValue,
       multiple: t.multiple,
       fn: async (e) => {
-        await P(o.value, e, t.modelValue), t.stash && X(...$.value.map((a) => a.item)), b();
+        await P(o.value, e, t.modelValue), t.stash && X(...D.value.map((a) => a.item)), b();
       }
     }), { data: Z, get: Ne } = se({
       // Force model value to be an array
       items: m(() => [].concat(t.modelValue))
-    }), { options: $ } = dt({
+    }), { options: D } = dt({
       disabled: z(t, "disabled"),
       items: m(() => [...Ee.value, ...Q.value]),
       itemText: t.itemText,
@@ -181,7 +182,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
       selectable: !0,
       selectedIndexedByHash: Z
     }), { data: _ } = se({
-      items: $,
+      items: D,
       key: "valueHash"
     }), { coherent: ee, coherentValue: te } = pt({
       modelValue: z(t, "modelValue"),
@@ -223,9 +224,9 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
       const e = p.value.some(
         (c) => c.text === o.value
       );
-      if (!(t.multiple && o.value || t.filterBy === "not_stashed" && o.value || o.value && !e && !t.multiple) || !t.filterBy) return $.value;
+      if (!(t.multiple && o.value || t.filterBy === "not_stashed" && o.value || o.value && !e && !t.multiple) || !t.filterBy) return D.value;
       const i = t.filterBy === "not_stashed" ? new Set(Q.value.map((c) => c.valueHash)) : null;
-      return $.value.filter((c) => {
+      return D.value.filter((c) => {
         let O = !1;
         return typeof t.filterBy == "function" ? O = t.filterBy(c.value, c.item, o.value) : t.filterBy === "not_stashed" && o.value ? O = !i.has(c.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (O = re(
           c.item,
@@ -233,7 +234,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
           o.value.trim()
         )), O || re(c, ["text"], o.value.trim());
       });
-    }), Ke = Symbol("default"), Ue = (e) => $t(t.groupBy) ? Ke : typeof t.groupBy == "function" ? t.groupBy(e.item) : Ht(e.item, t.groupBy), We = m(() => {
+    }), Ke = Symbol("default"), Ue = (e) => Dt(t.groupBy) ? Ke : typeof t.groupBy == "function" ? t.groupBy(e.item) : Ht(e.item, t.groupBy), We = m(() => {
       const e = {};
       for (const a of oe.value) {
         const i = Ue(a), c = W(i);
@@ -244,7 +245,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
         }), e[c].options.push(a);
       }
       return Object.values(e).filter((a) => a.options.length);
-    }), l = v(!1), N = v(!0), Ge = Dt(l), k = async () => {
+    }), l = v(!1), N = v(!0), Ge = Ct(l), k = async () => {
       ye(), N.value = !1, l.value = !0;
     }, I = async () => {
       l.value = !1, N.value = !0, q.value = void 0, d.value?.blur(), be();
@@ -293,7 +294,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
       default: n(() => [
         L("span", {
           ref_key: "innerContainer",
-          ref: S,
+          ref: $,
           class: "bb-base-select__inner-wrapper"
         }, [
           F(kt, {
@@ -325,7 +326,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
               F(ut, { tag: "span" }, {
                 default: n(() => [
                   L("span", Ot, [
-                    e.multiple && p.value.length <= e.maxSelectedLabels ? (y(), C(le, { key: 0 }, [
+                    e.multiple && p.value.length <= e.maxSelectedLabels ? (y(), S(le, { key: 0 }, [
                       e.comma ? (y(), K(Vt, {
                         key: 0,
                         ref_key: "commaBox",
@@ -339,8 +340,8 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
                         options: p.value,
                         "onOption:unselected": M
                       }, null, 8, ["options"]))
-                    ], 64)) : e.multiple ? (y(), C("span", Lt, tt(e.selectedLabelsFn ? e.selectedLabelsFn(p.value.length) : g(ce)("select.multipleMaxReached", p.value.length)), 1)) : V("", !0),
-                    et((y(), C("input", {
+                    ], 64)) : e.multiple ? (y(), S("span", Lt, tt(e.selectedLabelsFn ? e.selectedLabelsFn(p.value.length) : g(ce)("select.multipleMaxReached", p.value.length)), 1)) : V("", !0),
+                    et((y(), S("input", {
                       id: g(j),
                       key: `${g(me)}`,
                       ref_key: "input",
@@ -370,11 +371,11 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
                       onInput: f(Ie, ["stop"]),
                       onKeydown: [
                         B(f(Fe, ["stop"]), ["delete"]),
-                        B(f($e, ["stop"]), ["left"]),
-                        B(f(De, ["stop", "prevent"]), ["down"]),
+                        B(f(De, ["stop"]), ["left"]),
+                        B(f(Ce, ["stop", "prevent"]), ["down"]),
                         B(f(Oe, ["stop", "prevent"]), ["enter"]),
                         B(f(Le, ["stop", "prevent"]), ["esc"]),
-                        B(f(Se, ["stop", "prevent"]), ["up"]),
+                        B(f($e, ["stop", "prevent"]), ["up"]),
                         B(f(He, ["stop"]), ["right"])
                       ]
                     }, null, 44, Ft)), [
@@ -404,10 +405,10 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
             _: 3
           }, 8, ["append:icon", "clearable", "prepend:icon"])
         ], 512),
-        F(Ct, {
+        F(St, {
           modelValue: l.value,
           "onUpdate:modelValue": a[1] || (a[1] = (i) => l.value = i),
-          anchor: S.value,
+          anchor: $.value,
           offset: 4,
           "transition-duration": e.transitionDuration
         }, {
@@ -416,7 +417,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
               key: 0,
               focus: h
             }) : V("", !0),
-            F(St, {
+            F($t, {
               ref_key: "optionsContainer",
               ref: r,
               compact: e.compact,
@@ -430,7 +431,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
               "header-height": e.headerHeight,
               style: ne(ge.value),
               "option-height": e.itemHeight,
-              "onFocused:change": Ce,
+              "onFocused:change": Se,
               "onOption:selected": ze,
               "onOption:unselected": M
             }, {
@@ -473,7 +474,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
           ]),
           _: 3
         }, 8, ["modelValue", "anchor", "transition-duration"]),
-        (y(!0), C(le, null, nt(Ye.value, (i) => (y(), C("input", ue({
+        (y(!0), S(le, null, nt(Ye.value, (i) => (y(), S("input", ue({
           key: i.value,
           ref_for: !0
         }, i), null, 16))), 128))
@@ -483,5 +484,5 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
   }
 });
 export {
-  mo as default
+  fo as default
 };

package/dist/index40.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as d, computed as f, onMounted as se, watch as ue, createElementBlock as y, openBlock as g, normalizeProps as G, guardReactiveProps as O, renderSlot as p, createElementVNode as c, mergeProps as N, createCommentVNode as Y, Fragment as de, renderList as me, unref as b, normalizeStyle as j, normalizeClass as J } from "vue";
-import { head as ce } from "./index296.js";
-import { isCssColor as K } from "./index231.js";
-import { isNil as x } from "./index230.js";
-import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index143.js";
-import { snapToStep as ve } from "./index297.js";
-import { last as fe } from "./index251.js";
-import { transpose as Q } from "./index298.js";
-import { clamp as m } from "./index222.js";
+import { head as ce } from "./index258.js";
+import { isCssColor as K } from "./index235.js";
+import { isNil as x } from "./index231.js";
+import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index144.js";
+import { snapToStep as ve } from "./index259.js";
+import { last as fe } from "./index240.js";
+import { transpose as Q } from "./index260.js";
+import { clamp as m } from "./index221.js";
 const pe = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index42.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as b, computed as s, watch as S, createElementBlock as y, openBlock as V, normalizeProps as l, guardReactiveProps as m, createCommentVNode as A, createElementVNode as r, mergeProps as v, renderSlot as N } from "vue";
-import { isCssColor as p } from "./index231.js";
-import { when as x } from "./index232.js";
+import { isCssColor as p } from "./index235.js";
+import { when as x } from "./index249.js";
 const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
   __name: "BaseSwitch",
   props: {

package/dist/index44.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as n, renderSlot as s, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index42.js";
 /* empty css        */
-import N from "./index269.js";
+import N from "./index261.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index260.js";
-import { useIndexById as T } from "./index262.js";
-import { useBaseOptions as q } from "./index263.js";
-import { useCoherence as J } from "./index271.js";
-import { hash as Q } from "./index237.js";
-import { useHashedWatcher as $ } from "./index264.js";
-import { usePrefill as X } from "./index261.js";
+import { useItemsGetter as U } from "./index247.js";
+import { useIndexById as T } from "./index246.js";
+import { useBaseOptions as q } from "./index243.js";
+import { useCoherence as J } from "./index244.js";
+import { hash as Q } from "./index238.js";
+import { useHashedWatcher as $ } from "./index245.js";
+import { usePrefill as X } from "./index248.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {

package/dist/index46.js

@@ -1,18 +1,19 @@
-import { defineComponent as j, ref as u, computed as m, toRef as C, watch as Q, createBlock as h, openBlock as f, normalizeClass as Z, withCtx as l, createVNode as E, unref as G, createElementVNode as I, createElementBlock as J, createCommentVNode as W, withDirectives as X, Fragment as Y, mergeProps as ee, withModifiers as s, withKeys as v, vModelText as te, renderSlot as d, nextTick as oe } from "vue";
+import { defineComponent as j, ref as u, computed as f, toRef as C, watch as Q, createBlock as h, openBlock as m, normalizeClass as Z, withCtx as l, createVNode as E, unref as G, createElementVNode as $, createElementBlock as J, createCommentVNode as W, withDirectives as X, Fragment as Y, mergeProps as ee, withModifiers as s, withKeys as v, vModelText as te, renderSlot as d, nextTick as oe } from "vue";
 import ae from "./index116.js";
 /* empty css         */
-import { last as le } from "./index251.js";
-import { useBaseOptions as ne } from "./index263.js";
-import { useIndexById as re } from "./index262.js";
-import ie from "./index286.js";
+import { last as le } from "./index240.js";
+import { useBaseOptions as ne } from "./index243.js";
+import { useIndexById as re } from "./index246.js";
+import ie from "./index250.js";
 /* empty css         */
-import ue from "./index288.js";
+import ue from "./index252.js";
 /* empty css         */
 import se from "./index140.js";
 /* empty css         */
 import de from "./index142.js";
-import { isEmpty as pe } from "./index279.js";
-const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Oe = /* @__PURE__ */ j({
+/* empty css         */
+import { isEmpty as pe } from "./index239.js";
+const ce = { class: "bb-base-tag__input-container" }, fe = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Oe = /* @__PURE__ */ j({
   __name: "BaseTag",
   props: {
     "append:icon": {},
@@ -37,19 +38,19 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
-  setup($, { emit: O }) {
-    const t = $, a = O;
+  setup(I, { emit: L }) {
+    const t = I, a = L;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const y = u(null), L = u(null), k = u(null), B = u(null), n = m(
+    const y = u(null), O = u(null), k = u(null), B = u(null), n = f(
       () => t.comma ? k.value : B.value
     ), p = u(null), D = () => {
       p.value instanceof HTMLInputElement && p.value.focus();
-    }, o = u(""), r = m(() => A.value.filter((e) => e.selected)), { data: V, get: T } = re({
+    }, o = u(""), r = f(() => A.value.filter((e) => e.selected)), { data: V, get: T } = re({
       items: C(t, "modelValue")
     }), { options: A } = ne({
       disabled: C(t, "disabled"),
-      items: m(() => [].concat(t.modelValue)),
+      items: f(() => [].concat(t.modelValue)),
       itemText: void 0,
       itemValue: void 0,
       max: t.max,
@@ -80,15 +81,15 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
       b.value = !0;
     }, q = () => {
       b.value = !1, a("inactive");
-    }, g = m(() => !(t.readonly || t.disabled || !n.value && t.multiple)), M = (e) => {
+    }, g = f(() => !(t.readonly || t.disabled || !n.value && t.multiple)), M = (e) => {
       g.value && (!t.multiple || o.value || (e.preventDefault(), r.value.length && n.value?.focusPrevious()));
     }, N = (e) => {
       g.value && (!t.multiple || o.value || (e.preventDefault(), r.value.length && n.value?.focusNext()));
-    }, P = async () => {
+    }, _ = async () => {
       !g.value || o.value || !r.value.length || (n.value?.getHighlighted() && n.value.confirmOption(), await oe(), n.value?.focusPrevious());
-    }, z = () => {
+    }, P = () => {
       n.value?.blur();
-    }, F = async (e) => {
+    }, z = async (e) => {
       if (a("keydown", e), t.readonly || t.disabled) {
         e.preventDefault();
         return;
@@ -115,16 +116,16 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
           t.multiple ? a("update:modelValue", t.modelValue.concat(o.value)) : a("update:modelValue", o.value);
         }
       }
-    }, S = (e) => {
+    }, F = (e) => {
       a("focus", e), K(), document.addEventListener("click", c), document.addEventListener("focusin", c);
-    }, U = (e) => {
+    }, S = (e) => {
       a("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
     }, c = async (e) => {
       if (e.target instanceof Node && y.value && !y.value.$el.contains(e.target)) {
         q(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), w();
         return;
       }
-    }, _ = {
+    }, U = {
       onBlur: (e) => a("blur", e),
       onChange: (e) => a("change", e),
       onKeyup: (e) => a("keyup", e),
@@ -133,7 +134,7 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
       let e = null;
       t.multiple && (e = []), a("update:modelValue", e);
     };
-    return (e, i) => (f(), h(de, {
+    return (e, i) => (m(), h(de, {
       ref_key: "outerContainer",
       ref: y,
       class: Z({
@@ -145,7 +146,7 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
         "bb-base-tag--readonly": e.readonly,
         "bb-base-tag--compact": e.compact
       }),
-      onClick: U
+      onClick: S
     }, {
       "prepend-outer": l(() => [
         d(e.$slots, "prepend-outer")
@@ -156,7 +157,7 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
       default: l(() => [
         E(se, {
           ref_key: "innerContainer",
-          ref: L,
+          ref: O,
           "append:icon": t["append:icon"],
           clearable: e.clearable && !G(pe)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
@@ -178,14 +179,14 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
           default: l(() => [
             E(ae, { tag: "span" }, {
               default: l(() => [
-                I("span", ce, [
-                  e.multiple ? (f(), J(Y, { key: 0 }, [
-                    e.comma ? (f(), h(ue, {
+                $("span", ce, [
+                  e.multiple ? (m(), J(Y, { key: 0 }, [
+                    e.comma ? (m(), h(ue, {
                       key: 0,
                       ref_key: "commaBox",
                       ref: k,
                       options: r.value
-                    }, null, 8, ["options"])) : (f(), h(ie, {
+                    }, null, 8, ["options"])) : (m(), h(ie, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: B,
@@ -193,11 +194,11 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
                       "onOption:unselected": H
                     }, null, 8, ["options"]))
                   ], 64)) : W("", !0),
-                  X(I("input", ee({
+                  X($("input", ee({
                     id: e.id,
                     ref_key: "input",
                     ref: p
-                  }, _, {
+                  }, U, {
                     "onUpdate:modelValue": i[0] || (i[0] = (R) => o.value = R),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
@@ -211,15 +212,15 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
                     size: "1",
                     style: { "--characters": o.value.length },
                     type: "text",
-                    onFocus: s(S, ["stop"]),
+                    onFocus: s(F, ["stop"]),
                     onKeydown: [
-                      s(F, ["stop"]),
-                      v(s(P, ["stop"]), ["delete"]),
+                      s(z, ["stop"]),
+                      v(s(_, ["stop"]), ["delete"]),
                       v(s(M, ["stop"]), ["left"]),
-                      v(s(z, ["stop", "prevent"]), ["esc"]),
+                      v(s(P, ["stop", "prevent"]), ["esc"]),
                       v(s(N, ["stop"]), ["right"])
                     ]
-                  }), null, 16, me), [
+                  }), null, 16, fe), [
                     [te, o.value]
                   ])
                 ])

package/dist/index48.js

@@ -1,11 +1,12 @@
-import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, createBlock as $, openBlock as k, normalizeClass as C, withCtx as r, createVNode as i, unref as T, createElementVNode as v, mergeProps as x, renderSlot as t } from "vue";
+import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, createBlock as $, openBlock as k, normalizeClass as T, withCtx as r, createVNode as i, unref as v, createElementVNode as x, mergeProps as C, renderSlot as t } from "vue";
 import E from "./index142.js";
+/* empty css         */
 import G from "./index140.js";
 /* empty css         */
 import M from "./index116.js";
 /* empty css         */
-import { isNotNil as q } from "./index149.js";
-const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], Y = /* @__PURE__ */ h({
+import { isNotNil as q } from "./index150.js";
+const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], I = /* @__PURE__ */ h({
   __name: "BaseTextarea",
   props: {
     "append:icon": {},
@@ -34,7 +35,7 @@ const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       throw new Error(
         "Textarea: You cannot set rows and auto-grow attributes together. You either use rows and let the user resize or define a minimum height in CSS with auto-grow."
       );
-    const n = y(null), c = u(() => ({
+    const l = y(null), c = u(() => ({
       "bb-base-textarea": !0,
       "bb-base-textarea--auto-grow": o.autoGrow,
       "bb-base-textarea--disabled": o.disabled,
@@ -55,8 +56,8 @@ const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
     );
     function b(e) {
       if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
-        let l = e.target.value;
-        a("input", e), a("update:modelValue", l || null);
+        let n = e.target.value;
+        a("input", e), a("update:modelValue", n || null);
       }
     }
     function f(e) {
@@ -71,10 +72,10 @@ const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       onMouseup: (e) => a("mouseup", e)
     };
     function s() {
-      n.value && (n.value.style.height = "0px", n.value.style.height = `${n.value.scrollHeight}px`);
+      l.value && (l.value.style.height = "0px", l.value.style.height = `${l.value.scrollHeight}px`);
     }
-    return (e, l) => (k(), $(E, {
-      class: C(c.value)
+    return (e, n) => (k(), $(E, {
+      class: T(c.value)
     }, {
       "prepend-outer": r(() => [
         t(e.$slots, "prepend-outer")
@@ -85,9 +86,9 @@ const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       default: r(() => [
         i(G, {
           "append:icon": o["append:icon"],
-          clearable: e.clearable && T(q)(e.modelValue),
+          clearable: e.clearable && v(q)(e.modelValue),
           "prepend:icon": o["prepend:icon"],
-          "onClick:clear": l[0] || (l[0] = (N) => e.$emit("update:modelValue", null))
+          "onClick:clear": n[0] || (n[0] = (N) => e.$emit("update:modelValue", null))
         }, {
           prepend: r(() => [
             t(e.$slots, "prepend")
@@ -104,10 +105,10 @@ const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
           default: r(() => [
             i(M, { tag: "span" }, {
               default: r(() => [
-                v("textarea", x({
+                x("textarea", C({
                   id: e.id,
                   ref_key: "textarea",
-                  ref: n,
+                  ref: l,
                   "aria-describedby": e.ariaDescribedby,
                   autocomplete: e.autocomplete,
                   autofocus: e.autofocus,
@@ -135,5 +136,5 @@ const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
   }
 });
 export {
-  Y as default
+  I as default
 };