bitboss-ui 2.0.72 → 2.0.74

package/dist/components/BbBreadcrumbs/BbBreadcrumbs.vue.d.ts

@@ -17,12 +17,17 @@ export type BbBreadcrumbsProps = Pick<CommonProps, 'disabled'> & {
      * through `a` or `router-link`.
      */
     items: Item[];
+    /**
+     * Label of the breadcrumbs
+     */
+    label?: string;
     /**
      * Text content of the divider
      */
     divider?: string;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BbBreadcrumbsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbBreadcrumbsProps> & Readonly<{}>, {
+    label: string;
     divider: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
     'item:prepend'?: ((props: {

package/dist/components/BbPagination/BbPagination.vue.d.ts

@@ -5,6 +5,10 @@ export type BbPaginationProps = Pick<CommonProps, 'disabled' | 'loading'> & {
      * String of text displayed in place of hidden pages
      */
     ellipsis?: string;
+    /**
+     * Label of the pagination
+     */
+    label?: string;
     /**
      * Maximum number of clickable pages displayed at all times.
      * This has a tolerance of +/- 1 for odd / even numbering.
@@ -28,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Bb
 }, string, import('vue').PublicProps, Readonly<BbPaginationProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    label: string;
     modelValue: number;
     align: "left" | "center" | "right";
     maxSize: string | number;

package/dist/index106.js

@@ -1,9 +1,9 @@
-import { defineComponent as v, ref as g, computed as y, openBlock as w, createBlock as B, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as $, mergeProps as T } from "vue";
-import V from "./index27.js";
+import { defineComponent as f, ref as v, computed as g, openBlock as y, createBlock as w, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as B, mergeProps as $ } from "vue";
+import T from "./index27.js";
 /* empty css        */
-import D from "./index43.js";
+import V from "./index43.js";
 /* empty css        */
-const F = /* @__PURE__ */ v({
+const E = /* @__PURE__ */ f({
   __name: "BbSwitchGroup",
   props: {
     autofocus: {},
@@ -34,8 +34,8 @@ const F = /* @__PURE__ */ v({
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, n = p, s = g(!1), m = y(() => u.persistentHint || s.value), c = {
+  setup(t, { emit: p }) {
+    const u = t, n = p, s = v(!1), m = g(() => u.persistentHint || s.value), c = {
       onBlur: (e) => n("blur", e),
       onChange: (e) => n("change", e),
       onClick: (e) => n("click", e),
@@ -51,7 +51,7 @@ const F = /* @__PURE__ */ v({
       onMouseup: (e) => n("mouseup", e),
       "onUpdate:modelValue": (e) => n("update:modelValue", e)
     };
-    return (e, k) => (w(), B(V, {
+    return (e, D) => (y(), w(T, {
       id: e.id,
       class: "bb-switch-group",
       direction: "vertical",
@@ -66,13 +66,13 @@ const F = /* @__PURE__ */ v({
       "show-hint": m.value,
       tag: "fieldset"
     }, {
-      label: a((t) => [
-        i(e.$slots, "legend", l(r(t)))
+      label: a((d) => [
+        i(e.$slots, "legend", l(r(d)))
       ]),
-      input: a(({ id: t, name: h, hasErrors: b, ariaDescribedby: f }) => [
-        $(D, T({
-          id: t,
-          "aria-describedby": f,
+      input: a(({ id: d, hasErrors: h, ariaDescribedby: b }) => [
+        B(V, $({
+          id: d,
+          "aria-describedby": b,
           autofocus: e.autofocus,
           color: e.color,
           dependencies: e.dependencies,
@@ -80,7 +80,7 @@ const F = /* @__PURE__ */ v({
           direction: e.inputDirection,
           disabled: e.disabled,
           "enforce-coherence": e.enforceCoherence,
-          "has-errors": b,
+          "has-errors": h,
           "hide-label": e.hideLabel,
           "item-text": e.itemText,
           "item-value": e.itemValue,
@@ -89,7 +89,7 @@ const F = /* @__PURE__ */ v({
           max: e.max,
           "model-value": e.modelValue,
           "model-value-debounce-time": e.modelValueDebounceTime,
-          name: h,
+          name: e.name,
           "no-data-text": e.noDataText,
           readonly: e.readonly
         }, c), {
@@ -125,5 +125,5 @@ const F = /* @__PURE__ */ v({
   }
 });
 export {
-  F as default
+  E as default
 };

package/dist/index108.js

@@ -1,4 +1,4 @@
-import { defineComponent as te, ref as r, computed as $, getCurrentInstance as le, watch as f, nextTick as ae, onMounted as ie, openBlock as h, createElementBlock as p, unref as se, normalizeClass as T, createElementVNode as c, renderSlot as k, normalizeProps as U, guardReactiveProps as W, normalizeStyle as K, Fragment as O, renderList as J, createVNode as M, withCtx as I, toDisplayString as ne, createBlock as re, Transition as oe, createCommentVNode as ue } from "vue";
+import { defineComponent as ee, ref as n, computed as $, getCurrentInstance as te, watch as b, nextTick as le, onMounted as ae, openBlock as f, createElementBlock as p, unref as ie, normalizeClass as T, createElementVNode as h, renderSlot as k, normalizeProps as U, guardReactiveProps as W, normalizeStyle as se, Fragment as K, renderList as O, createVNode as J, withCtx as I, toDisplayString as re, createBlock as ne, Transition as oe, createCommentVNode as ue } from "vue";
 import { useId as de } from "./index8.js";
 import { useRoute as ce } from "./index136.js";
 import { useRouter as be } from "./index137.js";
@@ -8,7 +8,7 @@ import me from "./index13.js";
 /* empty css        */
 import ve from "./index127.js";
 /* empty css         */
-const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-tab__label" }, _e = { class: "bb-tab__panes-container" }, we = ["id", "aria-labelledby"], Re = /* @__PURE__ */ te({
+const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-tab__label" }, _e = { class: "bb-tab__panes-container" }, we = ["id", "aria-labelledby"], Re = /* @__PURE__ */ ee({
   __name: "BbTab",
   props: {
     disabled: { type: Boolean },
@@ -23,13 +23,13 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
     replace: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(j, { expose: G, emit: Q }) {
+  setup(M, { expose: j, emit: G }) {
     var A, H;
-    const t = j, X = Q, d = ce(), q = be(), S = r(), L = t.id ?? de().id.value, g = `bb-tab_${L}`, b = r(), { isScrolling: Y, arrivedState: V } = he(b), B = $(() => ({
-      isScrolling: Y.value,
+    const t = M, Q = G, d = ce(), q = be(), S = n(), L = t.id ?? de().id.value, g = `bb-tab_${L}`, c = n(), { isScrolling: X, arrivedState: V } = he(c), B = $(() => ({
+      isScrolling: X.value,
       left: V.left,
       right: V.right
-    })), C = !!((H = (A = le()) == null ? void 0 : A.proxy) != null && H.$inertia), i = r(null), o = $(
+    })), C = !!((H = (A = te()) == null ? void 0 : A.proxy) != null && H.$inertia), i = n(null), o = $(
       () => t.items.findIndex((e) => e.key === i.value)
     ), _ = $(() => o.value === 0), w = $(() => o.value === t.items.length - 1);
     t.items.forEach((e) => {
@@ -37,9 +37,9 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
         throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
     });
     const R = () => {
-      var e, a, l, n, s;
+      var e, a, l, r, s;
       if (t.navigation && ((a = (e = d.value) == null ? void 0 : e.query) != null && a[t.querykey]))
-        i.value = (n = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : n[t.querykey];
+        i.value = (r = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : r[t.querykey];
       else if (t.navigation && C && ((s = globalThis == null ? void 0 : globalThis.location) != null && s.href) && new URL(globalThis.location.href).searchParams.get(t.querykey))
         i.value = new URL(globalThis.location.href).searchParams.get(
           t.querykey
@@ -47,7 +47,7 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
       else if (t.modelValue)
         i.value = t.modelValue;
       else if (t.items[0]) {
-        const m = t.items.find((ee) => !ee.disabled);
+        const m = t.items.find((Z) => !Z.disabled);
         if (!m)
           throw new Error(
             "No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected."
@@ -58,8 +58,8 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
     };
     R();
     const y = async (e, a = !1) => {
-      var l, n, s, m;
-      if (t.navigation && d.value && ((n = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : n[t.querykey]) !== e)
+      var l, r, s, m;
+      if (t.navigation && d.value && ((r = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : r[t.querykey]) !== e)
         q == null || q.push({
           ...d,
           query: { ...(s = d.value) == null ? void 0 : s.query, [t.querykey]: e },
@@ -71,7 +71,7 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
           a ? history.replaceState({}, "", v.toString()) : history.pushState({}, "", v.toString());
         });
       }
-      t.modelValue !== e && X("update:modelValue", e), i.value = e;
+      t.modelValue !== e && Q("update:modelValue", e), i.value = e;
     };
     i.value && y(i.value, !0);
     const u = (e) => {
@@ -101,11 +101,11 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
       if (a === null)
         throw new Error("Could not navigate to next tab");
       if (t.items[a].disabled) return;
-      const l = t.items[a].key, n = document.querySelector(
+      const l = t.items[a].key, r = document.querySelector(
         `#${g}_tab_${l}`
       );
-      n == null || n.focus(), y(l, t.replace);
-    }, Z = (e) => {
+      r == null || r.focus(), y(l, t.replace);
+    }, Y = (e) => {
       if (!t.disabled)
         if (e.key === "ArrowRight")
           u("next");
@@ -118,12 +118,12 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
         else
           return;
     };
-    f(
+    b(
       () => t.modelValue,
       (e) => {
         e && y(e, t.replace);
       }
-    ), f(
+    ), b(
       () => {
         var e, a;
         return (a = (e = d.value) == null ? void 0 : e.query) == null ? void 0 : a[t.querykey];
@@ -131,14 +131,14 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
       (e) => {
         e && typeof e == "string" && y(e, t.replace);
       }
-    ), f(
+    ), b(
       i,
       async () => {
         if (S.value) {
           const e = S.value.querySelector(
             "[role=tablist] .bb-tab__btn--active"
           );
-          e && (await ae(), e.scrollIntoView({
+          e && (await le(), e.scrollIntoView({
             behavior: "smooth",
             block: "nearest",
             inline: "nearest"
@@ -147,28 +147,28 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
       },
       { flush: "post" }
     );
-    const P = r("right");
-    f(
+    const P = n("right");
+    b(
       i,
       (e, a) => {
         if (e && a) {
-          const l = t.items.findIndex((s) => s.key === e), n = t.items.findIndex((s) => s.key === a);
-          P.value = l > n ? "right" : "left";
+          const l = t.items.findIndex((s) => s.key === e), r = t.items.findIndex((s) => s.key === a);
+          P.value = l > r ? "right" : "left";
         }
       },
       { flush: "sync" }
     );
-    const E = r(0), z = r(0), D = r(0), F = r(0), N = r(0), x = () => {
-      if (!b.value)
+    const E = n(0), z = n(0), D = n(0), F = n(0), N = n(0), x = () => {
+      if (!c.value)
         return;
-      const e = b.value.querySelector(
+      const e = c.value.querySelector(
         ".bb-tab__btn--active"
       );
-      e && (D.value = e.offsetLeft, F.value = e.offsetTop, E.value = e.clientWidth, z.value = e.clientHeight, N.value = b.value.scrollWidth);
+      e && (D.value = e.offsetLeft, F.value = e.offsetTop, E.value = e.clientWidth, z.value = e.clientHeight, N.value = c.value.scrollWidth);
     };
-    return ie(x), f(i, x, { flush: "post" }), ye(b, () => {
+    return ae(x), b(i, x, { flush: "post" }), ye(c, () => {
       x();
-    }), f(
+    }), b(
       () => t.items,
       () => {
         i.value && !t.items.find((e) => e.key === i.value) && R();
@@ -177,14 +177,14 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
         immediate: !0,
         deep: !0
       }
-    ), G({
+    ), j({
       isFirst: _,
       isLast: w,
       current: i,
       currentIndex: o,
       goTo: u
-    }), (e, a) => (h(), p("div", {
-      id: se(L),
+    }), (e, a) => (f(), p("div", {
+      id: ie(L),
       ref_key: "tabs",
       ref: S,
       class: T(["bb-tab", {
@@ -192,41 +192,36 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
         "bb-tab--disabled": !0
       }])
     }, [
-      c("div", ke, [
-        c("span", null, [
+      h("div", ke, [
+        h("span", null, [
           k(e.$slots, "header:prepend", U(W(B.value)))
         ]),
-        c("ul", {
+        h("ul", {
           ref_key: "tablist",
-          ref: b,
+          ref: c,
           class: "bb-tab__label-container",
           role: "tablist",
-          style: K({
-            "--inner-width": `${N.value}px`
+          style: se({
+            "--inner-width": `${N.value}px`,
+            "--width": `${E.value}px`,
+            "--height": `${z.value}px`,
+            "--left": `${D.value}px`,
+            "--top": `${F.value}px`
           })
         }, [
-          c("span", {
-            class: "bb-tab__highlight",
-            style: K({
-              "--width": `${E.value}px`,
-              "--height": `${z.value}px`,
-              "--left": `${D.value}px`,
-              "--top": `${F.value}px`
-            })
-          }, null, 4),
-          (h(!0), p(O, null, J(e.items, (l) => (h(), p("li", {
+          (f(!0), p(K, null, O(e.items, (l) => (f(), p("li", {
             key: l.key,
             role: "presentation"
           }, [
-            M(me, {
+            J(me, {
               id: `${g}_tab_${l.key}`,
               "aria-selected": i.value === l.key,
               class: T(["bb-tab__btn", { "bb-tab__btn--active": i.value === l.key }]),
               disabled: l.disabled || e.disabled,
               role: "tab",
               tabindex: i.value === l.key ? 0 : -1,
-              onClick: (n) => y(l.key, t.replace),
-              onKeydown: Z
+              onClick: (r) => y(l.key, t.replace),
+              onKeydown: Y
             }, {
               default: I(() => [
                 k(e.$slots, `label-${l.key}`, {
@@ -251,7 +246,7 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
                     text: l.label,
                     value: l.key
                   }, () => [
-                    c("span", ge, ne(l.label), 1)
+                    h("span", ge, re(l.label), 1)
                   ])
                 ])
               ]),
@@ -259,20 +254,20 @@ const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-t
             }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
           ]))), 128))
         ], 4),
-        c("span", null, [
+        h("span", null, [
           k(e.$slots, "header:append", U(W(B.value)))
         ])
       ]),
-      c("div", _e, [
-        M(ve, null, {
+      h("div", _e, [
+        J(ve, null, {
           default: I(() => [
-            (h(!0), p(O, null, J(e.items, (l) => (h(), re(oe, {
+            (f(!0), p(K, null, O(e.items, (l) => (f(), ne(oe, {
               key: l.key,
               css: e.animate,
               name: `tab-slide-${P.value}`
             }, {
               default: I(() => [
-                i.value === l.key || e.eager || l.eager ? (h(), p("section", {
+                i.value === l.key || e.eager || l.eager ? (f(), p("section", {
                   key: 0,
                   id: `${g}_tabpanel_${l.key}`,
                   "aria-labelledby": `${g}_tab_${l.key}`,