bitboss-ui 3.0.0-beta.21 → 3.0.0-beta.22

package/dist/components/BbBaseDatePicker/BbBaseDatePickerInputDaySelector.vue_vue_type_script_setup_true_lang.js

@@ -24,7 +24,7 @@ var ne = ["aria-label", "onKeydown"], re = {
 	"tabindex"
 ], M = { class: "bb-base-date-picker__date-append" }, N = {
 	"aria-live": "polite",
-	class: "sr-only",
+	class: "bb-sr-only",
 	role: "status"
 }, se = 366, P = /*@__PURE__*/ b({
 	__name: "BbBaseDatePickerInputDaySelector",

package/dist/components/BbBaseDatePickerInput/BbBaseDatePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -706,7 +706,7 @@ var we = ["data-value"], Te = [
 				onClick: (e) => x(yt)(U.value[n + 1], { select: !0 })
 			}, b(pt(U.value[n], U.value[n + 1])), 11, Ee)) : ce("", !0)], 64))), 128))], 6), h("span", {
 				id: Pe,
-				class: "bb-base-date-picker-input__accessible-description sr-only"
+				class: "bb-base-date-picker-input__accessible-description bb-sr-only"
 			}, b(x(A)("baseDatePickerInput.dateFormat")) + " " + b(Lt.value), 1)]),
 			_: 2
 		}, [e.$slots.prefix ? {

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

@@ -1,10 +1,10 @@
 import { BaseInputContainerProps, BaseInputContainerSlots } from './types';
 type __VLS_Slots = BaseInputContainerSlots;
 declare const __VLS_base: import('vue').DefineComponent<BaseInputContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseInputContainerProps> & Readonly<{}>, {
+    reverse: boolean;
     labelPosition: "left" | "center" | "right";
     direction: import('../..').InputDirection;
     tag: import('../../types/CommonProps').ContainerTag;
-    reverse: boolean;
     labelTag: import('../../types/CommonProps').LabelTag;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BbBaseRadio/BbBaseRadio.vue_vue_type_script_setup_true_lang.js

@@ -92,7 +92,7 @@ var m = /*@__PURE__*/ o({
 			"bb-base-radio--focused": v.value,
 			"bb-base-radio--focus-visible": y.value,
 			"bb-base-radio--readonly": e.readonly
-		}]) }, [i("input", c(C.value, { class: "sr-only" }), null, 16), p(e.$slots, "icon", u(s(w.value)), () => [a(t, {
+		}]) }, [i("input", c(C.value, { class: "bb-sr-only" }), null, 16), p(e.$slots, "icon", u(s(w.value)), () => [a(t, {
 			checked: _.value,
 			disabled: !!e.disabled,
 			"focus-visible": y.value,

package/dist/components/BbBaseRating/BbBaseRating.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var w = [
 	"aria-labelledby",
 	"aria-readonly",
 	"role"
-], T = ["id"], E = { class: "bb-base-rating__label-text sr-only" }, D = [
+], T = ["id"], E = { class: "bb-base-rating__label-text bb-sr-only" }, D = [
 	"id",
 	"aria-describedby",
 	"autofocus",
@@ -142,7 +142,7 @@ var w = [
 			V.value ? (_(), f("span", {
 				key: 0,
 				id: S(R),
-				class: "sr-only"
+				class: "bb-sr-only"
 			}, x(S(H)), 9, T)) : d("", !0),
 			(_(!0), f(l, null, y(Y.value, (n, r) => (_(), f("label", {
 				key: n.value,
@@ -159,7 +159,7 @@ var w = [
 					"aria-describedby": U.value,
 					autofocus: e.autofocus && !r,
 					checked: n.checked,
-					class: "sr-only",
+					class: "bb-sr-only",
 					disabled: n.disabled,
 					name: n.name,
 					required: e.required,

package/dist/components/BbBaseSelect/BbBaseSelect.vue_vue_type_script_setup_true_lang.js

@@ -270,7 +270,7 @@ var re = ["id"], ie = [
 					class: S(["bb-base-select__display-value", [{ "bb-base-select__placeholder": !a }]])
 				}, A(a || e.placeholder), 3))], 8, re), m("span", {
 					id: `${j(z)}__selection`,
-					class: "sr-only"
+					class: "bb-sr-only"
 				}, A(ue(a)), 9, oe)]),
 				_: 2
 			}, [e.$slots.prefix ? {

package/dist/components/BbBaseSlider/BbBaseSlider.vue_vue_type_script_setup_true_lang.js

@@ -238,7 +238,7 @@ var le = {
 					id: e.id,
 					ref_key: "hiddenInput",
 					ref: j,
-					class: "sr-only",
+					class: "bb-sr-only",
 					disabled: e.disabled,
 					name: e.name,
 					readonly: !0,
@@ -328,10 +328,10 @@ var le = {
 			}),
 			S.range && S.id ? (_(), f(l, { key: 0 }, [p("span", {
 				id: `${S.id}__thumb_label_lower`,
-				class: "sr-only"
+				class: "bb-sr-only"
 			}, b(x(T)("slider.minimumThumb").value), 9, pe), p("span", {
 				id: `${S.id}__thumb_label_higher`,
-				class: "sr-only"
+				class: "bb-sr-only"
 			}, b(x(T)("slider.maximumThumb").value), 9, me)], 64)) : d("", !0)
 		], 16));
 	}

package/dist/components/BbBaseSwitch/BbBaseSwitch.vue_vue_type_script_setup_true_lang.js

@@ -78,7 +78,7 @@ var g = /*@__PURE__*/ s({
 				autofocus: _.autofocus,
 				"aria-readonly": _.readonly ? !0 : void 0,
 				checked: S.value,
-				class: "sr-only",
+				class: "bb-sr-only",
 				disabled: _.disabled,
 				id: _.id,
 				indeterminate: _.indeterminate,

package/dist/components/BbBaseTimePickerInput/BbBaseTimePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -433,7 +433,7 @@ var _e = ["data-value"], ve = [
 				}, v(Me(P.value[n], P.value[n + 1])), 11, ye)) : u("", !0)], 64))), 128))], 6),
 				f("span", {
 					id: A,
-					class: "bb-base-time-picker-input__accessible-description sr-only"
+					class: "bb-base-time-picker-input__accessible-description bb-sr-only"
 				}, v(Xe.value), 1),
 				p(y(at), null, {
 					default: x(() => [f("div", {

package/dist/components/BbBreadcrumbs/BbBreadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -6,13 +6,13 @@ import { slotKey as i } from "../../utilities/functions/slotKey.js";
 import a from "../../assets/svgs/chevron_right.svg_raw.js";
 import o from "../BbDropdown/BbDropdown.vue.js";
 import { estimateBreadcrumbItemWidth as s, estimateEllipsisWidth as c } from "./estimateBreadcrumbItemWidth.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as ee, createTextVNode as te, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, normalizeProps as y, normalizeStyle as ne, onBeforeUnmount as b, openBlock as x, ref as S, renderList as C, renderSlot as w, unref as T, useSlots as re, watch as ie, withCtx as E } from "vue";
-import { useResizeObserver as ae } from "@vueuse/core";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as ee, createTextVNode as te, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, normalizeProps as y, normalizeStyle as ne, onBeforeUnmount as b, openBlock as x, ref as S, renderList as C, renderSlot as w, unref as T, useSlots as re, watch as E, withCtx as D } from "vue";
+import { useResizeObserver as O } from "@vueuse/core";
 //#region src/components/BbBreadcrumbs/BbBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
-var oe = ["aria-label"], se = { class: "bb-breadcrumbs__container" }, ce = {
+var ie = ["aria-label"], ae = { class: "bb-breadcrumbs__container" }, oe = {
 	key: 0,
 	class: "bb-breadcrumbs__edge bb-breadcrumbs__edge--prepend"
-}, D = { class: "bb-breadcrumbs__list" }, O = {
+}, se = { class: "bb-breadcrumbs__list" }, ce = {
 	key: 0,
 	class: "bb-breadcrumbs__item"
 }, le = { class: "bb-breadcrumbs__breadcrumb-container" }, ue = ["aria-label", "disabled"], de = {
@@ -26,10 +26,10 @@ var oe = ["aria-label"], se = { class: "bb-breadcrumbs__container" }, ce = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "bb-breadcrumbs__divider"
-}, k = {
+}, he = {
 	key: 1,
 	class: "bb-breadcrumbs__edge bb-breadcrumbs__edge--append"
-}, he = 5, A = 20, ge = 1, j = 8.5, _e = .5, ve = 8, M = 200, N = /*@__PURE__*/ g({
+}, k = 20, ge = 1, A = 8.5, _e = .5, ve = 8, ye = 200, j = /*@__PURE__*/ g({
 	__name: "BbBreadcrumbs",
 	props: {
 		disabled: { type: Boolean },
@@ -41,122 +41,122 @@ var oe = ["aria-label"], se = { class: "bb-breadcrumbs__container" }, ce = {
 		ellipsisWidth: {}
 	},
 	setup(g) {
-		let N = g, { t: P } = n();
+		let j = g, { t: M } = n();
 		e();
-		let F = re(), ye = /* @__PURE__ */ new Set([
+		let N = re(), P = /* @__PURE__ */ new Set([
 			"prepend",
 			"append",
 			"ellipsis",
 			"divider",
 			"activator"
-		]), I = (e) => i(e.key), be = (e) => {
+		]), F = (e) => i(e.key), be = (e) => {
 			let { "prepend:icon": t, "append:icon": n, ...r } = e;
 			return r;
-		}, L = (e, t) => {
-			let n = `${I(e)}:${t}`;
-			return F[n] ? {
+		}, I = (e, t) => {
+			let n = `${F(e)}:${t}`;
+			return N[n] ? {
 				name: n,
 				exists: !0
-			} : F[`item:${t}`] ? {
+			} : N[`item:${t}`] ? {
 				name: `item:${t}`,
 				exists: !0
 			} : {
 				name: n,
 				exists: !1
 			};
-		}, xe = u(() => Object.keys(F).filter((e) => !ye.has(e))), R = S(null), z = S(0), B = u(() => N.gapWidth), V = u(() => Math.max(0, N.offsetWidth)), Se = u(() => N.estimationBias), H = u(() => N.ellipsisWidth ?? c(j)), Ce = u(() => P("breadcrumbs.label").value), we = u(() => P("breadcrumbs.openHiddenLabelCount", z.value).value), U = (e) => s(e.text ?? String(e.key), {
+		}, xe = u(() => Object.keys(N).filter((e) => !P.has(e))), L = S(null), R = S(0), z = u(() => j.gapWidth), B = u(() => Math.max(0, j.offsetWidth)), Se = u(() => j.estimationBias), V = u(() => j.ellipsisWidth ?? c(A)), Ce = u(() => M("breadcrumbs.label").value), we = u(() => M("breadcrumbs.openHiddenLabelCount", R.value).value), H = (e) => s(e.text ?? String(e.key), {
 			estimationBias: Se.value,
-			fontWidth: j
+			fontWidth: A
 		}), Te = u(() => {
-			let e = N.items.length;
+			let e = j.items.length;
 			if (e === 0) return 0;
-			let t = N.dividerWidth, n = B.value;
-			return N.items.map(U).reduce((e, t) => e + t, 0) + (e > 1 ? (e - 1) * (t + 2 * n) : 0) + V.value + A + he;
+			let t = j.dividerWidth, n = z.value;
+			return j.items.map(H).reduce((e, t) => e + t, 0) + (e > 1 ? (e - 1) * (t + 2 * n) : 0) + B.value + k + 12;
 		}), Ee = u(() => ({
 			"--flex-basis": `${Math.ceil(Te.value)}px`,
-			"--flex-grow": z.value > 0 ? "1" : "0",
-			"--gap": `${B.value}px`
+			"--flex-grow": R.value > 0 ? "1" : "0",
+			"--gap": `${z.value}px`
 		})), De = (e) => {
-			let t = N.items.length;
+			let t = j.items.length;
 			if (t === 0) {
-				z.value = 0;
+				R.value = 0;
 				return;
 			}
-			let n = Math.max(0, e - ge - V.value - A), r = N.dividerWidth, i = H.value, a = B.value, o = N.items.map(U), s = Array.from({ length: t + 1 }, () => 0);
+			let n = Math.max(0, e - ge - B.value - k), r = j.dividerWidth, i = V.value, a = z.value, o = j.items.map(H), 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 <= A / 2, l = s[0] + (t > 1 ? (t - 1) * (r + 2 * a) : 0);
+			let c = (e) => n - e <= k / 2, l = s[0] + (t > 1 ? (t - 1) * (r + 2 * a) : 0);
 			if (l <= n) {
 				if (t > 1 && c(l)) {
-					z.value = 1;
+					R.value = 1;
 					return;
 				}
-				z.value = 0;
+				R.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)) {
-						z.value = t - (e - 1);
+						R.value = t - (e - 1);
 						return;
 					}
-					z.value = t - e;
+					R.value = t - e;
 					return;
 				}
 			}
-			z.value = t;
-		}, W = u(() => R.value), Oe = u(() => N.items.map((e) => `${String(e.key)}::${e.text ?? ""}`).join("|")), G = null, K = null, q = null, J = null, Y = 0, X = null, Z = (e, t) => Math.abs(e - t) <= _e, Q = () => {
-			X != null && clearTimeout(X), X = setTimeout(() => {
-				X = null, Y = 0;
-			}, M);
-		}, ke = () => {
-			if (K = null, G == null) return;
-			let e = G;
-			if (G = null, q != null && Z(e, q)) {
-				Q();
+			R.value = t;
+		}, U = u(() => L.value), Oe = u(() => j.items.map((e) => `${String(e.key)}::${e.text ?? ""}`).join("|")), W = null, G = null, K = null, q = null, J = 0, Y = null, X = (e, t) => Math.abs(e - t) <= _e, Z = () => {
+			Y != null && clearTimeout(Y), Y = setTimeout(() => {
+				Y = null, J = 0;
+			}, ye);
+		}, Q = () => {
+			if (G = null, W == null) return;
+			let e = W;
+			if (W = null, K != null && X(e, K)) {
+				Z();
 				return;
 			}
-			if (Y = J != null && q != null && Z(e, J) && !Z(e, q) ? Y + 1 : 0, Y >= ve) {
-				J = q, q = e, Q();
+			if (J = q != null && K != null && X(e, q) && !X(e, K) ? J + 1 : 0, J >= ve) {
+				q = K, K = e, Z();
 				return;
 			}
-			J = q, q = e, De(e), Q();
+			q = K, K = e, De(e), Z();
 		}, $ = (e) => {
-			G = e, K ??= requestAnimationFrame(ke);
+			W = e, G ??= requestAnimationFrame(Q);
 		};
-		ae(W, ([e]) => {
+		O(U, ([e]) => {
 			$(e.contentRect.width);
-		}), ie([
-			W,
+		}), E([
+			U,
 			Oe,
-			() => N.dividerWidth,
-			() => N.gapWidth,
-			() => N.offsetWidth,
-			() => N.estimationBias,
-			() => N.ellipsisWidth
+			() => j.dividerWidth,
+			() => j.gapWidth,
+			() => j.offsetWidth,
+			() => j.estimationBias,
+			() => j.ellipsisWidth
 		], ([e]) => {
 			e && $(e.clientWidth);
 		}, { immediate: !0 }), b(() => {
-			K != null && cancelAnimationFrame(K), X != null && clearTimeout(X);
+			G != null && cancelAnimationFrame(G), Y != null && clearTimeout(Y);
 		});
-		let Ae = u(() => N.items.slice(0, z.value).map((e) => ({
+		let ke = u(() => j.items.slice(0, R.value).map((e) => ({
 			...e,
 			text: e.text ?? e.key
 		})));
 		return (e, n) => (x(), p("nav", {
 			ref_key: "navRef",
-			ref: R,
+			ref: L,
 			"aria-label": Ce.value,
 			class: "bb-breadcrumbs",
 			style: ne(Ee.value)
-		}, [m("div", se, [
-			e.$slots.prepend ? (x(), p("div", ce, [w(e.$slots, "prepend", { disabled: e.disabled })])) : f("", !0),
-			m("ol", D, [z.value > 0 ? (x(), p("li", O, [h(o, {
-				items: Ae.value,
+		}, [m("div", ae, [
+			e.$slots.prepend ? (x(), p("div", oe, [w(e.$slots, "prepend", { disabled: e.disabled })])) : f("", !0),
+			m("ol", se, [R.value > 0 ? (x(), p("li", ce, [h(o, {
+				items: ke.value,
 				padding: 0,
 				placement: "bottom-start"
 			}, ee({
-				activator: E(({ props: t }) => [m("span", le, [m("button", v(t, {
+				activator: D(({ props: t }) => [m("span", le, [m("button", v(t, {
 					"aria-label": we.value,
 					class: "bb-breadcrumbs__ellipsis",
 					disabled: e.disabled,
@@ -164,24 +164,24 @@ var oe = ["aria-label"], se = { class: "bb-breadcrumbs__container" }, ce = {
 				}), [w(e.$slots, "ellipsis", y(_({
 					props: t,
 					disabled: e.disabled,
-					overflowCount: z.value,
-					ellipsisWidth: H.value
+					overflowCount: R.value,
+					ellipsisWidth: V.value
 				})), () => [n[0] ||= te(" … ")])], 16, ue)])]),
 				_: 2
 			}, [C(xe.value, (t) => ({
 				name: t,
-				fn: E((n) => [w(e.$slots, t, y(_(n)))])
-			}))]), 1032, ["items"]), z.value < e.items.length ? (x(), p("span", de, [w(e.$slots, "divider", {}, () => [h(r, {
+				fn: D((n) => [w(e.$slots, t, y(_(n)))])
+			}))]), 1032, ["items"]), R.value < e.items.length ? (x(), p("span", de, [w(e.$slots, "divider", {}, () => [h(r, {
 				icon: T(a),
 				size: "14"
-			}, null, 8, ["icon"])])])) : f("", !0)])) : f("", !0), (x(!0), p(l, null, C(e.items, (n, i) => (x(), p(l, { key: n.key }, [i >= z.value ? (x(), p("li", fe, [m("span", pe, [
-				w(e.$slots, L(n, "prepend").name, {
+			}, null, 8, ["icon"])])])) : f("", !0)])) : f("", !0), (x(!0), p(l, null, C(e.items, (n, i) => (x(), p(l, { key: n.key }, [i >= R.value ? (x(), p("li", fe, [m("span", pe, [
+				w(e.$slots, I(n, "prepend").name, {
 					disabled: !!(n.disabled || e.disabled),
 					index: i,
 					item: n,
 					text: n.text
 				}),
-				!L(n, "prepend").exists && n["prepend:icon"] ? (x(), d(r, {
+				!I(n, "prepend").exists && n["prepend:icon"] ? (x(), d(r, {
 					key: 0,
 					class: "bb-breadcrumbs__item-icon bb-breadcrumbs__item-icon--prepend",
 					icon: n["prepend:icon"],
@@ -192,7 +192,7 @@ var oe = ["aria-label"], se = { class: "bb-breadcrumbs__container" }, ce = {
 					class: "bb-breadcrumbs__breadcrumb",
 					disabled: n.disabled || e.disabled
 				}), {
-					default: E(() => [w(e.$slots, I(n), {
+					default: D(() => [w(e.$slots, F(n), {
 						disabled: !!(n.disabled || e.disabled),
 						index: i,
 						item: n,
@@ -200,13 +200,13 @@ var oe = ["aria-label"], se = { class: "bb-breadcrumbs__container" }, ce = {
 					})]),
 					_: 2
 				}, 1040, ["aria-current", "disabled"]),
-				w(e.$slots, L(n, "append").name, {
+				w(e.$slots, I(n, "append").name, {
 					disabled: !!(n.disabled || e.disabled),
 					index: i,
 					item: n,
 					text: n.text
 				}),
-				!L(n, "append").exists && n["append:icon"] ? (x(), d(r, {
+				!I(n, "append").exists && n["append:icon"] ? (x(), d(r, {
 					key: 1,
 					class: "bb-breadcrumbs__item-icon bb-breadcrumbs__item-icon--append",
 					icon: n["append:icon"],
@@ -216,9 +216,9 @@ var oe = ["aria-label"], se = { class: "bb-breadcrumbs__container" }, ce = {
 				icon: T(a),
 				size: "14"
 			}, null, 8, ["icon"])])])) : f("", !0)])) : f("", !0)], 64))), 128))]),
-			e.$slots.append ? (x(), p("div", k, [w(e.$slots, "append", { disabled: e.disabled })])) : f("", !0)
-		])], 12, oe));
+			e.$slots.append ? (x(), p("div", he, [w(e.$slots, "append", { disabled: e.disabled })])) : f("", !0)
+		])], 12, ie));
 	}
 });
 //#endregion
-export { N as default };
+export { j as default };

package/dist/components/BbButton/BbButton.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,7 @@ import { Transition as f, computed as p, createBlock as m, createCommentVNode as
 //#region src/components/BbButton/BbButton.vue?vue&type=script&setup=true&lang.ts
 var M = {
 	key: 3,
-	class: "bb-button__loading-label sr-only"
+	class: "bb-button__loading-label bb-sr-only"
 }, N = /*@__PURE__*/ y({
 	inheritAttrs: !1,
 	__name: "BbButton",
@@ -180,7 +180,7 @@ var M = {
 					class: "bb-button__prepend-icon",
 					icon: P["prepend:icon"]
 				}, null, 8, ["icon"])) : h("", !0),
-				_("span", { class: S(["bb-button__content", { "sr-only": !!e.icon }]) }, [T(e.$slots, "default", {}, () => [v(E(e.text), 1)])], 2),
+				_("span", { class: S(["bb-button__content", { "bb-sr-only": !!e.icon }]) }, [T(e.$slots, "default", {}, () => [v(E(e.text), 1)])], 2),
 				G.value ? (C(), g("span", M, E(D(z)("common.loadingText")), 1)) : h("", !0),
 				!e.icon && P["append:icon"] ? (C(), m(s, {
 					key: 4,