bitboss-ui 2.1.133 → 2.1.135

package/dist/index237.js

@@ -1,7 +1,165 @@
-import { getType as t } from "./index337.js";
-function o(r) {
-  return t(r) === "Array";
-}
-export {
-  o as isArray
-};
+import { useResizeObserver as e } from "./index14.js";
+import t from "./index36.js";
+import { useLocale as n } from "./index42.js";
+import r from "./index235.js";
+import { estimateBreadcrumbItemWidth as i, estimateEllipsisWidth as a } from "./index236.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeProps as g, normalizeStyle as ee, onBeforeUnmount as te, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, watch as S, withCtx as C } from "vue";
+//#region src/components/BbBreadcrumbs/BbBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
+var w = ["aria-label"], T = { class: "bb-breadcrumbs__container" }, E = {
+	key: 0,
+	class: "bb-breadcrumbs__edge bb-breadcrumbs__edge--prepend"
+}, D = { class: "bb-breadcrumbs__list" }, O = {
+	key: 0,
+	class: "bb-breadcrumbs__item"
+}, k = { class: "bb-breadcrumbs__breadcrumb-container" }, ne = ["aria-label", "disabled"], re = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "bb-breadcrumbs__divider"
+}, A = {
+	key: 0,
+	class: "bb-breadcrumbs__item"
+}, j = { class: "bb-breadcrumbs__breadcrumb-container" }, M = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "bb-breadcrumbs__divider"
+}, N = {
+	key: 1,
+	class: "bb-breadcrumbs__edge bb-breadcrumbs__edge--append"
+}, P = 16, F = 20, I = 1, L = 8.5, R = /* @__PURE__ */ p({
+	__name: "BbBreadcrumbs",
+	props: {
+		disabled: { type: Boolean },
+		items: {},
+		divider: { default: "/" },
+		dividerWidth: { default: 5 },
+		gapWidth: { default: 12 },
+		offsetWidth: { default: 0 },
+		estimationBias: { default: 1.12 },
+		ellipsisWidth: {}
+	},
+	setup(p) {
+		let R = p, { t: z } = n(), B = v(null), V = v(0), H = s(() => R.gapWidth), U = s(() => Math.max(0, R.offsetWidth)), W = s(() => R.estimationBias), G = s(() => R.ellipsisWidth ?? a(L)), K = s(() => z("breadcrumbs.label").value), q = s(() => z("breadcrumbs.openHiddenLabelCount", V.value).value), J = (e) => i(e.text ?? String(e.key), {
+			estimationBias: W.value,
+			fontWidth: L
+		}), Y = s(() => {
+			let e = R.items.length;
+			if (e === 0) return 0;
+			let t = R.dividerWidth, n = H.value;
+			return R.items.map(J).reduce((e, t) => e + t, 0) + (e > 1 ? (e - 1) * (t + 2 * n) : 0) + U.value + F + P;
+		}), ie = s(() => ({
+			"--bb-breadcrumbs-flex-basis": `${Math.ceil(Y.value)}px`,
+			"--bb-breadcrumbs-flex-grow": V.value > 0 ? "1" : "0"
+		})), ae = (e) => {
+			let t = R.items.length;
+			if (t === 0) {
+				V.value = 0;
+				return;
+			}
+			let n = Math.max(0, e - I - U.value - F), r = R.dividerWidth, i = G.value, a = H.value, o = R.items.map(J), s = Array.from({ length: t + 1 }, () => 0);
+			for (let e = t - 1; e >= 0; e--) s[e] = s[e + 1] + o[e];
+			let c = (e) => n - e <= F / 2, l = s[0] + (t > 1 ? (t - 1) * (r + 2 * a) : 0);
+			if (l <= n) {
+				if (t > 1 && c(l)) {
+					V.value = 1;
+					return;
+				}
+				V.value = 0;
+				return;
+			}
+			for (let e = t - 1; e >= 0; e--) {
+				let o = s[t - e], l = i + e * (r + 2 * a) + o;
+				if (l <= n) {
+					if (e > 0 && c(l)) {
+						V.value = t - (e - 1);
+						return;
+					}
+					V.value = t - e;
+					return;
+				}
+			}
+			V.value = t;
+		}, X = s(() => B.value), oe = s(() => R.items.map((e) => `${String(e.key)}::${e.text ?? ""}`).join("|")), Z = null, Q = null, se = () => {
+			if (Q = null, Z == null) return;
+			let e = Z;
+			Z = null, ae(e);
+		}, $ = (e) => {
+			Z = e, Q ??= requestAnimationFrame(se);
+		};
+		e(X, ([e]) => {
+			$(e.contentRect.width);
+		}), S([
+			X,
+			oe,
+			() => R.dividerWidth,
+			() => R.gapWidth,
+			() => R.offsetWidth,
+			() => R.estimationBias,
+			() => R.ellipsisWidth
+		], ([e]) => {
+			e && $(e.clientWidth);
+		}, { immediate: !0 }), te(() => {
+			Q != null && cancelAnimationFrame(Q);
+		});
+		let ce = s(() => R.items.slice(0, V.value).map((e) => ({
+			...e,
+			key: String(e.key)
+		})));
+		return (e, n) => (_(), l("nav", {
+			"aria-label": K.value,
+			class: "bb-breadcrumbs",
+			ref_key: "navRef",
+			ref: B,
+			style: ee(ie.value)
+		}, [u("div", T, [
+			e.$slots.prepend ? (_(), l("div", E, [b(e.$slots, "prepend", { disabled: e.disabled })])) : c("", !0),
+			u("ol", D, [V.value > 0 ? (_(), l("li", O, [f(r, {
+				items: ce.value,
+				placement: "bottom-start",
+				boundary: B.value,
+				padding: 0
+			}, {
+				activator: C(({ props: t }) => [b(e.$slots, "ellipsis", g(m({
+					props: t,
+					disabled: e.disabled,
+					overflowCount: V.value,
+					ellipsisWidth: G.value
+				})), () => [u("span", k, [u("button", h(t, {
+					"aria-label": q.value,
+					class: "bb-breadcrumbs__ellipsis",
+					disabled: e.disabled,
+					type: "button"
+				}), " … ", 16, ne)])])]),
+				_: 3
+			}, 8, ["items", "boundary"]), V.value < e.items.length ? (_(), l("span", re, [b(e.$slots, "divider", {}, () => [d(x(R.divider), 1)])])) : c("", !0)])) : c("", !0), (_(!0), l(o, null, y(e.items, (n, r) => (_(), l(o, { key: n.key }, [r >= V.value ? (_(), l("li", A, [u("span", j, [
+				b(e.$slots, "item:prepend", {
+					disabled: !!(n.disabled || e.disabled),
+					index: r,
+					item: e.items[r],
+					text: n.text
+				}),
+				f(t, h({ ref_for: !0 }, n, {
+					"aria-current": r === e.items.length - 1 ? "page" : void 0,
+					class: "bb-breadcrumbs__breadcrumb",
+					disabled: n.disabled || e.disabled
+				}), {
+					default: C(() => [b(e.$slots, `${n.key}`, {
+						disabled: !!(n.disabled || e.disabled),
+						index: r,
+						item: e.items[r],
+						text: n.text
+					})]),
+					_: 2
+				}, 1040, ["aria-current", "disabled"]),
+				b(e.$slots, "item:append", {
+					disabled: !!(n.disabled || e.disabled),
+					index: r,
+					item: e.items[r],
+					text: n.text
+				})
+			]), r < e.items.length - 1 ? (_(), l("span", M, [b(e.$slots, "divider", {}, () => [d(x(R.divider), 1)])])) : c("", !0)])) : c("", !0)], 64))), 128))]),
+			e.$slots.append ? (_(), l("div", N, [b(e.$slots, "append", { disabled: e.disabled })])) : c("", !0)
+		])], 12, w));
+	}
+});
+//#endregion
+export { R as default };

package/dist/index239.js

@@ -1,4 +1,6 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
-export {
-  s as isCssColor
-};
+import e from "./index237.js";
+/* empty css         */
+//#region src/components/BbBreadcrumbs/BbBreadcrumbs.vue
+var t = e;
+//#endregion
+export { t as default };