bitboss-ui 2.1.119 → 2.1.120

package/dist/index322.js

@@ -1,4 +1,316 @@
-import f from "./index270.js";
-export {
-  f as default
-};
+import { useId as e } from "./index12.js";
+import { useResizeObserver as t, useScroll as n } from "./index14.js";
+import { useFrameworkDetection as r } from "./index17.js";
+import { useQuery as i } from "./index18.js";
+import { isNotNil as a } from "./index26.js";
+import { useRoute as o } from "./index28.js";
+import { useRouter as s } from "./index29.js";
+import { useLogger as ee } from "./index31.js";
+import c from "./index36.js";
+import { hash as l } from "./index81.js";
+import { isNil as u } from "./index94.js";
+import d from "./index163.js";
+import { Fragment as f, Transition as te, computed as p, createBlock as m, createCommentVNode as ne, createElementBlock as h, createElementVNode as g, createVNode as re, defineComponent as _, getCurrentInstance as ie, guardReactiveProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as ae, onMounted as oe, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as se, toDisplayString as ce, unref as le, watch as E, withCtx as D } from "vue";
+//#region src/components/BbTab/BbTab.vue?vue&type=script&setup=true&lang.ts
+var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab__label" }, pe = { class: "bb-tab__panes-container" }, me = [
+	"id",
+	"aria-labelledby",
+	"tabindex"
+], O = /* @__PURE__ */ _({
+	__name: "BbTab",
+	props: {
+		disabled: { type: Boolean },
+		eager: { type: Boolean },
+		id: {},
+		headers: {},
+		only: {},
+		onBefore: {},
+		onCancel: {},
+		onFinish: {},
+		onError: {},
+		onProgress: {},
+		onStart: {},
+		onSuccess: {},
+		preserveScroll: { type: [Boolean, Function] },
+		preserveState: { type: [
+			Boolean,
+			Function,
+			null
+		] },
+		replace: { type: Boolean },
+		animateX: {
+			type: Boolean,
+			default: !0
+		},
+		animateY: {
+			type: Boolean,
+			default: !0
+		},
+		direction: { default: "horizontal" },
+		items: {},
+		modelValue: {},
+		navigation: { type: Boolean },
+		querykey: { default: "tab" },
+		server: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(_, { expose: O, emit: he }) {
+		let k = _, ge = he, A = o(), j = s(), { error: M } = ee(), _e = C(), N = k.id ?? e().id.value, P = `bb-tab_${N}`, F = C(), { isScrolling: ve, arrivedState: I } = n(F), L = p(() => ({
+			isScrolling: ve.value,
+			left: I.left,
+			right: I.right
+		})), { isInertia: ye } = r(), be = ie(), R = C(null), z = p(() => k.items.findIndex((e) => e.key === R.value)), B = p(() => z.value === 0), V = p(() => z.value === k.items.length - 1);
+		k.items.forEach((e) => {
+			e.key ? (k.server || e.server) && !k.navigation && M(`A tab item has a server property but the navigation prop is false: ${JSON.stringify(e, null, 2)}`) : M(`A tab item has no key: ${JSON.stringify(e, null, 2)}`);
+		});
+		let H = p(() => [i()[k.querykey]].flat()[0]), U = () => {
+			let e = H.value;
+			if (k.navigation && e) R.value = e;
+			else if (k.modelValue) R.value = k.modelValue;
+			else if (k.items[0]) {
+				let e = k.items.find((e) => !e.disabled);
+				if (!e) throw 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.");
+				R.value = e.key;
+			}
+		};
+		U();
+		let xe = (e) => ({
+			headers: e.headers ?? k.headers,
+			only: e.only ?? k.only,
+			preserveScroll: e.preserveScroll ?? k.preserveScroll,
+			preserveState: e.preserveState ?? k.preserveState,
+			replace: k.replace,
+			onBefore: e.onBefore ?? k.onBefore,
+			onStart: e.onStart ?? k.onStart,
+			onProgress: e.onProgress ?? k.onProgress,
+			onSuccess: e.onSuccess ?? k.onSuccess,
+			onError: e.onError ?? k.onError,
+			onCancel: e.onCancel ?? k.onCancel,
+			onFinish: e.onFinish ?? k.onFinish
+		}), W = p(() => {
+			let e = R.value, t = z.value;
+			return k.items.map((n) => {
+				let { key: r, label: i, eager: a } = n, o = `${P}_tab_${n.key}`, s = `${P}_tabpanel_${n.key}`, ee = `label-${n.key}`, c = n.key === R.value, l = {
+					"bb-tab__btn": !0,
+					"bb-tab__btn--active": c
+				}, u = {
+					"bb-tab__pane": !0,
+					"bb-tab__pane--shown": c
+				}, d = !!(n.disabled || k.disabled);
+				return {
+					tabId: o,
+					eager: a,
+					panelId: s,
+					active: c,
+					ariaSelected: !!c,
+					labelSlotName: ee,
+					tabClasses: l,
+					paneClasses: u,
+					role: "tab",
+					tabindex: c ? 0 : -1,
+					disabled: d,
+					current: e,
+					key: r,
+					label: i,
+					currentIndex: t,
+					onClick: () => G(n.key),
+					onKeydown: (e) => Se(e)
+				};
+			});
+		}), G = (e, t = k.replace) => {
+			let n = k.items.find((t) => t.key === e);
+			if (!u(n) && n.key !== R.value) {
+				if (k.navigation && A.value && H.value !== e) {
+					if (!j) return;
+					let n = t ? "replace" : "push", r = {
+						...A.value?.query ?? {},
+						[k.querykey]: e
+					}, i = {
+						...A.value,
+						query: r
+					};
+					j[n](i);
+				} else if (k.navigation && ye) {
+					let r = n.href ?? globalThis.location.href, i = new URL(r, window.location.origin);
+					if (i.searchParams.set(k.querykey, e), k.server || n.server) {
+						let e = be?.proxy?.$inertia, t = xe(n), r = Object.fromEntries(Object.entries(t).filter(([e, t]) => a(t)));
+						e.visit(i.toString(), r);
+					} else t ? window.history.replaceState(window.history.state, "", i.toString()) : window.history.pushState(window.history.state, "", i.toString());
+				}
+				k.modelValue !== e && ge("update:modelValue", e), R.value = e;
+			}
+		};
+		R.value && G(R.value, !0);
+		let K = (e) => {
+			var t = null;
+			switch (e) {
+				case "first":
+					for (t = 0; t < k.items.length - 1 && k.items[t].disabled;) t++;
+					break;
+				case "previous": {
+					let e = 1;
+					for (; e < k.items.length && (t = (z.value + k.items.length - e) % k.items.length, k.items[t].disabled);) e++;
+					break;
+				}
+				case "next": {
+					let e = 1;
+					for (; e < k.items.length && (t = (z.value + e) % k.items.length, k.items[t].disabled);) e++;
+					break;
+				}
+				case "last":
+					for (t = k.items.length - 1; t >= 0 && k.items[t].disabled;) t--;
+					break;
+				default: break;
+			}
+			if (t === null) throw Error("Could not navigate to next tab");
+			if (k.items[t].disabled) return;
+			let n = k.items[t].key;
+			document.querySelector(`#${P}_tab_${n}`)?.focus(), G(n);
+		}, Se = (e) => {
+			if (!k.disabled) if (e.key === "ArrowRight") K("next");
+			else if (e.key === "ArrowLeft") K("previous");
+			else if (e.key === "Home") e.preventDefault(), K("first");
+			else if (e.key === "End") e.preventDefault(), K("last");
+			else return;
+		};
+		E(() => k.modelValue, (e) => {
+			e && G(e);
+		}), E(() => A.value?.query?.[k.querykey], (e) => {
+			e && typeof e == "string" && G(e);
+		}), E(R, async () => {
+			if (!F.value) return;
+			let e = F.value.querySelector(".bb-tab__btn--active");
+			if (!e) return;
+			await y();
+			let t = F.value, n = e.offsetLeft, r = n + e.offsetWidth, i = t.scrollLeft, a = i + t.clientWidth;
+			n < i ? t.scrollTo({
+				left: n,
+				behavior: "smooth"
+			}) : r > a && t.scrollTo({
+				left: r - t.clientWidth,
+				behavior: "smooth"
+			});
+		}, { flush: "post" });
+		let q = C("right");
+		E(R, (e, t) => {
+			e && t && (q.value = k.items.findIndex((t) => t.key === e) > k.items.findIndex((e) => e.key === t) ? "right" : "left");
+		}, { flush: "sync" });
+		let J = C(0), Y = C(0), X = C(0), Z = C(0), Q = C(0), Ce = C(!1), $ = () => {
+			if (!F.value) return;
+			let e = F.value.querySelector(".bb-tab__btn--active");
+			e && (X.value = e.offsetLeft, Z.value = e.offsetTop, J.value = e.clientWidth, Y.value = e.clientHeight, Q.value = F.value.scrollWidth);
+		};
+		return oe(async () => {
+			$(), await y(), Ce.value = !0;
+		}), E(R, $, { flush: "post" }), t(F, () => {
+			$();
+		}), E(() => l(k.items), () => {
+			R.value && !k.items.find((e) => e.key === R.value) && U();
+		}, {
+			immediate: !0,
+			deep: !0
+		}), O({
+			isFirst: B,
+			isLast: V,
+			current: R,
+			currentIndex: z,
+			goTo: K
+		}), (e, t) => (S(), h("div", {
+			id: le(N),
+			ref_key: "tabs",
+			ref: _e,
+			class: b(["bb-tab", {
+				[`bb-tab--${e.direction}`]: !0,
+				"bb-tab--disabled": e.disabled
+			}])
+		}, [g("div", de, [
+			g("span", null, [T(e.$slots, "header:prepend", x(v(L.value)))]),
+			g("ul", {
+				ref_key: "tablist",
+				ref: F,
+				class: b(["bb-tab__label-container", { "bb-tab__label-container--no-transition": !Ce.value }]),
+				role: "tablist",
+				style: ae({
+					"--inner-width": `${Q.value}px`,
+					"--width": `${J.value}px`,
+					"--height": `${Y.value}px`,
+					"--left": `${X.value}px`,
+					"--top": `${Z.value}px`
+				})
+			}, [(S(!0), h(f, null, w(W.value, (t) => (S(), h("li", {
+				key: t.tabId,
+				role: "presentation"
+			}, [re(c, {
+				id: t.tabId,
+				"aria-selected": t.ariaSelected,
+				class: b(t.tabClasses),
+				disabled: t.disabled,
+				role: "tab",
+				tabindex: t.tabindex,
+				onClick: t.onClick,
+				onKeydown: t.onKeydown
+			}, {
+				default: D(() => [T(e.$slots, t.labelSlotName, {
+					current: R.value,
+					currentIndex: z.value,
+					disabled: t.disabled,
+					goTo: K,
+					isFirst: B.value,
+					isLast: V.value,
+					selected: t.active,
+					text: t.label,
+					value: t.key
+				}, () => [T(e.$slots, "label", {
+					current: R.value,
+					currentIndex: z.value,
+					disabled: t.disabled,
+					goTo: K,
+					isFirst: B.value,
+					isLast: V.value,
+					selected: t.active,
+					text: t.label,
+					value: t.key
+				}, () => [g("span", fe, ce(t.label), 1)])])]),
+				_: 2
+			}, 1032, [
+				"id",
+				"aria-selected",
+				"class",
+				"disabled",
+				"tabindex",
+				"onClick",
+				"onKeydown"
+			])]))), 128))], 6),
+			g("span", null, [T(e.$slots, "header:append", x(v(L.value)))])
+		]), g("div", pe, [(S(), m(se(k.animateY ? d : "div"), null, {
+			default: D(() => [(S(!0), h(f, null, w(W.value, (t) => (S(), m(te, {
+				key: t.tabId,
+				css: k.animateX,
+				name: `tab-slide-${q.value}`
+			}, {
+				default: D(() => [t.active || k.eager || t.eager ? (S(), h("section", {
+					key: 0,
+					id: t.panelId,
+					"aria-labelledby": t.tabId,
+					class: b(t.paneClasses),
+					role: "tabpanel",
+					tabindex: t.tabindex
+				}, [T(e.$slots, t.key, {
+					current: R.value,
+					currentIndex: z.value,
+					disabled: t.disabled,
+					goTo: K,
+					isFirst: B.value,
+					isLast: V.value,
+					selected: t.active,
+					text: t.label,
+					value: t.key
+				})], 10, me)) : ne("", !0)]),
+				_: 2
+			}, 1032, ["css", "name"]))), 128))]),
+			_: 3
+		}))])], 10, ue));
+	}
+});
+//#endregion
+export { O as default };

package/dist/index324.js

@@ -1,4 +1,6 @@
-import f from "./index271.js";
-export {
-  f as default
-};
+import e from "./index322.js";
+/* empty css         */
+//#region src/components/BbTab/BbTab.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index325.js

@@ -1,7 +1,43 @@
-import { getDefaultExportFromCjs as t } from "./index344.js";
-import { __require as r } from "./index351.js";
-var o = r();
-const s = /* @__PURE__ */ t(o);
-export {
-  s as default
+import { useLogger as e } from "./index31.js";
+//#region src/components/BbTable/utils.ts
+var t = (t, n) => {
+	if (!n.length) return;
+	let r = Array.from(t.querySelectorAll(":scope > thead th"));
+	if (!r.length) return;
+	let { error: i } = e(), a = r.length, o = n.map((e) => ({
+		index: typeof e == "number" ? e : e.index,
+		position: typeof e == "number" ? "left" : e.position
+	})).sort((e, t) => e.position === t.position ? e.position === "left" ? e.index - t.index : t.index - e.index : e.position === "left" ? -1 : 1).reduce((e, t) => {
+		let n = r[t.index];
+		if (!n) return i(`BbTable fixedColumns: Cannot affix column at index ${t.index}. Table has ${a} columns (valid indices: 0–${a - 1}).`), e;
+		let { width: o } = n.getBoundingClientRect(), s = e.filter((e) => e.position === t.position).reduce((e, t) => e + t.width, 0);
+		return e.push({
+			index: t.index,
+			position: t.position,
+			width: Math.floor(o),
+			offset: s
+		}), e;
+	}, []);
+	Array.from(t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")).forEach((e) => {
+		o.forEach((t) => {
+			let n = e.querySelector(`:scope > :nth-child(${t.index + 1})`);
+			n && (n.style.position = "sticky", n.style[t.position] = `${t.offset}px`);
+		});
+	});
+}, n = (e) => Array.isArray(e) ? e : [e], r = (e) => e.split(/\W+/g).join("_").toLowerCase(), i = (e, t, r) => {
+	let i = [...n(e)];
+	return t && i.push(...n(t)), r && i.push(...n(r)), i;
+}, a = (e, t, r, i, a, o) => {
+	let s = [...n(e)], c = (e) => typeof e == "function" ? e(i, a, o) : e;
+	if (t) {
+		let e = c(t);
+		e && s.push(...n(e));
+	}
+	if (r) {
+		let e = c(r);
+		e && s.push(...n(e));
+	}
+	return s;
 };
+//#endregion
+export { t as applyFixedTableColumns, r as columnKeyToSlotName, a as mergeCellClasses, i as mergeHeaderClasses };