bitboss-ui 3.0.0-beta.63 → 3.0.0-beta.65

package/dist/components/BbDropdown/DropdownPipelineResolver.vue_vue_type_script_setup_true_lang.js

@@ -2,22 +2,23 @@ import { hash as e } from "../../utilities/functions/hash.js";
 import { slotKey as t } from "../../utilities/functions/slotKey.js";
 import { useLocale as n } from "../../composables/useLocale.js";
 import { matchAnyKey as r } from "../../utilities/functions/matchAnyKey.js";
-import { selectablePredicateOf as i } from "./types.js";
-import { useDropdownContext as ee } from "./useDropdownContext.js";
-import { useArray as te } from "../../composables/useArray.js";
-import { useItemsGetter as ne } from "../../composables/useItemsGetter.js";
-import { useItemText as re } from "../../composables/useItemText.js";
+import { selectablePredicateOf as ee } from "./types.js";
+import { sectionTitle as te } from "./normalizeGroups.js";
+import { useDropdownContext as ne } from "./useDropdownContext.js";
+import { useArray as re } from "../../composables/useArray.js";
+import { useItemsGetter as i } from "../../composables/useItemsGetter.js";
+import { useItemText as ie } from "../../composables/useItemText.js";
 import { useItemValue as a } from "../../composables/useItemValue.js";
-import { asDescription as o, createItemPropsResolver as s } from "../../utilities/functions/itemProps.js";
-import { useHashedWatcher as c } from "../../composables/useHashedWatcher.js";
-import { useDropdownGroupRegistry as l } from "./useDropdownGroupRegistry.js";
-import { computed as u, defineComponent as d, getCurrentInstance as ie, onUnmounted as f, ref as ae, renderSlot as oe, watch as p, watchEffect as m } from "vue";
+import { asDescription as ae, createItemPropsResolver as o } from "../../utilities/functions/itemProps.js";
+import { useHashedWatcher as oe } from "../../composables/useHashedWatcher.js";
+import { useDropdownGroupRegistry as se } from "./useDropdownGroupRegistry.js";
+import { computed as s, defineComponent as c, getCurrentInstance as l, onUnmounted as u, ref as d, renderSlot as f, watch as p, watchEffect as m } from "vue";
 //#region src/components/BbDropdown/DropdownPipelineResolver.vue?vue&type=script&setup=true&lang.ts
-var h = "__bb-dropdown-group:loading__", g = "__bb-dropdown-group:no-data__", _ = "__bb-dropdown-group:failed__", v = /*@__PURE__*/ d({
+var h = "__bb-dropdown-group:loading__", g = "__bb-dropdown-group:no-data__", ce = "__bb-dropdown-group:failed__", _ = /*@__PURE__*/ c({
 	__name: "DropdownPipelineResolver",
 	props: { id: {} },
-	setup(d) {
-		let v = d, y = /* @__PURE__ */ new Set([
+	setup(c) {
+		let _ = c, le = /* @__PURE__ */ new Set([
 			"value",
 			"label",
 			"rowKey",
@@ -29,115 +30,115 @@ var h = "__bb-dropdown-group:loading__", g = "__bb-dropdown-group:no-data__", _
 			"placeholder",
 			"slotKey",
 			"disabled"
-		]), b = l(), x = ee(), S = ie().uid, C = u(() => b?.configFor(v.id)), { t: w } = n(), T = w("common.loadingText"), se = w("common.emptyText"), ce = w("common.failedText"), le = w("select.searchToStart"), E = u(() => !!C.value?.searchable), D = u(() => x.queryFor(v.id)), O = u(() => C.value?.filterBy ?? []), k = u(() => C.value?.prefill ?? "interaction"), ue = u(() => k.value === !1), de = () => b?.modelValueFor(v.id), A = (e) => [
+		]), v = se(), y = ne(), b = l().uid, x = s(() => v?.configFor(_.id)), { t: S } = n(), C = S("common.loadingText"), w = S("common.emptyText"), T = S("common.failedText"), ue = S("select.searchToStart"), E = s(() => !!x.value?.searchable), D = s(() => y.queryFor(_.id)), O = s(() => x.value?.filterBy ?? []), k = s(() => x.value?.prefill ?? "interaction"), de = s(() => k.value === !1), A = () => v?.modelValueFor(_.id), j = (e) => [
 			E.value ? D.value : void 0,
 			e,
-			de()
-		], j = (e) => me(...A(e)), M = ae(!1), N = u(() => !!C.value?.stash), { array: P, add: F, remove: I } = te(), { getOptionText: L } = re(), { getOptionValue: R } = a(), z = (e) => R(e, C.value?.itemValue), B = (e) => L(e, C.value?.itemText), V = u(() => s(C.value?.itemProps)), H = u(() => C.value ? i(C.value) : void 0), fe = (e) => o(V.value.field(e, "description")), U = (e) => {
-			if (Array.isArray(e)) return e.map((e) => U(e));
+			A()
+		], M = (e) => me(...j(e)), N = d(!1), P = s(() => !!x.value?.stash), { array: F, add: I, remove: L } = re(), { getOptionText: R } = ie(), { getOptionValue: z } = a(), B = (e) => z(e, x.value?.itemValue), V = (e) => R(e, x.value?.itemText), H = s(() => o(x.value?.itemProps)), U = s(() => x.value ? ee(x.value) : void 0), fe = (e) => ae(H.value.field(e, "description")), W = (e) => {
+			if (Array.isArray(e)) return e.map((e) => W(e));
 			if (!e || typeof e != "object") return e;
 			let t = e;
-			return Object.keys(t).sort().reduce((e, n) => (e[n] = U(t[n]), e), {});
+			return Object.keys(t).sort().reduce((e, n) => (e[n] = W(t[n]), e), {});
 		}, pe = (e) => {
 			if (typeof e == "string") return t(e);
 			if (e == null || typeof e == "number" || typeof e == "boolean") return t(String(e));
 			try {
-				return t(JSON.stringify(U(e)) ?? String(e));
+				return t(JSON.stringify(W(e)) ?? String(e));
 			} catch {
 				return t(String(e));
 			}
-		}, { getter: me, debouncedGetter: he, items: W, loading: G, error: K } = ne({
-			items: u(() => C.value?.items),
-			debounce: x.queryDebounceTime.value
-		}), q = u(() => {
+		}, { getter: me, debouncedGetter: he, items: G, loading: K, error: q } = i({
+			items: s(() => x.value?.items),
+			debounce: y.queryDebounceTime.value
+		}), J = s(() => {
 			let t = /* @__PURE__ */ new Map();
-			for (let n of W.value) t.set(e(z(n)), n);
+			for (let n of G.value) t.set(e(B(n)), n);
 			return t;
-		}), ge = u(() => {
-			let t = W.value;
-			if (!N.value || !P.value.length) return t;
-			let n = new Set(t.map((t) => e(z(t)))), r = P.value.filter((t) => !n.has(e(z(t))));
+		}), ge = s(() => {
+			let t = G.value;
+			if (!P.value || !F.value.length) return t;
+			let n = new Set(t.map((t) => e(B(t)))), r = F.value.filter((t) => !n.has(e(B(t))));
 			return r.length ? [...t, ...r] : t;
-		}), J = /* @__PURE__ */ new Map();
-		b?.onPick(v.id, (e) => {
-			if (!N.value) return;
-			let t = q.value.get(e);
-			t !== void 0 && J.set(e, t);
-		}), f(() => b?.onPick(v.id, null)), m(() => {
-			if (!N.value) return;
-			let t = b?.selectionFor(v.id) ?? [];
+		}), Y = /* @__PURE__ */ new Map();
+		v?.onPick(_.id, (e) => {
+			if (!P.value) return;
+			let t = J.value.get(e);
+			t !== void 0 && Y.set(e, t);
+		}), u(() => v?.onPick(_.id, null)), m(() => {
+			if (!P.value) return;
+			let t = v?.selectionFor(_.id) ?? [];
 			if (!t.length) return;
-			let n = new Set(P.value.map((t) => e(z(t))));
+			let n = new Set(F.value.map((t) => e(B(t))));
 			for (let e of t) {
 				if (n.has(e)) continue;
-				let t = q.value.get(e) ?? J.get(e);
-				t !== void 0 && F(t), J.delete(e);
+				let t = J.value.get(e) ?? Y.get(e);
+				t !== void 0 && I(t), Y.delete(e);
 			}
 		});
-		let Y = u(() => ge.value.map((t) => ({
+		let X = s(() => ge.value.map((t) => ({
 			item: t,
-			value: z(t),
-			key: e(z(t)),
-			slotToken: pe(z(t)),
-			text: B(t),
+			value: B(t),
+			key: e(B(t)),
+			slotToken: pe(B(t)),
+			text: V(t),
 			description: fe(t)
-		}))), _e = u(() => {
-			if (!E.value || !D.value || O.value === !1) return Y.value;
+		}))), _e = s(() => {
+			if (!E.value || !D.value || O.value === !1) return X.value;
 			let e = D.value.trim(), t = O.value;
-			return Y.value.filter((n) => t.length ? r(n.item, t, e) : r({
+			return X.value.filter((n) => t.length ? r(n.item, t, e) : r({
 				text: n.text,
 				description: n.description
 			}, n.description == null ? ["text"] : ["text", "description"], e));
-		}), ve = u(() => {
+		}), ve = s(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Y.value) e.set(t.key, t.value);
+			for (let t of X.value) e.set(t.key, t.value);
 			return e;
-		}), ye = u(() => {
+		}), ye = s(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Y.value) e.set(t.key, t.item);
+			for (let t of X.value) e.set(t.key, t.item);
 			return e;
-		}), X = u(() => {
+		}), be = s(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Y.value) e.set(t.key, t.text);
+			for (let t of X.value) e.set(t.key, t.text);
 			return e;
-		}), be = u(() => {
+		}), xe = s(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Y.value) t.description != null && e.set(t.key, t.description);
+			for (let t of X.value) t.description != null && e.set(t.key, t.description);
 			return e;
-		}), Z = u(() => b?.selectionFor(v.id) ?? []);
+		}), Z = s(() => v?.selectionFor(_.id) ?? []);
 		p(Z, (t) => {
-			if (!N.value || !P.value.length) return;
+			if (!P.value || !F.value.length) return;
 			let n = new Set(t);
-			I((t) => n.has(e(z(t))));
+			L((t) => n.has(e(B(t))));
 		});
-		let xe = u(() => C.value?.multiple ?? b?.multipleFor(v.id) ?? !1), Q = u(() => G.value && Y.value.length > 0), Se = u(() => {
-			if (G.value && !Y.value.length) return [{
+		let Se = s(() => x.value?.multiple ?? v?.multipleFor(_.id) ?? !1), Q = s(() => K.value && X.value.length > 0), Ce = s(() => {
+			if (K.value && !X.value.length) return [{
 				rowKey: h,
 				placeholder: "loading",
-				label: C.value?.loadingText ?? x.loadingText.value ?? T.value,
+				label: x.value?.loadingText ?? y.loadingText.value ?? C.value,
 				disabled: !0
 			}];
-			if (E.value && ue.value && !M.value) return [{
+			if (E.value && de.value && !N.value) return [{
 				rowKey: g,
 				placeholder: "empty",
-				label: le.value,
+				label: ue.value,
 				disabled: !0
 			}];
 			let e = _e.value;
 			if (!e.length) return Q.value ? [{
 				rowKey: h,
 				placeholder: "loading",
-				label: C.value?.loadingText ?? x.loadingText.value ?? T.value,
+				label: x.value?.loadingText ?? y.loadingText.value ?? C.value,
 				disabled: !0
-			}] : K.value === null ? [{
+			}] : q.value === null ? [{
 				rowKey: g,
 				placeholder: "empty",
-				label: C.value?.emptyText ?? x.emptyText.value ?? se.value,
+				label: x.value?.emptyText ?? y.emptyText.value ?? w.value,
 				disabled: !0
 			}] : [$()];
-			let t = C.value?.max ?? Infinity, n = xe.value && Z.value.length >= t, r = e.map((e) => {
+			let t = x.value?.max ?? Infinity, n = Se.value && Z.value.length >= t, r = e.map((e) => {
 				let t = {};
-				for (let [n, r] of Object.entries(V.value.all(e.item))) y.has(n) || (t[n] = r);
+				for (let [n, r] of Object.entries(H.value.all(e.item))) le.has(n) || (t[n] = r);
 				return {
 					...t,
 					rowKey: e.key,
@@ -145,54 +146,55 @@ var h = "__bb-dropdown-group:loading__", g = "__bb-dropdown-group:no-data__", _
 					label: e.text,
 					description: e.description,
 					fetched: !0,
-					disabled: (H.value ? !H.value(e.item) : !1) || n && !Z.value.includes(e.key)
+					...x.value?.groupBy == null ? {} : { section: te(x.value.groupBy, e.item) },
+					disabled: (U.value ? !U.value(e.item) : !1) || n && !Z.value.includes(e.key)
 				};
 			});
-			return K.value !== null && r.push($()), r;
+			return q.value !== null && r.push($()), r;
 		}), $ = () => ({
-			rowKey: _,
+			rowKey: ce,
 			placeholder: "failed",
-			error: K.value,
-			label: C.value?.failedText ?? x.failedText.value ?? ce.value,
+			error: q.value,
+			label: x.value?.failedText ?? y.failedText.value ?? T.value,
 			disabled: !0
 		});
-		if (b) {
-			let e = u(() => ({
-				key: v.id,
-				items: Se.value,
-				order: S
+		if (v) {
+			let e = s(() => ({
+				key: _.id,
+				items: Ce.value,
+				order: b
 			}));
-			b.register(S, e), m(() => {
-				b.publishPipeline(v.id, {
+			v.register(b, e), m(() => {
+				v.publishPipeline(_.id, {
 					valueByKey: ve.value,
 					itemByKey: ye.value,
-					textByKey: X.value,
-					descriptionByKey: be.value
+					textByKey: be.value,
+					descriptionByKey: xe.value
 				});
-			}), m(() => b.publishLoading(v.id, Q.value)), m(() => b.publishFetching(v.id, G.value));
-			let t = u(() => C.value?.enforceCoherence ?? x.enforceCoherence.value ?? !1), n = () => {
-				if (!b || !t.value) return;
-				let e = q.value, n = b.selectionFor(v.id), r = n.filter((t) => e.has(t));
-				r.length !== n.length && (b.isControlled(v.id) ? b.request(v.id, { keep: new Set(e.keys()) }) : b.setSelection(v.id, r));
-			}, r = u(() => x.isTopLevelPipeline(v.id) ? x.open.value : x.isActivated(v.id));
-			p(u(() => k.value === !0 ? !0 : k.value === "interaction" || !E.value ? r.value : !1), async (e) => {
-				!e || M.value || (M.value = !0, await j("initial") === "applied" && n());
+			}), m(() => v.publishLoading(_.id, Q.value)), m(() => v.publishFetching(_.id, K.value));
+			let t = s(() => x.value?.enforceCoherence ?? y.enforceCoherence.value ?? !1), n = () => {
+				if (!v || !t.value) return;
+				let e = J.value, n = v.selectionFor(_.id), r = n.filter((t) => e.has(t));
+				r.length !== n.length && (v.isControlled(_.id) ? v.request(_.id, { keep: new Set(e.keys()) }) : v.setSelection(_.id, r));
+			}, r = s(() => y.isTopLevelPipeline(_.id) ? y.open.value : y.isActivated(_.id));
+			p(s(() => k.value === !0 ? !0 : k.value === "interaction" || !E.value ? r.value : !1), async (e) => {
+				!e || N.value || (N.value = !0, await M("initial") === "applied" && n());
 			}, { immediate: !0 }), p(D, () => {
 				if (E.value) {
-					if (!M.value) {
+					if (!N.value) {
 						if (!D.value) return;
-						M.value = !0;
+						N.value = !0;
 					}
-					he(() => A("search"));
+					he(() => j("search"));
 				}
-			}), c(() => [C.value?.dependencies], async () => {
-				M.value && await j("dependencies") === "applied" && n();
-			}, { debounce: C.value?.depsDebounceTime ?? 0 }), f(() => {
-				b.unregister(S), b.publishPipeline(v.id, null), b.publishLoading(v.id, !1), b.publishFetching(v.id, !1);
+			}), oe(() => [x.value?.dependencies], async () => {
+				N.value && await M("dependencies") === "applied" && n();
+			}, { debounce: x.value?.depsDebounceTime ?? 0 }), u(() => {
+				v.unregister(b), v.publishPipeline(_.id, null), v.publishLoading(_.id, !1), v.publishFetching(_.id, !1);
 			});
 		}
-		return (e, t) => oe(e.$slots, "default");
+		return (e, t) => f(e.$slots, "default");
 	}
 });
 //#endregion
-export { v as default };
+export { _ as default };

package/dist/components/BbDropdown/DropdownRow.vue.d.ts

@@ -1,4 +1,5 @@
 import { Slot, Slots } from 'vue';
+import { LinkState } from '../BbBaseButton/useLinkState';
 import { BbDropdownItemSlotProps, KeyedItem, NormalizedGroup } from './types';
 /**
  * What a row reads from its list: one object the list builds once, so it never
@@ -8,9 +9,9 @@ import { BbDropdownItemSlotProps, KeyedItem, NormalizedGroup } from './types';
 export interface DropdownRowApi {
     slots: Slots;
     setItemEl: (index: number, comp: unknown) => void;
-    itemAttrs: (group: NormalizedGroup, item: KeyedItem, index: number, selected: boolean) => Record<string, unknown>;
-    rowPart: (name: 'itemText' | 'itemIcon' | 'itemDescription', item: KeyedItem, selected: boolean) => Record<string, unknown>;
-    slotProps: (group: NormalizedGroup, item: KeyedItem, index: number, selected: boolean) => BbDropdownItemSlotProps;
+    itemAttrs: (group: NormalizedGroup, item: KeyedItem, index: number, selected: boolean, link?: LinkState) => Record<string, unknown>;
+    rowPart: (name: 'itemText' | 'itemIcon' | 'itemDescription', item: KeyedItem, selected: boolean, link?: LinkState) => Record<string, unknown>;
+    slotProps: (group: NormalizedGroup, item: KeyedItem, index: number, selected: boolean, link?: LinkState) => BbDropdownItemSlotProps;
     rowSlot: (group: NormalizedGroup, item: KeyedItem, suffix?: 'prepend' | 'append') => Slot | undefined;
     itemSlot: (item: KeyedItem, suffix?: 'prepend' | 'append') => Slot | undefined;
     groupRowSlot: (group: NormalizedGroup, suffix?: 'prepend' | 'append') => Slot | undefined;

package/dist/components/BbDropdown/DropdownRow.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,14 @@
 import e from "../BbIcon/BbIcon.vue.js";
-import t from "../BbBaseButton/BbBaseButton.vue.js";
-import n from "../../assets/svgs/check_stroke.svg_raw.js";
-import r from "../../assets/svgs/chevron_right.svg_raw.js";
-import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeProps as u, normalizeProps as d, openBlock as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { provideLinkState as t, useLinkState as n } from "../BbBaseButton/useLinkState.js";
+import r from "../BbBaseButton/BbBaseButton.vue.js";
+import i from "../../assets/svgs/check_stroke.svg_raw.js";
+import a from "../../assets/svgs/chevron_right.svg_raw.js";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeProps as f, normalizeProps as p, openBlock as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
 //#region src/components/BbDropdown/DropdownRow.vue?vue&type=script&setup=true&lang.ts
-var _ = {
+var y = {
 	key: 4,
 	class: "item__content"
-}, v = ["id"], y = ["id"], b = /*@__PURE__*/ l({
+}, b = ["id"], x = ["id"], S = /*@__PURE__*/ d({
 	__name: "DropdownRow",
 	props: {
 		group: {},
@@ -16,45 +17,65 @@ var _ = {
 		selected: { type: Boolean },
 		row: {}
 	},
-	setup(l) {
-		return (l, b) => (f(), a(t, u({
-			ref: (e) => l.row.setItemEl(l.index, e),
+	setup(d) {
+		let S = d, C = n({
+			get to() {
+				return S.item.to;
+			},
+			get href() {
+				return S.item.href;
+			},
+			get disabled() {
+				return S.item.disabled;
+			},
+			get external() {
+				return S.item.external;
+			},
+			get target() {
+				return S.item.target;
+			},
+			get replace() {
+				return S.item.replace;
+			}
+		});
+		return t(C), (t, n) => (m(), s(r, f({
+			ref: (e) => t.row.setItemEl(t.index, e),
 			class: "bb-dropdown__item"
-		}, l.row.itemAttrs(l.group, l.item, l.index, l.selected)), {
-			default: g(() => [
-				l.row.rowSlot(l.group, l.item, "prepend") ? (f(), a(p(l.row.rowSlot(l.group, l.item, "prepend")), d(u({ key: 0 }, l.row.slotProps(l.group, l.item, l.index, l.selected))), null, 16)) : l.row.slots["item:prepend"] ? (f(), a(p(l.row.slots["item:prepend"]), d(u({ key: 1 }, l.row.slotProps(l.group, l.item, l.index, l.selected))), null, 16)) : l.item["prepend:icon"] ? (f(), a(e, u({
+		}, t.row.itemAttrs(t.group, t.item, t.index, t.selected, _(C))), {
+			default: v(() => [
+				t.row.rowSlot(t.group, t.item, "prepend") ? (m(), s(h(t.row.rowSlot(t.group, t.item, "prepend")), p(f({ key: 0 }, t.row.slotProps(t.group, t.item, t.index, t.selected, _(C)))), null, 16)) : t.row.slots["item:prepend"] ? (m(), s(h(t.row.slots["item:prepend"]), p(f({ key: 1 }, t.row.slotProps(t.group, t.item, t.index, t.selected, _(C)))), null, 16)) : t.item["prepend:icon"] ? (m(), s(e, f({
 					key: 2,
 					class: "bb-dropdown__item-icon item__prepend-icon",
-					icon: l.item["prepend:icon"]
-				}, l.row.rowPart("itemIcon", l.item, l.selected)), null, 16, ["icon"])) : o("", !0),
-				l.row.rowSlot(l.group, l.item) ? (f(), a(p(l.row.rowSlot(l.group, l.item)), d(u({ key: 3 }, l.row.slotProps(l.group, l.item, l.index, l.selected))), null, 16)) : (f(), s("span", _, [c("span", u({
-					id: l.row.rowTextId(l.index),
+					icon: t.item["prepend:icon"]
+				}, t.row.rowPart("itemIcon", t.item, t.selected, _(C))), null, 16, ["icon"])) : c("", !0),
+				t.row.rowSlot(t.group, t.item) ? (m(), s(h(t.row.rowSlot(t.group, t.item)), p(f({ key: 3 }, t.row.slotProps(t.group, t.item, t.index, t.selected, _(C)))), null, 16)) : (m(), l("span", y, [u("span", f({
+					id: t.row.rowTextId(t.index),
 					class: "bb-dropdown__item-text"
-				}, l.row.rowPart("itemText", l.item, l.selected)), m(l.item.label), 17, v), l.item.description ? (f(), s("span", u({
+				}, t.row.rowPart("itemText", t.item, t.selected, _(C))), g(t.item.label), 17, b), t.item.description ? (m(), l("span", f({
 					key: 0,
-					id: l.row.rowDescriptionId(l.index),
+					id: t.row.rowDescriptionId(t.index),
 					class: "bb-dropdown__item-description"
-				}, l.row.rowPart("itemDescription", l.item, l.selected)), m(l.item.description), 17, y)) : o("", !0)])),
-				l.group.selectable ? (f(), a(e, {
+				}, t.row.rowPart("itemDescription", t.item, t.selected, _(C))), g(t.item.description), 17, x)) : c("", !0)])),
+				t.group.selectable ? (m(), s(e, {
 					key: 5,
 					"aria-hidden": "true",
 					class: "item__check",
-					icon: h(n)
-				}, null, 8, ["icon"])) : o("", !0),
-				l.selected ? o("", !0) : (f(), s(i, { key: 6 }, [l.row.itemSlot(l.item, "append") ? (f(), a(p(l.row.itemSlot(l.item, "append")), d(u({ key: 0 }, l.row.slotProps(l.group, l.item, l.index, l.selected))), null, 16)) : l.item.items ? (f(), a(e, {
+					icon: _(i)
+				}, null, 8, ["icon"])) : c("", !0),
+				t.selected ? c("", !0) : (m(), l(o, { key: 6 }, [t.row.itemSlot(t.item, "append") ? (m(), s(h(t.row.itemSlot(t.item, "append")), p(f({ key: 0 }, t.row.slotProps(t.group, t.item, t.index, t.selected, _(C)))), null, 16)) : t.item.items ? (m(), s(e, {
 					key: 1,
 					"aria-hidden": "true",
 					class: "item__chevron",
-					icon: h(r)
-				}, null, 8, ["icon"])) : l.row.groupRowSlot(l.group, "append") ? (f(), a(p(l.row.groupRowSlot(l.group, "append")), d(u({ key: 2 }, l.row.slotProps(l.group, l.item, l.index, l.selected))), null, 16)) : l.row.slots["item:append"] ? (f(), a(p(l.row.slots["item:append"]), d(u({ key: 3 }, l.row.slotProps(l.group, l.item, l.index, l.selected))), null, 16)) : l.item["append:icon"] ? (f(), a(e, u({
+					icon: _(a)
+				}, null, 8, ["icon"])) : t.row.groupRowSlot(t.group, "append") ? (m(), s(h(t.row.groupRowSlot(t.group, "append")), p(f({ key: 2 }, t.row.slotProps(t.group, t.item, t.index, t.selected, _(C)))), null, 16)) : t.row.slots["item:append"] ? (m(), s(h(t.row.slots["item:append"]), p(f({ key: 3 }, t.row.slotProps(t.group, t.item, t.index, t.selected, _(C)))), null, 16)) : t.item["append:icon"] ? (m(), s(e, f({
 					key: 4,
 					class: "bb-dropdown__item-icon item__append-icon",
-					icon: l.item["append:icon"]
-				}, l.row.rowPart("itemIcon", l.item, l.selected)), null, 16, ["icon"])) : o("", !0)], 64))
+					icon: t.item["append:icon"]
+				}, t.row.rowPart("itemIcon", t.item, t.selected, _(C))), null, 16, ["icon"])) : c("", !0)], 64))
 			]),
 			_: 1
 		}, 16));
 	}
 });
 //#endregion
-export { b as default };
+export { S as default };

package/dist/components/BbDropdown/normalizeGroups.d.ts

@@ -31,3 +31,9 @@ export declare const normalizeGroups: (items?: Item[]) => NormalizedGroup[];
  * makes it an action row.
  */
 export declare const hasRowValue: (item: InternalItem) => boolean;
+/**
+ * A row's section title under a group's `groupBy` (ATT-15 prototype): the path
+ * read off `row`, or the getter's answer. `undefined` = no section (listed
+ * without a heading), like a nullish group in `BbSelect`.
+ */
+export declare const sectionTitle: (groupBy: NormalizedGroup["groupBy"], row: unknown) => string | undefined;

package/dist/components/BbDropdown/normalizeGroups.js

@@ -1,22 +1,23 @@
 import { hash as e } from "../../utilities/functions/hash.js";
 import { slotKey as t } from "../../utilities/functions/slotKey.js";
-import { groupItemsAsArray as n, isGroup as r, isSelectableGroup as i, selectablePredicateOf as a } from "./types.js";
+import { get as n } from "../../utilities/functions/get.js";
+import { groupItemsAsArray as r, isGroup as i, isSelectableGroup as a, selectablePredicateOf as o } from "./types.js";
 //#region src/components/BbDropdown/normalizeGroups.ts
-var o = (e) => e.some((e) => !!e.searchable && !!e.id), s = (e = []) => {
-	let t = [], o = [], s = () => {
-		o.length && (t.push({
+var s = (e) => e.some((e) => !!e.searchable && !!e.id), c = (e = []) => {
+	let t = [], n = [], s = () => {
+		n.length && (t.push({
 			selectable: !1,
 			multiple: !1,
 			selected: [],
-			items: o,
+			items: n,
 			divider: !1
-		}), o = []);
+		}), n = []);
 	};
-	for (let c of e) if (r(c)) {
+	for (let c of e) if (i(c)) {
 		s();
-		let e = n(c.items).flat();
+		let e = r(c.items).flat();
 		if (!e.length) continue;
-		let r = i(c) && c.id != null && c.id !== "", o = a(c), l = o ? e.map((e) => e.fetched || e.placeholder || e.disabled || o(e) ? e : {
+		let n = a(c) && c.id != null && c.id !== "", i = o(c), l = i ? e.map((e) => e.fetched || e.placeholder || e.disabled || i(e) ? e : {
 			...e,
 			disabled: !0
 		}) : e;
@@ -24,7 +25,7 @@ var o = (e) => e.some((e) => !!e.searchable && !!e.id), s = (e = []) => {
 			id: c.id,
 			label: c.label,
 			hideLabel: c.hideLabel,
-			selectable: r,
+			selectable: n,
 			multiple: c.multiple ?? !1,
 			clearable: c.clearable,
 			selected: [],
@@ -35,6 +36,7 @@ var o = (e) => e.some((e) => !!e.searchable && !!e.id), s = (e = []) => {
 			onClick: c.onClick,
 			searchable: c.searchable,
 			searchPlaceholder: c.searchPlaceholder,
+			groupBy: c.groupBy,
 			filterBy: c.filterBy,
 			maxHeight: c.maxHeight,
 			meta: c.meta,
@@ -46,9 +48,9 @@ var o = (e) => e.some((e) => !!e.searchable && !!e.id), s = (e = []) => {
 		selected: [],
 		items: c,
 		divider: t.length > 0
-	})) : o.push(c);
-	return s(), l(t);
-}, c = (e) => e.value !== void 0, l = (n) => {
+	})) : n.push(c);
+	return s(), u(t);
+}, l = (e) => e.value !== void 0, u = (n) => {
 	let r = /* @__PURE__ */ new Set(), i = (e) => {
 		let t = e || "row";
 		for (let n = 2; r.has(t); n++) t = `${e || "row"}-${n}`;
@@ -61,7 +63,7 @@ var o = (e) => e.some((e) => !!e.searchable && !!e.id), s = (e = []) => {
 	return n.map((n) => ({
 		...n,
 		items: n.items.map((r) => {
-			if (r.rowKey != null || c(r)) {
+			if (r.rowKey != null || l(r)) {
 				let t = r.rowKey ?? e(r.value);
 				return {
 					...r,
@@ -79,6 +81,10 @@ var o = (e) => e.some((e) => !!e.searchable && !!e.id), s = (e = []) => {
 			};
 		})
 	}));
+}, d = (e, t) => {
+	if (e == null || t == null) return;
+	let r = typeof e == "function" ? e(t) : n(t, e);
+	return r == null || r === "" ? void 0 : String(r);
 };
 //#endregion
-export { c as hasRowValue, o as levelHasSearch, s as normalizeGroups };
+export { l as hasRowValue, s as levelHasSearch, c as normalizeGroups, d as sectionTitle };