bitboss-ui 1.0.23 → 1.0.25

package/dist/index.d.ts

@@ -41,7 +41,6 @@ export { default as BbDialog } from './components/BbDialog/BbDialog.vue';
 export { default as BbDropdown } from './components/BbDropdown/BbDropdown.vue';
 export { default as BbDropdownButton } from './components/BbDropdownButton/BbDropdownButton.vue';
 export { default as BbDropzone } from './components/BbDropzone/BbDropzone.vue';
-export { default as BbHover } from './components/BbHover/BbHover.vue';
 export { default as BbIcon } from './components/BbIcon/BbIcon.vue';
 export { default as BbIntersection } from './components/BbIntersection/BbIntersection.vue';
 export { default as BbNumberInput } from './components/BbNumberInput/BbNumberInput.vue';

package/dist/index.js

@@ -22,9 +22,9 @@ import { default as vo } from "./index22.js";
 import "./index23.js";
 import { default as Ao } from "./index24.js";
 import "./index25.js";
-import { default as No } from "./index26.js";
+import { default as Oo } from "./index26.js";
 import "./index27.js";
-import { default as jo } from "./index28.js";
+import { default as yo } from "./index28.js";
 import "./index29.js";
 import { default as Ko } from "./index30.js";
 import "./index31.js";
@@ -72,53 +72,52 @@ import { default as kt } from "./index72.js";
 import "./index73.js";
 import { default as Gt } from "./index74.js";
 import { default as vt } from "./index75.js";
-import { default as At } from "./index76.js";
-import "./index77.js";
-import { default as Nt } from "./index78.js";
-import "./index79.js";
-import { default as jt } from "./index80.js";
-import "./index81.js";
-import { default as Kt } from "./index82.js";
-import "./index83.js";
-import { default as qt } from "./index84.js";
-import "./index85.js";
-import { default as Ft } from "./index86.js";
-import "./index87.js";
-import { default as Lt } from "./index88.js";
-import "./index89.js";
-import { default as Qt } from "./index90.js";
-import "./index91.js";
-import { default as Vt } from "./index92.js";
-import "./index93.js";
-import { default as Yt } from "./index94.js";
-import "./index95.js";
-import { default as _t } from "./index96.js";
-import "./index97.js";
-import { default as or } from "./index98.js";
-import "./index99.js";
-import { default as rr } from "./index100.js";
-import "./index101.js";
-import { default as ar } from "./index102.js";
-import "./index103.js";
-import { default as fr } from "./index104.js";
-import "./index105.js";
-import { default as sr } from "./index106.js";
-import "./index107.js";
-import { default as ur } from "./index108.js";
-import "./index109.js";
-import { default as xr } from "./index110.js";
-import "./index111.js";
-import { default as Br } from "./index112.js";
-import "./index113.js";
-import { default as nr } from "./index114.js";
-import "./index115.js";
-import { default as hr } from "./index116.js";
-import "./index117.js";
+import "./index76.js";
+import { default as At } from "./index77.js";
+import "./index78.js";
+import { default as Ot } from "./index79.js";
+import "./index80.js";
+import { default as yt } from "./index81.js";
+import "./index82.js";
+import { default as Kt } from "./index83.js";
+import "./index84.js";
+import { default as qt } from "./index85.js";
+import "./index86.js";
+import { default as Ft } from "./index87.js";
+import "./index88.js";
+import { default as Lt } from "./index89.js";
+import "./index90.js";
+import { default as Qt } from "./index91.js";
+import "./index92.js";
+import { default as Vt } from "./index93.js";
+import "./index94.js";
+import { default as Yt } from "./index95.js";
+import "./index96.js";
+import { default as _t } from "./index97.js";
+import "./index98.js";
+import { default as or } from "./index99.js";
+import "./index100.js";
+import { default as rr } from "./index101.js";
+import "./index102.js";
+import { default as ar } from "./index103.js";
+import "./index104.js";
+import { default as fr } from "./index105.js";
+import "./index106.js";
+import { default as sr } from "./index107.js";
+import "./index108.js";
+import { default as ur } from "./index109.js";
+import "./index110.js";
+import { default as xr } from "./index111.js";
+import "./index112.js";
+import { default as Br } from "./index113.js";
+import "./index114.js";
+import { default as nr } from "./index115.js";
+import "./index116.js";
+import { default as hr } from "./index117.js";
 import { default as Ir } from "./index118.js";
 import { default as gr } from "./index119.js";
 import { default as wr } from "./index120.js";
 import { default as kr } from "./index121.js";
-import { default as Gr } from "./index122.js";
 export {
   ho as BaseButton,
   Io as BaseCheckbox,
@@ -128,8 +127,8 @@ export {
   Go as BaseDialog,
   vo as BaseInputContainer,
   Ao as BaseNumberInput,
-  No as BaseRadio,
-  jo as BaseRadioGroup,
+  Oo as BaseRadio,
+  yo as BaseRadioGroup,
   Ko as BaseRating,
   qo as BaseSelect,
   Fo as BaseSlider,
@@ -146,40 +145,39 @@ export {
   ut as BbButton,
   xt as BbCheckbox,
   Bt as BbCheckboxGroup,
-  Ir as BbChip,
-  gr as BbCollapsible,
+  hr as BbChip,
+  Ir as BbCollapsible,
   nt as BbConfirm,
   ht as BbDatePickerInput,
   It as BbDialog,
   gt as BbDropdown,
   wt as BbDropdownButton,
   kt as BbDropzone,
-  Gt as BbHover,
-  wr as BbIcon,
-  vt as BbIntersection,
-  At as BbNumberInput,
-  Nt as BbOffCanvas,
-  jt as BbPagination,
-  Kt as BbPopover,
-  qt as BbProgress,
-  Ft as BbRadio,
-  Lt as BbRadioGroup,
-  Qt as BbRating,
-  Vt as BbRatio,
-  Yt as BbSelect,
-  _t as BbSlider,
-  kr as BbSmoothHeight,
-  Gr as BbSpinner,
-  or as BbSwitch,
-  rr as BbSwitchGroup,
-  ar as BbTab,
-  fr as BbTable,
-  sr as BbTag,
-  xr as BbTextInput,
-  ur as BbTextarea,
-  Br as BbToast,
-  nr as BbTooltip,
-  hr as BbTree,
+  gr as BbIcon,
+  Gt as BbIntersection,
+  vt as BbNumberInput,
+  At as BbOffCanvas,
+  Ot as BbPagination,
+  yt as BbPopover,
+  Kt as BbProgress,
+  qt as BbRadio,
+  Ft as BbRadioGroup,
+  Lt as BbRating,
+  Qt as BbRatio,
+  Vt as BbSelect,
+  Yt as BbSlider,
+  wr as BbSmoothHeight,
+  kr as BbSpinner,
+  _t as BbSwitch,
+  or as BbSwitchGroup,
+  rr as BbTab,
+  ar as BbTable,
+  fr as BbTag,
+  ur as BbTextInput,
+  sr as BbTextarea,
+  xr as BbToast,
+  Br as BbTooltip,
+  nr as BbTree,
   ro as useBroadcastChannelInstance,
   ao as useConfirm,
   fo as useCountdown,

package/dist/index.js.map

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

package/dist/index100.js

@@ -1,130 +1,2 @@
-import { defineComponent as f, ref as y, computed as v, openBlock as w, createBlock as B, withCtx as a, renderSlot as i, normalizeProps as t, guardReactiveProps as r, createVNode as $, mergeProps as T } from "vue";
-import V from "./index22.js";
-import "./index23.js";
-import D from "./index38.js";
-import "./index39.js";
-const E = /* @__PURE__ */ f({
-  __name: "BbSwitchGroup",
-  props: {
-    autofocus: {},
-    color: {},
-    dependencies: {},
-    depsDebounceTime: {},
-    disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hideLegend: { type: Boolean },
-    hint: {},
-    id: {},
-    inputDirection: {},
-    items: { type: [Array, Function] },
-    itemText: {},
-    itemValue: {},
-    legend: {},
-    loadingText: {},
-    matchStrategy: {},
-    modelValue: {},
-    modelValueDebounceTime: {},
-    name: {},
-    noDataText: {},
-    persistentHint: { type: Boolean },
-    readonly: {},
-    reverse: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, n = p, l = y(!1), m = v(() => u.persistentHint || l.value), c = {
-      onBlur: (e) => n("blur", e),
-      onChange: (e) => n("change", e),
-      onClick: (e) => n("click", e),
-      onFocus: (e) => {
-        l.value = !0, n("focus", e);
-      },
-      onInactive: () => {
-        l.value = !1, n("inactive");
-      },
-      onInput: (e) => n("input", e),
-      onKeydown: (e) => n("keydown", e),
-      onMousedown: (e) => n("mousedown", e),
-      onMouseup: (e) => n("mouseup", e),
-      "onUpdate:modelValue": (e) => n("update:modelValue", e)
-    };
-    return (e, k) => (w(), B(V, {
-      direction: "vertical",
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLegend,
-      hint: e.hint,
-      id: e.id,
-      "label-tag": "legend",
-      label: e.legend,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value,
-      tag: "fieldset",
-      class: "bb-switch-group"
-    }, {
-      label: a((s) => [
-        i(e.$slots, "legend", t(r(s)))
-      ]),
-      input: a(({ id: s, name: h, hasErrors: b, ariaDescribedby: g }) => [
-        $(D, T({
-          "aria-describedby": g,
-          autofocus: e.autofocus,
-          color: e.color,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          direction: e.inputDirection,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "has-errors": b,
-          "hide-label": e.hideLabel,
-          id: s,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          "loading-text": e.loadingText,
-          "match-strategy": e.matchStrategy,
-          "model-value-debounce-time": e.modelValueDebounceTime,
-          "model-value": e.modelValue,
-          name: h,
-          "no-data-text": e.noDataText,
-          readonly: e.readonly
-        }, c), {
-          prepend: a((o) => [
-            i(e.$slots, "prepend", t(r(o)))
-          ]),
-          loading: a((o) => [
-            i(e.$slots, "loading", t(r(o)))
-          ]),
-          "no-data": a((o) => [
-            i(e.$slots, "no-data", t(r(o)))
-          ]),
-          "option:prepend": a((o) => [
-            i(e.$slots, "option:prepend", t(r(o)))
-          ]),
-          icon: a((o) => [
-            i(e.$slots, "icon", t(r(o)))
-          ]),
-          label: a((o) => [
-            i(e.$slots, "label", t(r(o)))
-          ]),
-          "option:append": a((o) => [
-            i(e.$slots, "option:append", t(r(o)))
-          ]),
-          append: a((o) => [
-            i(e.$slots, "append", t(r(o)))
-          ]),
-          _: 2
-        }, 1040, ["aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "id", "item-text", "item-value", "items", "loading-text", "match-strategy", "model-value-debounce-time", "model-value", "name", "no-data-text", "readonly"])
-      ]),
-      _: 3
-    }, 8, ["errors", "has-errors", "hide-label", "hint", "id", "label", "name", "reverse", "show-hint"]));
-  }
-});
-export {
-  E as default
-};
+
 //# sourceMappingURL=index100.js.map

package/dist/index100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.js","sources":["../src/components/BbSwitchGroup/BbSwitchGroup.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:direction=\"'vertical'\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLegend\"\n\t\t:hint=\"hint\"\n\t\t:id=\"id\"\n\t\t:label-tag=\"'legend'\"\n\t\t:label=\"legend\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\t:tag=\"'fieldset'\"\n\t\tclass=\"bb-switch-group\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"legend\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseSwitchGroup\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:dependencies=\"dependencies\"\n\t\t\t\t:deps-debounce-time=\"depsDebounceTime\"\n\t\t\t\t:direction=\"inputDirection\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:enforce-coherence=\"enforceCoherence\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:hide-label=\"hideLabel\"\n\t\t\t\t:id=\"id\"\n\t\t\t\t:item-text=\"<any>itemText\"\n\t\t\t\t:item-value=\"<any>itemValue\"\n\t\t\t\t:items=\"items\"\n\t\t\t\t:loading-text=\"loadingText\"\n\t\t\t\t:match-strategy=\"matchStrategy\"\n\t\t\t\t:model-value-debounce-time=\"modelValueDebounceTime\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:no-data-text=\"noDataText\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #loading=\"data\"\n\t\t\t\t\t><slot name=\"loading\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #no-data=\"data\"\n\t\t\t\t\t><slot name=\"no-data\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #option:prepend=\"data\"\n\t\t\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #icon=\"data\"\n\t\t\t\t\t><slot name=\"icon\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #label=\"data\"\n\t\t\t\t\t><slot name=\"label\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #option:append=\"data\"\n\t\t\t\t\t><slot name=\"option:append\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #append=\"data\"\n\t\t\t\t\t><slot name=\"append\" v-bind=\"data\"></slot\n\t\t\t\t></template>\n\t\t\t</BaseSwitchGroup>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T = any\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSwitchGroup from '../BaseSwitchGroup/BaseSwitchGroup.vue';\nimport type { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';\nimport type {\n\tBbCheckboxGroupEvents,\n\tBbCheckboxGroupProps,\n} from '../BbCheckboxGroup/BbCheckboxGroup.vue';\nimport { computed, ref } from 'vue';\n\nexport type BbSwitchGroupProps<T> = BbCheckboxGroupProps<T>;\n\nexport type BbSwitchGroupEvents = BbCheckboxGroupEvents;\n\nconst props = defineProps<BbSwitchGroupProps<T>>();\n\nconst emit = defineEmits<BbSwitchGroupEvents>();\n\ndefineSlots<{\n\tprepend?: (props: object) => any;\n\tloading?: (props: object) => any;\n\t'no-data'?: (props: object) => any;\n\t'option:prepend'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\ticon?: (\n\t\tprops: SlotAttributes & {\n\t\t\titem: T;\n\t\t\ttext: string;\n\t\t}\n\t) => any;\n\tlabel?: (props: { item: T; text: string; checked: boolean }) => any;\n\t'option:append'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\tappend?: (props: object) => any;\n\tlegend?: (props: { text: string; hasErrors: boolean }) => any;\n}>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\n\tonInactive: () => {\n\t\tactive.value = false;\n\t\temit('inactive');\n\t},\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t'onUpdate:modelValue': (event: any) => emit('update:modelValue', event),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSwitchGroup';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAMA,IAAQC,GAERC,IAAOC,GA+BPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAE9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBP,EAAK,QAAQO,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,YAAY,MAAM;AACjB,QAAAL,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAACO,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBP,EAAK,aAAaO,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBP,EAAK,WAAWO,CAAK;AAAA,MACvD,uBAAuB,CAACA,MAAeP,EAAK,qBAAqBO,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index100.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index101.js

@@ -1,2 +1,241 @@
-
+import { defineComponent as M, ref as _, computed as k, getCurrentInstance as Q, watch as w, nextTick as W, openBlock as u, createElementBlock as d, unref as X, normalizeClass as $, createElementVNode as c, renderSlot as y, normalizeProps as U, guardReactiveProps as z, Fragment as q, renderList as D, createVNode as Y, withCtx as Z, toDisplayString as ee, createCommentVNode as ae } from "vue";
+import { useId as le } from "./index8.js";
+import { useRoute as te } from "./index131.js";
+import { useRouter as se } from "./index132.js";
+import { wait as re } from "./index124.js";
+import { useScroll as ie } from "./index133.js";
+import oe from "./index10.js";
+import "./index11.js";
+const ne = ["id"], ue = { class: "bb-tab__label-boundary" }, de = { class: "bb-tab__label" }, ce = { class: "bb-tab__panes-container" }, be = ["id", "aria-labelledby"], _e = /* @__PURE__ */ M({
+  __name: "BbTab",
+  props: {
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    id: {},
+    direction: { default: "horizontal" },
+    items: {},
+    modelValue: {},
+    navigation: { type: Boolean },
+    querykey: { default: "tab" }
+  },
+  emits: ["update:modelValue"],
+  setup(K, { expose: H, emit: J }) {
+    var L, C, R, E, B, P, F;
+    const l = K, O = J, o = te(), h = se(), p = _(), S = l.id ?? le().id.value, f = `bb-tab_${S}`, T = _(), { isScrolling: j, arrivedState: I } = ie(T), V = k(() => ({
+      isScrolling: j.value,
+      left: I.left,
+      right: I.right
+    })), x = !!((C = (L = Q()) == null ? void 0 : L.proxy) != null && C.$inertia), t = _(null), r = k(
+      () => l.items.findIndex((e) => e.key === t.value)
+    ), v = k(() => r.value === 0), m = k(() => r.value === l.items.length - 1);
+    if (l.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));
+    }), l.navigation && ((E = (R = o.value) == null ? void 0 : R.query) != null && E[l.querykey]))
+      t.value = (P = (B = o.value) == null ? void 0 : B.query) == null ? void 0 : P[l.querykey];
+    else if (l.navigation && x && ((F = globalThis == null ? void 0 : globalThis.location) != null && F.href) && new URL(globalThis.location.href).searchParams.get(l.querykey))
+      t.value = new URL(globalThis.location.href).searchParams.get(
+        l.querykey
+      );
+    else if (l.modelValue)
+      t.value = l.modelValue;
+    else if (l.items[0]) {
+      const e = l.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."
+        );
+      const s = e.key;
+      t.value = s;
+    }
+    const b = async (e, s = !1) => {
+      var a, n, N, A;
+      if (l.navigation && o.value && ((n = (a = o.value) == null ? void 0 : a.query) == null ? void 0 : n[l.querykey]) !== e)
+        h == null || h.push({
+          ...o,
+          query: { ...(N = o.value) == null ? void 0 : N.query, [l.querykey]: e },
+          replace: s
+        });
+      else if (l.navigation && x && ((A = globalThis == null ? void 0 : globalThis.location) != null && A.href) && new URL(globalThis.location.href).searchParams.get(l.querykey) !== e) {
+        const g = new URL(globalThis.location.href);
+        g.searchParams.set(l.querykey, e), re(0).then(() => {
+          s ? history.replaceState({}, "", g.toString()) : history.pushState({}, "", g.toString());
+        });
+      }
+      l.modelValue !== e && O("update:modelValue", e), t.value = e;
+    };
+    t.value && b(t.value, !0);
+    const i = (e) => {
+      var s = null;
+      switch (e) {
+        case "first":
+          s = 0;
+          break;
+        case "previous":
+          s = (r.value + l.items.length - 1) % l.items.length;
+          break;
+        case "next":
+          s = (r.value + 1) % l.items.length;
+          break;
+        case "last":
+          s = l.items.length - 1;
+          break;
+      }
+      if (s === null)
+        throw new Error("Could not navigate to next tab");
+      if (l.items[s].disabled)
+        return;
+      const a = l.items[s].key, n = document.querySelector(
+        `#${f}_tab_${a}`
+      );
+      n == null || n.focus(), b(a);
+    }, G = (e) => {
+      if (!l.disabled)
+        if (e.key === "ArrowRight")
+          i("next");
+        else if (e.key === "ArrowLeft")
+          i("previous");
+        else if (e.key === "Home")
+          e.preventDefault(), i("first");
+        else if (e.key === "End")
+          e.preventDefault(), i("last");
+        else
+          return;
+    };
+    return w(
+      () => l.modelValue,
+      (e) => {
+        e && b(e);
+      }
+    ), w(
+      () => {
+        var e, s;
+        return (s = (e = o.value) == null ? void 0 : e.query) == null ? void 0 : s[l.querykey];
+      },
+      (e) => {
+        e && typeof e == "string" && b(e);
+      }
+    ), w(
+      t,
+      async () => {
+        if (p.value) {
+          const e = p.value.querySelector(
+            "[role=tablist] .bb-tab__btn--active"
+          );
+          e && (await W(), e.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "nearest"
+          }));
+        }
+      },
+      { flush: "post" }
+    ), H({
+      isFirst: v,
+      isLast: m,
+      current: t,
+      currentIndex: r,
+      goTo: i
+    }), (e, s) => (u(), d("div", {
+      id: X(S),
+      ref_key: "tabs",
+      ref: p,
+      class: $(["bb-tab", {
+        [`bb-tab--${e.direction}`]: !0,
+        "bb-tab--disabled": !0
+      }])
+    }, [
+      c("div", ue, [
+        c("span", null, [
+          y(e.$slots, "header:prepend", U(z(V.value)))
+        ]),
+        c("ul", {
+          class: "bb-tab__label-container",
+          role: "tablist",
+          ref_key: "tablist",
+          ref: T
+        }, [
+          (u(!0), d(q, null, D(e.items, (a) => (u(), d("li", {
+            key: a.key,
+            role: "presentation"
+          }, [
+            Y(oe, {
+              id: `${f}_tab_${a.key}`,
+              "aria-selected": t.value === a.key,
+              class: $(["bb-tab__btn", { "bb-tab__btn--active": t.value === a.key }]),
+              disabled: a.disabled || e.disabled,
+              role: "tab",
+              tabindex: t.value === a.key ? 0 : -1,
+              onClick: (n) => b(a.key),
+              onKeydown: G
+            }, {
+              default: Z(() => [
+                y(e.$slots, `label-${a.key}`, {
+                  current: t.value,
+                  currentIndex: r.value,
+                  disabled: !!(a.disabled || e.disabled),
+                  goTo: i,
+                  isFirst: v.value,
+                  isLast: m.value,
+                  selected: t.value === a.key,
+                  text: a.label,
+                  value: a.key
+                }, () => [
+                  y(e.$slots, "label", {
+                    current: t.value,
+                    currentIndex: r.value,
+                    disabled: !!(a.disabled || e.disabled),
+                    goTo: i,
+                    isFirst: v.value,
+                    isLast: m.value,
+                    selected: t.value === a.key,
+                    text: a.label,
+                    value: a.key
+                  }, () => [
+                    c("span", de, ee(a.label), 1)
+                  ])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
+          ]))), 128))
+        ], 512),
+        c("span", null, [
+          y(e.$slots, "header:append", U(z(V.value)))
+        ])
+      ]),
+      c("div", ce, [
+        (u(!0), d(q, null, D(e.items, (a) => (u(), d(q, {
+          key: a.key
+        }, [
+          t.value === a.key || e.eager || a.eager ? (u(), d("section", {
+            key: 0,
+            id: `${f}_tabpanel_${a.key}`,
+            "aria-labelledby": `${f}_tab_${a.key}`,
+            class: $(["bb-tab__pane", {
+              "bb-tab__pane--shown": t.value === a.key
+            }]),
+            role: "tabpanel",
+            tabindex: "0"
+          }, [
+            y(e.$slots, a.key, {
+              current: t.value,
+              currentIndex: r.value,
+              disabled: !!(a.disabled || e.disabled),
+              goTo: i,
+              isFirst: v.value,
+              isLast: m.value,
+              selected: t.value === a.key,
+              text: a.label,
+              value: a.key
+            })
+          ], 10, be)) : ae("", !0)
+        ], 64))), 128))
+      ])
+    ], 10, ne));
+  }
+});
+export {
+  _e as default
+};
 //# sourceMappingURL=index101.js.map

package/dist/index101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index101.js","sources":["../src/components/BbTab/BbTab.vue"],"sourcesContent":["<template>\n\t<div\n\t\t:id=\"id\"\n\t\tref=\"tabs\"\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<span><slot name=\"header:prepend\" v-bind=\"scrollStatus\"></slot></span>\n\t\t\t<ul class=\"bb-tab__label-container\" role=\"tablist\" ref=\"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\t<span><slot name=\"header:append\" v-bind=\"scrollStatus\"></slot></span>\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 { useScroll } from '@vueuse/core';\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\t'header:prepend'?: (props: {\n\t\tisScrolling: boolean;\n\t\tleft: boolean;\n\t\tright: boolean;\n\t}) => any;\n\t'header:append'?: (props: {\n\t\tisScrolling: boolean;\n\t\tleft: boolean;\n\t\tright: boolean;\n\t}) => any;\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\nconst tablist = ref();\nconst { isScrolling, arrivedState } = useScroll(tablist);\nconst scrollStatus = computed(() => ({\n\tisScrolling: isScrolling.value,\n\tleft: arrivedState.left,\n\tright: arrivedState.right,\n}));\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\t\t\tconst element = tabs.value.querySelector(\n\t\t\t\t`[role=tablist] .bb-tab__btn--active`\n\t\t\t);\n\t\t\tif (element) {\n\t\t\t\tawait nextTick();\n\t\t\t\telement.scrollIntoView({\n\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\tblock: 'nearest',\n\t\t\t\t\tinline: 'nearest',\n\t\t\t\t});\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","tabs","ref","id","useId","instanceid","tablist","isScrolling","arrivedState","useScroll","scrollStatus","computed","isInertia","_b","_a","getCurrentInstance","selectedTab","currentTabIndex","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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"}