bitboss-ui 3.0.0-beta.4 → 3.0.0-beta.42

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

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

package/dist/components/BbDropdown/normalizeGroups.js

@@ -1,46 +1,70 @@
-import { groupItemsAsArray as e, isGroup as t } from "./types.js";
+import { slotKey as e } from "../../utilities/functions/slotKey.js";
+import { groupItemsAsArray as t, isGroup as n, isSelectableGroup as r, selectablePredicateOf as i } from "./types.js";
 //#region src/components/BbDropdown/normalizeGroups.ts
-var n = (e) => e.some((e) => !!e.searchable && !!e.key), r = (n = []) => {
-	let r = [], i = [], a = () => {
-		i.length && (r.push({
+var a = (e) => e.some((e) => !!e.searchable && !!e.key), o = (e = []) => {
+	let a = [], o = [], c = () => {
+		o.length && (a.push({
 			selectable: !1,
 			multiple: !1,
 			selected: [],
-			items: i,
+			items: o,
 			divider: !1
-		}), i = []);
+		}), o = []);
 	};
-	for (let o of n) if (t(o)) {
-		a();
-		let t = e(o.items).flat();
-		if (!t.length) continue;
-		let n = o.selectable ?? o.multiple != null;
-		r.push({
-			key: o.key,
-			label: o.label,
-			hideLabel: o.hideLabel,
+	for (let s of e) if (n(s)) {
+		c();
+		let e = t(s.items).flat();
+		if (!e.length) continue;
+		let n = r(s) && s.key != null && s.key !== "", o = i(s), l = o ? e.map((e) => e.fetched || e.placeholder || e.disabled || o(e) ? e : {
+			...e,
+			disabled: !0
+		}) : e;
+		a.push({
+			key: s.key,
+			label: s.label,
+			hideLabel: s.hideLabel,
 			selectable: n,
-			multiple: o.multiple ?? !1,
+			multiple: s.multiple ?? !1,
+			clearable: s.clearable,
 			selected: [],
-			items: t,
-			"prepend:icon": o["prepend:icon"],
-			"append:icon": o["append:icon"],
-			variant: o.variant,
-			onClick: o.onClick,
-			searchable: o.searchable,
-			searchPlaceholder: o.searchPlaceholder,
-			filterBy: o.filterBy,
-			maxHeight: o.maxHeight,
+			items: l,
+			"prepend:icon": s["prepend:icon"],
+			"append:icon": s["append:icon"],
+			variant: s.variant,
+			onClick: s.onClick,
+			searchable: s.searchable,
+			searchPlaceholder: s.searchPlaceholder,
+			filterBy: s.filterBy,
+			maxHeight: s.maxHeight,
+			meta: s.meta,
 			divider: !1
 		});
-	} else Array.isArray(o) ? (a(), o.length && r.push({
+	} else Array.isArray(s) ? (c(), s.length && a.push({
 		selectable: !1,
 		multiple: !1,
 		selected: [],
-		items: o,
-		divider: r.length > 0
-	})) : i.push(o);
-	return a(), r;
+		items: s,
+		divider: a.length > 0
+	})) : o.push(s);
+	return c(), s(a);
+}, s = (t) => {
+	let n = (e) => e.key != null && e.key !== "";
+	if (t.every((e) => e.items.every(n))) return t;
+	let r = new Set(t.flatMap((e) => e.items.filter(n).map((e) => e.key)));
+	return t.map((t) => t.items.every(n) ? t : {
+		...t,
+		items: t.items.map((i) => {
+			if (n(i)) return i;
+			let a = e(i.text ?? "") || "row", o = a;
+			for (let e = 2; r.has(o); e++) o = `${a}-${e}`;
+			return r.add(o), {
+				...i,
+				key: o,
+				keyless: !0,
+				...t.selectable ? { disabled: !0 } : {}
+			};
+		})
+	});
 };
 //#endregion
-export { n as levelHasSearch, r as normalizeGroups };
+export { a as levelHasSearch, o as normalizeGroups };