bitboss-ui 2.0.130 → 2.0.131

package/dist/index45.js

@@ -1,20 +1,20 @@
-import { defineComponent as Q, ref as u, computed as f, toRef as E, watch as Z, openBlock as v, createBlock as k, normalizeClass as G, withCtx as n, renderSlot as s, createVNode as I, unref as $, createElementVNode as O, createElementBlock as J, Fragment as W, createCommentVNode as X, withDirectives as Y, mergeProps as ee, withModifiers as d, withKeys as y, vModelDynamic as te, nextTick as oe } from "vue";
+import { defineComponent as Q, ref as u, computed as f, toRef as E, watch as Z, openBlock as v, createBlock as k, normalizeClass as G, withCtx as n, renderSlot as s, createVNode as I, unref as $, createElementVNode as O, createElementBlock as J, Fragment as W, createCommentVNode as X, withDirectives as Y, mergeProps as ee, withModifiers as d, withKeys as y, vModelText as te, nextTick as oe } from "vue";
 /* empty css       */
 /* empty css       */
 import ae from "./index128.js";
 /* empty css         */
-import { last as le } from "./index228.js";
-import { useBaseOptions as ne } from "./index246.js";
-import { useIndexById as re } from "./index245.js";
+import { last as le } from "./index216.js";
+import { useBaseOptions as ne } from "./index231.js";
+import { useIndexById as re } from "./index230.js";
 import ie from "./index252.js";
 /* empty css         */
 import ue from "./index254.js";
 /* empty css         */
-import se from "./index210.js";
+import se from "./index223.js";
 /* empty css         */
-import de from "./index212.js";
-import { isEmpty as pe } from "./index241.js";
-const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Le = /* @__PURE__ */ Q({
+import de from "./index225.js";
+import { isEmpty as pe } from "./index226.js";
+const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], De = /* @__PURE__ */ Q({
   __name: "BaseTag",
   props: {
     "append:icon": {},
@@ -39,17 +39,17 @@ 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(D, { emit: L }) {
-    const t = D, l = L;
+  setup(L, { emit: D }) {
+    const t = L, l = D;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const b = u(null), A = u(null), B = u(null), V = u(null), r = f(
+    const b = u(null), T = u(null), B = u(null), V = u(null), r = f(
       () => t.comma ? B.value : V.value
-    ), p = u(null), H = () => {
+    ), p = u(null), A = () => {
       p.value instanceof HTMLInputElement && p.value.focus();
-    }, o = u(""), i = f(() => T.value.filter((e) => e.selected)), { data: w, get: K } = re({
+    }, o = u(""), i = f(() => K.value.filter((e) => e.selected)), { data: w, get: H } = re({
       items: E(t, "modelValue")
-    }), { options: T } = ne({
+    }), { options: K } = ne({
       disabled: E(t, "disabled"),
       items: f(() => [].concat(t.modelValue)),
       itemText: void 0,
@@ -70,7 +70,7 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
         delete a[e.valueHash], l("update:modelValue", Object.values(a));
       } else
         l("update:modelValue", null);
-      H();
+      A();
     };
     Z(
       () => t.modelValue,
@@ -114,7 +114,7 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
           l("keydown", e);
           return;
         }
-        if (e.preventDefault(), K(o.value))
+        if (e.preventDefault(), H(o.value))
           l("duplicate", o.value), o.value = "";
         else {
           if (t.max && i.value.length >= t.max)
@@ -124,19 +124,19 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
       }
     }, _ = (e) => {
       l("focus", e), M(), document.addEventListener("click", c), document.addEventListener("focusin", c);
-    }, R = (e) => {
+    }, x = (e) => {
       l("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
     }, c = async (e) => {
       if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
         N(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), C();
         return;
       }
-    }, j = {
+    }, R = {
       onBlur: (e) => l("blur", e),
       onChange: (e) => l("change", e),
       onKeyup: (e) => l("keyup", e),
       onInput: (e) => l("input", e)
-    }, x = () => {
+    }, j = () => {
       let e = null;
       t.multiple && (e = []), l("update:modelValue", e);
     };
@@ -152,7 +152,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: R
+      onClick: x
     }, {
       "prepend-outer": n(() => [
         s(e.$slots, "prepend-outer")
@@ -163,12 +163,12 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
       default: n(() => [
         I(se, {
           ref_key: "innerContainer",
-          ref: A,
+          ref: T,
           "append:icon": t["append:icon"],
           clearable: e.clearable && !$(pe)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
           "prevent-focus": !0,
-          "onClick:clear": x
+          "onClick:clear": j
         }, {
           prepend: n(() => [
             s(e.$slots, "prepend")
@@ -204,7 +204,7 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
                     id: e.id,
                     ref_key: "input",
                     ref: p
-                  }, j, {
+                  }, R, {
                     "onUpdate:modelValue": a[0] || (a[0] = (m) => o.value = m),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
@@ -216,6 +216,7 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
                     readonly: e.readonly,
                     required: e.required && (!e.multiple || !e.modelValue.length),
                     size: "1",
+                    style: { "--characters": o.value.length },
                     type: "text",
                     onFocus: d(_, ["stop"]),
                     onKeydown: [
@@ -241,5 +242,5 @@ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describe
   }
 });
 export {
-  Le as default
+  De as default
 };

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, openBlock as $, createBlock as k, normalizeClass as C, withCtx as r, renderSlot as t, createVNode as i, unref as T, createElementVNode as v, mergeProps as x } from "vue";
-import E from "./index212.js";
-import G from "./index210.js";
+import E from "./index225.js";
+import G from "./index223.js";
 /* empty css         */
 import M from "./index128.js";
 /* empty css         */

package/dist/index49.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as B, withCtx as n, renderSlot as l, unref as g, createElementVNode as p, mergeProps as h } from "vue";
-import $ from "./index210.js";
+import $ from "./index223.js";
 /* empty css         */
-import k from "./index212.js";
+import k from "./index225.js";
 import { isNotNil as C } from "./index134.js";
 const V = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], M = /* @__PURE__ */ m({
   __name: "BaseTextInput",

package/dist/index53.js

@@ -3,7 +3,7 @@ import B from "./index126.js";
 /* empty css         */
 import L from "./index127.js";
 /* empty css         */
-import { useLocale as g } from "./index215.js";
+import { useLocale as g } from "./index218.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as z, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index234.js";
+import { isCssColor as y } from "./index237.js";
 import { wait as C } from "./index130.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index234.js";
+import { isCssColor as r } from "./index237.js";
 import { isNil as B } from "./index260.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index61.js

@@ -9,7 +9,7 @@ import T from "./index129.js";
 /* empty css         */
 import { pickBy as W } from "./index261.js";
 import { noop as w } from "./index262.js";
-import { useLocale as D } from "./index215.js";
+import { useLocale as D } from "./index218.js";
 const E = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index75.js

@@ -6,7 +6,7 @@ import { useIntersectionObserver as ae } from "./index132.js";
 import le from "./index13.js";
 /* empty css        */
 import N from "./index266.js";
-import se from "./index239.js";
+import se from "./index221.js";
 /* empty css         */
 import V from "./index127.js";
 /* empty css         */

package/dist/index77.js

@@ -9,7 +9,7 @@ import S from "./index127.js";
 /* empty css         */
 import R from "./index129.js";
 /* empty css         */
-import { useLocale as T } from "./index215.js";
+import { useLocale as T } from "./index218.js";
 const Z = { class: "bb-dropdown-button__content" }, q = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index81.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index216.js";
+import { throttle as c } from "./index247.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -2,10 +2,10 @@ import { defineComponent as se, ref as l, useAttrs as ae, computed as u, getCurr
 import { useFocusTrap as pe } from "./index217.js";
 import { useId as E } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { useModalsState as b } from "./index219.js";
-import be from "./index220.js";
+import { useModalsState as b } from "./index248.js";
+import be from "./index249.js";
 import { useMobile as me } from "./index9.js";
-import { useLocale as ye } from "./index215.js";
+import { useLocale as ye } from "./index218.js";
 const he = ["inert"], ge = { class: "bb-offcanvas-close" }, _e = ["aria-label"], Te = /* @__PURE__ */ se({
   __name: "BbOffCanvas",
   props: {

package/dist/index86.js

@@ -1,10 +1,10 @@
 import { defineComponent as E, computed as h, ref as g, onMounted as P, onBeforeUnmount as W, openBlock as k, createElementBlock as V, normalizeClass as $, createElementVNode as i, createVNode as S, unref as v, withCtx as w, renderSlot as c, toDisplayString as m, Fragment as R, renderList as F, nextTick as x } from "vue";
-import { debounce as T } from "./index295.js";
+import { debounce as T } from "./index289.js";
 /* empty css       */
 /* empty css       */
 import z from "./index13.js";
 /* empty css        */
-import { useLocale as D } from "./index215.js";
+import { useLocale as D } from "./index218.js";
 const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, j = { class: "bb-pagination__page-label" }, q = { class: "bb-pagination__page-label sr-only" }, Z = /* @__PURE__ */ E({
   __name: "BbPagination",
   props: {

package/dist/index88.js

@@ -2,12 +2,12 @@ import { defineComponent as O, ref as n, computed as v, openBlock as y, createEl
 import { useFocusTrap as j } from "./index217.js";
 import { useId as G } from "./index8.js";
 import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index218.js";
+import { waitFor as K } from "./index220.js";
 import Q from "./index13.js";
 /* empty css        */
-import U from "./index239.js";
+import U from "./index221.js";
 /* empty css         */
-import { useLocale as X } from "./index215.js";
+import { useLocale as X } from "./index218.js";
 import { useDebounceFn as Y } from "./index205.js";
 const Z = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ O({
   __name: "BbPopover",