bitboss-ui 0.2.71 → 0.2.73

package/dist/index249.js

@@ -1,5 +1,5 @@
-var o = { exports: {} };
+import e from "./index200.js";
 export {
-  o as __module
+  e as default
 };
 //# sourceMappingURL=index249.js.map

package/dist/index25.js

@@ -1,6 +1,6 @@
 import { defineComponent as g, computed as n, ref as _, openBlock as w, createElementBlock as B, normalizeClass as C, createElementVNode as l, normalizeProps as t, guardReactiveProps as u, renderSlot as V } from "vue";
 import { isCssColor as i } from "./index198.js";
-import { when as E } from "./index212.js";
+import { when as E } from "./index199.js";
 const N = {
   "aria-hidden": "true",
   class: "bb-base-radio-container"

package/dist/index253.js

@@ -1,18 +1,5 @@
-function r(t) {
-  return Object.prototype.toString.call(t).slice(8, -1);
-}
-function o(t) {
-  return r(t) === "Array";
-}
-function c(t) {
-  if (r(t) !== "Object")
-    return !1;
-  const e = Object.getPrototypeOf(t);
-  return !!e && e.constructor === Object && e === Object.prototype;
-}
+import f from "./index227.js";
 export {
-  r as getType,
-  o as isArray,
-  c as isPlainObject
+  f as default
 };
 //# sourceMappingURL=index253.js.map

package/dist/index253.js.map

@@ -1 +1 @@
-{"version":3,"file":"index253.js","sources":["../node_modules/is-what/dist/index.js"],"sourcesContent":["function getType(payload) {\n  return Object.prototype.toString.call(payload).slice(8, -1);\n}\n\nfunction isAnyObject(payload) {\n  return getType(payload) === \"Object\";\n}\n\nfunction isArray(payload) {\n  return getType(payload) === \"Array\";\n}\n\nfunction isBlob(payload) {\n  return getType(payload) === \"Blob\";\n}\n\nfunction isBoolean(payload) {\n  return getType(payload) === \"Boolean\";\n}\n\nfunction isDate(payload) {\n  return getType(payload) === \"Date\" && !isNaN(payload);\n}\n\nfunction isEmptyArray(payload) {\n  return isArray(payload) && payload.length === 0;\n}\n\nfunction isPlainObject(payload) {\n  if (getType(payload) !== \"Object\")\n    return false;\n  const prototype = Object.getPrototypeOf(payload);\n  return !!prototype && prototype.constructor === Object && prototype === Object.prototype;\n}\n\nfunction isEmptyObject(payload) {\n  return isPlainObject(payload) && Object.keys(payload).length === 0;\n}\n\nfunction isEmptyString(payload) {\n  return payload === \"\";\n}\n\nfunction isError(payload) {\n  return getType(payload) === \"Error\" || payload instanceof Error;\n}\n\nfunction isFile(payload) {\n  return getType(payload) === \"File\";\n}\n\nfunction isFullArray(payload) {\n  return isArray(payload) && payload.length > 0;\n}\n\nfunction isFullObject(payload) {\n  return isPlainObject(payload) && Object.keys(payload).length > 0;\n}\n\nfunction isString(payload) {\n  return getType(payload) === \"String\";\n}\n\nfunction isFullString(payload) {\n  return isString(payload) && payload !== \"\";\n}\n\nfunction isFunction(payload) {\n  return typeof payload === \"function\";\n}\n\nfunction isType(payload, type) {\n  if (!(type instanceof Function)) {\n    throw new TypeError(\"Type must be a function\");\n  }\n  if (!Object.prototype.hasOwnProperty.call(type, \"prototype\")) {\n    throw new TypeError(\"Type is not a class\");\n  }\n  const name = type.name;\n  return getType(payload) === name || Boolean(payload && payload.constructor === type);\n}\n\nfunction isInstanceOf(value, classOrClassName) {\n  if (typeof classOrClassName === \"function\") {\n    for (let p = value; p; p = Object.getPrototypeOf(p)) {\n      if (isType(p, classOrClassName)) {\n        return true;\n      }\n    }\n    return false;\n  } else {\n    for (let p = value; p; p = Object.getPrototypeOf(p)) {\n      if (getType(p) === classOrClassName) {\n        return true;\n      }\n    }\n    return false;\n  }\n}\n\nfunction isMap(payload) {\n  return getType(payload) === \"Map\";\n}\n\nfunction isNaNValue(payload) {\n  return getType(payload) === \"Number\" && isNaN(payload);\n}\n\nfunction isNumber(payload) {\n  return getType(payload) === \"Number\" && !isNaN(payload);\n}\n\nfunction isNegativeNumber(payload) {\n  return isNumber(payload) && payload < 0;\n}\n\nfunction isNull(payload) {\n  return getType(payload) === \"Null\";\n}\n\nfunction isOneOf(a, b, c, d, e) {\n  return (value) => a(value) || b(value) || !!c && c(value) || !!d && d(value) || !!e && e(value);\n}\n\nfunction isUndefined(payload) {\n  return getType(payload) === \"Undefined\";\n}\n\nconst isNullOrUndefined = isOneOf(isNull, isUndefined);\n\nfunction isObject(payload) {\n  return isPlainObject(payload);\n}\n\nfunction isObjectLike(payload) {\n  return isAnyObject(payload);\n}\n\nfunction isPositiveNumber(payload) {\n  return isNumber(payload) && payload > 0;\n}\n\nfunction isSymbol(payload) {\n  return getType(payload) === \"Symbol\";\n}\n\nfunction isPrimitive(payload) {\n  return isBoolean(payload) || isNull(payload) || isUndefined(payload) || isNumber(payload) || isString(payload) || isSymbol(payload);\n}\n\nfunction isPromise(payload) {\n  return getType(payload) === \"Promise\";\n}\n\nfunction isRegExp(payload) {\n  return getType(payload) === \"RegExp\";\n}\n\nfunction isSet(payload) {\n  return getType(payload) === \"Set\";\n}\n\nfunction isWeakMap(payload) {\n  return getType(payload) === \"WeakMap\";\n}\n\nfunction isWeakSet(payload) {\n  return getType(payload) === \"WeakSet\";\n}\n\nexport { getType, isAnyObject, isArray, isBlob, isBoolean, isDate, isEmptyArray, isEmptyObject, isEmptyString, isError, isFile, isFullArray, isFullObject, isFullString, isFunction, isInstanceOf, isMap, isNaNValue, isNegativeNumber, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isOneOf, isPlainObject, isPositiveNumber, isPrimitive, isPromise, isRegExp, isSet, isString, isSymbol, isType, isUndefined, isWeakMap, isWeakSet };\n"],"names":["getType","payload","isArray","isPlainObject","prototype"],"mappings":"AAAA,SAASA,EAAQC,GAAS;AACxB,SAAO,OAAO,UAAU,SAAS,KAAKA,CAAO,EAAE,MAAM,GAAG,EAAE;AAC5D;AAMA,SAASC,EAAQD,GAAS;AACxB,SAAOD,EAAQC,CAAO,MAAM;AAC9B;AAkBA,SAASE,EAAcF,GAAS;AAC9B,MAAID,EAAQC,CAAO,MAAM;AACvB,WAAO;AACT,QAAMG,IAAY,OAAO,eAAeH,CAAO;AAC/C,SAAO,CAAC,CAACG,KAAaA,EAAU,gBAAgB,UAAUA,MAAc,OAAO;AACjF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index253.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index254.js

@@ -1,5 +1,6 @@
-import f from "./index238.js";
+import o from "./index230.js";
+import "./index231.js";
 export {
-  f as default
+  o as default
 };
 //# sourceMappingURL=index254.js.map

package/dist/index254.js.map

@@ -1 +1 @@
-{"version":3,"file":"index254.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index254.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index255.js

@@ -1,6 +1,5 @@
-import o from "./index236.js";
-import "./index237.js";
+const i = (c, e = 0, o = 0) => c.slice(0, o).concat(c.slice(o + e));
 export {
-  o as default
+  i as drop
 };
 //# sourceMappingURL=index255.js.map

package/dist/index255.js.map

@@ -1 +1 @@
-{"version":3,"file":"index255.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index255.js","sources":["../src/utilities/functions/drop.ts"],"sourcesContent":["/*\n * Drops N elements from an array and returns a new array.\n * Optionally start at an arbitrary index\n */\nexport const drop = <T>(arr: T[], howMany = 0, start = 0) =>\n\tarr.slice(0, start).concat(arr.slice(start + howMany));\n"],"names":["drop","arr","howMany","start"],"mappings":"AAIO,MAAMA,IAAO,CAAIC,GAAUC,IAAU,GAAGC,IAAQ,MACtDF,EAAI,MAAM,GAAGE,CAAK,EAAE,OAAOF,EAAI,MAAME,IAAQD,CAAO,CAAC;"}

package/dist/index29.js

@@ -1,6 +1,6 @@
 import { defineComponent as C, ref as b, computed as f, openBlock as l, createElementBlock as i, mergeProps as g, createElementVNode as r, Fragment as I, renderList as V, normalizeClass as B, toDisplayString as h, renderSlot as x } from "vue";
-import { booleanishToBoolean as M } from "./index196.js";
-import { identity as F } from "./index197.js";
+import { booleanishToBoolean as M } from "./index218.js";
+import { identity as F } from "./index214.js";
 import { isCssColor as p } from "./index198.js";
 import { isNotNil as T } from "./index124.js";
 const H = { class: "bb-base-rating__inner-container" }, D = { class: "bb-base-rating__label-text" }, N = ["id", "autofocus", "checked", "disabled", "name", "value"], j = ["height", "width"], A = /* @__PURE__ */ r("path", {

package/dist/index31.js

@@ -3,21 +3,21 @@ import Ae from "./index115.js";
 import "./index158.js";
 import Me from "./index119.js";
 import "./index185.js";
-import { useFloating as Je } from "./index209.js";
-import { clamp as qe } from "./index200.js";
+import { useFloating as Je } from "./index221.js";
+import { clamp as qe } from "./index196.js";
 import { deepEqual as se } from "./index123.js";
-import { head as G } from "./index210.js";
+import { head as G } from "./index222.js";
 import { isNotNil as E } from "./index124.js";
-import { last as ze } from "./index208.js";
+import { last as ze } from "./index211.js";
 import { useItemText as He } from "./index125.js";
 import { useItemValue as Pe } from "./index126.js";
 import { wait as X } from "./index122.js";
-import { waitFor as je } from "./index211.js";
-import { when as Qe } from "./index212.js";
+import { waitFor as je } from "./index203.js";
+import { when as Qe } from "./index199.js";
 import We from "./index116.js";
 import "./index160.js";
-import { autoUpdate as Ue, flip as Ke, shift as Re } from "./index213.js";
-import { offset as Ye } from "./index214.js";
+import { autoUpdate as Ue, flip as Ke, shift as Re } from "./index212.js";
+import { offset as Ye } from "./index217.js";
 const Ze = { class: "bb-base-select__input-container" }, Ge = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "aria-controls", "aria-expanded", "readonly"], Xe = { class: "bb-base-select__chevron" }, el = /* @__PURE__ */ w("svg", {
   fill: "none",
   viewBox: "0 0 16 8",

package/dist/index33.js

@@ -1,5 +1,5 @@
 import { defineComponent as R, ref as l, onMounted as S, watchEffect as z, computed as y, openBlock as D, createElementBlock as F, mergeProps as h, renderSlot as g, createElementVNode as t, normalizeProps as H, guardReactiveProps as T, normalizeStyle as E, unref as X } from "vue";
-import { clamp as K } from "./index200.js";
+import { clamp as K } from "./index196.js";
 import { isCssColor as w } from "./index198.js";
 import { isNil as O } from "./index120.js";
 import { transposeValue as L } from "./index121.js";

package/dist/index35.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as b, computed as n, watch as F, openBlock as m, createElementBlock as p, normalizeClass as N, normalizeProps as c, mergeProps as h, createCommentVNode as S, createElementVNode as l, renderSlot as x, guardReactiveProps as f } from "vue";
 import { isCssColor as V } from "./index198.js";
-import { when as A } from "./index212.js";
+import { when as A } from "./index199.js";
 const J = { class: "bb-base-switch-container" }, M = /* @__PURE__ */ l("span", { class: "bb-base-switch-container__icon-thumb" }, null, -1), O = [
   M
 ], H = /* @__PURE__ */ I({

package/dist/index65.js

@@ -1,13 +1,13 @@
 import { defineComponent as Y, computed as M, ref as v, openBlock as D, createElementBlock as H, mergeProps as S, createElementVNode as h, renderSlot as y, normalizeProps as Z, guardReactiveProps as ee, unref as c, createBlock as te, Teleport as oe, normalizeClass as ne, normalizeStyle as z, Fragment as N, renderList as ae, createVNode as le, withCtx as se, createCommentVNode as ie } from "vue";
 import { findRightIndex as I } from "./index223.js";
-import { useFloating as re, arrow as ue } from "./index209.js";
+import { useFloating as re, arrow as ue } from "./index221.js";
 import { useId as de } from "./index7.js";
 import { wait as U } from "./index122.js";
 import ce from "./index9.js";
 import "./index10.js";
-import V from "./index221.js";
-import { autoUpdate as fe, flip as pe, shift as be } from "./index213.js";
-import { offset as me } from "./index214.js";
+import V from "./index216.js";
+import { autoUpdate as fe, flip as pe, shift as be } from "./index212.js";
+import { offset as me } from "./index217.js";
 const ve = ["id", "aria-labelledby"], we = { class: "bb-dropdown__items-container" }, Me = /* @__PURE__ */ Y({
   __name: "BbDropdown",
   props: {

package/dist/index69.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 "./index225.js";
+import { findInTree as ae } from "./index226.js";
 import { useId as re } from "./index7.js";
 import oe from "./index118.js";
 import "./index183.js";
@@ -57,7 +57,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
             if (r.includes("/"))
               e.push(r);
             else {
-              b || (b = (await import("./index224.js")).default);
+              b || (b = (await import("./index225.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

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

package/dist/index75.js

@@ -1,5 +1,5 @@
 import { defineComponent as q, ref as s, useAttrs as G, computed as m, onMounted as J, watch as Q, onBeforeUnmount as X, openBlock as y, createBlock as Y, Teleport as Z, createElementVNode as o, mergeProps as N, createElementBlock as w, renderSlot as l, createTextVNode as ee, toDisplayString as z, createCommentVNode as B, nextTick as te } from "vue";
-import { useFocusTrap as oe } from "./index218.js";
+import { useFocusTrap as oe } from "./index202.js";
 import { useId as L } from "./index7.js";
 import { wait as O } from "./index122.js";
 const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__content" }, ne = { class: "bb-offcanvas-close__label" }, le = /* @__PURE__ */ o("span", { class: "bb-offcanvas-close__icon" }, [

package/dist/index77.js

@@ -1,5 +1,5 @@
 import { defineComponent as x, computed as y, ref as p, onMounted as A, onBeforeUnmount as B, openBlock as k, createElementBlock as V, createElementVNode as u, renderSlot as g, createTextVNode as b, Fragment as E, renderList as P, normalizeClass as W, toDisplayString as h, nextTick as z } from "vue";
-import R from "./index226.js";
+import R from "./index224.js";
 const T = { "aria-label": "Navigazione" }, F = ["disabled"], L = ["disabled", "onClick"], D = ["disabled"], O = /* @__PURE__ */ x({
   __name: "BbPagination",
   props: {

package/dist/index79.js

@@ -1,12 +1,12 @@
 import { defineComponent as V, ref as a, computed as _, openBlock as p, createElementBlock as h, mergeProps as B, createElementVNode as d, renderSlot as P, normalizeProps as I, guardReactiveProps as R, unref as g, createBlock as D, Teleport as U, normalizeClass as W, normalizeStyle as j, createCommentVNode as y, withCtx as G, nextTick as J } from "vue";
-import { useFloating as K, arrow as Q } from "./index209.js";
-import { useFocusTrap as X } from "./index218.js";
+import { useFloating as K, arrow as Q } from "./index221.js";
+import { useFocusTrap as X } from "./index202.js";
 import { useId as Y } from "./index7.js";
 import { wait as E } from "./index122.js";
 import Z from "./index9.js";
 import "./index10.js";
-import { autoUpdate as ee, flip as oe, shift as te } from "./index213.js";
-import { offset as ae } from "./index214.js";
+import { autoUpdate as ee, flip as oe, shift as te } from "./index212.js";
+import { offset as ae } from "./index217.js";
 const re = ["id"], ne = {
   key: 1,
   class: "bb-popover__bubble"

package/dist/index81.js

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

package/dist/index99.js

@@ -1,14 +1,14 @@
-import { defineComponent as D, getCurrentInstance as z, ref as K, computed as p, watch as _, openBlock as u, createElementBlock as d, unref as H, normalizeClass as g, createElementVNode as m, Fragment as w, renderList as B, createVNode as J, withCtx as O, renderSlot as q, toDisplayString as j, createCommentVNode as G } from "vue";
-import { useId as M } from "./index7.js";
-import { useRoute as Q } from "./index129.js";
-import { useRouter as W } from "./index130.js";
-import { wait as X } from "./index122.js";
-import Y from "./index9.js";
+import { defineComponent as K, ref as F, getCurrentInstance as H, computed as p, watch as _, nextTick as J, openBlock as u, createElementBlock as d, unref as O, normalizeClass as g, createElementVNode as m, Fragment as w, renderList as N, createVNode as j, withCtx as G, renderSlot as q, toDisplayString as M, createCommentVNode as Q } from "vue";
+import { useId as W } from "./index7.js";
+import { useRoute as X } from "./index129.js";
+import { useRouter as Y } from "./index130.js";
+import { wait as Z } from "./index122.js";
+import ee from "./index9.js";
 import "./index10.js";
-const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
+const ae = ["id"], te = { class: "bb-tab__label-boundary" }, le = {
   class: "bb-tab__label-container",
   role: "tablist"
-}, ae = { class: "bb-tab__label" }, le = { class: "bb-tab__panes-container" }, se = ["id", "aria-labelledby"], be = /* @__PURE__ */ D({
+}, se = { class: "bb-tab__label" }, ie = { class: "bb-tab__panes-container" }, re = ["id", "aria-labelledby"], fe = /* @__PURE__ */ K({
   __name: "BbTab",
   props: {
     disabled: { type: Boolean },
@@ -21,24 +21,24 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
     querykey: { default: "tab" }
   },
   emits: ["update:modelValue"],
-  setup(F, { expose: N, emit: A }) {
-    var T, S, x, I, V, L, C;
-    const a = F, P = A, o = Q(), v = W(), k = a.id ?? M().id.value, b = `bb-tab_${k}`, $ = !!((S = (T = z()) == null ? void 0 : T.proxy) != null && S.$inertia), l = K(null), i = p(
-      () => a.items.findIndex((e) => e.key === l.value)
-    ), y = p(() => i.value === 0), f = p(() => i.value === a.items.length - 1);
-    if (a.items.forEach((e) => {
+  setup(A, { expose: P, emit: U }) {
+    var x, S, I, V, L, C, E;
+    const t = A, D = U, o = X(), v = Y(), k = F(), $ = t.id ?? W().id.value, b = `bb-tab_${$}`, T = !!((S = (x = H()) == null ? void 0 : x.proxy) != null && S.$inertia), l = F(null), i = p(
+      () => t.items.findIndex((e) => e.key === l.value)
+    ), y = p(() => i.value === 0), f = p(() => i.value === t.items.length - 1);
+    if (t.items.forEach((e) => {
       if (!e.key)
         throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
-    }), a.navigation && ((I = (x = o.value) == null ? void 0 : x.query) != null && I[a.querykey]))
-      l.value = (L = (V = o.value) == null ? void 0 : V.query) == null ? void 0 : L[a.querykey];
-    else if (a.navigation && $ && ((C = globalThis == null ? void 0 : globalThis.location) != null && C.href) && new URL(globalThis.location.href).searchParams.get(a.querykey))
+    }), t.navigation && ((V = (I = o.value) == null ? void 0 : I.query) != null && V[t.querykey]))
+      l.value = (C = (L = o.value) == null ? void 0 : L.query) == null ? void 0 : C[t.querykey];
+    else if (t.navigation && T && ((E = globalThis == null ? void 0 : globalThis.location) != null && E.href) && new URL(globalThis.location.href).searchParams.get(t.querykey))
       l.value = new URL(globalThis.location.href).searchParams.get(
-        a.querykey
+        t.querykey
       );
-    else if (a.modelValue)
-      l.value = a.modelValue;
-    else if (a.items[0]) {
-      const e = a.items.find((t) => !t.disabled);
+    else if (t.modelValue)
+      l.value = t.modelValue;
+    else if (t.items[0]) {
+      const e = t.items.find((a) => !a.disabled);
       if (!e)
         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."
@@ -47,20 +47,20 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
       l.value = s;
     }
     const c = async (e, s = !1) => {
-      var t, n, E, R;
-      if (a.navigation && o.value && ((n = (t = o.value) == null ? void 0 : t.query) == null ? void 0 : n[a.querykey]) !== e)
+      var a, n, R, B;
+      if (t.navigation && o.value && ((n = (a = o.value) == null ? void 0 : a.query) == null ? void 0 : n[t.querykey]) !== e)
         v == null || v.push({
           ...o,
-          query: { ...(E = o.value) == null ? void 0 : E.query, [a.querykey]: e },
+          query: { ...(R = o.value) == null ? void 0 : R.query, [t.querykey]: e },
           replace: s
         });
-      else if (a.navigation && $ && ((R = globalThis == null ? void 0 : globalThis.location) != null && R.href) && new URL(globalThis.location.href).searchParams.get(a.querykey) !== e) {
+      else if (t.navigation && T && ((B = globalThis == null ? void 0 : globalThis.location) != null && B.href) && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
         const h = new URL(globalThis.location.href);
-        h.searchParams.set(a.querykey, e), X(0).then(() => {
+        h.searchParams.set(t.querykey, e), Z(0).then(() => {
           s ? history.replaceState({}, "", h.toString()) : history.pushState({}, "", h.toString());
         });
       }
-      a.modelValue !== e && P("update:modelValue", e), l.value = e;
+      t.modelValue !== e && D("update:modelValue", e), l.value = e;
     };
     l.value && c(l.value, !0);
     const r = (e) => {
@@ -70,25 +70,25 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
           s = 0;
           break;
         case "previous":
-          s = (i.value + a.items.length - 1) % a.items.length;
+          s = (i.value + t.items.length - 1) % t.items.length;
           break;
         case "next":
-          s = (i.value + 1) % a.items.length;
+          s = (i.value + 1) % t.items.length;
           break;
         case "last":
-          s = a.items.length - 1;
+          s = t.items.length - 1;
           break;
       }
       if (s === null)
         throw new Error("Could not navigate to next tab");
-      if (a.items[s].disabled)
+      if (t.items[s].disabled)
         return;
-      const t = a.items[s].key, n = document.querySelector(
-        `#${b}_tab_${t}`
+      const a = t.items[s].key, n = document.querySelector(
+        `#${b}_tab_${a}`
       );
-      n == null || n.focus(), c(t);
-    }, U = (e) => {
-      if (!a.disabled)
+      n == null || n.focus(), c(a);
+    }, z = (e) => {
+      if (!t.disabled)
         if (e.key === "ArrowRight")
           r("next");
         else if (e.key === "ArrowLeft")
@@ -101,84 +101,88 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
           return;
     };
     return _(
-      () => a.modelValue,
+      () => t.modelValue,
       (e) => {
         e && c(e);
       }
     ), _(
       () => {
         var e, s;
-        return (s = (e = o.value) == null ? void 0 : e.query) == null ? void 0 : s[a.querykey];
+        return (s = (e = o.value) == null ? void 0 : e.query) == null ? void 0 : s[t.querykey];
       },
       (e) => {
         e && typeof e == "string" && c(e);
       }
     ), _(
       l,
-      () => {
-        const e = document.querySelector(
-          `#${k} [role=tablist] .bb-tab__btn--active`
-        );
-        e && e.scrollIntoView({
-          behavior: "smooth",
-          block: "center",
-          inline: "nearest"
-        });
+      async () => {
+        if (k.value) {
+          const e = k.value.querySelector(
+            "[role=tablist] .bb-tab__btn--active"
+          );
+          e && (await J(), e.scrollIntoView({
+            behavior: "smooth",
+            block: "center",
+            inline: "nearest"
+          }));
+        }
       },
       { flush: "post" }
-    ), N({
+    ), P({
       isFirst: y,
       isLast: f,
       current: l,
       currentIndex: i,
       goTo: r
     }), (e, s) => (u(), d("div", {
-      id: H(k),
+      id: O($),
       class: g(["bb-tab", {
         [`bb-tab--${e.direction}`]: !0,
         "bb-tab--disabled": !0
-      }])
+      }]),
+      ref_key: "tabs",
+      ref: k
     }, [
-      m("div", ee, [
-        m("ul", te, [
-          (u(!0), d(w, null, B(e.items, (t) => (u(), d("li", {
-            key: t.key,
+      m("div", te, [
+        m("ul", le, [
+          (u(!0), d(w, null, N(e.items, (a) => (u(), d("li", {
+            key: a.key,
             role: "presentation"
           }, [
-            J(Y, {
-              id: `${b}_tab_${t.key}`,
-              "aria-selected": l.value === t.key,
-              class: g(["bb-tab__btn", { "bb-tab__btn--active": l.value === t.key }]),
-              disabled: t.disabled || e.disabled,
+            j(ee, {
+              id: `${b}_tab_${a.key}`,
+              "aria-selected": l.value === a.key,
+              class: g(["bb-tab__btn", { "bb-tab__btn--active": l.value === a.key }]),
+              disabled: a.disabled || e.disabled,
               role: "tab",
-              tabindex: l.value === t.key ? 0 : -1,
-              onClick: (n) => c(t.key),
-              onKeydown: U
+              tabindex: l.value === a.key ? 0 : -1,
+              onClick: (n) => c(a.key),
+              onKeydown: z
             }, {
-              default: O(() => [
-                q(e.$slots, `label-${t.key}`, {
+              default: G(() => [
+                q(e.$slots, `label-${a.key}`, {
                   current: l.value,
                   currentIndex: i.value,
-                  disabled: !!(t.disabled || e.disabled),
+                  disabled: !!(a.disabled || e.disabled),
                   goTo: r,
                   isFirst: y.value,
                   isLast: f.value,
-                  selected: l.value === t.key,
-                  text: t.label,
-                  value: t.key
+                  selected: l.value === a.key,
+                  text: a.label,
+                  value: a.key
                 }, () => [
                   q(e.$slots, "label", {
                     current: l.value,
                     currentIndex: i.value,
-                    disabled: !!(t.disabled || e.disabled),
+                    disabled: !!(a.disabled || e.disabled),
                     goTo: r,
                     isFirst: y.value,
                     isLast: f.value,
-                    selected: l.value === t.key,
-                    text: t.label,
-                    value: t.key
+                    selected: l.value === a.key,
+                    text: a.label,
+                    value: a.key
                   }, () => [
-                    m("span", ae, j(t.label), 1)
+                    m("span", se, M(a.label), 1)
                   ])
                 ])
               ]),
@@ -187,38 +191,38 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
           ]))), 128))
         ])
       ]),
-      m("div", le, [
-        (u(!0), d(w, null, B(e.items, (t) => (u(), d(w, {
-          key: t.key
+      m("div", ie, [
+        (u(!0), d(w, null, N(e.items, (a) => (u(), d(w, {
+          key: a.key
         }, [
-          l.value === t.key || e.eager || t.eager ? (u(), d("section", {
+          l.value === a.key || e.eager || a.eager ? (u(), d("section", {
             key: 0,
-            id: `${b}_tabpanel_${t.key}`,
-            "aria-labelledby": `${b}_tab_${t.key}`,
+            id: `${b}_tabpanel_${a.key}`,
+            "aria-labelledby": `${b}_tab_${a.key}`,
             class: g(["bb-tab__pane", {
-              "bb-tab__pane--shown": l.value === t.key
+              "bb-tab__pane--shown": l.value === a.key
             }]),
             role: "tabpanel",
             tabindex: "0"
           }, [
-            q(e.$slots, t.key, {
+            q(e.$slots, a.key, {
               current: l.value,
               currentIndex: i.value,
-              disabled: !!(t.disabled || e.disabled),
+              disabled: !!(a.disabled || e.disabled),
               goTo: r,
               isFirst: y.value,
               isLast: f.value,
-              selected: l.value === t.key,
-              text: t.label,
-              value: t.key
+              selected: l.value === a.key,
+              text: a.label,
+              value: a.key
             })
-          ], 10, se)) : G("", !0)
+          ], 10, re)) : Q("", !0)
         ], 64))), 128))
       ])
-    ], 10, Z));
+    ], 10, ae));
   }
 });
 export {
-  be as default
+  fe as default
 };
 //# sourceMappingURL=index99.js.map

package/dist/index99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index99.js","sources":["../src/components/BbTab/BbTab.vue"],"sourcesContent":["<template>\n\t<div\n\t\t:id=\"id\"\n\t\tclass=\"bb-tab\"\n\t\t:class=\"{\n\t\t\t[`bb-tab--${direction}`]: true,\n\t\t\t'bb-tab--disabled': true,\n\t\t}\"\n\t>\n\t\t<div class=\"bb-tab__label-boundary\">\n\t\t\t<ul class=\"bb-tab__label-container\" role=\"tablist\">\n\t\t\t\t<li v-for=\"tab in items\" :key=\"tab.key\" role=\"presentation\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t:id=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\t\t:aria-selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\tclass=\"bb-tab__btn\"\n\t\t\t\t\t\t:class=\"{ 'bb-tab__btn--active': selectedTab === tab.key }\"\n\t\t\t\t\t\t:disabled=\"tab.disabled || disabled\"\n\t\t\t\t\t\t:role=\"'tab'\"\n\t\t\t\t\t\t:tabindex=\"selectedTab === tab.key ? 0 : -1\"\n\t\t\t\t\t\t@click=\"onTabSelected(tab.key)\"\n\t\t\t\t\t\t@keydown=\"onKeydown\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t:name=\"`label-${tab.key}`\"\n\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t\tname=\"label\"\n\t\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"bb-tab__label\">{{ tab.label }}</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t\t<div class=\"bb-tab__panes-container\">\n\t\t\t<template v-for=\"tab in items\" :key=\"tab.key\">\n\t\t\t\t<section\n\t\t\t\t\tv-if=\"selectedTab === tab.key || eager || tab.eager\"\n\t\t\t\t\t:id=\"`${instanceid}_tabpanel_${tab.key}`\"\n\t\t\t\t\t:aria-labelledby=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\tclass=\"bb-tab__pane\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'bb-tab__pane--shown': selectedTab === tab.key,\n\t\t\t\t\t}\"\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t:name=\"tab.key\"\n\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t></slot>\n\t\t\t\t</section>\n\t\t\t</template>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, getCurrentInstance, computed } from 'vue';\nimport { useId } from '@/composables/useId';\nimport { useRoute } from '@/composables/useRoute';\nimport { useRouter } from '@/composables/useRouter';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbTabItem = Pick<CommonProps, 'disabled'> & {\n\t/**\n\t * Used to render a tab even when not visible.\n\t * It's useful if you want the content of a tab in the DOM\n\t * immediately rendered\n\t * even when not visible for SEO purposes.\n\t */\n\teager?: boolean;\n\t/**\n\t * String that identifies the tab.\n\t */\n\tkey: string;\n\t/**\n\t * Label to use as the tab text.\n\t */\n\tlabel?: string;\n};\n\nexport type BbTabProps = Pick<CommonProps, 'disabled' | 'eager' | 'id'> & {\n\t/**\n\t * Direction of the tabs component\n\t */\n\tdirection?: 'horizontal' | 'vertical';\n\t/**\n\t * Array of items that define the tabs in the component.\n\t */\n\titems: BbTabItem[];\n\t/**\n\t * The current tab. Used by v-model.\n\t */\n\tmodelValue?: null | BbTabItem['key'];\n\t/**\n\t * Synchronizes the current tab with the url.\n\t */\n\tnavigation?: boolean;\n\t/**\n\t * Defines the query key to reference for maintaining navigation\n\t */\n\tquerykey?: string;\n};\n\nconst props = withDefaults(defineProps<BbTabProps>(), {\n\tdirection: 'horizontal',\n\tquerykey: 'tab',\n});\n\nexport type BbTabEvents = {\n\t(e: 'update:modelValue', value: (typeof props.items)[number]['key']): void;\n};\nconst emit = defineEmits<BbTabEvents>();\n\ntype BbStepSlots = {\n\tlabel?: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n} & {\n\t[key: string]: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n};\n\ndefineSlots<BbStepSlots>();\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst id = props.id ?? useId().id.value;\nconst instanceid = `bb-tab_${id}`;\n\n/* Ignore because possibly undefined */\n// @ts-expect-error possibly undef\nconst isInertia = !!getCurrentInstance()?.proxy?.$inertia;\n\nconst selectedTab = ref<BbTabItem['key'] | null>(null);\n\nconst currentTabIndex = computed(() =>\n\tprops.items.findIndex((el) => el.key === selectedTab.value)\n);\nconst isFirst = computed(() => currentTabIndex.value === 0);\nconst isLast = computed(() => currentTabIndex.value === props.items.length - 1);\n\nprops.items.forEach((item) => {\n\tif (!item.key) {\n\t\tconsole.error(`A tab item has no key`, item);\n\t\tthrow new Error('A tab item has no key ' + JSON.stringify(item));\n\t}\n});\n\n/* \nThis section retrieves the current tab that should be selected\n*/\n// Retrieve tab from url on load for vue apps\nif (props.navigation && route.value?.query?.[props.querykey]) {\n\tselectedTab.value = route.value?.query?.[props.querykey] as string;\n\t// Retrieve tab from url on load for inertia app\n} else if (\n\tprops.navigation &&\n\tisInertia &&\n\tglobalThis?.location?.href &&\n\tnew URL(globalThis.location.href).searchParams.get(props.querykey)\n) {\n\tselectedTab.value = new URL(globalThis.location.href).searchParams.get(\n\t\tprops.querykey\n\t) as string;\n\t// Else whatever tab is passed first\n} else if (props.modelValue) {\n\tselectedTab.value = props.modelValue;\n\t// Else whatever tab is passed first\n} else if (props.items[0]) {\n\tconst firstSelectableTab = props.items.find((item) => !item.disabled);\n\tif (!firstSelectableTab) {\n\t\tthrow new Error(\n\t\t\t'No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected.'\n\t\t);\n\t}\n\tconst key = firstSelectableTab.key;\n\tselectedTab.value = key;\n}\n/* \nOnce the current tab is found update external variables\n*/\n\nconst onTabSelected = async (tab: BbTabItem['key'], replace = false) => {\n\t/* For Vue or Nuxt context */\n\tif (\n\t\tprops.navigation &&\n\t\troute.value &&\n\t\troute.value?.query?.[props.querykey] !== tab\n\t) {\n\t\trouter?.push({\n\t\t\t...route,\n\t\t\tquery: { ...route.value?.query, [props.querykey]: tab },\n\t\t\treplace,\n\t\t});\n\t\t/* Inertia context */\n\t} else if (\n\t\tprops.navigation &&\n\t\tisInertia &&\n\t\tglobalThis?.location?.href &&\n\t\tnew URL(globalThis.location.href).searchParams.get(props.querykey) !== tab\n\t) {\n\t\tconst url = new URL(globalThis.location.href);\n\t\turl.searchParams.set(props.querykey, tab);\n\t\twait(0).then(() => {\n\t\t\tif (replace) {\n\t\t\t\thistory.replaceState({}, '', url.toString());\n\t\t\t} else {\n\t\t\t\thistory.pushState({}, '', url.toString());\n\t\t\t}\n\t\t});\n\t}\n\tif (props.modelValue !== tab) {\n\t\temit('update:modelValue', tab);\n\t}\n\tselectedTab.value = tab;\n};\n\nif (selectedTab.value) {\n\tonTabSelected(selectedTab.value, true);\n}\n\nconst goTo = (target: 'first' | 'previous' | 'next' | 'last') => {\n\tvar nextTabIndex: number | null = null;\n\tswitch (target) {\n\t\tcase 'first':\n\t\t\tnextTabIndex = 0;\n\t\t\tbreak;\n\t\tcase 'previous':\n\t\t\tnextTabIndex =\n\t\t\t\t(currentTabIndex.value + props.items.length - 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'next':\n\t\t\tnextTabIndex = (currentTabIndex.value + 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'last':\n\t\t\tnextTabIndex = props.items.length - 1;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\tif (nextTabIndex === null) {\n\t\tthrow new Error('Could not navigate to next tab');\n\t}\n\tif (props.items[nextTabIndex].disabled) return;\n\tconst targetKey = props.items[nextTabIndex].key;\n\tconst button: HTMLButtonElement | null = document.querySelector(\n\t\t`#${instanceid}_tab_${targetKey}`\n\t);\n\tbutton?.focus();\n\tonTabSelected(targetKey);\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n\tif (props.disabled) return;\n\tif (event.key === 'ArrowRight') {\n\t\tgoTo('next');\n\t} else if (event.key === 'ArrowLeft') {\n\t\tgoTo('previous');\n\t} else if (event.key === 'Home') {\n\t\tevent.preventDefault();\n\t\tgoTo('first');\n\t} else if (event.key === 'End') {\n\t\tevent.preventDefault();\n\t\tgoTo('last');\n\t} else {\n\t\treturn;\n\t}\n};\n\nwatch(\n\t() => props.modelValue,\n\t(value) => {\n\t\tif (value) {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\t() => route.value?.query?.[props.querykey],\n\t(value) => {\n\t\tif (value && typeof value === 'string') {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\tselectedTab,\n\t() => {\n\t\tconst element = document.querySelector(\n\t\t\t`#${id} [role=tablist] .bb-tab__btn--active`\n\t\t);\n\t\tif (element) {\n\t\t\telement.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'center',\n\t\t\t\tinline: 'nearest',\n\t\t\t});\n\t\t}\n\t},\n\t{ flush: 'post' }\n);\n\ndefineExpose({\n\tisFirst,\n\tisLast,\n\tcurrent: selectedTab,\n\tcurrentIndex: currentTabIndex,\n\tgoTo,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTab';\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","router","useRouter","id","useId","instanceid","isInertia","_b","_a","getCurrentInstance","selectedTab","ref","currentTabIndex","computed","el","isFirst","isLast","item","_d","_c","_f","_e","_g","firstSelectableTab","key","onTabSelected","tab","replace","url","wait","goTo","target","nextTabIndex","targetKey","button","onKeydown","event","watch","value","element","__expose"],"mappings":"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"}
+{"version":3,"file":"index99.js","sources":["../src/components/BbTab/BbTab.vue"],"sourcesContent":["<template>\n\t<div\n\t\t:id=\"id\"\n\t\tclass=\"bb-tab\"\n\t\tref=\"tabs\"\n\t\t:class=\"{\n\t\t\t[`bb-tab--${direction}`]: true,\n\t\t\t'bb-tab--disabled': true,\n\t\t}\"\n\t>\n\t\t<div class=\"bb-tab__label-boundary\">\n\t\t\t<ul class=\"bb-tab__label-container\" role=\"tablist\">\n\t\t\t\t<li v-for=\"tab in items\" :key=\"tab.key\" role=\"presentation\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t:id=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\t\t:aria-selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\tclass=\"bb-tab__btn\"\n\t\t\t\t\t\t:class=\"{ 'bb-tab__btn--active': selectedTab === tab.key }\"\n\t\t\t\t\t\t:disabled=\"tab.disabled || disabled\"\n\t\t\t\t\t\t:role=\"'tab'\"\n\t\t\t\t\t\t:tabindex=\"selectedTab === tab.key ? 0 : -1\"\n\t\t\t\t\t\t@click=\"onTabSelected(tab.key)\"\n\t\t\t\t\t\t@keydown=\"onKeydown\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t:name=\"`label-${tab.key}`\"\n\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t\tname=\"label\"\n\t\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"bb-tab__label\">{{ tab.label }}</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t\t<div class=\"bb-tab__panes-container\">\n\t\t\t<template v-for=\"tab in items\" :key=\"tab.key\">\n\t\t\t\t<section\n\t\t\t\t\tv-if=\"selectedTab === tab.key || eager || tab.eager\"\n\t\t\t\t\t:id=\"`${instanceid}_tabpanel_${tab.key}`\"\n\t\t\t\t\t:aria-labelledby=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\tclass=\"bb-tab__pane\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'bb-tab__pane--shown': selectedTab === tab.key,\n\t\t\t\t\t}\"\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t:name=\"tab.key\"\n\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t></slot>\n\t\t\t\t</section>\n\t\t\t</template>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, getCurrentInstance, computed, nextTick } from 'vue';\nimport { useId } from '@/composables/useId';\nimport { useRoute } from '@/composables/useRoute';\nimport { useRouter } from '@/composables/useRouter';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbTabItem = Pick<CommonProps, 'disabled'> & {\n\t/**\n\t * Used to render a tab even when not visible.\n\t * It's useful if you want the content of a tab in the DOM\n\t * immediately rendered\n\t * even when not visible for SEO purposes.\n\t */\n\teager?: boolean;\n\t/**\n\t * String that identifies the tab.\n\t */\n\tkey: string;\n\t/**\n\t * Label to use as the tab text.\n\t */\n\tlabel?: string;\n};\n\nexport type BbTabProps = Pick<CommonProps, 'disabled' | 'eager' | 'id'> & {\n\t/**\n\t * Direction of the tabs component\n\t */\n\tdirection?: 'horizontal' | 'vertical';\n\t/**\n\t * Array of items that define the tabs in the component.\n\t */\n\titems: BbTabItem[];\n\t/**\n\t * The current tab. Used by v-model.\n\t */\n\tmodelValue?: null | BbTabItem['key'];\n\t/**\n\t * Synchronizes the current tab with the url.\n\t */\n\tnavigation?: boolean;\n\t/**\n\t * Defines the query key to reference for maintaining navigation\n\t */\n\tquerykey?: string;\n};\n\nconst props = withDefaults(defineProps<BbTabProps>(), {\n\tdirection: 'horizontal',\n\tquerykey: 'tab',\n});\n\nexport type BbTabEvents = {\n\t(e: 'update:modelValue', value: (typeof props.items)[number]['key']): void;\n};\nconst emit = defineEmits<BbTabEvents>();\n\ntype BbStepSlots = {\n\tlabel?: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n} & {\n\t[key: string]: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n};\n\ndefineSlots<BbStepSlots>();\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tabs = ref();\n\nconst id = props.id ?? useId().id.value;\nconst instanceid = `bb-tab_${id}`;\n\n/* Ignore because possibly undefined */\n// @ts-expect-error possibly undef\nconst isInertia = !!getCurrentInstance()?.proxy?.$inertia;\n\nconst selectedTab = ref<BbTabItem['key'] | null>(null);\n\nconst currentTabIndex = computed(() =>\n\tprops.items.findIndex((el) => el.key === selectedTab.value)\n);\nconst isFirst = computed(() => currentTabIndex.value === 0);\nconst isLast = computed(() => currentTabIndex.value === props.items.length - 1);\n\nprops.items.forEach((item) => {\n\tif (!item.key) {\n\t\tconsole.error(`A tab item has no key`, item);\n\t\tthrow new Error('A tab item has no key ' + JSON.stringify(item));\n\t}\n});\n\n/* \nThis section retrieves the current tab that should be selected\n*/\n// Retrieve tab from url on load for vue apps\nif (props.navigation && route.value?.query?.[props.querykey]) {\n\tselectedTab.value = route.value?.query?.[props.querykey] as string;\n\t// Retrieve tab from url on load for inertia app\n} else if (\n\tprops.navigation &&\n\tisInertia &&\n\tglobalThis?.location?.href &&\n\tnew URL(globalThis.location.href).searchParams.get(props.querykey)\n) {\n\tselectedTab.value = new URL(globalThis.location.href).searchParams.get(\n\t\tprops.querykey\n\t) as string;\n\t// Else whatever tab is passed first\n} else if (props.modelValue) {\n\tselectedTab.value = props.modelValue;\n\t// Else whatever tab is passed first\n} else if (props.items[0]) {\n\tconst firstSelectableTab = props.items.find((item) => !item.disabled);\n\tif (!firstSelectableTab) {\n\t\tthrow new Error(\n\t\t\t'No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected.'\n\t\t);\n\t}\n\tconst key = firstSelectableTab.key;\n\tselectedTab.value = key;\n}\n/* \nOnce the current tab is found update external variables\n*/\n\nconst onTabSelected = async (tab: BbTabItem['key'], replace = false) => {\n\t/* For Vue or Nuxt context */\n\tif (\n\t\tprops.navigation &&\n\t\troute.value &&\n\t\troute.value?.query?.[props.querykey] !== tab\n\t) {\n\t\trouter?.push({\n\t\t\t...route,\n\t\t\tquery: { ...route.value?.query, [props.querykey]: tab },\n\t\t\treplace,\n\t\t});\n\t\t/* Inertia context */\n\t} else if (\n\t\tprops.navigation &&\n\t\tisInertia &&\n\t\tglobalThis?.location?.href &&\n\t\tnew URL(globalThis.location.href).searchParams.get(props.querykey) !== tab\n\t) {\n\t\tconst url = new URL(globalThis.location.href);\n\t\turl.searchParams.set(props.querykey, tab);\n\t\twait(0).then(() => {\n\t\t\tif (replace) {\n\t\t\t\thistory.replaceState({}, '', url.toString());\n\t\t\t} else {\n\t\t\t\thistory.pushState({}, '', url.toString());\n\t\t\t}\n\t\t});\n\t}\n\tif (props.modelValue !== tab) {\n\t\temit('update:modelValue', tab);\n\t}\n\tselectedTab.value = tab;\n};\n\nif (selectedTab.value) {\n\tonTabSelected(selectedTab.value, true);\n}\n\nconst goTo = (target: 'first' | 'previous' | 'next' | 'last') => {\n\tvar nextTabIndex: number | null = null;\n\tswitch (target) {\n\t\tcase 'first':\n\t\t\tnextTabIndex = 0;\n\t\t\tbreak;\n\t\tcase 'previous':\n\t\t\tnextTabIndex =\n\t\t\t\t(currentTabIndex.value + props.items.length - 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'next':\n\t\t\tnextTabIndex = (currentTabIndex.value + 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'last':\n\t\t\tnextTabIndex = props.items.length - 1;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\tif (nextTabIndex === null) {\n\t\tthrow new Error('Could not navigate to next tab');\n\t}\n\tif (props.items[nextTabIndex].disabled) return;\n\tconst targetKey = props.items[nextTabIndex].key;\n\tconst button: HTMLButtonElement | null = document.querySelector(\n\t\t`#${instanceid}_tab_${targetKey}`\n\t);\n\tbutton?.focus();\n\tonTabSelected(targetKey);\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n\tif (props.disabled) return;\n\tif (event.key === 'ArrowRight') {\n\t\tgoTo('next');\n\t} else if (event.key === 'ArrowLeft') {\n\t\tgoTo('previous');\n\t} else if (event.key === 'Home') {\n\t\tevent.preventDefault();\n\t\tgoTo('first');\n\t} else if (event.key === 'End') {\n\t\tevent.preventDefault();\n\t\tgoTo('last');\n\t} else {\n\t\treturn;\n\t}\n};\n\nwatch(\n\t() => props.modelValue,\n\t(value) => {\n\t\tif (value) {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\t() => route.value?.query?.[props.querykey],\n\t(value) => {\n\t\tif (value && typeof value === 'string') {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\tselectedTab,\n\tasync () => {\n\t\tif(tabs.value) {\n\n\t\tconst element = tabs.value.querySelector(\n\t\t\t`[role=tablist] .bb-tab__btn--active`\n\t\t);\n\t\tif (element) {\n\t\t\tawait nextTick()\n\t\t\telement.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'center',\n\t\t\t\tinline: 'nearest',\n\t\t\t});\n\t\t}\n\t\t}\n\t},\n\t{ flush: 'post' }\n);\n\ndefineExpose({\n\tisFirst,\n\tisLast,\n\tcurrent: selectedTab,\n\tcurrentIndex: currentTabIndex,\n\tgoTo,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTab';\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","router","useRouter","tabs","ref","id","useId","instanceid","isInertia","_b","_a","getCurrentInstance","selectedTab","currentTabIndex","computed","el","isFirst","isLast","item","_d","_c","_f","_e","_g","firstSelectableTab","key","onTabSelected","tab","replace","url","wait","goTo","target","nextTabIndex","targetKey","button","onKeydown","event","watch","value","element","nextTick","__expose"],"mappings":"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"}