bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

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

@@ -3,8 +3,7 @@ import { PtMap, PtValue } from '../../types/passthrough';
  * Props for BbProgress.
  */
 /**
- * Passthrough parts of `BbProgress` (plans/passthrough/BbProgress.md). Nothing
- * it paints is a state.
+ * Passthrough parts of `BbProgress` (plans/passthrough/BbProgress.md).
  *
  * @part root - The track (the `progressbar` element); the bar follows it
  *   through its locals (`--track`, `--track-color`, `--accent`, `--r`, the
@@ -14,19 +13,36 @@ import { PtMap, PtValue } from '../../types/passthrough';
  *   never its position.
  */
 export type BbProgressPtPart = 'root' | 'bar';
-/** The runtime lists the resolver is wired with — no states: nothing this component paints is a state. */
+/**
+ * Passthrough states of `BbProgress`.
+ *
+ * @state indeterminate - Component-wide: `indeterminate` is on; the bar
+ *   slides (pulses under reduced motion) instead of showing a value.
+ */
+export type BbProgressPtState = 'indeterminate';
+/** The runtime lists the resolver is wired with. */
 export declare const BB_PROGRESS_PT: {
     readonly parts: readonly ["root", "bar"];
-    readonly states: readonly [];
+    readonly states: readonly ["indeterminate"];
 };
 export type BbProgressProps = {
-    [K in `pt:${BbProgressPtPart}`]?: PtValue;
+    [K in `pt:${BbProgressPtPart}` | `pt:${BbProgressPtPart}:${BbProgressPtState}`]?: PtValue;
 } & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
-     * without the prefix. See the `pt:<part>` row.
+     * without the prefix. Parts: `root`, `bar`; state: `indeterminate`.
+     */
+    pt?: PtMap<BbProgressPtPart, BbProgressPtState>;
+    /**
+     * A wait you cannot measure yet: the bar slides back and forth (a calm
+     * pulse under `prefers-reduced-motion`) and the progressbar reports no
+     * value (`aria-valuenow` is omitted, as the ARIA pattern asks). The
+     * `modelValue` is kept and shows again when this turns off. A `null`
+     * `modelValue` alone is still an empty bar, not this.
+     *
+     * @defaultValue `false`
      */
-    pt?: PtMap<BbProgressPtPart, never>;
+    indeterminate?: boolean;
     /**
      * The current progress value — a number between `min` and `max`. This is a
      * one-way input prop (BbProgress is a display component and never emits

package/dist/components/BbProgress/types.js

@@ -1,7 +1,7 @@
 //#region src/components/BbProgress/types.ts
 var e = {
 	parts: ["root", "bar"],
-	states: []
+	states: ["indeterminate"]
 };
 //#endregion
 export { e as BB_PROGRESS_PT };

package/dist/components/BbRadioGroup/BbRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -14,16 +14,16 @@ import { useFormBinding as ae } from "../../composables/useFormBinding.js";
 import oe from "../OptionsContainer/OptionsContainer.vue.js";
 import { useIndexById as m } from "../../composables/useIndexById.js";
 import { useBaseOptions as se } from "../../composables/useBaseOptions.js";
-import { useCoherence as ce } from "../../composables/useCoherence.js";
-import { usePrefill as le } from "../../composables/usePrefill.js";
-import { useActiveInactiveState as ue } from "../../composables/useActiveInactiveState.js";
-import { useOnFalsy as de } from "../../composables/useOnFalsy.js";
-import { useOnTruthy as fe } from "../../composables/useOnTruthy.js";
-import pe from "../BbBaseRadioIcon/BbBaseRadioIcon.vue.js";
-import { BB_RADIO_GROUP_PT as h } from "./types.js";
-import { computed as g, createBlock as me, createElementVNode as _, createSlots as v, createVNode as y, defineComponent as b, guardReactiveProps as x, mergeProps as S, nextTick as he, normalizeProps as C, openBlock as ge, ref as _e, renderSlot as w, shallowRef as ve, toRef as T, unref as E, useAttrs as D, useSlots as O, withCtx as k } from "vue";
+import { useCoherence as h } from "../../composables/useCoherence.js";
+import { usePrefill as ce } from "../../composables/usePrefill.js";
+import { useActiveInactiveState as le } from "../../composables/useActiveInactiveState.js";
+import { useOnFalsy as ue } from "../../composables/useOnFalsy.js";
+import { useOnTruthy as de } from "../../composables/useOnTruthy.js";
+import fe from "../BbBaseRadioIcon/BbBaseRadioIcon.vue.js";
+import { BB_RADIO_GROUP_PT as g } from "./types.js";
+import { computed as _, createBlock as pe, createElementVNode as me, createSlots as he, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeProps as x, nextTick as S, normalizeProps as C, openBlock as ge, ref as _e, renderSlot as w, shallowRef as ve, toRef as T, unref as E, useAttrs as ye, useSlots as D, withCtx as O } from "vue";
 //#region src/components/BbRadioGroup/BbRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var A = /*@__PURE__*/ b({
+var k = /*@__PURE__*/ y({
 	inheritAttrs: !1,
 	__name: "BbRadioGroup",
 	props: {
@@ -173,65 +173,66 @@ var A = /*@__PURE__*/ b({
 		"mouseup",
 		"update:modelValue"
 	],
-	setup(b, { emit: A }) {
-		let j = b, M = A, N = O(), { props: P, emit: F, showAsterisk: ye, errors: be, ariaRequired: I } = ae(j, M, {
+	setup(y, { emit: k }) {
+		let A = y, j = k, M = D(), { props: N, emit: P, showAsterisk: be, errors: xe, ariaRequired: Se, readonly: F } = ae(A, j, {
 			componentName: "BbRadioGroup",
-			identifierFallback: () => j.legend,
+			identifierFallback: () => A.legend,
 			leaveOn: "inactive"
-		}), L = () => !!P.legend || !!N.legend;
+		}), I = () => !!N.legend || !!M.legend;
 		process.env.NODE_ENV !== "production" && c("BbRadioGroup", s("BbRadioGroup"));
-		let xe = o().id, R = g(() => P.name || xe.value), Se = [], z = g(() => P.items === void 0 ? Se : P.items), B = ve(null), Ce = (e) => {
-			B.value = e?.$el ?? null;
-		}, { active: V } = ue(B), H = _e(!1), we = g(() => P.persistentHint || H.value);
-		de(V, () => {
-			H.value = !1, F("inactive");
-		}), fe(V, () => {
-			H.value = !0, F("active");
+		let Ce = o().id, L = _(() => N.name || Ce.value), we = [], R = _(() => N.items === void 0 ? we : N.items), z = ve(null), B = (e) => {
+			z.value = e?.$el ?? null;
+		}, { active: V } = le(z), H = _e(!1), Te = _(() => N.persistentHint || H.value);
+		ue(V, () => {
+			H.value = !1, P("inactive");
+		}), de(V, () => {
+			H.value = !0, P("active");
 		});
-		let { getter: U, clientReproducible: Te, hydratedFromSsr: Ee, items: De, loading: W, error: Oe, ssrMarker: ke } = l({
-			items: z,
+		let { getter: U, clientReproducible: Ee, hydratedFromSsr: De, items: Oe, loading: W, error: ke, ssrMarker: Ae } = l({
+			items: R,
 			marker: !0
 		}), G = () => {
-			P.enforceCoherence && !J.value && F("update:modelValue", null);
-		}, { hasPrefilled: K, whenPrefilled: Ae } = le({
-			alreadyLoaded: Ee,
-			clientReproducible: Te,
+			N.enforceCoherence && !J.value && P("update:modelValue", null);
+		}, { hasPrefilled: K, whenPrefilled: je } = ce({
+			alreadyLoaded: De,
+			clientReproducible: Ee,
 			trigger: !0,
-			currentValue: P.modelValue,
+			currentValue: N.modelValue,
 			multiple: !1,
 			fn: async () => {
-				await U(void 0, "initial", P.modelValue) === "applied" && G();
+				await U(void 0, "initial", N.modelValue) === "applied" && G();
 			}
-		}), { data: je } = m({ items: g(() => [P.modelValue]) }), { options: q } = se({
-			disabled: T(P, "disabled"),
-			items: De,
-			itemText: P.itemText,
-			itemProps: T(P, "itemProps"),
-			itemValue: P.itemValue,
+		}), { data: Me } = m({ items: _(() => [N.modelValue]) }), { options: q } = se({
+			disabled: T(N, "disabled"),
+			items: Oe,
+			itemText: N.itemText,
+			itemProps: T(N, "itemProps"),
+			itemValue: N.itemValue,
+			optionDefaults: !0,
 			max: Infinity,
-			selectable: T(P, "selectable"),
-			selectedIndexedByHash: je
-		}), { data: Me } = m({
+			selectable: T(N, "selectable"),
+			selectedIndexedByHash: Me
+		}), { data: Ne } = m({
 			items: q,
 			key: "valueHash"
-		}), { coherent: J } = ce({
-			modelValue: T(P, "modelValue"),
+		}), { coherent: J } = h({
+			modelValue: T(N, "modelValue"),
 			multiple: !1,
-			iteratee: (e) => !!Me.value[a(e)]
+			iteratee: (e) => !!Ne.value[a(e)]
 		}), Y = 0;
-		u(() => P.modelValue, async () => {
-			Y++, J.value || await U(void 0, "model", P.modelValue) === "applied" && G(), Y--;
-		}, { debounce: P.modelValueDebounceTime === void 0 ? 0 : P.modelValueDebounceTime }), u(() => [P.dependencies, z.value], async () => {
-			K.value || await Ae(), K.value && (Y++, await U(void 0, "dependencies", P.modelValue) === "applied" && Y === 1 && G(), Y--);
-		}, { debounce: P.depsDebounceTime === void 0 ? 0 : P.depsDebounceTime });
-		let X = g(() => e(P.modelValue)), Z = i({
+		u(() => N.modelValue, async () => {
+			Y++, J.value || await U(void 0, "model", N.modelValue) === "applied" && G(), Y--;
+		}, { debounce: N.modelValueDebounceTime === void 0 ? 0 : N.modelValueDebounceTime }), u(() => [N.dependencies, R.value], async () => {
+			K.value || await je(), K.value && (Y++, await U(void 0, "dependencies", N.modelValue) === "applied" && Y === 1 && G(), Y--);
+		}, { debounce: N.depsDebounceTime === void 0 ? 0 : N.depsDebounceTime });
+		let X = _(() => e(N.modelValue)), Z = i({
 			component: "BbRadioGroup",
-			attrs: D(),
-			props: P,
-			parts: h.parts,
-			states: h.states,
+			attrs: ye(),
+			props: N,
+			parts: g.parts,
+			states: g.states,
 			active: {
-				...r(n(P, () => X.value), [
+				...r(n(N, () => X.value), [
 					"errors",
 					"warnings",
 					"disabled",
@@ -240,51 +241,51 @@ var A = /*@__PURE__*/ b({
 				]),
 				loading: () => W.value
 			}
-		}), Ne = t(Z, { label: "legend" }), Q = ie(), $ = (e, t) => {
+		}), Pe = t(Z, { label: "legend" }), Q = ie(), $ = (e, t) => {
 			if (t) return [t, e.valueHash].filter(Boolean).join("-");
-		}, Pe = () => {
-			let e = B.value?.querySelectorAll("input[type=\"radio\"]") ?? [];
+		}, Fe = () => {
+			let e = z.value?.querySelectorAll("input[type=\"radio\"]") ?? [];
 			e.length === q.value.length && q.value.forEach((t, n) => {
 				e[n].checked = !!t.selected;
 			});
-		}, Fe = (e) => ({
+		}, Ie = (e) => ({
 			onBlur: (t) => {
-				Q.onBlur(e.valueHash), F("blur", t);
+				Q.onBlur(e.valueHash), P("blur", t);
 			},
 			onChange: (t) => {
-				if (P.readonly) {
-					t.target instanceof HTMLInputElement && te(t.target, P.readonly, !!e.selected);
+				if (N.readonly) {
+					t.target instanceof HTMLInputElement && te(t.target, N.readonly, !!e.selected);
 					return;
 				}
-				F("change", t), F("update:modelValue", e.value), he(Pe);
+				P("change", t), P("update:modelValue", e.value), S(Fe);
 			},
 			onClick: (e) => {
-				f(e, P.readonly), F("click", e);
+				f(e, N.readonly), P("click", e);
 			},
 			onFocus: (t) => {
-				Q.onFocus(e.valueHash, t), H.value = !0, F("focus", t);
+				Q.onFocus(e.valueHash, t), H.value = !0, P("focus", t);
 			},
-			onInput: (e) => F("input", e),
+			onInput: (e) => P("input", e),
 			onKeydown: (e) => {
-				p(e, P.readonly), F("keydown", e);
+				p(e, N.readonly), P("keydown", e);
 			},
-			onMousedown: (e) => F("mousedown", e),
-			onMouseup: (e) => F("mouseup", e)
-		}), Ie = (e, t, n, r, i, a) => ({
+			onMousedown: (e) => P("mousedown", e),
+			onMouseup: (e) => P("mouseup", e)
+		}), Le = (e, t, n, r, i, a) => ({
 			...ne("radio", {
 				ariaDescribedby: ee(r, a),
 				ariaLabelledby: i,
-				autofocus: P.autofocus && !t,
+				autofocus: N.autofocus && !t,
 				checked: !!e.selected,
 				disabled: e.disabled,
 				id: $(e, n),
-				name: R.value,
-				readonly: P.readonly,
-				required: P.required,
+				name: L.value,
+				readonly: N.readonly,
+				required: N.required,
 				value: e.value
 			}),
-			...Fe(e)
-		}), Le = (e, t, n, r) => ({
+			...Ie(e)
+		}), Re = (e, t, n, r) => ({
 			checked: !!e.selected,
 			disabled: !!e.disabled,
 			focused: Q.focused(e.valueHash),
@@ -292,18 +293,18 @@ var A = /*@__PURE__*/ b({
 			hasErrors: !!n,
 			hasWarnings: !!r && !n,
 			id: $(e, t),
-			name: R.value,
+			name: L.value,
 			parsedValue: re("radio", e.value),
-			readonly: !!P.readonly,
+			readonly: !!N.readonly,
 			value: e.value
 		});
-		return (e, t) => (ge(), me(d, S({
+		return (e, t) => (ge(), pe(d, x({
 			id: e.id,
 			class: "bb-radio-group",
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: E(be),
+			errors: E(xe),
 			"has-errors": e.hasErrors,
 			"has-value": X.value,
 			"has-warnings": e.hasWarnings,
@@ -318,25 +319,25 @@ var A = /*@__PURE__*/ b({
 			"label-tag": "legend",
 			layout: e.layout,
 			loading: E(W),
-			name: R.value,
-			passthrough: E(Ne),
-			readonly: e.readonly,
+			name: L.value,
+			passthrough: E(Pe),
+			readonly: E(F),
 			reverse: e.reverse,
-			"show-asterisk": E(ye),
-			"show-hint": we.value,
-			"ssr-marker": E(ke),
+			"show-asterisk": E(be),
+			"show-hint": Te.value,
+			"ssr-marker": E(Ae),
 			tag: "fieldset",
 			warnings: e.warnings
-		}, E(Z).forwardAttrs), v({
-			label: k((t) => [w(e.$slots, "legend", C(x(t)))]),
-			input: k(({ id: t, hasErrors: n, hasWarnings: r, ariaDescribedby: i }) => [y(oe, {
-				ref: Ce,
-				"aria-labelledby": L() ? `${t}__label` : void 0,
-				"aria-readonly": L() && e.readonly ? !0 : void 0,
-				"aria-required": L() ? E(I) : void 0,
+		}, E(Z).forwardAttrs), he({
+			label: O((t) => [w(e.$slots, "legend", C(b(t)))]),
+			input: O(({ id: t, hasErrors: n, hasWarnings: r, ariaDescribedby: i }) => [v(oe, {
+				ref: B,
+				"aria-labelledby": I() ? `${t}__label` : void 0,
+				"aria-readonly": I() && E(F) ? !0 : void 0,
+				"aria-required": I() ? E(Se) : void 0,
 				block: "bb-radio-group",
 				"empty-text": e.emptyText,
-				error: E(Oe),
+				error: E(ke),
 				"failed-text": e.failedText,
 				"has-errors": n,
 				"has-warnings": r,
@@ -350,23 +351,23 @@ var A = /*@__PURE__*/ b({
 				"loading-text": e.loadingText,
 				options: E(q),
 				passthrough: E(Z),
-				role: L() ? "radiogroup" : void 0
+				role: I() ? "radiogroup" : void 0
 			}, {
-				prepend: k(() => [w(e.$slots, "prepend")]),
-				loading: k(() => [w(e.$slots, "loading")]),
-				empty: k((t) => [w(e.$slots, "empty", C(x(t)))]),
-				label: k((t) => [w(e.$slots, "label", C(x(t)))]),
-				input: k(({ option: a, index: o, labelId: s, descriptionId: c, rowStates: l }) => [_("input", C(x(Ie(a, o, t, i, s, c))), null, 16), w(e.$slots, "icon", S({
+				prepend: O(() => [w(e.$slots, "prepend")]),
+				loading: O(() => [w(e.$slots, "loading")]),
+				empty: O((t) => [w(e.$slots, "empty", C(b(t)))]),
+				label: O((t) => [w(e.$slots, "label", C(b(t)))]),
+				input: O(({ option: a, index: o, labelId: s, descriptionId: c, rowStates: l }) => [me("input", C(b(Le(a, o, t, i, s, c))), null, 16), w(e.$slots, "icon", x({
 					item: a.item,
 					text: a.text
-				}, Le(a, t, n, r)), () => [y(pe, S({
+				}, Re(a, t, n, r)), () => [v(fe, x({
 					checked: !!a.selected,
 					disabled: !!a.disabled,
 					"focus-visible": E(Q).focusVisible(a.valueHash),
 					focused: E(Q).focused(a.valueHash),
 					"has-errors": !!n,
 					"has-warnings": !!r && !n,
-					readonly: !!e.readonly
+					readonly: !!E(F)
 				}, E(Z).part("icon", l, a.item)), null, 16, [
 					"checked",
 					"disabled",
@@ -376,7 +377,7 @@ var A = /*@__PURE__*/ b({
 					"has-warnings",
 					"readonly"
 				])])]),
-				append: k(() => [w(e.$slots, "append")]),
+				append: O(() => [w(e.$slots, "append")]),
 				_: 2
 			}, 1032, [
 				"aria-labelledby",
@@ -402,10 +403,10 @@ var A = /*@__PURE__*/ b({
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: k((t) => [w(e.$slots, "description", C(x(t)))]),
+			fn: O((t) => [w(e.$slots, "description", C(b(t)))]),
 			key: "0"
 		} : void 0]), 1040, /* @__PURE__ */ "id.compact.description.disabled.errors.has-errors.has-value.has-warnings.hide-label.hint.input-align.input-position.label.label-align.label-mode.label-position.layout.loading.name.passthrough.readonly.reverse.show-asterisk.show-hint.ssr-marker.warnings".split(".")));
 	}
 });
 //#endregion
-export { A as default };
+export { k as default };

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

@@ -162,13 +162,17 @@ export type BbRadioGroupProps<T> = {
     /**
      * Defines a path that returns a property of the object to use as text or a function that returns a string.
      *
-     * @defaultValue `JSON.stringify(item)`
+     * Unset: own `label`, else `text` (`{ label, value }` needs no accessor).
+     *
+     * @defaultValue own `label`, else `text`, else `JSON.stringify(item)`
      */
     itemText?: ItemAccessor<T, string>;
     /**
      * Defines a path that returns a property of the object to use as value or a function that returns any value.
      *
-     * @defaultValue the whole item
+     * Unset: own `value`, even `null`.
+     *
+     * @defaultValue own `value`, else the whole item
      */
     itemValue?: ItemAccessor<T>;
     /**