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

package/dist/components/ClearableButton/ClearableButton.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import e from "../BbIcon/BbIcon.vue.js";
-import { useLocale as t } from "../../composables/useLocale.js";
+import { useLocale as e } from "../../composables/useLocale.js";
+import t from "../BbIcon/BbIcon.vue.js";
 import n from "../../assets/svgs/clear.svg_raw.js";
 import { createElementBlock as r, createVNode as i, defineComponent as a, openBlock as o, unref as s } from "vue";
 //#region src/components/ClearableButton/ClearableButton.vue?vue&type=script&setup=true&lang.ts
@@ -7,12 +7,12 @@ var c = ["aria-label"], l = /*@__PURE__*/ a({
 	__name: "ClearableButton",
 	props: { label: {} },
 	setup(a) {
-		let l = a, { t: u } = t();
-		return (t, a) => (o(), r("button", {
+		let l = a, { t: u } = e();
+		return (e, a) => (o(), r("button", {
 			"aria-label": l.label || s(u)("common.clearLabel").value,
 			class: "bb-clearable-button",
 			type: "button"
-		}, [i(e, { icon: s(n) }, null, 8, ["icon"])], 8, c));
+		}, [i(t, { icon: s(n) }, null, 8, ["icon"])], 8, c));
 	}
 });
 //#endregion

package/dist/components/CommonPopover/CommonPopover.vue_vue_type_script_setup_true_lang.js

@@ -63,7 +63,8 @@ var N = /*@__PURE__*/ u({
 		}), { floatingStyles: G, placement: K, middlewareData: q, update: J } = M(L, F, {
 			placement: d.placement,
 			middleware: W,
-			strategy: "fixed"
+			strategy: "fixed",
+			whileElementsMounted: () => () => {}
 		}), Y = null;
 		C([
 			N,

package/dist/components/FlatListBox/FlatListBox.vue_vue_type_script_setup_true_lang.js

@@ -1,31 +1,31 @@
 import { transitions as e } from "../../utilities/misc/transitions.js";
 import { useTouchRowLadder as t } from "../../composables/useSheetSurface.js";
-import n from "../BbIcon/BbIcon.vue.js";
-import { isNil as r } from "../../utilities/functions/isNil.js";
-import i from "../../assets/svgs/check_stroke.svg_raw.js";
-import { useLocale as a } from "../../composables/useLocale.js";
+import { useLocale as n } from "../../composables/useLocale.js";
+import r from "../BbIcon/BbIcon.vue.js";
+import { isNil as i } from "../../utilities/functions/isNil.js";
+import a from "../../assets/svgs/check_stroke.svg_raw.js";
 import { hash as o } from "../../utilities/functions/hash.js";
-import { isNotNil as s } from "../../utilities/functions/isNotNil.js";
-import { useListboxFocus as c } from "../../composables/useListboxFocus.js";
-import { listboxOptionFontSize as l, listboxOptionHeight as ee } from "../../utilities/misc/listboxMetrics.js";
-import { Fragment as u, computed as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, ref as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as T, useTemplateRef as E, watch as D, withModifiers as O } from "vue";
-import { useVirtualizer as k } from "@tanstack/vue-virtual";
+import { listboxOptionFontSize as s, listboxOptionHeight as c } from "../../utilities/misc/listboxMetrics.js";
+import { isNotNil as ee } from "../../utilities/functions/isNotNil.js";
+import { useListboxFocus as te } from "../../composables/useListboxFocus.js";
+import { Fragment as ne, computed as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as re, renderSlot as y, toDisplayString as b, unref as x, useId as S, useTemplateRef as C, watch as w, withModifiers as T } from "vue";
+import { useVirtualizer as E } from "@tanstack/vue-virtual";
 //#region src/components/FlatListBox/FlatListBox.vue?vue&type=script&setup=true&lang.ts
-var A = { class: "bb-listbox__outer-container scrollbar-border" }, te = {
+var D = { class: "bb-listbox__outer-container scrollbar-border" }, O = {
 	ref: "inner",
 	class: "bb-listbox__inner-container",
 	tabindex: "-1"
-}, ne = {
+}, k = {
 	key: 0,
 	class: "bb-listbox__loading"
-}, re = {
+}, A = {
 	key: 1,
 	class: "bb-listbox__no-data"
 }, ie = [
 	"id",
 	"aria-activedescendant",
 	"aria-multiselectable"
-], j = [
+], ae = [
 	"id",
 	"aria-disabled",
 	"aria-posinset",
@@ -33,7 +33,7 @@ var A = { class: "bb-listbox__outer-container scrollbar-border" }, te = {
 	"aria-setsize",
 	"data-index",
 	"onMouseenter"
-], M = { class: "bb-listbox__option-label" }, N = /*@__PURE__*/ g({
+], j = { class: "bb-listbox__option-label" }, M = /*@__PURE__*/ m({
 	__name: "FlatListBox",
 	props: {
 		id: {},
@@ -52,15 +52,15 @@ var A = { class: "bb-listbox__outer-container scrollbar-border" }, te = {
 		"option:unselected",
 		"focused:change"
 	],
-	setup(e, { expose: g, emit: N }) {
-		let P = e, F = N, { t: I } = a(), L = E("inner"), R = E("listbox"), { touch: z } = t(), B = d(() => P.optionHeight ? P.optionHeight : ee(z.value, !!P.compact)), V = d(() => l(z.value)), H = k({
+	setup(e, { expose: m, emit: M }) {
+		let N = e, P = M, { t: F } = n(), I = C("inner"), L = C("listbox"), { touch: R } = t(), z = l(() => N.optionHeight ? N.optionHeight : c(R.value, !!N.compact)), B = l(() => s(R.value)), V = E({
 			get count() {
-				return P.options.length;
+				return N.options.length;
 			},
-			getScrollElement: () => L.value ?? null,
-			estimateSize: () => B.value,
+			getScrollElement: () => I.value ?? null,
+			estimateSize: () => z.value,
 			overscan: 5
-		}), U = d(() => H.value.getVirtualItems()), W = d(() => H.value.getTotalSize()), G = d(() => P.options.map((e, t) => ({
+		}), H = l(() => V.value.getVirtualItems()), U = l(() => V.value.getTotalSize()), W = l(() => N.options.map((e, t) => ({
 			index: t,
 			text: e.text,
 			value: e.value,
@@ -68,107 +68,107 @@ var A = { class: "bb-listbox__outer-container scrollbar-border" }, te = {
 			item: e.item,
 			selected: !!e.selected,
 			disabled: !!e.disabled
-		}))), K = T(), q = (e) => `${K}-listbox-option-${e}`, J = d(() => {
-			if (r(X.value)) return;
-			let e = G.value[X.value];
-			if (e) return q(e.valueHash);
-		}), Y = d(() => G.value.length > 0), { focusedIndex: X, focusNext: ae, focusPrevious: oe, focusFirst: se, focusLast: ce, focusFirstSelected: le, focusLastSelected: ue, focusByHash: de, focusByPointer: fe, blurPointerFocus: pe, blur: Z, getHighlighted: me } = c(() => P.options, { disabled: () => !P.open }), Q = b(!1);
-		D(X, (e) => {
-			L.value && s(e) && !Q.value && H.value.scrollToIndex(e, { align: "center" }), Q.value = !1, F("focused:change", J.value);
+		}))), G = S(), K = (e) => `${G}-listbox-option-${e}`, q = l(() => {
+			if (i(Y.value)) return;
+			let e = W.value[Y.value];
+			if (e) return K(e.valueHash);
+		}), J = l(() => W.value.length > 0), { focusedIndex: Y, focusNext: oe, focusPrevious: se, focusFirst: ce, focusLast: le, focusFirstSelected: X, focusLastSelected: ue, focusByHash: de, focusByPointer: fe, blurPointerFocus: pe, blur: Z, getHighlighted: me } = te(() => N.options, { disabled: () => !N.open }), Q = v(!1);
+		w(Y, (e) => {
+			I.value && ee(e) && !Q.value && V.value.scrollToIndex(e, { align: "center" }), Q.value = !1, P("focused:change", q.value);
 		});
 		let he = (e) => {
-			P.open && (Q.value = !0, fe(e));
+			N.open && (Q.value = !0, fe(e));
 		}, ge = () => {
 			pe();
 		}, $ = () => {
-			if (r(X.value) || !P.open) return;
-			let e = G.value[X.value];
-			e.disabled || (e.selected ? F("option:unselected", e) : F("option:selected", e));
+			if (i(Y.value) || !N.open) return;
+			let e = W.value[Y.value];
+			e.disabled || (e.selected ? P("option:unselected", e) : P("option:selected", e));
 		}, _e = (e) => {
-			if (e.preventDefault(), L.value && e.target instanceof HTMLElement && R.value) {
+			if (e.preventDefault(), I.value && e.target instanceof HTMLElement && L.value) {
 				let t = e.target, n = t.dataset.index;
-				for (; r(n) && t.parentElement;) t = t.parentElement, n = t.dataset.index;
+				for (; i(n) && t.parentElement;) t = t.parentElement, n = t.dataset.index;
 				if (n) {
-					let e = G.value[+n];
-					e && !e.disabled && (X.value = +n, $());
+					let e = W.value[+n];
+					e && !e.disabled && (Y.value = +n, $());
 				}
 			}
 		};
-		return D(() => P.options, (e, t) => {
-			o(e.map((e) => e.valueHash)) !== o(t.map((e) => e.valueHash)) && (H.value.measure(), Z());
-		}, { flush: "post" }), D(B, () => {
-			H.value.measure();
-		}, { flush: "post" }), g({
-			focusNext: ae,
-			focusPrevious: oe,
-			focusFirst: se,
-			focusFirstSelected: le,
-			focusLast: ce,
+		return w(() => N.options, (e, t) => {
+			o(e.map((e) => e.valueHash)) !== o(t.map((e) => e.valueHash)) && (V.value.measure(), Z());
+		}, { flush: "post" }), w(z, () => {
+			V.value.measure();
+		}, { flush: "post" }), m({
+			focusNext: oe,
+			focusPrevious: se,
+			focusFirst: ce,
+			focusFirstSelected: X,
+			focusLast: le,
 			focusLastSelected: ue,
 			blur: Z,
 			confirmOption: $,
 			focusByHash: de,
 			getHighlighted: me,
-			getActiveDescendantId: () => J.value
-		}), (e, t) => (y(), f("span", {
-			class: _(["bb-listbox", {
+			getActiveDescendantId: () => q.value
+		}), (e, t) => (_(), u("span", {
+			class: h(["bb-listbox", {
 				"bb-listbox--compact": e.compact,
 				"bb-listbox--loading": e.loading,
 				"bb-listbox--multiple": e.multiple,
-				"bb-listbox--no-data": !Y.value,
+				"bb-listbox--no-data": !J.value,
 				"bb-listbox--open": e.open
 			}]),
-			style: v({
+			style: g({
 				"--transition-duration": `${e.transitionDuration}ms`,
-				"--option-height": `${B.value}px`,
-				"--option-font-size": V.value
+				"--option-height": `${z.value}px`,
+				"--option-font-size": B.value
 			}),
-			onClick: O(_e, ["stop"]),
-			onMousedown: t[0] ||= O(() => {}, ["prevent"])
-		}, [p("span", A, [p("span", te, [
-			S(e.$slots, "options:prepend"),
-			e.loading && !Y.value ? (y(), f("span", ne, [S(e.$slots, "loading", {}, () => [m(C(e.loadingText || w(I)("common.loadingText").value), 1)])])) : Y.value ? (y(), f("span", {
+			onClick: T(_e, ["stop"]),
+			onMousedown: t[0] ||= T(() => {}, ["prevent"])
+		}, [d("span", D, [d("span", O, [
+			y(e.$slots, "options:prepend"),
+			e.loading && !J.value ? (_(), u("span", k, [y(e.$slots, "loading", {}, () => [f(b(e.loadingText || x(F)("common.loadingText").value), 1)])])) : J.value ? (_(), u("span", {
 				key: 2,
 				id: e.id,
 				ref: "listbox",
-				"aria-activedescendant": J.value,
+				"aria-activedescendant": q.value,
 				"aria-multiselectable": e.multiple ? !0 : void 0,
 				role: "listbox",
-				style: v({ height: `${W.value}px` }),
+				style: g({ height: `${U.value}px` }),
 				tabindex: "-1",
 				onMouseleave: ge
-			}, [(y(!0), f(u, null, x(U.value, (t) => (y(), f("span", {
-				id: q(G.value[t.index].valueHash),
-				key: G.value[t.index].valueHash,
-				"aria-disabled": G.value[t.index].disabled ? !0 : void 0,
+			}, [(_(!0), u(ne, null, re(H.value, (t) => (_(), u("span", {
+				id: K(W.value[t.index].valueHash),
+				key: W.value[t.index].valueHash,
+				"aria-disabled": W.value[t.index].disabled ? !0 : void 0,
 				"aria-posinset": t.index + 1,
-				"aria-selected": G.value[t.index].selected,
-				"aria-setsize": P.options.length,
-				class: _(["bb-listbox__option", {
-					"bb-listbox__option--focused": w(X) === t.index,
-					"bb-listbox__option--selected": G.value[t.index].selected,
-					"bb-listbox__option--disabled": G.value[t.index].disabled
+				"aria-selected": W.value[t.index].selected,
+				"aria-setsize": N.options.length,
+				class: h(["bb-listbox__option", {
+					"bb-listbox__option--focused": x(Y) === t.index,
+					"bb-listbox__option--selected": W.value[t.index].selected,
+					"bb-listbox__option--disabled": W.value[t.index].disabled
 				}]),
 				"data-index": t.index,
 				role: "option",
-				style: v({ transform: `translateY(${t.start}px)` }),
-				onMouseenter: O((e) => he(t.index), ["stop"])
-			}, [S(e.$slots, "option", {
-				disabled: G.value[t.index].disabled,
-				focused: w(X) === t.index,
+				style: g({ transform: `translateY(${t.start}px)` }),
+				onMouseenter: T((e) => he(t.index), ["stop"])
+			}, [y(e.$slots, "option", {
+				disabled: W.value[t.index].disabled,
+				focused: x(Y) === t.index,
 				index: t.index,
-				item: G.value[t.index].item,
-				selected: G.value[t.index].selected,
-				text: G.value[t.index].text,
-				value: G.value[t.index].value
-			}, () => [p("span", M, C(G.value[t.index].text), 1), h(n, {
+				item: W.value[t.index].item,
+				selected: W.value[t.index].selected,
+				text: W.value[t.index].text,
+				value: W.value[t.index].value
+			}, () => [d("span", j, b(W.value[t.index].text), 1)]), p(r, {
 				"aria-hidden": "true",
 				class: "bb-listbox__option-check",
-				icon: w(i)
-			}, null, 8, ["icon"])])], 46, j))), 128))], 44, ie)) : (y(), f("span", re, [S(e.$slots, "no-data", {}, () => [m(C(e.noDataText || w(I)("common.noDataText").value), 1)])])),
-			S(e.$slots, "options:append")
+				icon: x(a)
+			}, null, 8, ["icon"])], 46, ae))), 128))], 44, ie)) : (_(), u("span", A, [y(e.$slots, "no-data", {}, () => [f(b(e.noDataText || x(F)("common.noDataText").value), 1)])])),
+			y(e.$slots, "options:append")
 		], 512)])], 38));
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };

package/dist/components/GroupedListBox/GroupedListBox.vue_vue_type_script_setup_true_lang.js

@@ -1,31 +1,31 @@
 import { transitions as e } from "../../utilities/misc/transitions.js";
 import { useTouchRowLadder as t } from "../../composables/useSheetSurface.js";
-import n from "../BbIcon/BbIcon.vue.js";
-import { isNil as r } from "../../utilities/functions/isNil.js";
-import i from "../../assets/svgs/check_stroke.svg_raw.js";
-import { useLocale as a } from "../../composables/useLocale.js";
-import { isNotNil as o } from "../../utilities/functions/isNotNil.js";
-import { useListboxFocus as s } from "../../composables/useListboxFocus.js";
-import { listboxHeaderHeight as c, listboxOptionFontSize as l, listboxOptionHeight as u } from "../../utilities/misc/listboxMetrics.js";
+import { useLocale as n } from "../../composables/useLocale.js";
+import r from "../BbIcon/BbIcon.vue.js";
+import { isNil as i } from "../../utilities/functions/isNil.js";
+import a from "../../assets/svgs/check_stroke.svg_raw.js";
+import { listboxHeaderHeight as o, listboxOptionFontSize as s, listboxOptionHeight as c } from "../../utilities/misc/listboxMetrics.js";
+import { isNotNil as l } from "../../utilities/functions/isNotNil.js";
+import { useListboxFocus as u } from "../../composables/useListboxFocus.js";
 import { indexBy as d } from "../../utilities/functions/indexBy.js";
-import { Fragment as f, computed as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as ee, defineComponent as _, nextTick as te, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useId as ne, useTemplateRef as E, watch as D, withModifiers as O } from "vue";
-import { useVirtualizer as re } from "@tanstack/vue-virtual";
+import { Fragment as f, computed as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as ee, defineComponent as _, nextTick as te, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as ne, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as re, useTemplateRef as T, watch as E, withModifiers as D } from "vue";
+import { useVirtualizer as ie } from "@tanstack/vue-virtual";
 //#region src/components/GroupedListBox/GroupedListBox.vue?vue&type=script&setup=true&lang.ts
-var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
+var ae = { class: "bb-listbox__outer-container scrollbar-border" }, oe = {
 	ref: "inner",
 	class: "bb-listbox__inner-container",
 	tabindex: "-1"
-}, oe = {
+}, se = {
 	key: 0,
 	class: "bb-listbox__loading"
-}, se = {
+}, ce = {
 	key: 1,
 	class: "bb-listbox__no-data"
-}, k = [
+}, le = [
 	"id",
 	"aria-activedescendant",
 	"aria-multiselectable"
-], A = ["aria-disabled", "aria-labelledby"], ce = ["id"], le = { class: "bb-listbox__group-header-label" }, ue = [
+], O = ["aria-disabled", "aria-labelledby"], k = ["id"], A = { class: "bb-listbox__group-header-label" }, ue = [
 	"id",
 	"aria-disabled",
 	"aria-posinset",
@@ -54,7 +54,7 @@ var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
 		"focused:change"
 	],
 	setup(e, { expose: _, emit: j }) {
-		let M = e, N = j, { t: P } = a(), F = E("inner"), fe = E("listbox"), { touch: I } = t(), L = p(() => M.optionHeight ? M.optionHeight : u(I.value, !!M.compact)), R = p(() => M.headerHeight ? M.headerHeight : c(I.value, !!M.compact)), z = p(() => l(I.value)), B = p(() => {
+		let M = e, N = j, { t: P } = n(), F = T("inner"), fe = T("listbox"), { touch: I } = t(), L = p(() => M.optionHeight ? M.optionHeight : c(I.value, !!M.compact)), R = p(() => M.headerHeight ? M.headerHeight : o(I.value, !!M.compact)), z = p(() => s(I.value)), B = p(() => {
 			let e = 0;
 			return M.groups.map((t, n) => {
 				let r = t.id, i = e, a = t.options.length, o = R.value + a * L.value, s = `${W}-group-header-${t.id}`, c = typeof t.data == "string" ? t.data : JSON.stringify(t.data), l = t.options.every((e) => e.disabled), u = t.data, d = t.options;
@@ -83,25 +83,25 @@ var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
 			text: n.text,
 			value: n.value,
 			valueHash: n.valueHash
-		})))), U = p(() => d(H.value, "id")), W = ne(), G = (e) => `${W}-listbox-option-${e}`, K = p(() => {
-			if (r(X.value)) return;
+		})))), U = p(() => d(H.value, "id")), W = re(), G = (e) => `${W}-listbox-option-${e}`, K = p(() => {
+			if (i(X.value)) return;
 			let e = H.value[X.value];
 			if (e) return G(e.valueHash);
-		}), q = p(() => H.value.length > 0), pe = (e) => R.value + M.groups[e].options.length * L.value, J = re({
+		}), q = p(() => H.value.length > 0), pe = (e) => R.value + M.groups[e].options.length * L.value, J = ie({
 			get count() {
 				return M.groups.length;
 			},
 			getScrollElement: () => F.value ?? null,
 			estimateSize: (e) => pe(e),
 			overscan: 2
-		}), me = p(() => J.value.getVirtualItems()), Y = p(() => J.value.getTotalSize()), { focusedIndex: X, focusNext: he, focusPrevious: ge, focusFirst: _e, focusLast: ve, focusFirstSelected: ye, focusLastSelected: be, focusByHash: xe, focusByPointer: Se, blurPointerFocus: Ce, blur: Z, getHighlighted: we } = s(p(() => H.value), { disabled: () => !M.open }), Q = x(!1), Te = async () => {
-			if (!F.value || r(X.value)) return;
+		}), me = p(() => J.value.getVirtualItems()), Y = p(() => J.value.getTotalSize()), { focusedIndex: X, focusNext: he, focusPrevious: ge, focusFirst: _e, focusLast: ve, focusFirstSelected: ye, focusLastSelected: be, focusByHash: xe, focusByPointer: Se, blurPointerFocus: Ce, blur: Z, getHighlighted: we } = u(p(() => H.value), { disabled: () => !M.open }), Q = ne(!1), Te = async () => {
+			if (!F.value || i(X.value)) return;
 			let e = H.value[X.value]?.groupIndex;
-			o(e) && (J.value.scrollToIndex(e, { align: "auto" }), await te());
+			l(e) && (J.value.scrollToIndex(e, { align: "auto" }), await te());
 			let t = F.value.querySelector(`[data-index="${X.value}"]`);
 			t && t.scrollIntoView({ block: "nearest" });
 		};
-		D(X, () => {
+		E(X, () => {
 			Q.value || Te(), Q.value = !1, N("focused:change", K.value);
 		});
 		let Ee = (e) => {
@@ -109,7 +109,7 @@ var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
 		}, De = () => {
 			Ce();
 		}, $ = () => {
-			if (r(X.value) || !M.open) return;
+			if (i(X.value) || !M.open) return;
 			let e = H.value[X.value];
 			if (!e || e.disabled) return;
 			let t = {
@@ -124,16 +124,16 @@ var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
 		}, Oe = (e) => {
 			if (e.preventDefault(), F.value && e.target instanceof HTMLElement && fe.value) {
 				let t = e.target, n = t.dataset.index;
-				for (; r(n) && t.parentElement;) t = t.parentElement, n = t.dataset.index;
+				for (; i(n) && t.parentElement;) t = t.parentElement, n = t.dataset.index;
 				if (n) {
 					let e = H.value[+n];
 					e && !e.disabled && (X.value = +n, $());
 				}
 			}
 		};
-		return D(() => M.groups, (e, t) => {
+		return E(() => M.groups, (e, t) => {
 			e.flatMap((e) => e.options.map((e) => e.valueHash)).join(",") !== t.flatMap((e) => e.options.map((e) => e.valueHash)).join(",") && (J.value.measure(), Z());
-		}, { flush: "post" }), D([L, R], () => {
+		}, { flush: "post" }), E([L, R], () => {
 			J.value.measure();
 		}, { flush: "post" }), _({
 			focusNext: he,
@@ -161,11 +161,11 @@ var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
 				"--group-header-height": `${R.value}px`,
 				"--option-font-size": z.value
 			}),
-			onClick: O(Oe, ["stop"]),
-			onMousedown: t[0] ||= O(() => {}, ["prevent"])
-		}, [h("span", ie, [h("span", ae, [
-			C(e.$slots, "options:prepend"),
-			e.loading && !q.value ? (b(), m("span", oe, [C(e.$slots, "loading", {}, () => [g(w(e.loadingText || T(P)("common.loadingText").value), 1)])])) : q.value ? (b(), m("span", {
+			onClick: D(Oe, ["stop"]),
+			onMousedown: t[0] ||= D(() => {}, ["prevent"])
+		}, [h("span", ae, [h("span", oe, [
+			S(e.$slots, "options:prepend"),
+			e.loading && !q.value ? (b(), m("span", se, [S(e.$slots, "loading", {}, () => [g(C(e.loadingText || w(P)("common.loadingText").value), 1)])])) : q.value ? (b(), m("span", {
 				key: 2,
 				id: e.id,
 				ref: "listbox",
@@ -175,7 +175,7 @@ var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
 				style: y({ height: `${Y.value}px` }),
 				tabindex: "-1",
 				onMouseleave: De
-			}, [(b(!0), m(f, null, S(me.value, (t) => (b(), m("span", {
+			}, [(b(!0), m(f, null, x(me.value, (t) => (b(), m("span", {
 				key: V.value[t.index].id,
 				"aria-disabled": V.value[t.index].allOptionsAreDisabled,
 				"aria-labelledby": V.value[t.index].headerId,
@@ -186,41 +186,41 @@ var ie = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
 				id: V.value[t.index].headerId,
 				class: "bb-listbox__group-header",
 				role: "presentation"
-			}, [C(e.$slots, "group", {
+			}, [S(e.$slots, "group", {
 				disabled: V.value[t.index].allOptionsAreDisabled,
 				index: t.index,
 				item: V.value[t.index].data,
 				length: V.value[t.index].length,
 				text: V.value[t.index].label
-			}, () => [h("span", le, w(V.value[t.index].label), 1)])], 8, ce), (b(!0), m(f, null, S(V.value[t.index].options, (r) => (b(), m("span", {
-				id: G(r.valueHash),
-				key: r.valueHash,
-				"aria-disabled": U.value[r.valueHash].disabled ? !0 : void 0,
-				"aria-posinset": U.value[r.valueHash].indexInGroup + 1,
-				"aria-selected": U.value[r.valueHash].selected,
+			}, () => [h("span", A, C(V.value[t.index].label), 1)])], 8, k), (b(!0), m(f, null, x(V.value[t.index].options, (n) => (b(), m("span", {
+				id: G(n.valueHash),
+				key: n.valueHash,
+				"aria-disabled": U.value[n.valueHash].disabled ? !0 : void 0,
+				"aria-posinset": U.value[n.valueHash].indexInGroup + 1,
+				"aria-selected": U.value[n.valueHash].selected,
 				"aria-setsize": V.value[t.index].length,
 				class: v(["bb-listbox__option", {
-					"bb-listbox__option--focused": T(X) === U.value[r.valueHash].globalIndex,
-					"bb-listbox__option--selected": U.value[r.valueHash].selected,
-					"bb-listbox__option--disabled": U.value[r.valueHash].disabled
+					"bb-listbox__option--focused": w(X) === U.value[n.valueHash].globalIndex,
+					"bb-listbox__option--selected": U.value[n.valueHash].selected,
+					"bb-listbox__option--disabled": U.value[n.valueHash].disabled
 				}]),
-				"data-index": U.value[r.valueHash].globalIndex,
+				"data-index": U.value[n.valueHash].globalIndex,
 				role: "option",
-				onMouseenter: O((e) => Ee(U.value[r.valueHash].globalIndex), ["stop"])
-			}, [C(e.$slots, "option", {
-				disabled: !!U.value[r.valueHash].disabled,
-				focused: T(X) === U.value[r.valueHash].globalIndex,
-				index: U.value[r.valueHash].globalIndex,
-				item: U.value[r.valueHash].item,
-				selected: !!U.value[r.valueHash].selected,
-				text: U.value[r.valueHash].text,
-				value: U.value[r.valueHash].value
-			}, () => [h("span", de, w(U.value[r.valueHash].text), 1), ee(n, {
+				onMouseenter: D((e) => Ee(U.value[n.valueHash].globalIndex), ["stop"])
+			}, [S(e.$slots, "option", {
+				disabled: !!U.value[n.valueHash].disabled,
+				focused: w(X) === U.value[n.valueHash].globalIndex,
+				index: U.value[n.valueHash].globalIndex,
+				item: U.value[n.valueHash].item,
+				selected: !!U.value[n.valueHash].selected,
+				text: U.value[n.valueHash].text,
+				value: U.value[n.valueHash].value
+			}, () => [h("span", de, C(U.value[n.valueHash].text), 1)]), ee(r, {
 				"aria-hidden": "true",
 				class: "bb-listbox__option-check",
-				icon: T(i)
-			}, null, 8, ["icon"])])], 42, ue))), 128))], 12, A))), 128))], 44, k)) : (b(), m("span", se, [C(e.$slots, "no-data", {}, () => [g(w(e.noDataText || T(P)("common.noDataText").value), 1)])])),
-			C(e.$slots, "options:append")
+				icon: w(a)
+			}, null, 8, ["icon"])], 42, ue))), 128))], 12, O))), 128))], 44, le)) : (b(), m("span", ce, [S(e.$slots, "no-data", {}, () => [g(C(e.noDataText || w(P)("common.noDataText").value), 1)])])),
+			S(e.$slots, "options:append")
 		], 512)])], 38));
 	}
 });

package/dist/composables/useBaseOptions.js

@@ -1,37 +1,47 @@
-import { useItemText as e } from "./useItemText.js";
-import { useItemValue as t } from "./useItemValue.js";
-import { hash as n } from "../utilities/functions/hash.js";
+import { hash as e } from "../utilities/functions/hash.js";
+import { useItemText as t } from "./useItemText.js";
+import { useItemValue as n } from "./useItemValue.js";
 import { computed as r, unref as i } from "vue";
 //#region src/composables/useBaseOptions.ts
-var { getItemText: a } = e(), { getItemValue: o } = t(), s = (e, t, n, r, i, a) => a ? !1 : t ? !0 : typeof n == "function" ? !n(e) : typeof n == "boolean" && !n || r !== void 0 && i >= r, c = ({ items: e, disabled: t, selectable: c, itemText: l, itemValue: u, selectedIndexedByHash: d, max: f = Infinity }) => {
-	let p = r(() => i(t)), m = r(() => i(e)), h = r(() => Object.keys(d.value).length), g = (e) => {
-		let t = o(e, i(u)), r = n(t), m = a(e, i(l)), g = d.value[r] !== void 0;
+var { getItemText: a } = t(), { getItemValue: o } = n(), s = (e, t, n, r, i, a) => t ? !0 : typeof n == "function" ? !n(e) : typeof n == "boolean" && !n || !a && r !== void 0 && i >= r, c = ({ items: t, disabled: n, selectable: c, itemText: l, itemValue: u, selectedIndexedByHash: d, max: f = Infinity }) => {
+	let p = r(() => i(n)), m = r(() => i(t)), h = r(() => Object.keys(d.value).length), g = (t) => {
+		let n = o(t, i(u)), r = e(n), m = a(t, i(l)), g = d.value[r] !== void 0;
 		return {
-			item: e,
+			item: t,
 			text: m,
-			value: t,
+			value: n,
 			valueHash: r,
 			selected: g,
-			disabled: i(s(e, p.value, i(c), i(f), h.value, g))
+			disabled: i(s(t, p.value, i(c), i(f), h.value, g))
 		};
 	}, _ = r(() => {
-		let e = [], t = /* @__PURE__ */ new Set();
-		for (let r of m.value) {
-			let s = o(r, i(u)), c = n(s);
-			t.has(c) || (t.add(c), e.push({
-				item: r,
-				text: a(r, i(l)),
-				value: s,
-				valueHash: c
-			}));
+		let t = [], n = /* @__PURE__ */ new Set(), r = i(l);
+		for (let s of m.value) {
+			let c = o(s, i(u)), l = e(c);
+			if (n.has(l)) continue;
+			n.add(l);
+			let d;
+			t.push({
+				item: s,
+				get text() {
+					return d ??= a(s, r);
+				},
+				value: c,
+				valueHash: l
+			});
 		}
-		return e;
+		return t;
 	});
 	return {
 		options: r(() => _.value.map((e) => {
 			let t = d.value[e.valueHash] !== void 0;
 			return {
-				...e,
+				item: e.item,
+				get text() {
+					return e.text;
+				},
+				value: e.value,
+				valueHash: e.valueHash,
 				selected: t,
 				disabled: s(e.item, p.value, i(c), i(f), h.value, t)
 			};

package/dist/composables/useBbConfig.d.ts

@@ -1,10 +1,31 @@
 import { DynamicConfig } from '../types/Config';
 export type { DynamicConfig } from '../types/Config';
+/**
+ * Change the runtime config for **this app**.
+ *
+ * Q18.2 — this used to `Object.assign` into the module-level virtual config,
+ * i.e. one object shared by the whole Node process. Under SSR that made a
+ * per-visitor locale impossible: setting it during one request set it for
+ * every request being served at that moment, and the visitor who suffered was
+ * not the one who triggered it.
+ *
+ * Called from a component (or a composable a component calls) it now writes to
+ * the config `bitbossUiPlugin` provided for that app, and SSR gives every
+ * request its own app — so this is per-request without the caller doing
+ * anything differently.
+ *
+ * With no app to address, the write lands on the process-global defaults —
+ * the old behaviour and the old hazard. That is fine in a browser (one
+ * process, one user) and wrong on a server, so it warns in dev.
+ *
+ * Q20.4 — the warning is gated on WHERE THE WRITE ACTUALLY LANDS, by identity
+ * against the build-time object, not on `getCurrentInstance()`. The two are
+ * not the same question, and a consumer found the gap the hard way: under the
+ * Nuxt module nothing provided `BB_CONFIG_KEY`, so `inject` fell through to
+ * the process-global even inside a component's setup. The old gate saw an
+ * instance, stayed silent, and let a cross-visitor locale write through — the
+ * exact failure it existed to catch, in the one place it could not see.
+ */
 export declare const useBbConfig: () => {
-    setConfig: (patch: Partial<DynamicConfig>) => Omit<import('../types/Config').EditableConfig, "iconDefaultSizes" | "dialogDefaultSizes" | "offCanvasDefaultSizes"> & {
-        iconDefaultSizes: import('../types/Config').DialogSizes;
-        dialogDefaultSizes: import('../types/Config').DialogSizes;
-        offCanvasDefaultSizes: import('../types/Config').DialogSizes;
-        defaultLocale: import('../types/Config').BuiltinLocaleKey;
-    } & Partial<DynamicConfig>;
+    setConfig: (patch: Partial<DynamicConfig>) => void;
 };

package/dist/composables/useBbConfig.js

@@ -1,5 +1,11 @@
-import { config as e } from "virtual:bitboss-ui/config";
+import { useConfig as e } from "./useConfig.js";
+import { config as t } from "virtual:bitboss-ui/config";
 //#region src/composables/useBbConfig.ts
-var t = (t) => Object.assign(e, t), n = () => ({ setConfig: t });
+var n = () => {
+	let n = e(), r = n === t;
+	return { setConfig: (e) => {
+		process.env.NODE_ENV !== "production" && r && typeof window > "u" && console.warn("[bitboss-ui] setConfig() wrote the process-global defaults rather than one app, during a SERVER render — that leaks into other visitors being served concurrently. This app has no per-app config to write to, which means either the call is outside any app context, or the library plugin was never installed on it. Fix, by framework: Vue/Inertia — pass per-request values where the app is created, `app.use(bitbossUiPlugin, { locale })`. Nuxt — the module provides the config for you, so call setConfig from a component, or from your own Nuxt plugin inside `nuxtApp.vueApp.runWithContext(() => …)`; if this still fires, the bitboss-ui Nuxt module is not registered in `modules`."), Object.assign(n, e);
+	} };
+};
 //#endregion
 export { n as useBbConfig };