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

package/dist/components/BbSelect/BbSelect.vue_vue_type_script_setup_true_lang.js

@@ -13,27 +13,28 @@ import { useFormBinding as l } from "../../composables/useFormBinding.js";
 import ie from "../CommonFieldInput/CommonFieldInput.vue.js";
 import u from "../../assets/svgs/chevron_down.svg_raw.js";
 import { provideSheetChipAttrs as ae } from "../BbSelectPopover/sheetChipAttrs.js";
-import { BB_SELECT_POPOVER_PT as d } from "../BbSelectPopover/types.js";
-import oe from "../BbSelectPopover/BbSelectPopover.vue.js";
-import { throttle as se } from "../../utilities/functions/throttle.js";
-import { when as ce } from "../../utilities/functions/when.js";
-import { reject as le } from "../../utilities/functions/reject.js";
-import { BB_SELECT_PT as ue } from "./types.js";
-import { Fragment as f, computed as p, createBlock as de, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as fe, createVNode as v, defineComponent as pe, getCurrentInstance as me, guardReactiveProps as y, mergeProps as b, nextTick as x, normalizeClass as S, normalizeProps as C, onMounted as he, onUnmounted as ge, openBlock as w, ref as T, renderList as E, renderSlot as D, toDisplayString as O, unref as k, useAttrs as _e, watch as A, withCtx as j, withModifiers as ve } from "vue";
+import { BB_SELECT_POPOVER_PT as oe } from "../BbSelectPopover/types.js";
+import se from "../BbSelectPopover/BbSelectPopover.vue.js";
+import { throttle as ce } from "../../utilities/functions/throttle.js";
+import { when as le } from "../../utilities/functions/when.js";
+import { reject as ue } from "../../utilities/functions/reject.js";
+import { BB_SELECT_PT as de } from "./types.js";
+import { Fragment as d, computed as f, createBlock as fe, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as pe, createVNode as _, defineComponent as me, getCurrentInstance as he, guardReactiveProps as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, onMounted as ge, onUnmounted as _e, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useAttrs as ve, watch as k, withCtx as A, withModifiers as ye } from "vue";
 //#region src/components/BbSelect/BbSelect.vue?vue&type=script&setup=true&lang.ts
-var ye = ["id"], be = [
+var be = ["id"], xe = [
 	"id",
 	"aria-labelledby",
+	"aria-readonly",
 	"aria-required",
 	"autofocus",
 	"disabled"
-], xe = {
+], Se = {
 	key: 1,
 	class: "bb-select__max-reached"
-}, Se = {
+}, Ce = {
 	key: 2,
 	class: "bb-select__display-value bb-select__placeholder"
-}, Ce = ["id"], M = /*@__PURE__*/ pe({
+}, we = ["id"], Te = /*@__PURE__*/ me({
 	inheritAttrs: !1,
 	__name: "BbSelect",
 	props: {
@@ -344,164 +345,164 @@ var ye = ["id"], be = [
 		"update:modelValue",
 		"option:add"
 	],
-	setup(pe, { emit: M }) {
-		let N = pe, { props: P, emit: F, showAsterisk: we, errors: Te, ariaRequired: Ee, required: De, model: Oe } = l(N, M, {
+	setup(me, { emit: Te }) {
+		let j = me, { props: M, emit: N, showAsterisk: Ee, errors: De, ariaRequired: Oe, required: ke, model: Ae, readonly: P } = l(j, Te, {
 			componentName: "BbSelect",
-			identifierFallback: () => N.label,
+			identifierFallback: () => j.label,
 			leaveOn: "inactive"
-		}), ke = p(() => Ee.value ?? (De.value ? !0 : void 0)), Ae = r(), { t: je } = s();
+		}), je = f(() => Oe.value ?? (ke.value ? !0 : void 0)), Me = r(), { t: Ne } = s();
 		process.env.NODE_ENV !== "production" && a("BbSelect", i("BbSelect"));
-		let I = T(!1), { isMobile: Me } = o(), Ne = p(() => P.persistentHint || I.value), L = p(() => e(P.modelValue)), Pe = p(() => !!P.clearable && L.value), Fe = p(() => P.labelMode ?? Ae.defaultInputLabelMode), R = T(!1), z = ee({
+		let F = w(!1), { isMobile: Pe } = o(), Fe = f(() => M.persistentHint || F.value), I = f(() => e(M.modelValue)), Ie = f(() => !!M.clearable && I.value), Le = f(() => M.labelMode ?? Me.defaultInputLabelMode), L = w(!1), R = ee({
 			component: "BbSelect",
-			attrs: _e(),
+			attrs: ve(),
 			controlAttrs: t,
-			props: P,
-			parts: ue.parts,
-			states: ue.states,
+			props: M,
+			parts: de.parts,
+			states: de.states,
 			active: {
-				...n(P, () => L.value),
-				open: () => R.value
+				...n(M, () => I.value),
+				open: () => L.value
 			}
 		});
-		ae((e) => z.part("badge", {}, e));
-		let Ie = () => ({
-			...z.forward([
+		ae((e) => R.part("badge", {}, e));
+		let Re = () => ({
+			...R.forward([
 				"panel",
 				"sheet",
 				"header",
 				"footer",
 				"input",
 				"list"
-			], d.states.filter((e) => e !== "disabled")),
-			...z.forward([
+			], oe.states.filter((e) => e !== "disabled")),
+			...R.forward([
 				"option",
 				"itemText",
 				"itemIcon",
 				"itemDescription"
-			], d.states)
-		}), Le = [
+			], oe.states)
+		}), ze = [
 			"box",
 			"icon",
 			"spinner",
 			"clear",
 			"prefix",
 			"suffix"
-		], Re = (e) => Object.fromEntries(Le.map((t) => [t, z.part(t, { loading: e })])), ze = p(() => ({
-			title: P.label,
-			...P.offCanvasProps
-		})), Be = p(() => P["append:icon"] === void 0 ? u : P["append:icon"]), B = p(() => P.maxSelectedLabels === void 0 ? Infinity : P.maxSelectedLabels), Ve = p(() => L.value ? !0 : P.prefill ?? "interaction"), V = T(), H = T(), U = T(), W = p(() => P.multiple ? Array.isArray(P.modelValue) ? P.modelValue.length : P.modelValue == null ? 0 : 1 : 0), He = p(() => B.value !== Infinity), G = p(() => !He.value), K = T(!1), q = T(0), J = T(!1), Y = p(() => W.value <= 1 ? !1 : He.value ? W.value > B.value : K.value), X = p(() => !P.disabled && !P.readonly), Ue = (e) => {
-			if (X.value) if (P.multiple) {
-				let t = le(P.modelValue, e.value);
-				F("update:modelValue", t);
-			} else F("update:modelValue", null);
-		}, We = () => {
-			(V.value?.$el)?.querySelector(".bb-select__activator")?.focus();
-		}, Ge = p(() => P.selectedLabelsFn ? P.selectedLabelsFn(W.value) : je("select.multipleMaxReached", W.value).value), Ke = (e) => P.multiple && Y.value ? Ge.value : e || P.placeholder || "", qe = () => {
-			J.value = !1, q.value = 0;
-		}, Je = () => {
-			if (J.value || !U.value) return;
-			let e = getComputedStyle(U.value), t = Number.parseFloat(e.marginLeft || "0");
-			q.value = Math.max(0, -t), J.value = !0;
-		}, Z = se(() => {
-			if (!G.value || !U.value || !H.value || W.value <= 1) {
-				K.value = !1;
+		], Be = (e) => Object.fromEntries(ze.map((t) => [t, R.part(t, { loading: e })])), Ve = f(() => ({
+			title: M.label,
+			...M.offCanvasProps
+		})), He = f(() => M["append:icon"] === void 0 ? u : M["append:icon"]), z = f(() => M.maxSelectedLabels === void 0 ? Infinity : M.maxSelectedLabels), Ue = f(() => I.value ? !0 : M.prefill ?? "interaction"), B = w(), V = w(), H = w(), U = f(() => M.multiple ? Array.isArray(M.modelValue) ? M.modelValue.length : M.modelValue == null ? 0 : 1 : 0), We = f(() => z.value !== Infinity), W = f(() => !We.value), G = w(!1), K = w(0), q = w(!1), J = f(() => U.value <= 1 ? !1 : We.value ? U.value > z.value : G.value), Y = f(() => !M.disabled && !M.readonly), X = (e) => {
+			if (Y.value) if (M.multiple) {
+				let t = ue(M.modelValue, e.value);
+				N("update:modelValue", t);
+			} else N("update:modelValue", null);
+		}, Ge = () => {
+			(B.value?.$el)?.querySelector(".bb-select__activator")?.focus();
+		}, Ke = f(() => M.selectedLabelsFn ? M.selectedLabelsFn(U.value) : Ne("select.multipleMaxReached", U.value).value), qe = (e) => M.multiple && J.value ? Ke.value : e || M.placeholder || "", Je = () => {
+			q.value = !1, K.value = 0;
+		}, Ye = () => {
+			if (q.value || !H.value) return;
+			let e = getComputedStyle(H.value), t = Number.parseFloat(e.marginLeft || "0");
+			K.value = Math.max(0, -t), q.value = !0;
+		}, Z = ce(() => {
+			if (!W.value || !H.value || !V.value || U.value <= 1) {
+				G.value = !1;
 				return;
 			}
-			Je();
-			let e = H.value.clientWidth + q.value;
-			K.value = U.value.scrollWidth > e + 1;
+			Ye();
+			let e = V.value.clientWidth + K.value;
+			G.value = H.value.scrollWidth > e + 1;
 		}, 100, {
 			leading: !0,
 			trailing: !0
-		}), Q = null, Ye = () => {
-			Q?.disconnect(), Q = null, G.value && (Q = new ResizeObserver(Z), H.value && Q.observe(H.value), x(() => {
+		}), Q = null, Xe = () => {
+			Q?.disconnect(), Q = null, W.value && (Q = new ResizeObserver(Z), V.value && Q.observe(V.value), b(() => {
 				Z();
 			}));
 		};
-		he(Ye), A(G, Ye, { flush: "post" }), ge(() => {
+		ge(Xe), k(W, Xe, { flush: "post" }), _e(() => {
 			Q?.disconnect(), Z.cancel();
-		}), A(() => [P.modelValue, B.value], () => {
-			G.value && x(() => {
+		}), k(() => [M.modelValue, z.value], () => {
+			W.value && b(() => {
 				Z();
 			});
-		}), A(() => [
-			P.compact,
-			P.comma,
-			P["prepend:icon"]
+		}), k(() => [
+			M.compact,
+			M.comma,
+			M["prepend:icon"]
 		], () => {
-			G.value && (qe(), x(() => {
+			W.value && (Je(), b(() => {
 				Z();
 			}));
 		});
-		let Xe = ce((e) => typeof e != "string", JSON.stringify), Ze = p(() => (P.multiple ? [].concat(P.modelValue ?? []) : [P.modelValue]).filter((e) => e != null).map((e) => ({
-			disabled: P.disabled,
-			name: P.name,
-			required: P.required,
+		let Ze = le((e) => typeof e != "string", JSON.stringify), Qe = f(() => (M.multiple ? [].concat(M.modelValue ?? []) : [M.modelValue]).filter((e) => e != null).map((e) => ({
+			disabled: M.disabled,
+			name: M.name,
+			required: M.required,
 			type: "hidden",
-			value: Xe(e)
+			value: Ze(e)
 		}))), $ = {
 			onBlur: (e) => {
-				I.value = !1, F("blur", e);
+				F.value = !1, N("blur", e);
 			},
-			onChange: (e) => F("change", e),
-			onClick: (e) => F("click", e),
+			onChange: (e) => N("change", e),
+			onClick: (e) => N("click", e),
 			onFocus: (e) => {
-				I.value = !0, F("focus", e);
+				F.value = !0, N("focus", e);
 			},
 			onActive: () => {
-				I.value = !0, F("active");
+				F.value = !0, N("active");
 			},
 			onShow: () => {
-				R.value = !0, F("show");
+				L.value = !0, N("show");
 			},
-			onShown: () => F("shown"),
+			onShown: () => N("shown"),
 			onHide: () => {
-				R.value = !1, F("hide");
+				L.value = !1, N("hide");
 			},
-			onHidden: () => F("hidden"),
+			onHidden: () => N("hidden"),
 			onInactive: () => {
-				I.value = !1, F("inactive");
+				F.value = !1, N("inactive");
 			},
-			onInput: (e) => F("input", e),
-			"onUpdate:modelValue": (e) => F("update:modelValue", e)
-		}, Qe = {
+			onInput: (e) => N("input", e),
+			"onUpdate:modelValue": (e) => N("update:modelValue", e)
+		}, $e = {
 			...$,
-			"onOption:add": (e) => F("option:add", e)
-		}, $e = me(), et = () => c($e, "option:add") ? Qe : $;
-		return (e, t) => (w(), de(re, b({
+			"onOption:add": (e) => N("option:add", e)
+		}, et = he(), tt = () => c(et, "option:add") ? $e : $;
+		return (e, t) => (C(), fe(re, y({
 			id: e.id,
 			class: "bb-select",
-			clearable: Pe.value,
+			clearable: Ie.value,
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: k(Te),
+			errors: O(De),
 			"has-errors": e.hasErrors,
-			"has-value": L.value,
+			"has-value": I.value,
 			"has-warnings": e.hasWarnings,
 			"hide-label": e.hideLabel,
 			hint: e.hint,
 			"input-align": e.inputAlign,
 			label: e.label,
 			"label-align": e.labelAlign,
-			"label-mode": Fe.value,
+			"label-mode": Le.value,
 			"label-position": e.labelPosition,
 			layout: e.layout,
 			loading: e.loading,
-			mobile: k(Me),
+			mobile: O(Pe),
 			name: e.name,
-			passthrough: k(z),
-			readonly: e.readonly,
+			passthrough: O(R),
+			readonly: O(P),
 			reverse: e.reverse,
-			"show-asterisk": k(we),
-			"show-hint": Ne.value,
+			"show-asterisk": O(Ee),
+			"show-hint": Fe.value,
 			warnings: e.warnings
-		}, k(z).forwardAttrs), _({
-			label: j((t) => [D(e.$slots, "label", C(y(t)))]),
-			input: j(({ id: t, hasErrors: n, hasWarnings: ee, ariaDescribedby: r }) => [v(oe, b({
+		}, O(R).forwardAttrs), g({
+			label: A((t) => [E(e.$slots, "label", S(v(t)))]),
+			input: A(({ id: t, hasErrors: n, hasWarnings: ee, ariaDescribedby: r }) => [_(se, y({
 				id: t,
 				adaptive: e.adaptive,
-				anchor: V.value,
+				anchor: B.value,
 				"aria-describedby": r,
 				"aria-invalid": n || void 0,
 				autocomplete: e.autocomplete,
@@ -524,123 +525,124 @@ var ye = ["id"], be = [
 				loading: e.loading,
 				"loading-text": e.loadingText,
 				max: e.max,
-				"model-value": k(Oe),
+				"model-value": O(Ae),
 				"model-value-debounce-time": e.modelValueDebounceTime,
 				multiple: e.multiple,
-				"off-canvas-props": ze.value,
-				prefill: Ve.value,
-				pt: Ie(),
+				"off-canvas-props": Ve.value,
+				prefill: Ue.value,
+				pt: Re(),
 				"query-debounce-time": e.queryDebounceTime,
-				readonly: e.readonly,
+				readonly: O(P),
 				selectable: e.selectable,
 				stash: e.stash,
 				"transition-duration": e.transitionDuration,
 				width: "100%"
-			}, et()), _({
-				activator: j(({ props: r, shown: i, loading: a, text: o, selectedOptions: s, clear: re, query: c, focus: l, close: u, toggle: ae }) => [v(ie, {
+			}, tt()), g({
+				activator: A(({ props: r, shown: i, loading: a, text: o, selectedOptions: s, clear: re, query: c, focus: l, close: u, toggle: ae }) => [_(ie, {
 					ref_key: "wrapperRef",
-					ref: V,
+					ref: B,
 					active: i,
-					"append:icon": Be.value,
-					class: S(["bb-select__field", {
+					"append:icon": He.value,
+					class: x(["bb-select__field", {
 						"bb-select__field--shown": i,
 						"bb-select__field--disabled": e.disabled,
-						"bb-select__field--readonly": e.readonly
+						"bb-select__field--readonly": O(P)
 					}]),
 					clearable: e.clearable,
 					compact: e.compact,
 					disabled: e.disabled,
 					"has-errors": n,
-					"has-value": L.value,
+					"has-value": I.value,
 					"has-warnings": ee,
 					loading: a,
-					passthrough: Re(a),
-					"prepend:icon": N["prepend:icon"],
-					readonly: e.readonly,
+					passthrough: Be(a),
+					"prepend:icon": j["prepend:icon"],
+					readonly: O(P),
 					variant: e.variant,
 					"onClick:clear": () => {
-						re(), x(We);
+						re(), b(Ge);
 					},
 					"onContainer:click": ae
-				}, _({
-					"append:outer": j(() => [D(e.$slots, "append:outer", C(y({
+				}, g({
+					"append:outer": A(() => [E(e.$slots, "append:outer", S(v({
 						query: c,
 						close: u
 					})))]),
-					append: j(() => [D(e.$slots, "append", C(y({
+					append: A(() => [E(e.$slots, "append", S(v({
 						query: c,
 						focus: l,
 						close: u
 					})))]),
-					prepend: j(() => [D(e.$slots, "prepend", C(y({
+					prepend: A(() => [E(e.$slots, "prepend", S(v({
 						query: c,
 						focus: l,
 						close: u
 					})))]),
-					"prepend:outer": j(() => [D(e.$slots, "prepend:outer", C(y({
+					"prepend:outer": A(() => [E(e.$slots, "prepend:outer", S(v({
 						query: c,
 						close: u
 					})))]),
-					default: j(() => [g("span", {
+					default: A(() => [h("span", {
 						id: `${t}__value`,
 						ref_key: "valueRef",
-						ref: H,
+						ref: V,
 						class: "bb-select__value"
-					}, [g("input", b({
+					}, [h("input", y({
 						id: t,
 						"aria-labelledby": `${t}__label ${t}__selection`,
-						"aria-required": ke.value,
+						"aria-readonly": O(P) || void 0,
+						"aria-required": je.value,
 						autofocus: e.autofocus,
 						class: "bb-select__activator",
 						disabled: e.disabled,
 						type: "button"
-					}, b(r, k(z).part("activator", { loading: a }))), null, 16, be), e.multiple ? (w(), h(f, { key: 0 }, [
-						G.value || !Y.value ? (w(), h("span", {
+					}, y(r, O(R).part("activator", { loading: a }))), null, 16, xe), e.multiple ? (C(), m(d, { key: 0 }, [
+						W.value || !J.value ? (C(), m("span", {
 							key: 0,
 							ref_key: "chipsContainerRef",
-							ref: U,
-							class: S(["bb-select__chips-row", {
-								"bb-select__chips-row--hidden": Y.value,
+							ref: H,
+							class: x(["bb-select__chips-row", {
+								"bb-select__chips-row--hidden": J.value,
 								"bb-select__chips-row--chips": !e.comma && !!s.length
 							}])
-						}, [e.comma ? (w(!0), h(f, { key: 0 }, E(s, (e) => (w(), h("span", b({
-							key: k(te)(e.value),
+						}, [e.comma ? (C(!0), m(d, { key: 0 }, T(s, (e) => (C(), m("span", y({
+							key: O(te)(e.value),
 							class: "bb-select__comma",
 							ref_for: !0
-						}, k(z).part("comma", {}, e.item)), O(e.text), 17))), 128)) : (w(!0), h(f, { key: 1 }, E(s, (t) => D(e.$slots, "chip", {
-							key: k(te)(t.value),
-							deselect: () => Ue(t),
-							disabled: !X.value,
+						}, O(R).part("comma", {}, e.item)), D(e.text), 17))), 128)) : (C(!0), m(d, { key: 1 }, T(s, (t) => E(e.$slots, "chip", {
+							key: O(te)(t.value),
+							deselect: () => X(t),
+							disabled: !Y.value,
 							item: t.item,
 							text: t.text,
 							value: t.value
-						}, () => [v(ne, b({
+						}, () => [_(ne, y({
 							class: "bb-select__badge",
-							clearable: X.value,
+							clearable: Y.value,
 							size: "lg",
 							variant: "secondary",
 							ref_for: !0
-						}, k(z).part("badge", {}, t.item), { "onClick:clear": ve((e) => Ue(t), ["stop"]) }), {
-							default: j(() => [fe(O(t.text), 1)]),
+						}, O(R).part("badge", {}, t.item), { "onClick:clear": ye((e) => X(t), ["stop"]) }), {
+							default: A(() => [pe(D(t.text), 1)]),
 							_: 2
-						}, 1040, ["clearable", "onClick:clear"])])), 128))], 2)) : m("", !0),
-						Y.value ? (w(), h("span", xe, O(Ge.value), 1)) : m("", !0),
-						!s.length && e.placeholder ? (w(), h("span", Se, O(e.placeholder), 1)) : m("", !0)
-					], 64)) : (w(), h("span", {
+						}, 1040, ["clearable", "onClick:clear"])])), 128))], 2)) : p("", !0),
+						J.value ? (C(), m("span", Se, D(Ke.value), 1)) : p("", !0),
+						!s.length && e.placeholder ? (C(), m("span", Ce, D(e.placeholder), 1)) : p("", !0)
+					], 64)) : (C(), m("span", {
 						key: 1,
-						class: S(["bb-select__display-value", [{ "bb-select__placeholder": !o }]])
-					}, O(o || e.placeholder), 3))], 8, ye), g("span", {
+						class: x(["bb-select__display-value", [{ "bb-select__placeholder": !o }]])
+					}, D(o || e.placeholder), 3))], 8, be), h("span", {
 						id: `${t}__selection`,
 						hidden: ""
-					}, O(Ke(o)), 9, Ce)]),
+					}, D(qe(o)), 9, we)]),
 					_: 2
 				}, [e.$slots.prefix ? {
 					name: "prefix",
-					fn: j(() => [D(e.$slots, "prefix")]),
+					fn: A(() => [E(e.$slots, "prefix")]),
 					key: "0"
 				} : void 0, e.$slots.suffix ? {
 					name: "suffix",
-					fn: j(() => [D(e.$slots, "suffix")]),
+					fn: A(() => [E(e.$slots, "suffix")]),
 					key: "1"
 				} : void 0]), 1032, [
 					"active",
@@ -659,38 +661,38 @@ var ye = ["id"], be = [
 					"variant",
 					"onClick:clear",
 					"onContainer:click"
-				]), (w(!0), h(f, null, E(Ze.value, (e) => (w(), h("input", b({
+				]), (C(!0), m(d, null, T(Qe.value, (e) => (C(), m("input", y({
 					key: e.value,
 					ref_for: !0
-				}, b(e, k(z).controlAttrs)), null, 16))), 128))]),
-				loading: j((t) => [D(e.$slots, "loading", C(y(t)))]),
-				empty: j((t) => [D(e.$slots, "empty", C(y(t)))]),
-				group: j((t) => [D(e.$slots, "group", C(y(t)))]),
+				}, y(e, O(R).controlAttrs)), null, 16))), 128))]),
+				loading: A((t) => [E(e.$slots, "loading", S(v(t)))]),
+				empty: A((t) => [E(e.$slots, "empty", S(v(t)))]),
+				group: A((t) => [E(e.$slots, "group", S(v(t)))]),
 				_: 2
 			}, [
 				e.$slots.header ? {
 					name: "header",
-					fn: j((t) => [D(e.$slots, "header", C(y(t)))]),
+					fn: A((t) => [E(e.$slots, "header", S(v(t)))]),
 					key: "0"
 				} : void 0,
 				e.$slots.footer ? {
 					name: "footer",
-					fn: j((t) => [D(e.$slots, "footer", C(y(t)))]),
+					fn: A((t) => [E(e.$slots, "footer", S(v(t)))]),
 					key: "1"
 				} : void 0,
 				e.$slots.option ? {
 					name: "option",
-					fn: j((t) => [D(e.$slots, "option", b({ hasErrors: n }, t))]),
+					fn: A((t) => [E(e.$slots, "option", y({ hasErrors: n }, t))]),
 					key: "2"
 				} : void 0
 			]), 1040, /* @__PURE__ */ "id.adaptive.anchor.aria-describedby.aria-invalid.autocomplete.compact.dependencies.deps-debounce-time.disable-writing.disabled.empty-text.enforce-coherence.failed-text.filter-by.group-by.header-height.item-height.item-props.item-text.item-value.items.loading.loading-text.max.model-value.model-value-debounce-time.multiple.off-canvas-props.prefill.pt.query-debounce-time.readonly.selectable.stash.transition-duration".split("."))]),
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: j((t) => [D(e.$slots, "description", C(y(t)))]),
+			fn: A((t) => [E(e.$slots, "description", S(v(t)))]),
 			key: "0"
 		} : void 0]), 1040, /* @__PURE__ */ "id.clearable.compact.description.disabled.errors.has-errors.has-value.has-warnings.hide-label.hint.input-align.label.label-align.label-mode.label-position.layout.loading.mobile.name.passthrough.readonly.reverse.show-asterisk.show-hint.warnings".split(".")));
 	}
 });
 //#endregion
-export { M as default };
+export { Te as default };

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

@@ -303,7 +303,9 @@ export type BbSelectProps<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>;
     /**
@@ -331,7 +333,9 @@ export type BbSelectProps<T> = {
      * 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>;
     /**

package/dist/components/BbSelectPopover/BbSelectPopover.vue_vue_type_script_setup_true_lang.js

@@ -407,10 +407,11 @@ var pt = {
 			itemText: T.itemText,
 			itemProps: y(T, "itemProps"),
 			itemValue: T.itemValue,
+			optionDefaults: !0,
 			max: y(T, "max"),
 			selectable: y(T, "selectable"),
 			selectedIndexedByHash: qn
-		}), { getItemValue: Yn } = Ne();
+		}), { getOptionValue: Yn } = Ne();
 		x(qn, (e) => {
 			!T.stash || !Pn.value.length || In((t) => e[o(Yn(t, T.itemValue))] !== void 0);
 		});

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

@@ -276,7 +276,9 @@ export type BbSelectPopoverProps<Item> = {
     /**
      * Path to item property for display text or function to extract it.
      *
-     * @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<Item, string>;
     /**
@@ -303,7 +305,9 @@ export type BbSelectPopoverProps<Item> = {
     /**
      * Path to item property for value or function to extract it.
      *
-     * @defaultValue the whole item
+     * Unset: own `value`, even `null`.
+     *
+     * @defaultValue own `value`, else the whole item
      */
     itemValue?: ItemAccessor<Item>;
     /**