bitboss-ui 2.1.133 → 2.1.134

package/dist/index178.js

@@ -1,5 +1,66 @@
-import o from "./index58.js";
-/* empty css        */
-export {
-  o as default
-};
+import { isNil as e } from "./index94.js";
+import { computed as t, ref as n, toValue as r } from "vue";
+//#region src/composables/useListboxFocus.ts
+function i(i, { disabled: a = !1 } = {}) {
+	let o = n(null), s = t(() => !r(a) && r(i).some((e) => !e.disabled)), c = () => {
+		let t = r(i), n = e(o.value) ? -1 : o.value;
+		for (let e = 1; e <= t.length; e++) {
+			let r = (n + e) % t.length;
+			if (!t[r].disabled) return r;
+		}
+		return e(o.value) ? 0 : o.value;
+	}, l = () => {
+		let t = r(i), n = e(o.value) ? 0 : o.value;
+		for (let e = 1; e <= t.length; e++) {
+			let r = (n - e + t.length) % t.length;
+			if (!t[r].disabled) return r;
+		}
+		return e(o.value) ? 0 : o.value;
+	};
+	return {
+		focusedIndex: o,
+		canFocus: s,
+		focusNext: () => {
+			s.value && (o.value = c());
+		},
+		focusPrevious: () => {
+			s.value && (o.value = l());
+		},
+		focusFirst: () => {
+			if (!s.value) return;
+			let e = r(i), t = 0;
+			for (; t < e.length && e[t].disabled;) t++;
+			t < e.length && (o.value = t);
+		},
+		focusLast: () => {
+			if (!s.value) return;
+			let e = r(i), t = e.length - 1;
+			for (; t >= 0 && e[t].disabled;) t--;
+			t >= 0 && (o.value = t);
+		},
+		focusFirstSelected: () => {
+			if (!s.value) return;
+			let e = r(i).findIndex((e) => e.selected);
+			o.value = e >= 0 ? e : 0;
+		},
+		focusLastSelected: () => {
+			if (!s.value) return;
+			let e = r(i), t = e.length - 1;
+			for (; t > 0 && !e[t].selected;) t--;
+			o.value = t;
+		},
+		focusByHash: (e) => {
+			if (!s.value) return;
+			let t = r(i).findIndex((t) => t.valueHash === e);
+			t >= 0 && (o.value = t);
+		},
+		blur: () => {
+			o.value = null;
+		},
+		getHighlighted: () => {
+			if (!e(o.value)) return r(i)[o.value];
+		}
+	};
+}
+//#endregion
+export { i as useListboxFocus };

package/dist/index179.js

@@ -1,5 +1,17 @@
-import o from "./index60.js";
-/* empty css        */
-export {
-  o as default
-};
+//#region src/utilities/functions/indexBy.ts
+function e(e, t) {
+	let n = {}, r = e.length;
+	for (let i = 0; i < r; i++) {
+		let r = e[i], a;
+		if (typeof t == "function") a = t(r, i, e);
+		else {
+			let e = r[t];
+			if (typeof e == "string" || typeof e == "number" || typeof e == "symbol") a = e;
+			else throw Error(`Property "${String(t)}" must be of type string, number, or symbol`);
+		}
+		n[a] = r;
+	}
+	return n;
+}
+//#endregion
+export { e as indexBy };

package/dist/index18.js

@@ -1,139 +1,35 @@
-import { defineComponent as F, ref as d, computed as t, watch as L, createElementBlock as n, openBlock as s, normalizeProps as b, guardReactiveProps as f, createCommentVNode as M, createElementVNode as k, mergeProps as v, renderSlot as q } from "vue";
-import { isCssColor as y } from "./index239.js";
-import { booleanishToBoolean as A } from "./index240.js";
-import { isEqual as N } from "./index241.js";
-const P = {
-  "aria-hidden": "true",
-  class: "bb-base-checkbox-container"
-}, S = {
-  class: "bb-base-checkbox-container__icon",
-  viewBox: "276.411 158.834 114.971 114.97"
-}, T = {
-  key: 0,
-  d: "M 310 216 L 358 216",
-  fill: "none",
-  "stroke-linecap": "round",
-  "stroke-width": "14px"
-}, $ = {
-  key: 1,
-  d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-  fill: "none",
-  "stroke-linecap": "round",
-  "stroke-width": "14px"
-}, J = /* @__PURE__ */ F({
-  __name: "BaseCheckbox",
-  props: {
-    ariaDescribedby: {},
-    autofocus: {},
-    checked: { type: [Boolean, String] },
-    color: {},
-    disabled: { type: Boolean },
-    falseValue: { default: !1 },
-    hasErrors: { type: Boolean },
-    id: {},
-    indeterminate: {},
-    modelValue: {},
-    name: {},
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    submitWhenFalse: { type: Boolean },
-    trueValue: { default: !0 }
-  },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(V, { emit: x }) {
-    const e = V, a = x, u = d(null), l = t(() => e.checked ? A(e.checked) : N(e.trueValue, e.modelValue)), r = t(() => {
-      const o = e.indeterminate;
-      return o === "" ? !0 : o === !0 || o === "true";
-    }), c = d(!1), i = d(!1), _ = (o) => {
-      c.value = !1, i.value = !1, a("blur", o);
-    }, g = (o) => {
-      if (o.target instanceof HTMLInputElement) {
-        const m = o.target.checked ? e.trueValue : e.falseValue;
-        a("change", o), a("update:modelValue", m);
-      }
-    }, B = (o) => {
-      c.value = !0, o.target instanceof HTMLInputElement && (i.value = o.target.matches(":focus-visible")), a("focus", o);
-    }, w = t(() => {
-      const o = {
-        class: {
-          "bb-base-checkbox": !0,
-          "bb-base-checkbox--disabled": e.disabled,
-          "bb-base-checkbox--errors": e.hasErrors,
-          "bb-base-checkbox--indeterminate": r.value,
-          "bb-base-checkbox--readonly": e.readonly,
-          [`bb-base-checkbox--${e.color}`]: e.color && !y(e.color)
-        }
-      };
-      return e.color && y(e.color) && (o.style = `--color: ${e.color}`), o;
-    }), p = (o) => typeof o == "string" ? o : JSON.stringify(o), E = t(() => {
-      const o = p(e.falseValue);
-      return {
-        disabled: e.disabled,
-        name: e.name,
-        type: "hidden",
-        value: o
-      };
-    }), C = {
-      onBlur: _,
-      onChange: g,
-      onFocus: B,
-      onClick: (o) => a("click", o),
-      onInput: (o) => a("input", o),
-      onKeydown: (o) => a("keydown", o),
-      onMousedown: (o) => a("mousedown", o),
-      onMouseup: (o) => a("mouseup", o)
-    }, h = t(() => {
-      const o = p(e.trueValue);
-      return {
-        "aria-describedby": e.ariaDescribedby,
-        autofocus: e.autofocus,
-        checked: l.value,
-        // There is no such thing as readonly checkbox so we disable and style it with css
-        disabled: e.disabled || e.readonly,
-        id: e.id,
-        indeterminate: r.value,
-        name: e.name,
-        required: e.required,
-        tabindex: e.disabled ? -1 : void 0,
-        type: "checkbox",
-        value: o,
-        ...C
-      };
-    }), I = t(() => ({
-      checked: l.value,
-      disabled: !!e.disabled,
-      falseValue: e.falseValue,
-      focused: c.value,
-      focusVisible: i.value,
-      hasErrors: !!e.hasErrors,
-      id: e.id,
-      name: e.name,
-      parsedValue: h.value.value,
-      readonly: !!e.readonly,
-      trueValue: e.trueValue,
-      value: l.value ? e.trueValue : e.falseValue
-    }));
-    return L(
-      () => [e.modelValue, e.checked, e.indeterminate],
-      () => {
-        u.value && (u.value.indeterminate = r.value);
-      }
-    ), (o, m) => (s(), n("span", b(f(w.value)), [
-      !l.value && o.submitWhenFalse ? (s(), n("input", b(v({ key: 0 }, E.value)), null, 16)) : M("", !0),
-      k("input", v(h.value, {
-        ref_key: "checkboxInput",
-        ref: u
-      }), null, 16),
-      k("span", P, [
-        q(o.$slots, "icon", b(f(I.value)), () => [
-          (s(), n("svg", S, [
-            r.value ? (s(), n("path", T)) : (s(), n("path", $))
-          ]))
-        ])
-      ])
-    ], 16));
-  }
-});
-export {
-  J as default
+import { useFrameworkDetection as e } from "./index17.js";
+import { getCurrentInstance as t } from "vue";
+//#region src/composables/useQuery.ts
+var n = (e, { arrayFormat: t = "comma" } = {}) => {
+	if (!e) return {};
+	let n = new URLSearchParams(e), r = {}, i = (e) => Array.isArray(e) ? e : [e], a = (e, t) => {
+		let n = r[e];
+		if (n === void 0) {
+			r[e] = t;
+			return;
+		}
+		r[e] = [...i(n), t];
+	};
+	return n.forEach((e, n) => {
+		let r = n.endsWith("[]"), i = r ? n.slice(0, -2) : n;
+		if (t === "comma" && e.includes(",")) {
+			e.split(",").map((e) => e.trim()).forEach((e) => a(i, e));
+			return;
+		}
+		if (t === "bracket" && r) {
+			a(i, e);
+			return;
+		}
+		a(i, e);
+	}), r;
+}, r = (e) => e.split("?")[1]?.split("#")[0] ?? "", i = () => t()?.proxy?.$page?.url, a = (t = {}) => {
+	let { isInertia: a } = e();
+	if (a) {
+		let e = i();
+		return e ? n(r(e), t) : {};
+	}
+	return n(globalThis?.location?.search?.replace(/^\?/, "") ?? "", t);
 };
+//#endregion
+export { a as useQuery };

package/dist/index180.js

@@ -1,5 +1,162 @@
-import o from "./index62.js";
-/* empty css        */
-export {
-  o as default
-};
+import { isNotNil as e } from "./index26.js";
+import { useLocale as t } from "./index42.js";
+import { hash as n } from "./index81.js";
+import { isNil as r } from "./index94.js";
+import { useVirtualizer as ee } from "./index177.js";
+import { useListboxFocus as te } from "./index178.js";
+import { indexBy as i } from "./index179.js";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as ne, renderSlot as h, toDisplayString as g, unref as _, useTemplateRef as v, watch as y, withModifiers as b } from "vue";
+//#region src/components/FlatListBox/FlatListBox.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "bb-listbox__outer-container scrollbar-border" }, S = {
+	ref: "inner",
+	class: "bb-listbox__inner-container",
+	tabindex: "-1"
+}, C = {
+	key: 0,
+	class: "bb-listbox__loading"
+}, w = {
+	key: 1,
+	class: "bb-listbox__no-data"
+}, T = ["aria-activedescendant", "aria-multiselectable"], E = [
+	"aria-selected",
+	"data-index",
+	"id"
+], D = { class: "autocomplete-option__label" }, O = /* @__PURE__ */ u({
+	__name: "FlatListBox",
+	props: {
+		compact: { type: Boolean },
+		options: {},
+		open: { type: Boolean },
+		loading: { type: Boolean },
+		multiple: { type: Boolean },
+		transitionDuration: { default: 250 },
+		loadingText: {},
+		noDataText: {},
+		optionHeight: {}
+	},
+	emits: [
+		"option:selected",
+		"option:unselected",
+		"focused:change"
+	],
+	setup(u, { expose: O, emit: re }) {
+		let k = u, A = re, { t: j } = t(), M = v("inner"), N = v("listbox"), P = o(() => k.optionHeight ? k.optionHeight : k.compact ? 32 : 40), F = ee({
+			get count() {
+				return k.options.length;
+			},
+			getScrollElement: () => M.value ?? null,
+			estimateSize: () => P.value,
+			overscan: 5
+		}), I = o(() => F.value.getVirtualItems()), L = o(() => F.value.getTotalSize()), R = o(() => k.options.map((e, t) => ({
+			index: t,
+			text: e.text,
+			value: e.value,
+			valueHash: e.valueHash,
+			item: e.item,
+			selected: !!e.selected,
+			disabled: !!e.disabled,
+			focused: t === U.value
+		}))), z = o(() => i(R.value, "index")), B = (e) => `listbox-option-${e}`, V = o(() => {
+			if (r(U.value)) return;
+			let e = z.value[U.value];
+			if (e) return B(e.valueHash);
+		}), H = o(() => R.value.length > 0), { focusedIndex: U, focusNext: W, focusPrevious: G, focusFirst: K, focusLast: q, focusFirstSelected: J, focusLastSelected: Y, focusByHash: ie, blur: X, getHighlighted: ae } = te(() => k.options, { disabled: () => !k.open });
+		y(U, (t) => {
+			M.value && e(t) && F.value.scrollToIndex(t, {
+				align: "center",
+				behavior: "smooth"
+			}), A("focused:change", V.value);
+		});
+		let Z = () => {
+			if (r(U.value) || !k.open) return;
+			let e = z.value[U.value];
+			e.disabled || (e.selected ? A("option:unselected", e) : A("option:selected", e));
+		}, Q = m(0), $ = () => {
+			M.value && (Q.value = M.value.scrollHeight);
+		}, oe = (e) => {
+			if (e.preventDefault(), M.value && e.target instanceof HTMLElement && N.value) {
+				let t = e.target, n = t.dataset.index;
+				for (; r(n) && t.parentElement;) t = t.parentElement, n = t.dataset.index;
+				if (n) {
+					let e = z.value[+n];
+					e && !e.disabled && (U.value = +n, Z());
+				}
+			}
+		};
+		return y(() => k.open, () => {
+			$();
+		}, { flush: "post" }), y(() => k.options, (e, t) => {
+			n(e.map((e) => e.valueHash)) !== n(t.map((e) => e.valueHash)) && (F.value.calculateRange(), $(), X());
+		}, { flush: "post" }), O({
+			focusNext: W,
+			focusPrevious: G,
+			focusFirst: K,
+			focusFirstSelected: J,
+			focusLast: q,
+			focusLastSelected: Y,
+			blur: X,
+			confirmOption: Z,
+			focusByHash: ie,
+			getHighlighted: ae,
+			getActiveDescendantId: () => V.value
+		}), (e, t) => (p(), s("span", {
+			class: d(["bb-listbox", {
+				"bb-listbox--compact": e.compact,
+				"bb-listbox--loading": e.loading,
+				"bb-listbox--multiple": e.multiple,
+				"bb-listbox--no-data": !H.value,
+				"bb-listbox--open": e.open
+			}]),
+			style: f({
+				"--transition-duration": `${e.transitionDuration}ms`,
+				"--overlay-min-height": `${Q.value}px`,
+				"--option-height": `${P.value}px`
+			}),
+			onClick: b(oe, ["stop"])
+		}, [c("span", x, [c("span", S, [
+			h(e.$slots, "options:prepend"),
+			e.loading && !H.value ? (p(), s("span", C, [h(e.$slots, "loading", {}, () => [l(g(e.loadingText || _(j)("common.loadingText").value), 1)])])) : H.value ? (p(), s("span", {
+				key: 2,
+				role: "listbox",
+				ref: "listbox",
+				style: f({ height: `${L.value}px` }),
+				"aria-activedescendant": V.value,
+				"aria-multiselectable": e.multiple ? !0 : void 0,
+				tabindex: "-1"
+			}, [(p(!0), s(a, null, ne(I.value, (n) => (p(), s("span", {
+				key: z.value[n.index].valueHash,
+				"aria-selected": z.value[n.index].focused ? !0 : void 0,
+				class: d({
+					"bb-listbox__option autocomplete-option": !0,
+					"autocomplete-option--focused": z.value[n.index].focused,
+					"autocomplete-option--selected": z.value[n.index].selected,
+					"autocomplete-option--disabled": z.value[n.index].disabled
+				}),
+				"data-index": n.index,
+				id: B(z.value[n.index].valueHash),
+				role: "option",
+				style: f({ transform: `translateY(${n.start}px)` })
+			}, [h(e.$slots, "option", {
+				disabled: z.value[n.index].disabled,
+				focused: z.value[n.index].focused,
+				index: n.index,
+				item: z.value[n.index].item,
+				selected: z.value[n.index].selected,
+				text: z.value[n.index].text,
+				value: z.value[n.index].value
+			}, () => [t[0] ||= c("svg", {
+				class: "autocomplete-option__checkbox",
+				role: "presentation",
+				viewBox: "276.411 158.834 114.971 114.97"
+			}, [c("path", {
+				d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+				fill: "none",
+				"stroke-linecap": "round",
+				"stroke-width": "14px"
+			})], -1), c("span", D, g(z.value[n.index].text), 1)])], 14, E))), 128))], 12, T)) : (p(), s("span", w, [h(e.$slots, "no-data", {}, () => [l(g(e.noDataText || _(j)("common.noDataText").value), 1)])])),
+			h(e.$slots, "options:append")
+		], 512)])], 6));
+	}
+});
+//#endregion
+export { O as default };

package/dist/index181.js

@@ -1,5 +1,5 @@
-import o from "./index64.js";
-/* empty css        */
-export {
-  o as default
-};
+import e from "./index180.js";
+//#region src/components/FlatListBox/FlatListBox.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index182.js

@@ -1,5 +1,217 @@
-import o from "./index66.js";
-/* empty css        */
-export {
-  o as default
-};
+import { useLocale as e } from "./index42.js";
+import { isNil as t } from "./index94.js";
+import { useVirtualizer as n } from "./index177.js";
+import { useListboxFocus as r } from "./index178.js";
+import { indexBy as i } from "./index179.js";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useTemplateRef as y, watch as b, withModifiers as ee } from "vue";
+//#region src/components/GroupedListBox/GroupedListBox.vue?vue&type=script&setup=true&lang.ts
+var te = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
+	ref: "inner",
+	class: "bb-listbox__inner-container",
+	tabindex: "-1"
+}, x = {
+	key: 0,
+	class: "bb-listbox__loading"
+}, S = {
+	key: 1,
+	class: "bb-listbox__no-data"
+}, C = ["aria-activedescendant", "aria-multiselectable"], w = ["aria-labelledby", "aria-disabled"], T = ["id"], E = { class: "bb-listbox__group-header-label" }, D = [
+	"aria-selected",
+	"aria-setsize",
+	"aria-posinset",
+	"id",
+	"data-index"
+], O = { class: "autocomplete-option__label" }, k = /* @__PURE__ */ u({
+	__name: "GroupedListBox",
+	props: {
+		compact: { type: Boolean },
+		groups: {},
+		headerHeight: {},
+		loading: { type: Boolean },
+		loadingText: {},
+		multiple: { type: Boolean },
+		noDataText: {},
+		open: { type: Boolean },
+		optionHeight: {},
+		transitionDuration: { default: 250 }
+	},
+	emits: [
+		"option:selected",
+		"option:unselected",
+		"focused:change"
+	],
+	setup(u, { expose: k, emit: A }) {
+		let j = u, M = A, { t: N } = e(), P = y("inner"), re = y("listbox"), F = o(() => j.optionHeight ? j.optionHeight : j.compact ? 32 : 40), I = o(() => j.headerHeight ? j.headerHeight : j.compact ? 24 : 32), ie = o(() => {
+			let e = 0;
+			return j.groups.map((t, n) => {
+				let r = t.id, i = e, a = t.options.length, o = I.value + a * F.value, s = `group-header-${t.id}`, c = typeof t.data == "string" ? t.data : JSON.stringify(t.data), l = t.options.every((e) => e.disabled), u = t.data, d = t.options;
+				return e += a, {
+					offset: i,
+					length: a,
+					height: o,
+					id: r,
+					headerId: s,
+					label: c,
+					index: n,
+					allOptionsAreDisabled: l,
+					data: u,
+					options: d
+				};
+			});
+		}), L = o(() => i(ie.value, "index")), R = o(() => j.groups.flatMap((e, t) => e.options.map((n, r) => {
+			let i = n.valueHash, a = L.value[t].offset + r, o = e.id, s = !!n.selected, c = !!n.disabled, l = n.item, u = n.text, d = n.value, f = a === J.value;
+			return {
+				id: i,
+				globalIndex: a,
+				groupIndex: t,
+				groupId: o,
+				indexInGroup: r,
+				selected: s,
+				disabled: c,
+				item: l,
+				text: u,
+				value: d,
+				valueHash: n.valueHash,
+				focused: f
+			};
+		}))), z = o(() => i(R.value, "id")), B = o(() => i(R.value, "globalIndex")), V = (e) => `listbox-option-${e}`, H = o(() => {
+			if (t(J.value)) return;
+			let e = B.value[J.value];
+			if (e) return V(e.valueHash);
+		}), U = o(() => R.value.length > 0), W = (e) => I.value + j.groups[e].options.length * F.value, G = n({
+			get count() {
+				return j.groups.length;
+			},
+			getScrollElement: () => P.value ?? null,
+			estimateSize: (e) => W(e),
+			overscan: 2
+		}), K = o(() => G.value.getVirtualItems()), q = o(() => G.value.getTotalSize()), { focusedIndex: J, focusNext: ae, focusPrevious: oe, focusFirst: se, focusLast: ce, focusFirstSelected: le, focusLastSelected: ue, focusByHash: Y, blur: X, getHighlighted: de } = r(o(() => R.value), { disabled: () => !j.open }), fe = () => {
+			if (!P.value || t(J.value)) return;
+			let e = P.value.querySelector(`[data-index="${J.value}"]`);
+			e && e.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			});
+		};
+		b(J, () => {
+			fe(), M("focused:change", H.value);
+		});
+		let Z = () => {
+			if (t(J.value) || !j.open) return;
+			let e = B.value[J.value];
+			if (!e || e.disabled) return;
+			let n = {
+				text: e.text,
+				value: e.value,
+				item: e.item,
+				valueHash: e.valueHash,
+				selected: e.selected,
+				disabled: e.disabled
+			};
+			e.selected ? M("option:unselected", n) : M("option:selected", n);
+		}, Q = m(0), $ = () => {
+			P.value && (Q.value = P.value.scrollHeight);
+		}, pe = (e) => {
+			if (e.preventDefault(), P.value && e.target instanceof HTMLElement && re.value) {
+				let n = e.target, r = n.dataset.index;
+				for (; t(r) && n.parentElement;) n = n.parentElement, r = n.dataset.index;
+				if (r) {
+					let e = B.value[+r];
+					e && !e.disabled && (J.value = +r, Z());
+				}
+			}
+		};
+		return b(() => j.open, $, { flush: "post" }), b(() => j.groups, (e, t) => {
+			e.flatMap((e) => e.options.map((e) => e.valueHash)).join(",") !== t.flatMap((e) => e.options.map((e) => e.valueHash)).join(",") && (G.value.measure(), $(), X());
+		}, { flush: "post" }), k({
+			focusNext: ae,
+			focusPrevious: oe,
+			focusFirst: se,
+			focusFirstSelected: le,
+			focusLast: ce,
+			focusLastSelected: ue,
+			blur: X,
+			confirmOption: Z,
+			focusByHash: Y,
+			getHighlighted: de,
+			getActiveDescendantId: () => H.value
+		}), (e, t) => (p(), s("span", {
+			class: d(["bb-listbox bb-listbox--grouped", {
+				"bb-listbox--compact": e.compact,
+				"bb-listbox--loading": e.loading,
+				"bb-listbox--multiple": e.multiple,
+				"bb-listbox--no-data": !U.value,
+				"bb-listbox--open": e.open
+			}]),
+			style: f({
+				"--transition-duration": `${e.transitionDuration}ms`,
+				"--overlay-min-height": `${Q.value}px`,
+				"--option-height": `${F.value}px`,
+				"--group-header-height": `${I.value}px`
+			}),
+			onClick: ee(pe, ["stop"])
+		}, [c("span", te, [c("span", ne, [
+			g(e.$slots, "options:prepend"),
+			e.loading && !U.value ? (p(), s("span", x, [g(e.$slots, "loading", {}, () => [l(_(e.loadingText || v(N)("common.loadingText").value), 1)])])) : U.value ? (p(), s("span", {
+				key: 2,
+				role: "listbox",
+				ref: "listbox",
+				style: f({ height: `${q.value}px` }),
+				"aria-activedescendant": H.value,
+				"aria-multiselectable": e.multiple ? !0 : void 0,
+				tabindex: "-1"
+			}, [(p(!0), s(a, null, h(K.value, (n) => (p(), s("span", {
+				key: L.value[n.index].id,
+				style: f({ transform: `translateY(${n.start}px)` }),
+				role: "group",
+				"aria-labelledby": L.value[n.index].headerId,
+				"aria-disabled": L.value[n.index].allOptionsAreDisabled,
+				class: "bb-listbox__group"
+			}, [c("span", {
+				class: "bb-listbox__group-header",
+				role: "presentation",
+				id: L.value[n.index].headerId
+			}, [g(e.$slots, "group", {
+				text: L.value[n.index].label,
+				item: L.value[n.index].data,
+				index: n.index,
+				length: L.value[n.index].length,
+				disabled: L.value[n.index].allOptionsAreDisabled
+			}, () => [c("span", E, _(L.value[n.index].label), 1)])], 8, T), (p(!0), s(a, null, h(L.value[n.index].options, (r) => (p(), s("span", {
+				key: r.valueHash,
+				"aria-selected": z.value[r.valueHash].selected ? !0 : void 0,
+				"aria-setsize": L.value[n.index].length,
+				"aria-posinset": z.value[r.valueHash].indexInGroup + 1,
+				id: V(r.valueHash),
+				class: d({
+					"bb-listbox__option autocomplete-option": !0,
+					"autocomplete-option--focused": v(J) === z.value[r.valueHash].globalIndex,
+					"autocomplete-option--selected": z.value[r.valueHash].selected,
+					"autocomplete-option--disabled": z.value[r.valueHash].disabled
+				}),
+				"data-index": z.value[r.valueHash].globalIndex,
+				role: "option"
+			}, [g(e.$slots, "option", {
+				disabled: !!z.value[r.valueHash].disabled,
+				focused: v(J) === z.value[r.valueHash].globalIndex,
+				index: z.value[r.valueHash].globalIndex,
+				item: z.value[r.valueHash].item,
+				selected: !!z.value[r.valueHash].selected,
+				text: z.value[r.valueHash].text,
+				value: z.value[r.valueHash].value
+			}, () => [t[0] ||= c("svg", {
+				class: "autocomplete-option__checkbox",
+				role: "presentation",
+				viewBox: "276.411 158.834 114.971 114.97"
+			}, [c("path", {
+				d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+				fill: "none",
+				"stroke-linecap": "round",
+				"stroke-width": "14px"
+			})], -1), c("span", O, _(z.value[r.valueHash].text), 1)])], 10, D))), 128))], 12, w))), 128))], 12, C)) : (p(), s("span", S, [g(e.$slots, "no-data", {}, () => [l(_(e.noDataText || v(N)("common.noDataText").value), 1)])])),
+			g(e.$slots, "options:append")
+		], 512)])], 6));
+	}
+});
+//#endregion
+export { k as default };

package/dist/index183.js

@@ -1,5 +1,5 @@
-import o from "./index68.js";
-/* empty css        */
-export {
-  o as default
-};
+import e from "./index182.js";
+//#region src/components/GroupedListBox/GroupedListBox.vue
+var t = e;
+//#endregion
+export { t as default };