bitboss-ui 2.0.50 → 2.0.52

package/dist/index45.js

@@ -1,18 +1,18 @@
-import { defineComponent as Y, ref as r, computed as k, toRef as B, openBlock as m, createBlock as C, normalizeClass as x, withCtx as a, renderSlot as u, createVNode as O, unref as v, createElementVNode as $, createElementBlock as ee, Fragment as te, createCommentVNode as oe, withDirectives as ne, mergeProps as le, isRef as ae, withModifiers as s, withKeys as y, vModelDynamic as ie, nextTick as re } from "vue";
+import { defineComponent as Y, ref as i, computed as k, toRef as B, openBlock as f, createBlock as C, normalizeClass as x, withCtx as a, renderSlot as s, createVNode as O, unref as v, createElementVNode as $, createElementBlock as ee, Fragment as te, createCommentVNode as oe, withDirectives as ne, mergeProps as le, isRef as ae, withModifiers as d, withKeys as y, vModelDynamic as re, nextTick as ie } from "vue";
 /* empty css       */
 /* empty css       */
 import ue from "./index127.js";
 /* empty css         */
 import { isNotNil as se } from "./index134.js";
-import { last as de } from "./index230.js";
-import { useOptions as pe } from "./index220.js";
+import { last as de } from "./index212.js";
+import { useOptions as pe } from "./index222.js";
 import ce from "./index244.js";
 /* empty css         */
-import fe from "./index246.js";
+import me from "./index246.js";
 /* empty css         */
-import me from "./index205.js";
+import fe from "./index235.js";
 /* empty css         */
-import ve from "./index207.js";
+import ve from "./index237.js";
 const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Ne = /* @__PURE__ */ Y({
   __name: "BaseTag",
   props: {
@@ -26,6 +26,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     hasErrors: { type: Boolean },
     id: {},
     loading: { type: Boolean },
+    max: {},
     modelValue: {},
     multiple: { type: Boolean, default: !0 },
     name: {},
@@ -39,15 +40,15 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     const t = I, 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 = r(null), T = r(null), L = k(() => t.placeholder), V = r(null), w = r(null), i = k(
+    const b = i(null), T = i(null), L = k(() => t.placeholder), V = i(null), w = i(null), r = k(
       () => t.comma ? V.value : w.value
-    ), d = r(null), E = () => {
-      d.value instanceof HTMLInputElement && d.value.focus();
-    }, K = !t.multiple && se(t.modelValue) || t.multiple && !!t.modelValue.length, N = r([]), {
+    ), p = i(null), E = () => {
+      p.value instanceof HTMLInputElement && p.value.focus();
+    }, K = !t.multiple && se(t.modelValue) || t.multiple && !!t.modelValue.length, N = i([]), {
       query: o,
       alignQueryToState: q,
       addCurrentQueryToManualItems: A,
-      selectedOptions: p,
+      selectedOptions: u,
       selectOption: M,
       unselectOption: P,
       valueIsSelected: _,
@@ -68,40 +69,46 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
       depsDebounceTime: 0,
       queryDebounceTime: 0,
       disabled: B(t, "disabled")
-    }), g = r(!1), F = () => {
+    }), g = i(!1), F = () => {
       g.value = !0;
     }, H = () => {
       g.value = !1, l("inactive");
-    }, h = k(() => !(t.readonly || t.disabled || !i.value && t.multiple)), Q = (e) => {
+    }, h = k(() => !(t.readonly || t.disabled || !r.value && t.multiple)), Q = (e) => {
       var n;
-      h.value && (!t.multiple || o.value || (e.preventDefault(), p.value.length && ((n = i.value) == null || n.focusPrevious())));
+      h.value && (!t.multiple || o.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusPrevious())));
     }, R = (e) => {
       var n;
-      h.value && (!t.multiple || o.value || (e.preventDefault(), p.value.length && ((n = i.value) == null || n.focusNext())));
+      h.value && (!t.multiple || o.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusNext())));
     }, U = async () => {
       var e, n;
-      !h.value || o.value || !p.value.length || ((e = i.value) != null && e.getHighlighted() && i.value.confirmOption(), await re(), (n = i.value) == null || n.focusPrevious());
+      !h.value || o.value || !u.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await ie(), (n = r.value) == null || n.focusPrevious());
     }, z = () => {
       var e;
-      (e = i.value) == null || e.blur();
+      (e = r.value) == null || e.blur();
     }, Z = async (e) => {
       var n;
       if (l("keyup", e), t.readonly || t.disabled) {
         e.preventDefault();
         return;
       }
-      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = i.value) == null || n.blur()), e.key === t.divider || e.key === "Unidentified" && o.value.includes(t.divider)) {
+      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = r.value) == null || n.blur()), e.key === t.divider || e.key === "Unidentified" && o.value.includes(t.divider)) {
         if (t.divider.length === 1 && o.value.includes(t.divider)) {
-          const f = o.value.split(t.divider)[0];
-          if (f)
-            o.value = f;
+          const m = o.value.split(t.divider)[0];
+          if (m)
+            o.value = m;
           else {
             o.value = "";
             return;
           }
         }
         if (!o.value) return;
-        _(o.value) ? (l("duplicate", o.value), o.value = "") : (A(), j(de(S.value)));
+        if (_(o.value))
+          l("duplicate", o.value), o.value = "";
+        else {
+          if (t.max && u.value.length >= t.max)
+            return;
+          A(), j(de(S.value));
+        }
       }
     }, j = (e) => {
       M(e), E();
@@ -110,7 +117,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     }, J = (e) => {
       l("focus", e), F(), document.addEventListener("click", c), document.addEventListener("focusin", c);
     }, W = (e) => {
-      l("click", e), !(t.disabled || t.readonly) && d.value instanceof HTMLElement && d.value.focus();
+      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)) {
         H(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), q();
@@ -122,7 +129,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
       onKeydown: (e) => l("keydown", e),
       onInput: (e) => l("input", e)
     };
-    return (e, n) => (m(), C(ve, {
+    return (e, n) => (f(), C(ve, {
       ref_key: "outerContainer",
       ref: b,
       class: x({
@@ -136,13 +143,13 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
       onClick: W
     }, {
       "prepend-outer": a(() => [
-        u(e.$slots, "prepend-outer")
+        s(e.$slots, "prepend-outer")
       ]),
       "append-outer": a(() => [
-        u(e.$slots, "append-outer")
+        s(e.$slots, "append-outer")
       ]),
       default: a(() => [
-        O(me, {
+        O(fe, {
           ref_key: "innerContainer",
           ref: T,
           "append:icon": t["append:icon"],
@@ -150,41 +157,41 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
           "prevent-focus": !0
         }, {
           prepend: a(() => [
-            u(e.$slots, "prepend")
+            s(e.$slots, "prepend")
           ]),
           prefix: a(() => [
-            u(e.$slots, "prefix")
+            s(e.$slots, "prefix")
           ]),
           append: a(() => [
-            u(e.$slots, "append")
+            s(e.$slots, "append")
           ]),
           suffix: a(() => [
-            u(e.$slots, "suffix")
+            s(e.$slots, "suffix")
           ]),
           default: a(() => [
             O(v(ue), { tag: "span" }, {
               default: a(() => [
                 $("span", ye, [
-                  e.multiple ? (m(), ee(te, { key: 0 }, [
-                    e.comma ? (m(), C(fe, {
+                  e.multiple ? (f(), ee(te, { key: 0 }, [
+                    e.comma ? (f(), C(me, {
                       key: 0,
                       ref_key: "commaBox",
                       ref: V,
-                      options: v(p)
-                    }, null, 8, ["options"])) : (m(), C(ce, {
+                      options: v(u)
+                    }, null, 8, ["options"])) : (f(), C(ce, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: w,
-                      options: v(p),
+                      options: v(u),
                       "onOption:unselected": G
                     }, null, 8, ["options"]))
                   ], 64)) : oe("", !0),
                   ne($("input", le({
                     id: e.id,
                     ref_key: "input",
-                    ref: d
+                    ref: p
                   }, X, {
-                    "onUpdate:modelValue": n[0] || (n[0] = (f) => ae(o) ? o.value = f : null),
+                    "onUpdate:modelValue": n[0] || (n[0] = (m) => ae(o) ? o.value = m : null),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
@@ -196,16 +203,16 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
                     readonly: e.readonly,
                     required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
                     type: "text",
-                    onFocus: s(J, ["stop"]),
+                    onFocus: d(J, ["stop"]),
                     onKeydown: [
-                      y(s(U, ["stop"]), ["delete"]),
-                      y(s(Q, ["stop"]), ["left"]),
-                      y(s(z, ["stop", "prevent"]), ["esc"]),
-                      y(s(R, ["stop"]), ["right"])
+                      y(d(U, ["stop"]), ["delete"]),
+                      y(d(Q, ["stop"]), ["left"]),
+                      y(d(z, ["stop", "prevent"]), ["esc"]),
+                      y(d(R, ["stop"]), ["right"])
                     ],
-                    onKeyup: s(Z, ["stop"])
+                    onKeyup: d(Z, ["stop"])
                   }), null, 16, be), [
-                    [ie, v(o)]
+                    [re, v(o)]
                   ])
                 ])
               ]),

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as g, computed as u, onMounted as y, watch as V, nextTick as k, openBlock as x, createBlock as B, normalizeClass as $, withCtx as r, renderSlot as t, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index207.js";
-import E from "./index205.js";
+import v from "./index237.js";
+import E from "./index235.js";
 /* empty css         */
 import G from "./index127.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 p, normalizeClass as h, withCtx as n, renderSlot as r, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index205.js";
+import B from "./index235.js";
 /* empty css         */
-import k from "./index207.js";
+import k from "./index237.js";
 const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index210.js";
+import { isCssColor as _ } from "./index219.js";
 import { wait as C } from "./index131.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 "./index210.js";
+import { isCssColor as r } from "./index219.js";
 import { isNil as B } from "./index129.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index65.js

@@ -24,6 +24,7 @@ const I = /* @__PURE__ */ v({
     itemValue: {},
     legend: {},
     loadingText: {},
+    max: {},
     modelValue: {},
     modelValueDebounceTime: {},
     name: {},
@@ -85,6 +86,7 @@ const I = /* @__PURE__ */ v({
           "item-value": e.itemValue,
           items: e.items,
           "loading-text": e.loadingText,
+          max: e.max,
           "model-value": e.modelValue,
           "model-value-debounce-time": e.modelValueDebounceTime,
           name: b,
@@ -116,7 +118,7 @@ const I = /* @__PURE__ */ v({
             i(e.$slots, "append", l(r(o)))
           ]),
           _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "max", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
       ]),
       _: 3
     }, 8, ["id", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));

package/dist/index75.js

@@ -1,11 +1,11 @@
 import { defineComponent as Q, defineAsyncComponent as W, computed as A, ref as g, openBlock as $, createElementBlock as D, mergeProps as B, createElementVNode as O, renderSlot as w, normalizeProps as X, guardReactiveProps as Y, unref as h, createBlock as Z, withCtx as K, normalizeStyle as _, Fragment as P, renderList as x, createVNode as ee, createCommentVNode as te } from "vue";
-import { findRightIndex as H } from "./index257.js";
+import { findRightIndex as H } from "./index251.js";
 import { useId as ne } from "./index8.js";
 import { wait as oe } from "./index131.js";
 import { useIntersectionObserver as ae } from "./index132.js";
 import le from "./index13.js";
 /* empty css        */
-import N from "./index258.js";
+import N from "./index252.js";
 const me = /* @__PURE__ */ Q({
   __name: "BbDropdown",
   props: {
@@ -24,7 +24,7 @@ const me = /* @__PURE__ */ Q({
   },
   setup(V) {
     const j = W(
-      () => import("./index256.js")
+      () => import("./index250.js")
     ), r = V, d = r.id ?? `bb_${ne().id.value}`, m = A(() => {
       let e = r.items.findIndex((t) => !t.disabled), o = H(
         r.items,

package/dist/index79.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index260.js";
+import { findInTree as ae } from "./index254.js";
 import { useId as re } from "./index8.js";
 import oe from "./index127.js";
 /* empty css         */
@@ -56,7 +56,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index259.js")).default);
+              b || (b = (await import("./index253.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

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 "./index215.js";
+import { throttle as c } from "./index225.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,8 +1,8 @@
 import { defineComponent as te, ref as s, useAttrs as oe, getCurrentInstance as se, computed as v, nextTick as le, onBeforeUnmount as x, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, Teleport as re, createElementVNode as l, mergeProps as O, createElementBlock as V, renderSlot as n, createTextVNode as ue, toDisplayString as S, createCommentVNode as z } from "vue";
-import { useFocusTrap as ce } from "./index216.js";
+import { useFocusTrap as ce } from "./index226.js";
 import { useId as A } from "./index8.js";
 import { wait as E } from "./index131.js";
-import { useModalsState as p } from "./index218.js";
+import { useModalsState as p } from "./index228.js";
 const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"], ge = /* @__PURE__ */ te({
   __name: "BbOffCanvas",
   props: {

package/dist/index88.js

@@ -1,8 +1,8 @@
 import { defineComponent as S, defineAsyncComponent as H, ref as n, computed as m, openBlock as b, createElementBlock as q, mergeProps as A, createElementVNode as p, renderSlot as y, normalizeProps as I, guardReactiveProps as V, createBlock as C, unref as W, withCtx as $, createCommentVNode as T, nextTick as z } from "vue";
-import { useFocusTrap as R } from "./index216.js";
+import { useFocusTrap as R } from "./index226.js";
 import { useId as j } from "./index8.js";
 import { useIntersectionObserver as G } from "./index132.js";
-import { waitFor as J } from "./index217.js";
+import { waitFor as J } from "./index227.js";
 import K from "./index13.js";
 /* empty css        */
 const te = /* @__PURE__ */ S({
@@ -24,7 +24,7 @@ const te = /* @__PURE__ */ S({
   emits: ["shown", "hidden"],
   setup(B, { expose: P, emit: _ }) {
     const N = H(
-      () => import("./index256.js")
+      () => import("./index250.js")
     ), t = B, s = _, { id: D } = j(), c = `bbp_${D.value}`, r = n(), l = n(), { activate: E, deactivate: L } = R(l, {
       /**
        * This traps all clicks outside so we are pressing

package/dist/index90.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, openBlock as l, createElementBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index204.js";
+import { clamp as p } from "./index229.js";
 import { getAsPercentageBetween as i } from "./index130.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",