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

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

@@ -1,31 +1,31 @@
 import { withoutPt as e } from "../../utils/passthrough.js";
 import { useLocale as t } from "../../composables/useLocale.js";
 import n from "../../assets/svgs/chevron_right.svg_raw.js";
-import { levelHasSearch as r, normalizeGroups as i } from "./normalizeGroups.js";
-import { useDropdownContext as a } from "./useDropdownContext.js";
-import o from "./BbDropdownList.vue.js";
-import { BB_OFF_CANVAS_PT as s } from "../BbOffCanvas/types.js";
-import c from "../BbOffCanvas/BbOffCanvas.vue.js";
-import l from "../BbSmoothHeight/BbSmoothHeight.vue.js";
-import ee from "../BbButton/BbButton.vue.js";
-import { listboxOptionFontSize as u, listboxOptionHeight as d } from "../../utilities/misc/listboxMetrics.js";
-import { elementLabel as te } from "../../utilities/functions/elementLabel.js";
-import { Fragment as f, Transition as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as ne, createTextVNode as re, createVNode as y, defineComponent as b, guardReactiveProps as ie, mergeModels as x, mergeProps as S, nextTick as C, normalizeClass as w, normalizeProps as T, openBlock as E, ref as D, resolveDynamicComponent as O, toDisplayString as k, unref as A, useModel as ae, useTemplateRef as j, watch as M, withCtx as N } from "vue";
+import { levelHasSearch as r, normalizeGroups as ee } from "./normalizeGroups.js";
+import { useDropdownContext as te } from "./useDropdownContext.js";
+import ne from "./BbDropdownList.vue.js";
+import { BB_OFF_CANVAS_PT as re } from "../BbOffCanvas/types.js";
+import i from "../BbOffCanvas/BbOffCanvas.vue.js";
+import a from "../BbSmoothHeight/BbSmoothHeight.vue.js";
+import o from "../BbButton/BbButton.vue.js";
+import { listboxOptionFontSize as s, listboxOptionHeight as c } from "../../utilities/misc/listboxMetrics.js";
+import { elementLabel as l } from "../../utilities/functions/elementLabel.js";
+import { Fragment as ie, Transition as ae, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createTextVNode as g, createVNode as _, defineComponent as v, guardReactiveProps as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as oe, normalizeProps as C, openBlock as w, ref as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useModel as se, useTemplateRef as k, watch as A, withCtx as j } from "vue";
 //#region src/components/BbDropdown/AdaptiveDropdown.vue?vue&type=script&setup=true&lang.ts
-var P = { class: "bb-offcanvas__title bb-dropdown__nav-title" }, F = {
+var M = { class: "bb-offcanvas__title bb-dropdown__nav-title" }, N = {
 	key: 1,
 	"aria-hidden": "true",
 	class: "bb-dropdown__nav-gutter"
-}, I = [
+}, P = [
 	"id",
 	"aria-label",
 	"role"
-], L = {
+], F = {
 	class: "bb-sr-only",
 	role: "status"
-}, R = /*@__PURE__*/ b({
+}, I = /*@__PURE__*/ v({
 	__name: "AdaptiveDropdown",
-	props: /*@__PURE__*/ x({
+	props: /*@__PURE__*/ b({
 		rootGroups: {},
 		offCanvasProps: {},
 		compact: { type: Boolean }
@@ -37,121 +37,126 @@ var P = { class: "bb-offcanvas__title bb-dropdown__nav-title" }, F = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(b) {
-		let x = ae(b, "modelValue"), R = b, z = a(), { t: B } = t(), V = B("dropdown.back"), H = D([]), U = m(() => H.value.length), W = m(() => U.value > 0), G = m(() => ({
-			"--sheet-row-h": `${d(!0, R.compact)}px`,
-			"--sheet-option-fs": u(!0)
-		})), K = m(() => H.value[H.value.length - 1]?.text), q = D();
-		M(x, (e) => {
+	setup(v) {
+		let b = se(v, "modelValue"), I = v, L = te(), { t: R } = t(), z = R("dropdown.back"), B = T([]), V = u(() => B.value.length), H = u(() => V.value > 0), U = u(() => ({
+			"--sheet-row-h": `${c(!0, I.compact)}px`,
+			"--sheet-option-fs": s(!0)
+		})), W = u(() => B.value[B.value.length - 1]?.label), G = T(b.value || !!I.offCanvasProps?.eager);
+		A(b, (e) => {
+			e && (G.value = !0);
+		}, { flush: "sync" });
+		let K = T();
+		A(b, (e) => {
 			if (!e) return;
-			let t = z.activatorId.value;
-			q.value = te(t ? document.getElementById(t) : null);
+			let t = L.activatorId.value;
+			K.value = l(t ? document.getElementById(t) : null);
 		}, {
 			immediate: !0,
 			flush: "sync"
 		});
-		let oe = (e) => e.map((e) => e.selectable ? {
+		let ce = (e) => e.map((e) => e.selectable ? {
 			...e,
-			selected: z.selectedFor(e.key ?? "")
-		} : e), se = (e, t) => {
-			for (let n of e) for (let e of n.items) if (e.key === t) return e;
-		}, J = m(() => {
-			let e = R.rootGroups;
-			for (let t of H.value) {
-				let n = se(e, t.key)?.items;
+			selected: L.selectedFor(e.id ?? "")
+		} : e), le = (e, t) => {
+			for (let n of e) for (let e of n.items) if (e.rowKey === t) return e;
+		}, q = u(() => {
+			let e = I.rootGroups;
+			for (let t of B.value) {
+				let n = le(e, t.rowKey)?.items;
 				if (!n) break;
-				e = oe(i(n));
+				e = ce(ee(n));
 			}
 			return e;
-		}), Y = m(() => r(J.value)), X = D("bb-dropdown-nav-forward"), ce = (e) => {
-			e.items && (X.value = "bb-dropdown-nav-forward", H.value = [...H.value, {
-				key: e.key,
-				text: e.text
+		}), J = u(() => r(q.value)), Y = T("bb-dropdown-nav-forward"), X = (e) => {
+			e.items && (Y.value = "bb-dropdown-nav-forward", B.value = [...B.value, {
+				rowKey: e.rowKey,
+				label: e.label
 			}]);
 		}, Z = () => {
-			W.value && (X.value = "bb-dropdown-nav-back", H.value = H.value.slice(0, -1));
-		}, le = j("list-el"), Q = () => {
-			C(() => {
-				x.value && le.value?.focusFirst();
+			H.value && (Y.value = "bb-dropdown-nav-back", B.value = B.value.slice(0, -1));
+		}, ue = k("list-el"), Q = () => {
+			S(() => {
+				b.value && ue.value?.focusFirst();
 			});
-		}, ue = () => C(Q);
-		M(U, () => {
-			x.value && Q();
+		}, de = () => S(Q);
+		A(V, () => {
+			b.value && Q();
 		});
-		let $ = m(() => ({
-			disabled: z.disabled.value,
-			open: z.open.value,
-			placement: z.placement.value
-		})), de = () => {
-			H.value = [], z.focusActivator();
+		let $ = u(() => ({
+			disabled: L.disabled.value,
+			open: L.open.value,
+			placement: L.placement.value
+		})), fe = () => {
+			B.value = [], !b.value && !I.offCanvasProps?.eager && (G.value = !1), L.focusActivator();
 		};
-		return (t, r) => (E(), h(c, S({
-			modelValue: x.value,
-			"onUpdate:modelValue": r[0] ||= (e) => x.value = e,
-			"aria-label": q.value,
+		return (t, r) => (w(), d(i, x({
+			modelValue: b.value,
+			"onUpdate:modelValue": r[0] ||= (e) => b.value = e,
+			"aria-label": K.value,
 			class: ["bb-dropdown__sheet bb-dropdown bb-dropdown--adaptive bb-dropdown--mobile", { "bb-dropdown--compact": t.compact }],
-			pt: A(z).passthrough.forward({
+			pt: O(L).passthrough.forward({
 				header: "header",
 				footer: "footer",
 				panel: "root",
 				sheet: "root"
-			}, A(s).states, () => t.offCanvasProps?.pt),
-			style: G.value
-		}, S(A(e)(t.offCanvasProps), {
-			onHidden: de,
-			onShow: ue
-		})), ne({
-			default: N(() => [v("div", {
-				id: `menu_${A(z).rootId}`,
-				"aria-label": Y.value ? void 0 : K.value ?? q.value,
+			}, O(re).states, () => t.offCanvasProps?.pt),
+			style: U.value
+		}, x(O(e)(t.offCanvasProps), {
+			onHidden: fe,
+			onShow: de
+		})), h({
+			default: j(() => [m("div", {
+				id: `menu_${O(L).rootId}`,
+				"aria-label": J.value ? void 0 : W.value ?? K.value,
 				class: "bb-dropdown__adaptive-menu",
-				role: Y.value ? "none" : "menu"
-			}, [y(l, {
+				role: J.value ? "none" : "menu"
+			}, [_(a, {
 				class: "bb-dropdown__adaptive-body",
 				role: "none",
 				tag: "div"
 			}, {
-				default: N(() => [y(p, { name: X.value }, {
-					default: N(() => [(E(), _("span", S({
-						key: U.value,
+				default: j(() => [_(ae, { name: Y.value }, {
+					default: j(() => [(w(), p("span", x({
+						key: V.value,
 						class: "bb-dropdown__list scrollbar-border",
 						role: "none"
-					}, A(z).passthrough.list), [y(o, {
+					}, O(L).passthrough.list), [G.value ? (w(), d(ne, {
+						key: 0,
 						ref: "list-el",
-						back: W.value ? Z : void 0,
-						groups: J.value,
-						navigate: ce,
-						"slot-depth": U.value
+						back: H.value ? Z : void 0,
+						groups: q.value,
+						navigate: X,
+						"slot-depth": V.value
 					}, null, 8, [
 						"back",
 						"groups",
 						"slot-depth"
-					])], 16))]),
+					])) : f("", !0)], 16))]),
 					_: 1
 				}, 8, ["name"])]),
 				_: 1
-			})], 8, I), v("span", L, k(A(z).status.value), 1)]),
+			})], 8, P), m("span", F, D(O(L).status.value), 1)]),
 			_: 2
-		}, [W.value || A(z).slots.header ? {
+		}, [H.value || O(L).slots.header ? {
 			name: "header",
-			fn: N(() => [v("div", { class: w(["bb-dropdown__nav", { "bb-dropdown__nav--drill": W.value }]) }, [
-				W.value ? (E(), h(ee, {
+			fn: j(() => [m("div", { class: oe(["bb-dropdown__nav", { "bb-dropdown__nav--drill": H.value }]) }, [
+				H.value ? (w(), d(o, {
 					key: 0,
-					"aria-label": A(V),
+					"aria-label": O(z),
 					class: "bb-dropdown__nav-back",
-					icon: A(n),
+					icon: O(n),
 					size: "xl",
 					type: "button",
 					variant: "ghost",
 					onClick: Z
-				}, null, 8, ["aria-label", "icon"])) : g("", !0),
-				v("span", P, [W.value ? (E(), _(f, { key: 0 }, [re(k(K.value), 1)], 64)) : (E(), h(O(A(z).slots.header), T(S({ key: 1 }, $.value)), null, 16))]),
-				W.value ? (E(), _("span", F)) : g("", !0)
+				}, null, 8, ["aria-label", "icon"])) : f("", !0),
+				m("span", M, [H.value ? (w(), p(ie, { key: 0 }, [g(D(W.value), 1)], 64)) : (w(), d(E(O(L).slots.header), C(x({ key: 1 }, $.value)), null, 16))]),
+				H.value ? (w(), p("span", N)) : f("", !0)
 			], 2)]),
 			key: "0"
-		} : void 0, A(z).slots.footer ? {
+		} : void 0, O(L).slots.footer ? {
 			name: "footer",
-			fn: N(() => [(E(), h(O(A(z).slots.footer), T(ie($.value)), null, 16))]),
+			fn: j(() => [(w(), d(E(O(L).slots.footer), C(y($.value)), null, 16))]),
 			key: "1"
 		} : void 0]), 1040, [
 			"modelValue",
@@ -163,4 +168,4 @@ var P = { class: "bb-offcanvas__title bb-dropdown__nav-title" }, F = {
 	}
 });
 //#endregion
-export { R as default };
+export { I as default };