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

package/dist/components/BbBaseRadioGroup/BbBaseRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { useItemsGetter as e } from "../../composables/useItemsGetter.js";
-import { hash as t } from "../../utilities/functions/hash.js";
+import { hash as e } from "../../utilities/functions/hash.js";
+import { useItemsGetter as t } from "../../composables/useItemsGetter.js";
 import { useHashedWatcher as n } from "../../composables/useHashedWatcher.js";
 import r from "../OptionsContainer/OptionsContainer.vue.js";
 import { useIndexById as i } from "../../composables/useIndexById.js";
@@ -61,39 +61,41 @@ var D = /*@__PURE__*/ g({
 	setup(g, { emit: D }) {
 		let O = g, k = D, A = w(), j = f(() => O.ariaLabelledby || A["aria-labelledby"] || A["aria-label"] ? "radiogroup" : void 0), M = T("container"), { active: N } = c(M);
 		l(N, () => k("inactive")), u(N, () => k("active"));
-		let { getter: P, items: F, loading: I } = e({ items: S(O, "items") }), L = () => {
-			O.enforceCoherence && !H.value && k("update:modelValue", null);
-		}, { hasPrefilled: R } = s({
+		let { getter: P, clientReproducible: F, hydratedFromSsr: I, items: L, loading: R } = t({ items: S(O, "items") }), z = () => {
+			O.enforceCoherence && !W.value && k("update:modelValue", null);
+		}, { hasPrefilled: B } = s({
+			alreadyLoaded: I,
+			clientReproducible: F,
 			trigger: !0,
 			currentValue: O.modelValue,
 			multiple: !1,
 			fn: async (e) => {
-				await P(e, O.modelValue), L();
+				await P(e, O.modelValue), z();
 			}
-		}), { data: z } = i({ items: f(() => [].concat(O.modelValue)) }), { options: B } = a({
+		}), { data: V } = i({ items: f(() => [].concat(O.modelValue)) }), { options: H } = a({
 			disabled: S(O, "disabled"),
-			items: F,
+			items: L,
 			itemText: O.itemText,
 			itemValue: O.itemValue,
 			max: Infinity,
 			selectable: S(O, "selectable"),
-			selectedIndexedByHash: z
-		}), { data: V } = i({
-			items: B,
+			selectedIndexedByHash: V
+		}), { data: U } = i({
+			items: H,
 			key: "valueHash"
-		}), { coherent: H } = o({
+		}), { coherent: W } = o({
 			modelValue: S(O, "modelValue"),
 			multiple: !1,
-			iteratee: (e) => !!V.value[t(e)]
-		}), U = 0;
+			iteratee: (t) => !!U.value[e(t)]
+		}), G = 0;
 		n(() => O.modelValue, async () => {
-			U++, H.value || (await P(!0, O.modelValue), L()), U--;
+			G++, W.value || (await P(!0, O.modelValue), z()), G--;
 		}, { debounce: O.modelValueDebounceTime }), n(() => [O.dependencies, O.items], async () => {
-			R.value && (U++, await P(!0, O.modelValue), U === 1 && L(), U--);
+			B.value && (G++, await P(!0, O.modelValue), G === 1 && z(), G--);
 		}, { debounce: O.depsDebounceTime });
-		let W = (e) => {
+		let K = (e) => {
 			if (O.id) return [O.id, e.valueHash].filter(Boolean).join("-");
-		}, G = {
+		}, q = {
 			onBlur: (e) => k("blur", e),
 			onChange: (e) => k("change", e),
 			onClick: (e) => k("click", e),
@@ -114,10 +116,10 @@ var D = /*@__PURE__*/ g({
 			"has-errors": e.hasErrors,
 			"has-warning": e.hasWarning,
 			"hide-label": e.hideLabel,
-			loading: !!C(I),
+			loading: !!C(R),
 			"loading-text": e.loadingText,
 			"no-data-text": e.noDataText,
-			options: C(B),
+			options: C(H),
 			role: j.value
 		}, {
 			prepend: E(() => [x(e.$slots, "prepend")]),
@@ -125,7 +127,7 @@ var D = /*@__PURE__*/ g({
 			"no-data": E(() => [x(e.$slots, "no-data")]),
 			label: E((t) => [x(e.$slots, "label", y(_(t)))]),
 			input: E(({ option: t, index: n }) => [h(d, v({
-				id: W(t),
+				id: K(t),
 				"aria-describedby": e.ariaDescribedby,
 				autofocus: e.autofocus && !n,
 				checked: t.selected,
@@ -137,7 +139,7 @@ var D = /*@__PURE__*/ g({
 				readonly: e.readonly,
 				required: e.required,
 				value: t.value
-			}, G), m({ _: 2 }, [e.$slots.icon ? {
+			}, q), m({ _: 2 }, [e.$slots.icon ? {
 				name: "icon",
 				fn: E((n) => [x(e.$slots, "icon", v({
 					item: t.item,

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

@@ -1,12 +1,12 @@
-import { useId as e } from "../../composables/useId.js";
-import { useLogger as t } from "../../composables/useLogger.js";
-import { parseSize as n } from "../../utilities/functions/parseSize.js";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useId as t } from "../../composables/useId.js";
+import { useLogger as n } from "../../composables/useLogger.js";
 import { useLocale as r } from "../../composables/useLocale.js";
-import { identity as i } from "../../utilities/functions/identity.js";
-import { useActiveInactiveState as a } from "../../composables/useActiveInactiveState.js";
-import { useOnFalsy as o } from "../../composables/useOnFalsy.js";
-import { useOnTruthy as s } from "../../composables/useOnTruthy.js";
-import { config as c } from "virtual:bitboss-ui/config";
+import { parseSize as i } from "../../utilities/functions/parseSize.js";
+import { identity as a } from "../../utilities/functions/identity.js";
+import { useActiveInactiveState as o } from "../../composables/useActiveInactiveState.js";
+import { useOnFalsy as s } from "../../composables/useOnFalsy.js";
+import { useOnTruthy as c } from "../../composables/useOnTruthy.js";
 import { Fragment as l, computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useTemplateRef as C } from "vue";
 //#region src/components/BbBaseRating/BbBaseRating.vue?vue&type=script&setup=true&lang.ts
 var w = [
@@ -57,25 +57,25 @@ var w = [
 		"update:modelValue"
 	],
 	setup(m, { emit: k }) {
-		let A = m, j = k, { t: M } = r(), N = t(), P = C("container"), { active: F } = a(P), I = u(() => A.id || e().id.value), L = e().id, R = v(!1), z = u(() => A.ariaLabelledby ? "radiogroup" : void 0), B = u(() => A.clearable && !A.disabled && !A.readonly), V = M("rating.clearHint"), H = u(() => {
-			let e = [A.ariaDescribedby, B.value ? L.value : void 0].filter(Boolean);
+		let A = m, j = k, M = e(), { t: N } = r(), P = n(), F = C("container"), { active: I } = o(F), L = u(() => A.id || t().id.value), R = t().id, z = v(!1), B = u(() => A.ariaLabelledby ? "radiogroup" : void 0), V = u(() => A.clearable && !A.disabled && !A.readonly), H = N("rating.clearHint"), U = u(() => {
+			let e = [A.ariaDescribedby, V.value ? R.value : void 0].filter(Boolean);
 			return e.length ? e.join(" ") : void 0;
 		});
-		o(F, () => j("inactive")), s(F, () => j("active"));
-		let U = (e) => {
+		s(I, () => j("inactive")), c(I, () => j("active"));
+		let W = (e) => {
 			if (A.readonly) {
 				e.target instanceof HTMLInputElement && (e.target.checked = +e.target.value === A.modelValue);
 				return;
 			}
 			j("change", e), e.target instanceof HTMLInputElement && e.target.checked && j("update:modelValue", +e.target.value);
-		}, W = (e) => {
-			A.readonly && e.preventDefault(), j("click", e), !A.readonly && e.target instanceof HTMLInputElement && A.clearable && e.target.checked && +e.target.value === A.modelValue && (R.value = !0, j("update:modelValue", null));
-		}, G = () => {
-			R.value &&= !1;
-		}, K = {
+		}, G = (e) => {
+			A.readonly && e.preventDefault(), j("click", e), !A.readonly && e.target instanceof HTMLInputElement && A.clearable && e.target.checked && +e.target.value === A.modelValue && (z.value = !0, j("update:modelValue", null));
+		}, K = () => {
+			z.value &&= !1;
+		}, q = {
 			onBlur: (e) => j("blur", e),
-			onChange: U,
-			onClick: W,
+			onChange: W,
+			onClick: G,
 			onFocus: (e) => j("focus", e),
 			onInput: (e) => j("input", e),
 			onKeydown: (e) => {
@@ -95,27 +95,27 @@ var w = [
 			},
 			onMousedown: (e) => j("mousedown", e),
 			onMouseup: (e) => j("mouseup", e)
-		}, q = u(() => {
+		}, J = u(() => {
 			if (A.size != null) try {
-				return n(A.size, c.iconDefaultSizes);
+				return i(A.size, M.iconDefaultSizes);
 			} catch {
-				N.warn(`Invalid size: "${A.size}" in BbRating. Falling back to the default star size.`);
+				P.warn(`Invalid size: "${A.size}" in BbRating. Falling back to the default star size.`);
 				return;
 			}
-		}), J = u(() => Array.from({ length: A.stars }, (e, t) => t + 1).map((e) => {
-			let t = [I.value, e].filter(i).join("_"), n = e === A.modelValue, r = e <= (A.modelValue ?? 0);
+		}), Y = u(() => Array.from({ length: A.stars }, (e, t) => t + 1).map((e) => {
+			let t = [L.value, e].filter(a).join("_"), n = e === A.modelValue, r = e <= (A.modelValue ?? 0);
 			return {
 				checked: n,
 				disabled: !!A.disabled,
 				filled: r,
 				id: t,
 				name: A.name,
-				size: q.value,
+				size: J.value,
 				value: e
 			};
-		})), Y = u(() => {
+		})), X = u(() => {
 			let e = {};
-			return q.value && (e["--size"] = q.value), {
+			return J.value && (e["--size"] = J.value), {
 				class: {
 					"bb-base-rating": !0,
 					"bb-base-rating--has-value": A.modelValue,
@@ -123,28 +123,28 @@ var w = [
 					"bb-base-rating--errors": A.hasErrors,
 					"bb-base-rating--warnings": !!A.hasWarning && !A.hasErrors,
 					"bb-base-rating--readonly": A.readonly,
-					"bb-base-rating--forced-clear": R.value
+					"bb-base-rating--forced-clear": z.value
 				},
 				style: e
 			};
 		});
-		return (e, t) => (_(), f("span", h(Y.value, {
+		return (e, t) => (_(), f("span", h(X.value, {
 			ref_key: "container",
-			ref: P,
-			onPointermove: G
+			ref: F,
+			onPointermove: K
 		}), [p("span", {
 			"aria-labelledby": e.ariaLabelledby,
-			"aria-readonly": z.value && e.readonly ? !0 : void 0,
+			"aria-readonly": B.value && e.readonly ? !0 : void 0,
 			class: "bb-base-rating__inner-container",
-			role: z.value
+			role: B.value
 		}, [
 			b(e.$slots, "prepend"),
-			B.value ? (_(), f("span", {
+			V.value ? (_(), f("span", {
 				key: 0,
-				id: S(L),
+				id: S(R),
 				class: "sr-only"
-			}, x(S(V)), 9, T)) : d("", !0),
-			(_(!0), f(l, null, y(J.value, (n, r) => (_(), f("label", {
+			}, x(S(H)), 9, T)) : d("", !0),
+			(_(!0), f(l, null, y(Y.value, (n, r) => (_(), f("label", {
 				key: n.value,
 				class: g(["bb-base-rating__option", {
 					"bb-base-rating__option--filled": n.filled,
@@ -153,10 +153,10 @@ var w = [
 					"bb-base-rating__option--readonly": e.readonly
 				}])
 			}, [
-				p("span", E, x(n.value == 1 ? S(M)("rating.singleStar", n.value, A.stars).value : S(M)("rating.multipleStars", n.value, A.stars).value), 1),
+				p("span", E, x(n.value == 1 ? S(N)("rating.singleStar", n.value, A.stars).value : S(N)("rating.multipleStars", n.value, A.stars).value), 1),
 				p("input", h({
 					id: n.id,
-					"aria-describedby": H.value,
+					"aria-describedby": U.value,
 					autofocus: e.autofocus && !r,
 					checked: n.checked,
 					class: "sr-only",
@@ -166,7 +166,7 @@ var w = [
 					type: "radio",
 					value: n.value,
 					ref_for: !0
-				}, K), null, 16, D),
+				}, q), null, 16, D),
 				b(e.$slots, "icon", {
 					id: n.id,
 					checked: n.checked,

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

@@ -9,17 +9,17 @@ import { throttle as a } from "../../utilities/functions/throttle.js";
 import { when as o } from "../../utilities/functions/when.js";
 import s from "../BbSelectPopover/BbSelectPopover.vue.js";
 import { reject as c } from "../../utilities/functions/reject.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createTextVNode as ne, createVNode as re, defineComponent as g, guardReactiveProps as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, onMounted as S, onUnmounted as C, openBlock as w, ref as T, renderList as E, renderSlot as D, toDisplayString as O, unref as k, watch as A, withCtx as j, withModifiers as ie } from "vue";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createTextVNode as g, createVNode as _, defineComponent as v, guardReactiveProps as y, mergeProps as b, nextTick as x, normalizeClass as S, normalizeProps as C, onMounted as w, onUnmounted as T, openBlock as E, ref as D, renderList as O, renderSlot as k, toDisplayString as A, unref as j, watch as M, withCtx as N, withModifiers as ne } from "vue";
 //#region src/components/BbBaseSelect/BbBaseSelect.vue?vue&type=script&setup=true&lang.ts
-var ae = ["id"], oe = [
+var re = ["id"], ie = [
 	"id",
 	"aria-labelledby",
 	"autofocus",
 	"disabled"
-], M = {
+], ae = {
 	key: 1,
 	class: "bb-base-select__max-reached"
-}, N = ["id"], P = /*@__PURE__*/ g({
+}, oe = ["id"], P = /*@__PURE__*/ v({
 	__name: "BbBaseSelect",
 	props: {
 		adaptive: {
@@ -86,48 +86,48 @@ var ae = ["id"], oe = [
 		"update:modelValue",
 		"option:add"
 	],
-	setup(i, { emit: g }) {
-		let P = i, F = g, I = T(), L = T(), R = T(), { t: z } = t(), B = P.id || e().id.value, V = u(() => !r(P.modelValue)), se = u(() => V.value ? !0 : P.prefill), H = u(() => P.multiple ? Array.isArray(P.modelValue) ? P.modelValue.length : P.modelValue == null ? 0 : 1 : 0), U = u(() => P.maxSelectedLabels !== Infinity), W = u(() => !U.value), G = T(!1), K = T(0), q = T(!1), J = u(() => H.value <= 1 ? !1 : U.value ? H.value > P.maxSelectedLabels : G.value), Y = u(() => !P.disabled && !P.readonly), ce = (e) => {
-			if (Y.value) if (P.multiple) {
+	setup(i, { emit: v }) {
+		let P = i, F = v, I = D(), L = D(), R = D(), { t: se } = t(), z = P.id || e().id.value, B = u(() => !r(P.modelValue)), ce = u(() => B.value ? !0 : P.prefill), V = u(() => P.multiple ? Array.isArray(P.modelValue) ? P.modelValue.length : P.modelValue == null ? 0 : 1 : 0), H = u(() => P.maxSelectedLabels !== Infinity), U = u(() => !H.value), W = D(!1), G = D(0), K = D(!1), q = u(() => V.value <= 1 ? !1 : H.value ? V.value > P.maxSelectedLabels : W.value), J = u(() => !P.disabled && !P.readonly), Y = (e) => {
+			if (J.value) if (P.multiple) {
 				let t = c(P.modelValue, e.value);
 				F("update:modelValue", t);
 			} else F("update:modelValue", null);
 		}, le = () => {
 			(I.value?.$el)?.querySelector(".bb-base-select__activator")?.focus();
-		}, X = u(() => P.selectedLabelsFn ? P.selectedLabelsFn(H.value) : z("select.multipleMaxReached", H.value).value), ue = (e) => P.multiple ? J.value ? X.value : e : e || P.placeholder || "", de = () => {
-			q.value = !1, K.value = 0;
+		}, X = u(() => P.selectedLabelsFn ? P.selectedLabelsFn(V.value) : se("select.multipleMaxReached", V.value).value), ue = (e) => P.multiple ? q.value ? X.value : e : e || P.placeholder || "", de = () => {
+			K.value = !1, G.value = 0;
 		}, fe = () => {
-			if (q.value || !R.value) return;
+			if (K.value || !R.value) return;
 			let e = getComputedStyle(R.value), t = Number.parseFloat(e.marginLeft || "0");
-			K.value = Math.max(0, -t), q.value = !0;
+			G.value = Math.max(0, -t), K.value = !0;
 		}, Z = a(() => {
-			if (!W.value || !R.value || !L.value || H.value <= 1) {
-				G.value = !1;
+			if (!U.value || !R.value || !L.value || V.value <= 1) {
+				W.value = !1;
 				return;
 			}
 			fe();
-			let e = L.value.clientWidth + K.value;
-			G.value = R.value.scrollWidth > e + 1;
+			let e = L.value.clientWidth + G.value;
+			W.value = R.value.scrollWidth > e + 1;
 		}, 100, {
 			leading: !0,
 			trailing: !0
 		}), Q = null, $ = () => {
-			Q?.disconnect(), Q = null, W.value && (Q = new ResizeObserver(Z), L.value && Q.observe(L.value), y(() => {
+			Q?.disconnect(), Q = null, U.value && (Q = new ResizeObserver(Z), L.value && Q.observe(L.value), x(() => {
 				Z();
 			}));
 		};
-		S($), A(W, $, { flush: "post" }), C(() => {
+		w($), M(U, $, { flush: "post" }), T(() => {
 			Q?.disconnect(), Z.cancel();
-		}), A(() => [P.modelValue, P.maxSelectedLabels], () => {
-			W.value && y(() => {
+		}), M(() => [P.modelValue, P.maxSelectedLabels], () => {
+			U.value && x(() => {
 				Z();
 			});
-		}), A(() => [
+		}), M(() => [
 			P.compact,
 			P.comma,
 			P["prepend:icon"]
 		], () => {
-			W.value && (de(), y(() => {
+			U.value && (de(), x(() => {
 				Z();
 			}));
 		});
@@ -138,8 +138,8 @@ var ae = ["id"], oe = [
 			type: "hidden",
 			value: pe(e)
 		})));
-		return (e, t) => (w(), d(s, {
-			id: k(B),
+		return (e, t) => (E(), d(s, {
+			id: j(z),
 			adaptive: e.adaptive,
 			anchor: I.value,
 			"aria-describedby": e.ariaDescribedby,
@@ -167,7 +167,7 @@ var ae = ["id"], oe = [
 			multiple: e.multiple,
 			"no-data-text": e.noDataText,
 			"off-canvas-props": e.offCanvasProps,
-			prefill: se.value,
+			prefill: ce.value,
 			"query-debounce-time": e.queryDebounceTime,
 			readonly: e.readonly,
 			selectable: e.selectable,
@@ -184,12 +184,12 @@ var ae = ["id"], oe = [
 			"onOption:add": t[7] ||= (t) => e.$emit("option:add", t),
 			"onUpdate:modelValue": t[8] ||= (t) => e.$emit("update:modelValue", t)
 		}, h({
-			activator: j(({ props: t, shown: r, loading: i, text: a, selectedOptions: o, clear: s, query: c, focus: u, close: g, toggle: S }) => [re(te, {
+			activator: N(({ props: t, shown: r, loading: i, text: a, selectedOptions: o, clear: s, query: c, focus: u, close: d, toggle: v }) => [_(te, {
 				ref_key: "wrapperRef",
 				ref: I,
 				active: r,
 				"append:icon": P["append:icon"],
-				class: b(["bb-base-select", {
+				class: S(["bb-base-select", {
 					"bb-base-select--shown": r,
 					"bb-base-select--disabled": e.disabled,
 					"bb-base-select--readonly": e.readonly
@@ -198,79 +198,88 @@ var ae = ["id"], oe = [
 				compact: e.compact,
 				disabled: e.disabled,
 				"has-errors": e.hasErrors,
-				"has-value": V.value,
+				"has-value": B.value,
 				"has-warning": e.hasWarning,
 				loading: i,
 				"prepend:icon": P["prepend:icon"],
 				readonly: e.readonly,
 				"onClick:clear": () => {
-					s(), y(le);
+					s(), x(le);
 				},
-				"onContainer:click": S
+				"onContainer:click": v
 			}, h({
-				"append-outer": j(() => [D(e.$slots, "append-outer", x(_({
+				"append-outer": N(() => [k(e.$slots, "append-outer", C(y({
 					query: c,
-					close: g
+					close: d
 				})))]),
-				append: j(() => [D(e.$slots, "append", x(_({
+				append: N(() => [k(e.$slots, "append", C(y({
 					query: c,
 					focus: u,
-					close: g
+					close: d
 				})))]),
-				prepend: j(() => [D(e.$slots, "prepend", x(_({
+				prepend: N(() => [k(e.$slots, "prepend", C(y({
 					query: c,
 					focus: u,
-					close: g
+					close: d
 				})))]),
-				"prepend-outer": j(() => [D(e.$slots, "prepend-outer", x(_({
+				"prepend-outer": N(() => [k(e.$slots, "prepend-outer", C(y({
 					query: c,
-					close: g
+					close: d
 				})))]),
-				default: j(() => [m("span", {
-					id: `${k(B)}__value`,
+				default: N(() => [m("span", {
+					id: `${j(z)}__value`,
 					ref_key: "valueRef",
 					ref: L,
 					class: "bb-base-select__value"
-				}, [m("input", v(t, {
-					id: k(B),
-					"aria-labelledby": `${k(B)}__label ${k(B)}__selection`,
+				}, [m("input", b(t, {
+					id: j(z),
+					"aria-labelledby": `${j(z)}__label ${j(z)}__selection`,
 					autofocus: e.autofocus,
 					class: "bb-base-select__activator",
 					disabled: e.disabled,
 					type: "button"
-				}), null, 16, oe), e.multiple ? (w(), p(l, { key: 0 }, [W.value || !J.value ? (w(), p("span", {
+				}), null, 16, ie), e.multiple ? (E(), p(l, { key: 0 }, [U.value || !q.value ? (E(), p("span", {
 					key: 0,
 					ref_key: "chipsContainerRef",
 					ref: R,
-					class: b(["bb-base-select__chips-row", { "bb-base-select__chips-row--hidden": J.value }])
-				}, [e.comma ? (w(!0), p(l, { key: 0 }, E(o, (e) => (w(), p("span", {
-					key: k(n)(e.value),
+					class: S(["bb-base-select__chips-row", {
+						"bb-base-select__chips-row--hidden": q.value,
+						"bb-base-select__chips-row--chips": !e.comma && !!o.length
+					}])
+				}, [e.comma ? (E(!0), p(l, { key: 0 }, O(o, (e) => (E(), p("span", {
+					key: j(n)(e.value),
 					class: "bb-base-select__comma-item"
-				}, O(e.text), 1))), 128)) : (w(!0), p(l, { key: 1 }, E(o, (e) => (w(), d(ee, {
-					key: k(n)(e.value),
+				}, A(e.text), 1))), 128)) : (E(!0), p(l, { key: 1 }, O(o, (t) => k(e.$slots, "chip", {
+					key: j(n)(t.value),
+					deselect: () => Y(t),
+					disabled: !J.value,
+					item: t.item,
+					text: t.text,
+					value: t.value
+				}, () => [_(ee, {
 					class: "bb-base-select__chip",
-					clearable: Y.value,
+					clearable: J.value,
 					size: "lg",
 					variant: "secondary",
-					"onClick:clear": ie((t) => ce(e), ["stop"])
+					"onClick:clear": ne((e) => Y(t), ["stop"])
 				}, {
-					default: j(() => [ne(O(e.text), 1)]),
+					default: N(() => [g(A(t.text), 1)]),
 					_: 2
-				}, 1032, ["clearable", "onClick:clear"]))), 128))], 2)) : f("", !0), J.value ? (w(), p("span", M, O(X.value), 1)) : f("", !0)], 64)) : (w(), p("span", {
+				}, 1032, ["clearable", "onClick:clear"])])), 128))], 2)) : f("", !0), q.value ? (E(), p("span", ae, A(X.value), 1)) : f("", !0)], 64)) : (E(), p("span", {
 					key: 1,
-					class: b(["bb-base-select__display-value", [{ "bb-base-select__placeholder": !a }]])
-				}, O(a || e.placeholder), 3))], 8, ae), m("span", {
-					id: `${k(B)}__selection`,
+					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"
-				}, O(ue(a)), 9, N)]),
+				}, A(ue(a)), 9, oe)]),
 				_: 2
 			}, [e.$slots.prefix ? {
 				name: "prefix",
-				fn: j(() => [D(e.$slots, "prefix")]),
+				fn: N(() => [k(e.$slots, "prefix")]),
 				key: "0"
 			} : void 0, e.$slots.suffix ? {
 				name: "suffix",
-				fn: j(() => [D(e.$slots, "suffix")]),
+				fn: N(() => [k(e.$slots, "suffix")]),
 				key: "1"
 			} : void 0]), 1032, [
 				"active",
@@ -287,22 +296,22 @@ var ae = ["id"], oe = [
 				"readonly",
 				"onClick:clear",
 				"onContainer:click"
-			]), (w(!0), p(l, null, E(me.value, (e) => (w(), p("input", v({
+			]), (E(!0), p(l, null, O(me.value, (e) => (E(), p("input", b({
 				key: e.value,
 				ref_for: !0
 			}, e), null, 16))), 128))]),
-			loading: j((t) => [D(e.$slots, "loading", x(_(t)))]),
-			"no-data": j((t) => [D(e.$slots, "no-data", x(_(t)))]),
-			option: j((t) => [D(e.$slots, "option", v({ hasErrors: e.hasErrors }, t))]),
-			group: j((t) => [D(e.$slots, "group", x(_(t)))]),
+			loading: N((t) => [k(e.$slots, "loading", C(y(t)))]),
+			"no-data": N((t) => [k(e.$slots, "no-data", C(y(t)))]),
+			option: N((t) => [k(e.$slots, "option", b({ hasErrors: e.hasErrors }, t))]),
+			group: N((t) => [k(e.$slots, "group", C(y(t)))]),
 			_: 2
 		}, [e.$slots.header ? {
 			name: "header",
-			fn: j((t) => [D(e.$slots, "header", x(_(t)))]),
+			fn: N((t) => [k(e.$slots, "header", C(y(t)))]),
 			key: "0"
 		} : void 0, e.$slots.footer ? {
 			name: "footer",
-			fn: j((t) => [D(e.$slots, "footer", x(_(t)))]),
+			fn: N((t) => [k(e.$slots, "footer", C(y(t)))]),
 			key: "1"
 		} : void 0]), 1032, /* @__PURE__ */ "id.adaptive.anchor.aria-describedby.autocomplete.compact.dependencies.deps-debounce-time.disable-writing.disabled.enforce-coherence.filter-by.group-by.has-errors.has-warning.header-height.item-height.item-text.item-value.items.loading.loading-text.max.model-value.model-value-debounce-time.multiple.no-data-text.off-canvas-props.prefill.query-debounce-time.readonly.selectable.stash.transition-duration".split(".")));
 	}

package/dist/components/BbBaseSelect/types.d.ts

@@ -274,6 +274,26 @@ export type BaseSelectPanelSlotProps = {
     /** The resolved options that are currently selected. */
     selectedOptions: BbSelectResolvedOption[];
 };
+/**
+ * Props exposed by the `chip` slot — called once per selected value in
+ * `multiple` mode, in place of the default badge. Not called in `comma` mode
+ * (there are no chips there) nor for the collapsed "+N" summary.
+ */
+export type BaseSelectChipSlotProps<Item = any> = {
+    /** The selected item, exactly as it was supplied in `items`. */
+    item: Item;
+    /** The item's resolved display text (what the default badge prints). */
+    text: string;
+    /** The item's resolved value — what sits in the v-model. */
+    value: any;
+    /**
+     * `true` while the control is disabled or readonly: the chip must not offer
+     * a way to remove itself, and `deselect` is a no-op.
+     */
+    disabled: boolean;
+    /** Drops this value from the selection. No-op while `disabled`. */
+    deselect: () => void;
+};
 export type BaseSelectSlots<Item = any> = {
     /** Content pinned to the top of the panel, above the search field. */
     header?: (props: BaseSelectPanelSlotProps) => any;
@@ -294,4 +314,6 @@ export type BaseSelectSlots<Item = any> = {
     }) => any;
     option?: (props: BaseSelectOptionSlotProps<Item>) => any;
     group?: (props: BaseSelectGroupSlotProps<Item>) => any;
+    /** Replaces the default badge rendered for each selection in `multiple` mode. */
+    chip?: (props: BaseSelectChipSlotProps<Item>) => any;
 };

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

@@ -1,6 +1,6 @@
 import { useLogger as e } from "../../composables/useLogger.js";
-import { isNil as t } from "../../utilities/functions/isNil.js";
-import { useLocale as n } from "../../composables/useLocale.js";
+import { useLocale as t } from "../../composables/useLocale.js";
+import { isNil as n } from "../../utilities/functions/isNil.js";
 import { last as r } from "../../utilities/functions/last.js";
 import { clamp as i } from "../../utilities/functions/clamp.js";
 import { getAsPercentage as a, getAsPercentageBetween as o, getValueFromPercentageInInterval as s } from "../../utilities/functions/percentage.js";
@@ -69,9 +69,9 @@ var le = {
 		"update:modelValue"
 	],
 	setup(m, { emit: he }) {
-		let S = m, C = he, w = e(), { t: T } = n(), E = u(() => S.id ? `${S.id}__label` : void 0), ge = u(() => S.id && S.range ? `${E.value} ${S.id}__thumb_label_lower` : E.value), _e = u(() => S.id && S.range ? `${E.value} ${S.id}__thumb_label_higher` : E.value);
+		let S = m, C = he, w = e(), { t: T } = t(), E = u(() => S.id ? `${S.id}__label` : void 0), ge = u(() => S.id && S.range ? `${E.value} ${S.id}__thumb_label_lower` : E.value), _e = u(() => S.id && S.range ? `${E.value} ${S.id}__thumb_label_higher` : E.value);
 		(S.min < -(2 ** 53 - 1) || S.max > 2 ** 53 - 1) && w.throw("BaseSlider min or max is too large"), (!Number.isFinite(S.min) || !Number.isFinite(S.max)) && w.throw("BaseSlider min and max must be finite numbers", TypeError), S.max <= S.min && w.throw("BaseSlider max must be greater than min", RangeError), (!Number.isFinite(S.step) || S.step <= 0) && w.throw("BaseSlider step must be a finite number greater than 0", RangeError), (!Number.isFinite(S.maxPrecision) || S.maxPrecision < 0) && w.throw("BaseSlider maxPrecision must be a non-negative number", RangeError);
-		let D = v(), O = v(), k = v(), A = v(), j = v(), M = v(0), N = v(0), P = u(() => Array.isArray(S.modelValue) ? ee(S.modelValue) ?? void 0 : t(S.modelValue) ? void 0 : Number(S.modelValue)), F = u(() => Array.isArray(S.modelValue) ? r(S.modelValue) ?? void 0 : t(S.modelValue) ? void 0 : Number(S.modelValue)), I = u(() => [M.value, N.value].sort((e, t) => e - t)), L = v(!1);
+		let D = v(), O = v(), k = v(), A = v(), j = v(), M = v(0), N = v(0), P = u(() => Array.isArray(S.modelValue) ? ee(S.modelValue) ?? void 0 : n(S.modelValue) ? void 0 : Number(S.modelValue)), F = u(() => Array.isArray(S.modelValue) ? r(S.modelValue) ?? void 0 : n(S.modelValue) ? void 0 : Number(S.modelValue)), I = u(() => [M.value, N.value].sort((e, t) => e - t)), L = v(!1);
 		S.range && !Array.isArray(S.modelValue) && w.throw("BaseSlider mode is set as range but modelValue is not an array", TypeError), oe(() => {
 			S.autofocus && B();
 		});
@@ -197,7 +197,7 @@ var le = {
 				left: `${I.value[0]}%`
 			}
 		})), ke = (e) => {
-			if (t(S.modelValue)) return !1;
+			if (n(S.modelValue)) return !1;
 			if (Array.isArray(S.modelValue)) {
 				if (S.modelValue.length === 0) return !1;
 				let t = [...S.modelValue].sort((e, t) => e - t);