bitboss-ui 2.1.135 → 3.0.0-alpha.4

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

@@ -0,0 +1,470 @@
+import { extractDomContainer as e } from "../../utilities/functions/extractDomContainer.js";
+import t from "../CommonPopover/CommonPopover.vue.js";
+import n from "../BbBaseButton/BbBaseButton.vue.js";
+import { BB_BASE_BUTTON_PROP_KEYS as r } from "../BbBaseButton/types.js";
+import i from "../BbIcon/BbIcon.vue.js";
+import { matchAnyKey as a } from "../../utilities/functions/matchAnyKey.js";
+import { slotKey as o } from "../../utilities/functions/slotKey.js";
+import ee from "../../assets/svgs/check_stroke.svg_raw.js";
+import te from "../../assets/svgs/chevron_right.svg_raw.js";
+import s from "../../assets/svgs/search.svg_raw.js";
+import { useLocale as ne } from "../../composables/useLocale.js";
+import { normalizeGroups as re } from "./normalizeGroups.js";
+import { useDropdownContext as ie } from "./useDropdownContext.js";
+import ae from "./BbDropdownList.vue.js";
+import { Fragment as c, computed as oe, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as se, createVNode as p, defineComponent as ce, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as le, onBeforeUnmount as ue, onMounted as de, openBlock as _, ref as v, renderList as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, watch as fe, watchEffect as pe, withCtx as me, withKeys as C, withModifiers as w } from "vue";
+//#region src/components/BbDropdown/BbDropdownList.vue?vue&type=script&setup=true&lang.ts
+var he = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "bb-dropdown__divider"
+}, ge = [
+	"role",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], _e = {
+	key: 4,
+	class: "group-title__content"
+}, ve = {
+	key: 2,
+	class: "bb-dropdown__group-search"
+}, ye = [
+	"aria-label",
+	"placeholder",
+	"value",
+	"onInput",
+	"onKeydown"
+], be = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "bb-dropdown__group-loading"
+}, xe = {
+	key: 1,
+	class: "item__content"
+}, Se = {
+	key: 4,
+	class: "item__content"
+}, Ce = {
+	key: 0,
+	class: "item__description"
+}, we = [
+	"id",
+	"data-bb-dropdown-surface",
+	"inert",
+	"onPointerleave"
+], Te = 289, Ee = 160, De = 100, T = 120, E = /*@__PURE__*/ ce({
+	__name: "BbDropdownList",
+	props: {
+		groups: {},
+		level: { default: 0 },
+		navigate: {},
+		back: {}
+	},
+	emits: ["close-level"],
+	setup(ce, { expose: E, emit: Oe }) {
+		let D = ce, ke = Oe, O = ie(), { t: k } = ne(), A = k("select.searchLabel"), Ae = k("common.noDataText"), je = (e, t, n) => {
+			if (e.placeholder) return !0;
+			let r = n && n.length ? n : e.description == null ? ["text"] : ["text", "description"];
+			try {
+				return a(e, r, t);
+			} catch {
+				return !1;
+			}
+		}, j = oe(() => D.groups.map((e) => {
+			if (!e.searchable || !e.key || O.isPipelineGroup(e.key)) return e;
+			let t = O.queryFor(e.key).trim();
+			if (!t) return e;
+			let n = e.items.filter((n) => je(n, t, e.filterBy));
+			return n.length ? {
+				...e,
+				items: n
+			} : {
+				...e,
+				items: [{
+					key: "__bb-dropdown:no-results__",
+					placeholder: "no-data",
+					text: O.noDataText.value ?? Ae.value,
+					disabled: !0
+				}]
+			};
+		}));
+		pe(() => {
+			for (let e of D.groups) e.key && O.isPipelineGroup(e.key) && O.activateGroup(e.key);
+		});
+		let M = v({}), Me = (t, n) => {
+			let r = e(n);
+			r instanceof HTMLInputElement ? M.value[t] = r : delete M.value[t];
+		}, N = oe(() => j.value.find((e) => e.searchable && e.key)?.key), P = (e) => {
+			let t = e.maxHeight ?? (e.searchable ? Te : void 0);
+			if (!(t == null || t === 0 || t === "none")) return typeof t == "number" ? `${t}px` : t;
+		}, Ne = (e) => re(e).map((e) => e.selectable ? {
+			...e,
+			selected: O.selectedFor(e.key ?? "")
+		} : e), Pe = (e) => o(e.key), Fe = (e) => e.slotKey ? o(e.slotKey) : Pe(e), F = (e, t) => {
+			let n = Fe(e), r = t ? `${n}:${t}` : n, i = O.slots[r];
+			if (i) return i;
+			let a = Pe(e);
+			if (a === n) return;
+			let o = t ? `${a}:${t}` : a;
+			return O.slots[o];
+		}, Ie = (e) => e.variant && e.variant !== "default" ? `bb-dropdown__item--variant-${e.variant}` : void 0, Le = (e) => e.variant && e.variant !== "default" ? `bb-dropdown__group-title--variant-${e.variant}` : void 0, Re = (e) => e.selectable ? e.multiple ? "menuitemcheckbox" : "menuitemradio" : "menuitem", I = (e, t) => e.selected.includes(t.key), L = (e) => {
+			let t = 0;
+			for (let n = 0; n < e; n++) t += j.value[n]?.items.length ?? 0;
+			return t;
+		}, ze = /* @__PURE__ */ new Set([...r.filter((e) => e !== "text" && e !== "disabled")]), Be = (e) => {
+			let t = {};
+			for (let [n, r] of Object.entries(e)) (ze.has(n) || /^(aria|data)-/.test(n)) && (t[n] = r);
+			return t;
+		}, Ve = (e) => e.placeholder ? O.slots[e.placeholder === "loading" ? "loading" : "no-data"] : void 0, R = (e, t, n) => ({
+			disabled: t.disabled || O.disabled.value,
+			index: n,
+			item: t,
+			selected: e.selectable && I(e, t),
+			loading: O.isItemLoading(t.key),
+			open: O.open.value,
+			placement: O.placement.value,
+			text: t.text,
+			description: t.description
+		}), z = (e, t) => {
+			if (!e.key) return;
+			let n = o(e.key);
+			return O.slots[t ? `${n}:${t}` : n];
+		}, He = (e) => !e.hideLabel && (!!e.label || !!e["prepend:icon"] || !!e["append:icon"] || !!z(e) || !!z(e, "prepend") || !!z(e, "append")), B = (e, t) => ({
+			disabled: O.disabled.value,
+			index: t,
+			item: e,
+			selected: !1,
+			loading: !1,
+			open: O.open.value,
+			placement: O.placement.value,
+			text: e.label
+		}), V = v({}), Ue = (t, n) => {
+			let r = e(n);
+			r ? V.value[t] = r : delete V.value[t];
+		}, H = () => {
+			let e = [], t = 0;
+			for (let n of j.value) for (let r of n.items) r.disabled || O.disabled.value || e.push(t), t++;
+			return e;
+		}, U = (e) => {
+			e != null && V.value[e]?.focus();
+		}, We = () => {
+			let e = N.value;
+			return e ? (M.value[e]?.focus(), !0) : !1;
+		}, Ge = () => U(H()[0]), Ke = (e) => {
+			let t = 0;
+			for (let n of j.value) for (let r of n.items) {
+				if (r.key === e) return t;
+				t++;
+			}
+			return -1;
+		}, qe = (e, t) => {
+			let n = H();
+			if (!n.length) return;
+			let r = n.indexOf(e), i = r === -1 ? t > 0 ? 0 : n.length - 1 : (r + t + n.length) % n.length;
+			U(n[i]);
+		}, Je = () => {
+			We() || Ge();
+		}, W = () => {
+			let e = H();
+			U(e[e.length - 1]);
+		};
+		de(() => {
+			D.level === 0 && N.value && h(() => We());
+		});
+		let G = v(null), K = v({}), q, J, Ye = 0, Y = v(null), X;
+		fe(G, (e, t) => {
+			clearTimeout(X), Y.value = t ?? null, t != null && (X = setTimeout(() => {
+				Y.value = null;
+			}, T));
+		});
+		let Xe = (e) => G.value !== e && Y.value !== e, Ze = v(0), Qe = () => {
+			let e = Object.values(V.value)[0], t = e?.closest(".bb-dropdown");
+			!e || !t || (Ze.value = Math.max(0, t.getBoundingClientRect().right - e.getBoundingClientRect().right));
+		}, $e = (e, t) => {
+			t ? K.value[e] = t : delete K.value[e];
+		}, Z = () => clearTimeout(q), Q = () => clearTimeout(J);
+		ue(() => {
+			clearTimeout(J), clearTimeout(q), clearTimeout(X);
+		});
+		let et = (e) => {
+			Q(), clearTimeout(q), q = setTimeout(() => {
+				G.value === e && (G.value = null);
+			}, Ee);
+		}, tt = (e) => {
+			let t = e.trim();
+			return t ? t.endsWith("ms") ? Number.parseFloat(t) || 0 : t.endsWith("s") ? (Number.parseFloat(t) || 0) * 1e3 : Number.parseFloat(t) || 0 : 0;
+		}, nt = (e) => {
+			let t = V.value[e];
+			if (!t) return 0;
+			let n = t.closest(".bb-common-popover");
+			if (!n) return 0;
+			let r = getComputedStyle(n).getPropertyValue("--transition-duration"), i = tt(r);
+			if (!i) return 0;
+			let a = performance.now() - Ye;
+			return Math.max(0, i - a + 16);
+		}, $ = async (e, t = !1) => {
+			Z(), Qe(), G.value = e, t && (await h(), K.value[e]?.focusFirst());
+		};
+		fe(O.open, (e) => {
+			if (!e) {
+				Q(), Z(), G.value = null;
+				return;
+			}
+			Ye = performance.now();
+		});
+		let rt = (e, t) => {
+			t ? G.value = e : G.value === e && (G.value = null);
+		}, it = (e) => {
+			G.value = null, h(() => U(e));
+		}, at = (e, t, n) => {
+			if (n.pointerType !== "mouse") return;
+			if (Z(), Q(), G.value !== null && G.value === e.key) {
+				U(t);
+				return;
+			}
+			let r = () => {
+				U(t), e.items ? $(e.key) : G.value = null;
+			};
+			if (G.value !== null) {
+				let e = Ke(G.value);
+				e >= 0 && Math.abs(t - e) <= 1 ? J = setTimeout(r, De) : r();
+				return;
+			}
+			let i = e.items ? nt(t) : 0;
+			i ? J = setTimeout(r, i) : r();
+		}, ot = () => {
+			Z(), Q();
+		}, st = (e, t) => {
+			t.pointerType === "mouse" && e.items && et(e.key);
+		}, ct = (e, t) => {
+			t.pointerType === "mouse" && et(e);
+		}, lt = (e, t, n, r) => {
+			if (!(t.disabled || O.disabled.value) && !O.isItemLoading(t.key)) {
+				if (t.items) {
+					r.stopPropagation(), Z(), Q(), D.navigate ? D.navigate(t) : G.value = t.key;
+					return;
+				}
+				if (e.selectable && e.key) {
+					r.stopPropagation(), O.toggleSelect(e, t), O.runItemAction(t, r), U(n);
+					return;
+				}
+				r.stopPropagation(), O.runItemAction(t, r, { close: !0 });
+			}
+		}, ut = (e, t, n) => {
+			switch (n.key) {
+				case "ArrowDown":
+					n.preventDefault(), Q(), Z(), G.value = null, qe(t, 1);
+					break;
+				case "ArrowUp":
+					n.preventDefault(), Q(), Z(), G.value = null, qe(t, -1);
+					break;
+				case "Home":
+					n.preventDefault(), Je();
+					break;
+				case "End":
+					n.preventDefault(), W();
+					break;
+				case "ArrowRight":
+					e.items && (n.preventDefault(), n.stopPropagation(), D.navigate ? D.navigate(e) : $(e.key, !0));
+					break;
+				case "ArrowLeft":
+					D.back ? (n.preventDefault(), n.stopPropagation(), D.back()) : D.level > 0 && (n.preventDefault(), n.stopPropagation(), ke("close-level"));
+					break;
+			}
+		};
+		return E({
+			focusFirst: Je,
+			focusLast: W
+		}), (e, r) => (_(!0), d(c, null, y(j.value, (a, o) => (_(), d(c, { key: a.key ?? o }, [
+			a.divider ? (_(), d("hr", he)) : u("", !0),
+			He(a) ? (_(), d("div", {
+				key: 1,
+				class: g(["bb-dropdown__group-title", Le(a)]),
+				role: a.onClick ? "button" : "presentation",
+				tabindex: a.onClick ? 0 : void 0,
+				onClick: (e) => a.onClick?.(e),
+				onKeydown: [C((e) => a.onClick?.(e), ["enter"]), C(w((e) => a.onClick?.(e), ["prevent"]), ["space"])]
+			}, [
+				z(a, "prepend") ? (_(), l(b(z(a, "prepend")), m({
+					key: 0,
+					ref_for: !0
+				}, B(a, L(o))), null, 16)) : S(O).slots["item:prepend"] ? (_(), l(b(S(O).slots["item:prepend"]), m({
+					key: 1,
+					ref_for: !0
+				}, B(a, L(o))), null, 16)) : a["prepend:icon"] ? (_(), l(i, {
+					key: 2,
+					class: "group-title__prepend-icon",
+					icon: a["prepend:icon"]
+				}, null, 8, ["icon"])) : u("", !0),
+				z(a) ? (_(), l(b(z(a)), m({
+					key: 3,
+					ref_for: !0
+				}, B(a, L(o))), null, 16)) : a.label ? (_(), d("span", _e, x(a.label), 1)) : u("", !0),
+				z(a, "append") ? (_(), l(b(z(a, "append")), m({
+					key: 5,
+					ref_for: !0
+				}, B(a, L(o))), null, 16)) : a["append:icon"] ? (_(), l(i, {
+					key: 6,
+					class: "group-title__append-icon",
+					icon: a["append:icon"]
+				}, null, 8, ["icon"])) : S(O).slots["item:append"] ? (_(), l(b(S(O).slots["item:append"]), m({
+					key: 7,
+					ref_for: !0
+				}, B(a, L(o))), null, 16)) : u("", !0)
+			], 42, ge)) : u("", !0),
+			a.searchable && a.key ? (_(), d("div", ve, [
+				p(i, {
+					"aria-hidden": "true",
+					class: "bb-dropdown__search-icon",
+					focusable: "false",
+					icon: S(s)
+				}, null, 8, ["icon"]),
+				f("input", {
+					ref_for: !0,
+					ref: (e) => Me(a.key, e),
+					"aria-label": a.searchPlaceholder || S(A),
+					autocomplete: "off",
+					class: "bb-dropdown__search-input",
+					placeholder: a.searchPlaceholder || S(A),
+					role: "searchbox",
+					type: "text",
+					value: S(O).queryFor(a.key),
+					onInput: (e) => S(O).setQuery(a.key, e.target.value),
+					onKeydown: [
+						C(w(Ge, ["stop", "prevent"]), ["down"]),
+						r[0] ||= C(w((e) => S(O).close(), ["stop", "prevent"]), ["esc"]),
+						C(w(W, ["stop", "prevent"]), ["up"])
+					]
+				}, null, 40, ye),
+				a.key && S(O).isGroupLoading(a.key) ? (_(), d("div", be)) : u("", !0)
+			])) : u("", !0),
+			f("div", {
+				class: g(["bb-dropdown__group-items", {
+					"bb-dropdown__group-items--capped": !!P(a),
+					"bb-dropdown__group-items--loading": !!a.key && S(O).isGroupLoading(a.key)
+				}]),
+				style: le({ maxHeight: P(a) })
+			}, [(_(!0), d(c, null, y(a.items, (r, s) => (_(), d(c, { key: r.key }, [r.placeholder ? (_(), d("div", {
+				key: 0,
+				class: g(["bb-dropdown__placeholder", `bb-dropdown__placeholder--${r.placeholder}`]),
+				role: "presentation"
+			}, [Ve(r) ? (_(), l(b(Ve(r)), {
+				key: 0,
+				"group-key": a.key,
+				text: r.text
+			}, null, 8, ["group-key", "text"])) : (_(), d("span", xe, x(r.text), 1))], 2)) : (_(), d(c, { key: 1 }, [p(n, m({
+				ref_for: !0,
+				ref: (e) => Ue(L(o) + s, e),
+				"aria-busy": S(O).isItemLoading(r.key) || void 0
+			}, Be(r), {
+				"aria-checked": a.selectable ? I(a, r) : void 0,
+				"aria-expanded": r.items ? G.value === r.key : void 0,
+				"aria-haspopup": r.items ? "menu" : void 0,
+				class: ["bb-dropdown__item", [Ie(r), {
+					"bb-dropdown__item--selected": a.selectable && I(a, r),
+					"bb-dropdown__item--has-submenu": !!r.items,
+					"bb-dropdown__item--description": !!r.description
+				}]],
+				"data-dropdown-item": "",
+				disabled: r.disabled || S(O).disabled.value,
+				role: Re(a),
+				onClick: (e) => lt(a, r, L(o) + s, e),
+				onKeydown: (e) => ut(r, L(o) + s, e),
+				onPointerenter: (e) => at(r, L(o) + s, e),
+				onPointerleave: (e) => st(r, e)
+			}), {
+				default: me(() => [
+					F(r, "prepend") ? (_(), l(b(F(r, "prepend")), m({
+						key: 0,
+						ref_for: !0
+					}, R(a, r, L(o) + s)), null, 16)) : S(O).slots["item:prepend"] ? (_(), l(b(S(O).slots["item:prepend"]), m({
+						key: 1,
+						ref_for: !0
+					}, R(a, r, L(o) + s)), null, 16)) : r["prepend:icon"] ? (_(), l(i, {
+						key: 2,
+						class: "item__prepend-icon",
+						icon: r["prepend:icon"]
+					}, null, 8, ["icon"])) : u("", !0),
+					F(r) ? (_(), l(b(F(r)), m({
+						key: 3,
+						ref_for: !0
+					}, R(a, r, L(o) + s)), null, 16)) : (_(), d("span", Se, [se(x(r.text) + " ", 1), r.description ? (_(), d("span", Ce, x(r.description), 1)) : u("", !0)])),
+					F(r, "append") ? (_(), l(b(F(r, "append")), m({
+						key: 5,
+						ref_for: !0
+					}, R(a, r, L(o) + s)), null, 16)) : a.selectable ? (_(), l(i, {
+						key: 6,
+						"aria-hidden": "true",
+						class: "item__check",
+						icon: S(ee)
+					}, null, 8, ["icon"])) : r.items ? (_(), l(i, {
+						key: 7,
+						"aria-hidden": "true",
+						class: "item__chevron",
+						icon: S(te)
+					}, null, 8, ["icon"])) : r["append:icon"] ? (_(), l(i, {
+						key: 8,
+						class: "item__append-icon",
+						icon: r["append:icon"]
+					}, null, 8, ["icon"])) : S(O).slots["item:append"] ? (_(), l(b(S(O).slots["item:append"]), m({
+						key: 9,
+						ref_for: !0
+					}, R(a, r, L(o) + s)), null, 16)) : u("", !0)
+				]),
+				_: 2
+			}, 1040, [
+				"aria-busy",
+				"aria-checked",
+				"aria-expanded",
+				"aria-haspopup",
+				"class",
+				"disabled",
+				"role",
+				"onClick",
+				"onKeydown",
+				"onPointerenter",
+				"onPointerleave"
+			]), r.items && !e.navigate ? (_(), l(t, {
+				key: 0,
+				anchor: V.value[L(o) + s],
+				class: "bb-dropdown bb-dropdown--submenu",
+				"hide-arrow": "",
+				"model-value": G.value === r.key,
+				offset: Ze.value,
+				placement: "right-start",
+				"transition-duration": T,
+				"onUpdate:modelValue": (e) => rt(r.key, e)
+			}, {
+				default: me(({ availableHeight: t }) => [f("span", {
+					id: `submenu_${S(O).rootId}_${r.key}`,
+					class: "bb-dropdown__items-container",
+					"data-bb-dropdown-surface": S(O).rootId,
+					inert: Xe(r.key),
+					role: "menu",
+					style: le({ "--max-h": t == null ? void 0 : `${t}px` }),
+					onPointerenter: ot,
+					onPointerleave: (e) => ct(r.key, e)
+				}, [p(ae, {
+					ref_for: !0,
+					ref: (e) => $e(r.key, e),
+					groups: Ne(r.items),
+					level: e.level + 1,
+					onCloseLevel: (e) => it(L(o) + s)
+				}, null, 8, [
+					"groups",
+					"level",
+					"onCloseLevel"
+				])], 44, we)]),
+				_: 2
+			}, 1032, [
+				"anchor",
+				"model-value",
+				"offset",
+				"onUpdate:modelValue"
+			])) : u("", !0)], 64))], 64))), 128))], 6)
+		], 64))), 128));
+	}
+});
+//#endregion
+export { E as default };

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,5 @@
+import e from "./DropdownPipelineResolver.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BbDropdown/DropdownPipelineResolver.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,168 @@
+import { BB_BASE_BUTTON_PROP_KEYS as e } from "../BbBaseButton/types.js";
+import { matchAnyKey as t } from "../../utilities/functions/matchAnyKey.js";
+import { slotKey as n } from "../../utilities/functions/slotKey.js";
+import { useLocale as r } from "../../composables/useLocale.js";
+import { useDropdownContext as i } from "./useDropdownContext.js";
+import { useArray as a } from "../../composables/useArray.js";
+import { useItemsGetter as o } from "../../composables/useItemsGetter.js";
+import { useItemText as ee } from "../../composables/useItemText.js";
+import { useItemValue as te } from "../../composables/useItemValue.js";
+import { hash as s } from "../../utilities/functions/hash.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 f, onUnmounted as p, ref as m, renderSlot as h, watch as g, watchEffect as _ } from "vue";
+//#region src/components/BbDropdown/DropdownPipelineResolver.vue?vue&type=script&setup=true&lang.ts
+var v = "__bb-dropdown-group:loading__", y = "__bb-dropdown-group:no-data__", b = /*@__PURE__*/ d({
+	__name: "DropdownPipelineResolver",
+	props: { id: {} },
+	setup(d) {
+		let b = d, x = [
+			...e.filter((e) => ![
+				"text",
+				"disabled",
+				"block",
+				"type"
+			].includes(e)),
+			"prepend:icon",
+			"append:icon",
+			"variant",
+			"onClick"
+		], S = l(), C = i(), w = f().uid, T = u(() => S?.configFor(b.id)), { t: E } = r(), D = E("common.loadingText"), ne = E("common.noDataText"), re = E("select.searchToStart"), O = u(() => !!T.value?.searchable), k = u(() => C.queryFor(b.id)), ie = u(() => T.value?.filterBy ?? []), A = u(() => T.value?.prefill ?? "interaction"), j = u(() => A.value === !1), M = () => S?.modelValueFor(b.id), N = (e, t) => {
+			let n = e ? G : W;
+			return O.value ? n(k.value, t, M()) : n(t, M());
+		}, P = m(!1), F = u(() => !!T.value?.stash), { array: I, add: L } = a(), { getItemText: R } = ee(), { getItemValue: z } = te(), B = (e) => z(e, T.value?.itemValue), V = (e) => R(e, T.value?.itemText), H = (e) => {
+			if (Array.isArray(e)) return e.map((e) => H(e));
+			if (!e || typeof e != "object") return e;
+			let t = e;
+			return Object.keys(t).sort().reduce((e, n) => (e[n] = H(t[n]), e), {});
+		}, U = (e) => {
+			if (typeof e == "string") return n(e);
+			if (e == null || typeof e == "number" || typeof e == "boolean") return n(String(e));
+			try {
+				return n(JSON.stringify(H(e)) ?? String(e));
+			} catch {
+				return n(String(e));
+			}
+		}, { getter: W, debouncedGetter: G, items: K, loading: q } = o({
+			items: u(() => T.value?.items),
+			debounce: C.queryDebounceTime.value
+		}), J = u(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of K.value) e.set(s(B(t)), t);
+			return e;
+		}), ae = u(() => {
+			let e = K.value;
+			if (!F.value || !I.value.length) return e;
+			let t = new Set(e.map((e) => s(B(e)))), n = I.value.filter((e) => !t.has(s(B(e))));
+			return n.length ? [...e, ...n] : e;
+		});
+		_(() => {
+			if (!F.value) return;
+			let e = S?.selectionFor(b.id) ?? [];
+			if (!e.length) return;
+			let t = new Set(I.value.map((e) => s(B(e))));
+			for (let n of e) {
+				if (t.has(n)) continue;
+				let e = J.value.get(n);
+				e !== void 0 && L(e);
+			}
+		});
+		let Y = u(() => ae.value.map((e) => ({
+			item: e,
+			value: B(e),
+			key: s(B(e)),
+			slotToken: U(B(e)),
+			text: V(e)
+		}))), oe = u(() => {
+			if (!O.value || !k.value) return Y.value;
+			let e = k.value.trim(), n = ie.value;
+			return Y.value.filter((r) => n.length ? t(r.item, n, e) : t({ text: r.text }, ["text"], e));
+		}), X = u(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Y.value) e.set(t.key, t.value);
+			return e;
+		}), se = u(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Y.value) e.set(t.key, t.item);
+			return e;
+		}), ce = u(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Y.value) e.set(t.key, t.text);
+			return e;
+		}), Z = u(() => S?.selectionFor(b.id) ?? []), le = u(() => T.value?.multiple ?? S?.multipleFor(b.id) ?? !1), Q = u(() => q.value && Y.value.length > 0), $ = u(() => {
+			if (q.value && !Y.value.length) return [{
+				key: v,
+				placeholder: "loading",
+				text: T.value?.loadingText ?? C.loadingText.value ?? D.value,
+				disabled: !0
+			}];
+			if (O.value && j.value && !P.value) return [{
+				key: y,
+				placeholder: "no-data",
+				text: re.value,
+				disabled: !0
+			}];
+			let e = oe.value;
+			if (!e.length) return Q.value ? [{
+				key: v,
+				placeholder: "loading",
+				text: T.value?.loadingText ?? C.loadingText.value ?? D.value,
+				disabled: !0
+			}] : [{
+				key: y,
+				placeholder: "no-data",
+				text: T.value?.noDataText ?? C.noDataText.value ?? ne.value,
+				disabled: !0
+			}];
+			let t = T.value?.max ?? Infinity, n = le.value && Z.value.length >= t;
+			return e.map((e) => {
+				let t = e.item, r = {};
+				for (let e of x) t?.[e] !== void 0 && (r[e] = t[e]);
+				return {
+					...r,
+					key: e.key,
+					slotKey: e.slotToken,
+					text: e.text,
+					disabled: (t?.disabled ?? !1) || n && !Z.value.includes(e.key)
+				};
+			});
+		});
+		if (S) {
+			let e = u(() => ({
+				key: b.id,
+				items: $.value,
+				order: w
+			}));
+			S.register(w, e), _(() => {
+				S.publishPipeline(b.id, {
+					valueByKey: X.value,
+					itemByKey: se.value,
+					textByKey: ce.value
+				});
+			}), _(() => S.publishLoading(b.id, Q.value)), _(() => S.publishFetching(b.id, q.value));
+			let t = u(() => T.value?.enforceCoherence ?? C.enforceCoherence.value ?? !1), n = () => {
+				if (!S || !t.value || !Y.value.length) return;
+				let e = X.value, n = S.selectionFor(b.id), r = n.filter((t) => e.has(t));
+				r.length !== n.length && S.setSelection(b.id, r);
+			}, r = u(() => C.isTopLevelPipeline(b.id) ? C.open.value : C.isActivated(b.id));
+			g(u(() => A.value === !0 ? !0 : A.value === "interaction" || !O.value ? r.value : !1), async (e) => {
+				!e || P.value || (P.value = !0, await N(!1, !0), n());
+			}, { immediate: !0 }), g(k, () => {
+				if (O.value) {
+					if (!P.value) {
+						if (!k.value) return;
+						P.value = !0;
+					}
+					N(!0, !1);
+				}
+			}), c(() => [T.value?.dependencies], async () => {
+				P.value && (await N(!1, !0), n());
+			}, { debounce: T.value?.depsDebounceTime ?? 0 }), p(() => {
+				S.unregister(w), S.publishPipeline(b.id, null), S.publishLoading(b.id, !1), S.publishFetching(b.id, !1);
+			});
+		}
+		return (e, t) => h(e.$slots, "default");
+	}
+});
+//#endregion
+export { b as default };

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

@@ -0,0 +1,18 @@
+import { Item, NormalizedGroup } from './types';
+/**
+ * Normalizes a (possibly mixed) {@link Item} list into a flat array of
+ * {@link NormalizedGroup}s, ready to render.
+ *
+ * Divider rules:
+ * - **Loose items** accumulate into an anonymous group with no divider.
+ * - **`InternalItem[]` arrays** always produce a divider (explicit separation).
+ * - **`InternalGroup` objects** (`group: true` or implicit selectable groups)
+ *   sit inline with no divider, so they can be mixed among items or other
+ *   groups freely.
+ *
+ * Examples:
+ * - `[a, b, c]`                    -> one anonymous group, no dividers
+ * - `[a, [b, c], d]`               -> three groups; divider before the array
+ * - `[a, { selectable: true, ... }, c]` -> three groups, no dividers (inline group)
+ */
+export declare const normalizeGroups: (items?: Item[]) => NormalizedGroup[];