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

package/dist/components/FlatListBox/FlatListBox.vue_vue_type_script_setup_true_lang.js

@@ -17,18 +17,21 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 	class: "bb-listbox__inner-container",
 	tabindex: "-1"
 }, ue = {
+	class: "bb-listbox__status",
+	role: "status"
+}, de = {
 	key: 0,
 	class: "bb-listbox__loading"
-}, de = {
+}, fe = {
 	key: 1,
 	class: "bb-listbox__empty"
-}, fe = [
+}, pe = [
 	"id",
 	"aria-activedescendant",
 	"aria-label",
 	"aria-labelledby",
 	"aria-multiselectable"
-], pe = [
+], me = [
 	"id",
 	"aria-describedby",
 	"aria-disabled",
@@ -38,13 +41,13 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 	"aria-setsize",
 	"data-index",
 	"onMouseenter"
-], me = {
+], he = {
 	key: 0,
 	class: "bb-listbox__option-content"
-}, he = ["id"], ge = ["id"], O = {
-	key: 3,
+}, ge = ["id"], O = ["id"], k = {
+	key: 1,
 	class: "bb-listbox__loading bb-listbox__loading--below"
-}, k = ["id"], A = { class: "bb-listbox__failed-text" }, j = /*@__PURE__*/ h({
+}, A = ["id"], j = { class: "bb-listbox__failed-text" }, M = /*@__PURE__*/ h({
 	__name: "FlatListBox",
 	props: {
 		passthrough: {},
@@ -69,15 +72,15 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 		"option:unselected",
 		"focused:change"
 	],
-	setup(n, { expose: h, emit: j }) {
-		let M = n, N = j, P = oe(), { t: F } = ee(), I = T("inner"), L = T("listbox"), { touch: R } = r(), z = c(() => M.optionHeight ? M.optionHeight : te(R.value, !!M.compact, !!M.described)), _e = c(() => s(R.value)), B = se({
+	setup(n, { expose: h, emit: M }) {
+		let N = n, P = M, F = oe(), { t: I } = ee(), L = T("inner"), _e = T("listbox"), { touch: R } = r(), z = c(() => N.optionHeight ? N.optionHeight : te(R.value, !!N.compact, !!N.described)), ve = c(() => s(R.value)), B = se({
 			get count() {
-				return M.options.length;
+				return N.options.length;
 			},
-			getScrollElement: () => I.value ?? null,
+			getScrollElement: () => L.value ?? null,
 			estimateSize: () => z.value,
 			overscan: 5
-		}), ve = c(() => B.value.getVirtualItems()), ye = c(() => B.value.getTotalSize()), V = c(() => M.options.map((e, t) => ({
+		}), ye = c(() => B.value.getVirtualItems()), be = c(() => B.value.getTotalSize()), V = c(() => N.options.map((e, t) => ({
 			index: t,
 			text: e.text,
 			description: e.description,
@@ -88,31 +91,31 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 			item: e.item,
 			selected: !!e.selected,
 			disabled: !!e.disabled
-		}))), be = ae(), H = (e) => `${be}-listbox-option-${e}`, U = (e) => `${H(e)}__label`, W = (e) => `${H(e)}__description`, G = (e) => !!e && !P.option, K = c(() => {
+		}))), xe = ae(), H = (e) => `${xe}-listbox-option-${e}`, U = (e) => `${H(e)}__label`, W = (e) => `${H(e)}__description`, G = (e) => !!e && !F.option, K = c(() => {
 			if (e(J.value)) return;
 			let t = V.value[J.value];
 			if (t) return H(t.valueHash);
-		}), q = c(() => V.value.length > 0), { focusedIndex: J, focusNext: xe, focusPrevious: Se, focusFirst: Ce, focusLast: we, focusFirstSelected: Te, focusLastSelected: Ee, focusByHash: De, focusByPointer: Oe, blurPointerFocus: ke, blur: Y, getHighlighted: Ae } = re(() => M.options, { disabled: () => !M.open }), X = b(!1);
+		}), q = c(() => V.value.length > 0), { focusedIndex: J, focusNext: Se, focusPrevious: Ce, focusFirst: we, focusLast: Te, focusFirstSelected: Ee, focusLastSelected: De, focusByHash: Oe, focusByPointer: ke, blurPointerFocus: Ae, blur: Y, getHighlighted: je } = re(() => N.options, { disabled: () => !N.open }), X = b(!1);
 		E(J, (e) => {
-			I.value && ne(e) && !X.value && B.value.scrollToIndex(e, { align: "center" }), X.value = !1, N("focused:change", K.value);
+			L.value && ne(e) && !X.value && B.value.scrollToIndex(e, { align: "center" }), X.value = !1, P("focused:change", K.value);
 		});
 		let Z = () => B.value.scrollToOffset(0), Q = () => {
-			let e = M.options.findIndex((e) => e.selected);
+			let e = N.options.findIndex((e) => e.selected);
 			e < 0 ? Z() : B.value.scrollToIndex(e, { align: "start" });
 		};
-		E(() => M.open && !!I.value, (e) => {
+		E(() => N.open && !!L.value, (e) => {
 			e && Q();
 		}, { flush: "post" });
-		let je = (e) => {
-			M.open && (X.value = !0, Oe(e));
-		}, Me = () => {
-			ke();
+		let Me = (e) => {
+			N.open && (X.value = !0, ke(e));
+		}, Ne = () => {
+			Ae();
 		}, $ = () => {
-			if (e(J.value) || !M.open) return;
+			if (e(J.value) || !N.open) return;
 			let t = V.value[J.value];
-			t.disabled || (t.selected ? N("option:unselected", t) : N("option:selected", t));
-		}, Ne = (t) => {
-			if (t.preventDefault(), I.value && t.target instanceof HTMLElement && L.value) {
+			t.disabled || (t.selected ? P("option:unselected", t) : P("option:selected", t));
+		}, Pe = (t) => {
+			if (t.preventDefault(), L.value && t.target instanceof HTMLElement && _e.value) {
 				let n = t.target, r = n.dataset.index;
 				for (; e(r) && n.parentElement;) n = n.parentElement, r = n.dataset.index;
 				if (r) {
@@ -121,21 +124,21 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 				}
 			}
 		};
-		return E(() => M.options, (e, n) => {
+		return E(() => N.options, (e, n) => {
 			t(e.map((e) => e.valueHash)) !== t(n.map((e) => e.valueHash)) && (B.value.measure(), Y());
 		}, { flush: "post" }), E(z, () => {
 			B.value.measure();
 		}, { flush: "post" }), h({
-			focusNext: xe,
-			focusPrevious: Se,
-			focusFirst: Ce,
-			focusFirstSelected: Te,
-			focusLast: we,
-			focusLastSelected: Ee,
+			focusNext: Se,
+			focusPrevious: Ce,
+			focusFirst: we,
+			focusFirstSelected: Ee,
+			focusLast: Te,
+			focusLastSelected: De,
 			blur: Y,
 			confirmOption: $,
-			focusByHash: De,
-			getHighlighted: Ae,
+			focusByHash: Oe,
+			getHighlighted: je,
 			getActiveDescendantId: () => K.value,
 			scrollToTop: Z,
 			scrollToSelected: Q
@@ -151,16 +154,16 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 			style: v({
 				"--transition-duration": `${e.transitionDuration}ms`,
 				"--option-height": `${z.value}px`,
-				"--option-font-size": _e.value
+				"--option-font-size": ve.value
 			}),
-			onClickCapture: Ne,
+			onClickCapture: Pe,
 			onClick: t[0] ||= D(() => {}, ["stop"]),
 			onMousedown: t[1] ||= D(() => {}, ["prevent"])
 		}, [f("span", ce, [f("span", le, [
 			S(e.$slots, "options:prepend"),
-			e.loading && !q.value ? (y(), d("span", ue, [S(e.$slots, "loading", {}, () => [p(C(e.loadingText || w(F)("common.loadingText").value), 1)])])) : !q.value && !e.failedText ? (y(), d("span", de, [S(e.$slots, "empty", {}, () => [p(C(e.emptyText || w(F)("common.emptyText").value), 1)])])) : u("", !0),
+			f("span", ue, [e.loading && !q.value ? (y(), d("span", de, [S(e.$slots, "loading", {}, () => [p(C(e.loadingText || w(I)("common.loadingText").value), 1)])])) : !q.value && !e.failedText ? (y(), d("span", fe, [S(e.$slots, "empty", {}, () => [p(C(e.emptyText || w(I)("common.emptyText").value), 1)])])) : u("", !0)]),
 			q.value ? (y(), d("span", g({
-				key: 2,
+				key: 0,
 				id: e.id,
 				ref: "listbox",
 				"aria-activedescendant": K.value,
@@ -169,10 +172,10 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 				"aria-multiselectable": e.multiple ? !0 : void 0,
 				class: "bb-listbox__list",
 				role: "listbox",
-				style: { height: `${ye.value}px` },
+				style: { height: `${be.value}px` },
 				tabindex: "-1",
-				onMouseleave: Me
-			}, e.passthrough?.list), [(y(!0), d(ie, null, x(ve.value, (t) => (y(), d("span", g({
+				onMouseleave: Ne
+			}, e.passthrough?.list), [(y(!0), d(ie, null, x(ye.value, (t) => (y(), d("span", g({
 				id: H(V.value[t.index].valueHash),
 				key: V.value[t.index].valueHash,
 				"aria-describedby": G(V.value[t.index].description) ? W(V.value[t.index].valueHash) : void 0,
@@ -180,7 +183,7 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 				"aria-labelledby": G(V.value[t.index].description) ? U(V.value[t.index].valueHash) : void 0,
 				"aria-posinset": t.index + 1,
 				"aria-selected": V.value[t.index].selected,
-				"aria-setsize": M.options.length,
+				"aria-setsize": N.options.length,
 				class: ["bb-listbox__option", {
 					"bb-listbox__option--focused": w(J) === t.index,
 					"bb-listbox__option--selected": V.value[t.index].selected,
@@ -189,7 +192,7 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 				"data-index": t.index,
 				role: "option",
 				style: { transform: `translateY(${t.start}px)` },
-				onMouseenter: D((e) => je(t.index), ["stop"]),
+				onMouseenter: D((e) => Me(t.index), ["stop"]),
 				ref_for: !0
 			}, e.passthrough?.part?.("option", {
 				selected: V.value[t.index].selected,
@@ -214,21 +217,21 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 					selected: V.value[t.index].selected,
 					text: V.value[t.index].text,
 					value: V.value[t.index].value
-				}, () => [V.value[t.index].description ? (y(), d("span", me, [f("span", g({
+				}, () => [V.value[t.index].description ? (y(), d("span", he, [f("span", g({
 					id: U(V.value[t.index].valueHash),
 					class: "bb-listbox__item-text",
 					ref_for: !0
 				}, e.passthrough?.part?.("itemText", {
 					selected: V.value[t.index].selected,
 					disabled: V.value[t.index].disabled || void 0
-				}, V.value[t.index].item)), C(V.value[t.index].text), 17, he), f("span", g({
+				}, V.value[t.index].item)), C(V.value[t.index].text), 17, ge), f("span", g({
 					id: W(V.value[t.index].valueHash),
 					class: "bb-listbox__item-description",
 					ref_for: !0
 				}, e.passthrough?.part?.("itemDescription", {
 					selected: V.value[t.index].selected,
 					disabled: V.value[t.index].disabled || void 0
-				}, V.value[t.index].item)), C(V.value[t.index].description), 17, ge)])) : (y(), d("span", g({
+				}, V.value[t.index].item)), C(V.value[t.index].description), 17, O)])) : (y(), d("span", g({
 					key: 1,
 					class: "bb-listbox__item-text",
 					ref_for: !0
@@ -251,16 +254,16 @@ var ce = { class: "bb-listbox__outer-container scrollbar-border" }, le = {
 					class: "bb-listbox__option-check",
 					icon: w(o)
 				}, null, 8, ["icon"])
-			], 16, pe))), 128))], 16, fe)) : u("", !0),
-			e.loading && e.loadingBelow && q.value ? (y(), d("span", O, [S(e.$slots, "loading", {}, () => [p(C(e.loadingText || w(F)("common.loadingText").value), 1)])])) : u("", !0),
+			], 16, me))), 128))], 16, pe)) : u("", !0),
+			e.loading && e.loadingBelow && q.value ? (y(), d("span", k, [S(e.$slots, "loading", {}, () => [p(C(e.loadingText || w(I)("common.loadingText").value), 1)])])) : u("", !0),
 			S(e.$slots, "options:append")
 		], 512)]), e.failedText ? (y(), d("span", {
 			key: 0,
 			id: `${e.id}_failed`,
 			class: _(["bb-listbox__failed", { "bb-listbox__failed--divided": q.value }]),
 			role: "status"
-		}, [m(a, { class: "bb-listbox__failed-icon" }), f("span", A, [S(e.$slots, "empty", {}, () => [p(C(e.failedText), 1)])])], 10, k)) : u("", !0)], 38));
+		}, [m(a, { class: "bb-listbox__failed-icon" }), f("span", j, [S(e.$slots, "empty", {}, () => [p(C(e.failedText), 1)])])], 10, A)) : u("", !0)], 38));
 	}
 });
 //#endregion
-export { j as default };
+export { M as default };