bitboss-ui 2.1.119 → 2.1.121

package/dist/index307.js

@@ -1,4 +1,507 @@
-import f from "./index253.js";
-export {
-  f as default
-};
+import { wait as e } from "./index10.js";
+import { useId as t } from "./index12.js";
+import { useElementSize as n, useIntersectionObserver as r } from "./index14.js";
+import { useMobile as i } from "./index15.js";
+import { get as a } from "./index41.js";
+import { extractDomContainer as ee } from "./index45.js";
+import { useUntil as te } from "./index50.js";
+import { waitFor as ne } from "./index51.js";
+import re from "./index60.js";
+import ie from "./index65.js";
+import { hash as o } from "./index81.js";
+import { useItemsGetter as ae } from "./index89.js";
+import { useIndexById as oe } from "./index90.js";
+import { useBaseOptions as se } from "./index93.js";
+import { isNil as ce } from "./index94.js";
+import { useCoherence as le } from "./index95.js";
+import { useHashedWatcher as ue } from "./index96.js";
+import { usePrefill as de } from "./index97.js";
+import { matchAnyKey as fe } from "./index164.js";
+import { useArray as pe } from "./index165.js";
+import me from "./index185.js";
+import { parseWidthString as he } from "./index231.js";
+import ge from "./index254.js";
+import { Fragment as _e, computed as s, createCommentVNode as ve, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as ye, guardReactiveProps as be, mergeProps as d, nextTick as xe, normalizeProps as Se, onBeforeUnmount as Ce, openBlock as f, ref as p, renderSlot as m, toRef as h, unref as g, vModelDynamic as we, watch as _, withCtx as v, withDirectives as Te, withKeys as y, withModifiers as b } from "vue";
+//#region src/components/BbSelectPopover/BbSelectPopover.vue?vue&type=script&setup=true&lang.ts
+var Ee = {
+	key: 0,
+	class: "bb-select-popover__search-container"
+}, De = [
+	"id",
+	"aria-activedescendant",
+	"aria-controls",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-label",
+	"autocomplete",
+	"inputmode",
+	"tabindex",
+	"onKeydown"
+], Oe = [
+	"aria-controls",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-label",
+	"onKeydown"
+], ke = ["aria-hidden", "inert"], Ae = ["aria-hidden", "inert"], je = /* @__PURE__ */ ye({
+	inheritAttrs: !1,
+	__name: "BbSelectPopover",
+	props: {
+		activator: {},
+		allowWriting: {
+			type: [Boolean, String],
+			default: !0
+		},
+		autocomplete: { default: "off" },
+		compact: { type: Boolean },
+		arrowPadding: { default: 10 },
+		boundary: {},
+		dependencies: { default: () => [] },
+		depsDebounceTime: { default: 0 },
+		disabled: { type: Boolean },
+		hasErrors: { type: Boolean },
+		ariaInvalid: { type: Boolean },
+		ariaDescribedby: {},
+		flip: {
+			type: Boolean,
+			default: !0
+		},
+		hideArrow: {
+			type: Boolean,
+			default: !0
+		},
+		enforceCoherence: { type: Boolean },
+		filterBy: {
+			type: [
+				String,
+				Array,
+				Boolean,
+				Function,
+				null
+			],
+			default: () => []
+		},
+		groupBy: {},
+		headerHeight: {},
+		id: {},
+		items: {},
+		itemHeight: {},
+		itemText: {},
+		itemValue: {},
+		loading: { type: Boolean },
+		loadingText: {},
+		max: { default: Infinity },
+		modelValue: {},
+		modelValueDebounceTime: { default: 0 },
+		multiple: { type: Boolean },
+		noDataText: {},
+		offset: { default: 4 },
+		padding: { default: 10 },
+		placement: { default: "bottom" },
+		prefill: {
+			type: [Boolean, String],
+			default: "interaction"
+		},
+		queryDebounceTime: { default: 500 },
+		readonly: { type: Boolean },
+		searchInputAriaLabel: {},
+		stash: { type: Boolean },
+		transitionDuration: { default: 300 },
+		width: { default: "200" }
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"focus",
+		"inactive",
+		"input",
+		"update:modelValue",
+		"option:add"
+	],
+	setup(ye, { emit: je }) {
+		let x = ye, S = je;
+		if (x.multiple && !Array.isArray(x.modelValue)) throw Error("Multiple is set to \"true\" but modelValue is not an array.");
+		let C = p(), w = p(null), T = p(null), E = p(null), D = p(), { width: O } = n(C, {
+			width: 0,
+			height: 0
+		}, { box: "border-box" }), Me = s(() => x.activator != null), Ne = (e) => {
+			let t = ee(e);
+			t && (C.value = t);
+		};
+		_(() => x.activator, (e) => {
+			e && Ne(e);
+		}, { immediate: !0 });
+		let { isMobile: Pe } = i(), k = s(() => x.allowWriting === "not-mobile" ? !Pe.value : !!x.allowWriting), Fe = s(() => x.allowWriting === "not-mobile" && Pe.value ? "none" : void 0), Ie = s(() => x.searchInputAriaLabel ?? "Search options"), A = x.id || t().id.value, j = s(() => x.ariaInvalid ?? !!x.hasErrors ? "true" : void 0), M = s(() => {
+			let e = x.ariaDescribedby;
+			if (Array.isArray(e)) return e.map((e) => e.trim()).filter(Boolean).join(" ") || void 0;
+			if (typeof e == "string") return e.trim() || void 0;
+		}), { resume: Le, pause: Re } = r(C, async ([{ intersectionRatio: e }]) => {
+			e !== 1 && Y.value && await Z();
+		}, {
+			threshold: [0, 1],
+			immediate: !1
+		}), ze = s(() => {
+			if (x.width === "auto") return "auto";
+			if (x.width == null || x.width === "") return O.value ? `${O.value}px` : "320px";
+			try {
+				let { value: e, unit: t } = he(x.width);
+				return t === "%" ? O.value ? `${O.value * (e / 100)}px` : "320px" : `${e}${t}`;
+			} catch {
+				return typeof x.width == "string" ? x.width.trim() : O.value ? `${O.value}px` : "320px";
+			}
+		}), Be = s(() => ({ "--bb-select-popover-width": ze.value })), N = () => {
+			C.value?.focus();
+		}, P = () => {
+			T.value instanceof HTMLInputElement && T.value.focus();
+		}, F = () => {
+			E.value instanceof HTMLButtonElement && E.value.focus();
+		}, I = () => {
+			if (k.value) {
+				P();
+				return;
+			}
+			F();
+		}, Ve = (e) => {
+			S("focus", e), Q();
+		}, He = (e) => {
+			S("blur", e), Tt();
+		}, Ue = (e) => {
+			S("change", e);
+		}, We = (e) => {
+			Q();
+		}, Ge = (e) => {
+			S("input", e), Xe(W.value, !1, x.modelValue);
+		}, Ke = (e) => {
+			D.value = e;
+		}, L = async (e) => {
+			let t = e.target instanceof Element ? e.target : e.target instanceof Text ? e.target.parentElement : null;
+			if (!t) return;
+			let n = C.value?.contains(t), r = !!t.closest(".bb-common-popover");
+			n || r || (await Z(), Ct());
+		}, R = s(() => !(x.readonly || x.disabled || J.value)), z = async () => ne(() => !!w.value, 100), qe = () => {
+			let e = q.value[0];
+			if (e?.valueHash) {
+				w.value?.focusByHash(e.valueHash);
+				return;
+			}
+			w.value?.focusFirstSelected();
+		}, Je = () => {
+			let e = q.value[q.value.length - 1];
+			if (e?.valueHash) {
+				w.value?.focusByHash(e.valueHash);
+				return;
+			}
+			w.value?.focusLastSelected();
+		}, B = async () => {
+			R.value && (Y.value ? w.value?.focusPrevious() : (await X({ focusPopoverContent: !1 }), await z(), await e(x.transitionDuration), Je()));
+		}, V = async () => {
+			R.value && (Y.value ? w.value?.focusNext() : (await X({ focusPopoverContent: !1 }), await z(), await e(x.transitionDuration), qe()));
+		}, H = async () => {
+			if (!R.value) return;
+			if (!Y.value) {
+				await X({ focusPopoverContent: !1 }), await z(), await e(x.transitionDuration), q.value.length ? qe() : k.value ? P() : F();
+				return;
+			} else if (w.value?.getHighlighted()) {
+				w.value.confirmOption();
+				return;
+			}
+			if (!k.value) return;
+			let t = W.value.trim();
+			ct(t) || (S("option:add", t), W.value = "");
+		}, U = async () => {
+			Y.value && (await Z(), N());
+		}, W = p(""), Ye = p(!1), { getter: G, debouncedGetter: Xe, items: Ze, loading: Qe } = ae({
+			items: h(x, "items"),
+			debounce: x.queryDebounceTime
+		}), { array: $e, add: et, remove: tt, set: nt } = pe(), { hasPrefilled: rt, isPrefilling: it, canLoad: at, prefill: ot } = de({
+			trigger: s(() => x.prefill === !0 || x.prefill === "interaction" && Ye.value),
+			currentValue: void 0,
+			multiple: !1,
+			fn: async (e) => {
+				await G(W.value, e, x.modelValue), x.stash && et(...K.value.map((e) => e.item));
+			}
+		}), { data: st, get: ct } = oe({ items: s(() => [].concat(x.modelValue)) }), { options: K } = se({
+			disabled: h(x, "disabled"),
+			items: s(() => [...Ze.value, ...$e.value]),
+			itemText: x.itemText,
+			itemValue: x.itemValue,
+			max: x.max,
+			selectable: !0,
+			selectedIndexedByHash: st
+		}), { data: lt } = oe({
+			items: K,
+			key: "valueHash"
+		}), { coherent: ut, coherentValue: dt } = le({
+			modelValue: h(x, "modelValue"),
+			multiple: x.multiple,
+			iteratee: (e) => !!lt.value[o(e)]
+		}), q = s(() => [].concat(x.modelValue).map((e) => lt.value[o(e)]).filter(Boolean)), J = s(() => !!(Qe.value || x.loading)), ft = s(() => !!x.hasErrors), pt = s(() => x.multiple ? "" : q.value[0]?.text ?? "");
+		ue(() => x.modelValue, async () => {
+			at.value && (ut.value || (await G(W.value, !0, x.modelValue), x.enforceCoherence && (S("update:modelValue", dt.value), w.value?.blur())));
+		}, { debounce: x.modelValueDebounceTime }), ue(() => [x.dependencies, x.items], async () => {
+			at.value && (await G(W.value, !0, x.modelValue), x.enforceCoherence && !ut.value && (S("update:modelValue", dt.value), w.value?.blur()));
+		}, { debounce: x.depsDebounceTime });
+		let mt = async (e) => {
+			x.multiple ? (S("update:modelValue", x.modelValue.concat(e.value)), x.stash && et(e.item)) : (x.stash && nt(e.item), S("update:modelValue", e.value), await xe()), x.multiple && k.value && Y.value ? P() : N(), x.multiple || Z();
+		}, ht = async (e) => {
+			if (tt((t) => t.valueHash !== e.valueHash), x.multiple) {
+				let t = { ...st.value };
+				delete t[e.valueHash], S("update:modelValue", Object.values(t));
+			} else S("update:modelValue", null);
+			x.multiple && k.value && Y.value ? P() : N();
+		}, gt = s(() => {
+			let e = q.value.some((e) => e.text === W.value);
+			if (!(x.multiple && W.value || x.filterBy === "not_stashed" && W.value || W.value && !e && !x.multiple) || !x.filterBy) return K.value;
+			let t = x.filterBy === "not_stashed" ? new Set($e.value.map((e) => e.valueHash)) : null;
+			return K.value.filter((e) => {
+				let n = !1;
+				return typeof x.filterBy == "function" ? n = x.filterBy(e.value, e.item, W.value) : x.filterBy === "not_stashed" && W.value ? n = !t.has(e.valueHash) : Array.isArray(x.filterBy) && x.filterBy.length && (n = fe(e.item, x.filterBy, W.value.trim())), n || fe(e, ["text"], W.value.trim());
+			});
+		}), _t = Symbol("default"), vt = (e) => ce(x.groupBy) ? _t : typeof x.groupBy == "function" ? x.groupBy(e.item) : a(e.item, x.groupBy), yt = s(() => {
+			let e = {};
+			for (let t of gt.value) {
+				let n = vt(t), r = o(n);
+				e[r] || (e[r] = {
+					id: r,
+					data: n ?? null,
+					options: []
+				}), e[r].options.push(t);
+			}
+			return Object.values(e).filter((e) => e.options.length);
+		}), Y = p(!1), bt = te(Y), X = async ({ focusPopoverContent: t = !0 } = {}) => {
+			x.disabled || x.readonly || Y.value || (Ye.value = !0, Le(), Y.value = !0, !rt.value && !it.value && await ot(), await xe(), document.addEventListener("click", L), document.addEventListener("focusin", L), t && (k.value ? (await e(0), P()) : (await e(0), F())));
+		}, Z = async () => {
+			Y.value && (Y.value = !1, w.value?.blur(), D.value = void 0, Re(), document.removeEventListener("click", L), document.removeEventListener("focusin", L), W.value = "");
+		}, xt = () => Y.value ? Z() : X(), St = p(!1), Q = () => {
+			St.value = !0;
+		}, Ct = () => {
+			St.value && (St.value = !1, S("inactive"));
+		}, wt = (e) => {
+			if (!(e instanceof Node)) return !1;
+			let t = !!C.value?.contains(e), n = !!w.value?.$el?.closest(".bb-common-popover")?.contains(e);
+			return t || n;
+		}, Tt = () => {
+			setTimeout(() => {
+				if (wt(document.activeElement)) {
+					Q();
+					return;
+				}
+				Ct();
+			}, 0);
+		}, Et = () => {
+			S("update:modelValue", x.multiple ? [] : null);
+		}, $ = null;
+		return _(C, (e) => {
+			if ($ &&= ($(), null), !e) return;
+			e.setAttribute("role", "combobox"), e.setAttribute("aria-haspopup", "listbox");
+			let t = (e) => {
+				S("click", e), !(x.disabled || x.readonly) && (e.preventDefault(), xt());
+			}, n = (e) => {
+				switch (e.key) {
+					case "ArrowDown":
+						e.preventDefault(), V();
+						break;
+					case "ArrowUp":
+						e.preventDefault(), B();
+						break;
+					case "Enter":
+						e.preventDefault(), H();
+						break;
+					case "Escape":
+						Y.value && (e.preventDefault(), U());
+						break;
+				}
+			}, r = (e) => {
+				S("focus", e), Q();
+			}, i = (e) => {
+				S("blur", e), Tt();
+			};
+			e.addEventListener("click", t), e.addEventListener("keydown", n), e.addEventListener("focus", r), e.addEventListener("blur", i), $ = () => {
+				e.removeEventListener("click", t), e.removeEventListener("keydown", n), e.removeEventListener("focus", r), e.removeEventListener("blur", i), e.removeAttribute("role"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-invalid"), e.removeAttribute("aria-describedby"), e.removeAttribute("aria-activedescendant");
+			};
+		}, { immediate: !0 }), _([
+			C,
+			Y,
+			bt,
+			j,
+			M,
+			D
+		], ([e, t, n, r, i, a]) => {
+			e && (e.setAttribute("aria-expanded", String(t)), r == null ? e.removeAttribute("aria-invalid") : e.setAttribute("aria-invalid", r), n ? e.setAttribute("aria-controls", `${A}_listbox`) : e.removeAttribute("aria-controls"), i == null ? e.removeAttribute("aria-describedby") : e.setAttribute("aria-describedby", i), t && a ? e.setAttribute("aria-activedescendant", a) : e.removeAttribute("aria-activedescendant"));
+		}, { immediate: !0 }), Ce(() => {
+			$?.(), document.removeEventListener("click", L), document.removeEventListener("focusin", L);
+		}), (e, t) => (f(), c(_e, null, [Me.value ? ve("", !0) : m(e.$slots, "activator", Se(d({ key: 0 }, {
+			props: { ref: Ne },
+			shown: Y.value,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			loading: J.value,
+			query: W.value,
+			selectedOptions: q.value,
+			text: pt.value,
+			clear: Et,
+			open: X,
+			close: Z,
+			toggle: xt
+		}))), u(re, d({
+			modelValue: Y.value,
+			"onUpdate:modelValue": t[1] ||= (e) => Y.value = e
+		}, e.$attrs, {
+			anchor: C.value,
+			"arrow-padding": e.arrowPadding,
+			boundary: e.boundary,
+			class: ["bb-select-popover", {
+				"bb-select-popover--errors": ft.value,
+				"bb-select-popover--loading": J.value
+			}],
+			flip: e.flip,
+			placement: e.placement,
+			offset: e.offset,
+			padding: e.padding,
+			"transition-duration": e.transitionDuration,
+			"hide-arrow": e.hideArrow,
+			style: Be.value
+		}), {
+			default: v(() => [
+				k.value ? (f(), c("div", Ee, [
+					Te(l("input", {
+						id: `${g(A)}_search`,
+						ref_key: "searchInput",
+						ref: T,
+						"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
+						"aria-activedescendant": D.value,
+						"aria-controls": g(bt) ? `${g(A)}_listbox` : void 0,
+						"aria-describedby": M.value,
+						"aria-invalid": j.value,
+						"aria-label": Ie.value,
+						autocomplete: e.autocomplete,
+						class: "bb-select-popover__search-input",
+						inputmode: Fe.value,
+						tabindex: Y.value ? 0 : -1,
+						role: "searchbox",
+						type: "text",
+						onBlur: b(He, ["stop"]),
+						onChange: b(Ue, ["stop"]),
+						onFocus: b(Ve, ["stop"]),
+						onInput: b(Ge, ["stop"]),
+						onKeydown: [
+							y(b(V, ["stop", "prevent"]), ["down"]),
+							y(b(H, ["stop", "prevent"]), ["enter"]),
+							y(b(U, ["stop", "prevent"]), ["esc"]),
+							y(b(B, ["stop", "prevent"]), ["up"])
+						]
+					}, null, 40, De), [[we, W.value]]),
+					u(ie, {
+						"aria-hidden": "true",
+						class: "bb-select-popover__search-error-icon",
+						focusable: "false"
+					}),
+					u(g(ge), {
+						"aria-hidden": "true",
+						class: "bb-select-popover__search-spinner",
+						focusable: "false"
+					}),
+					t[2] ||= l("svg", {
+						class: "bb-select-popover__search-icon",
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 24 24",
+						"aria-hidden": "true"
+					}, [l("path", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "m21 21-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314"
+					})], -1)
+				])) : (f(), c("button", {
+					key: 1,
+					ref_key: "popoverFocusProxy",
+					ref: E,
+					class: "bb-select-popover__focus-proxy sr-only",
+					type: "button",
+					"aria-controls": `${g(A)}_listbox`,
+					"aria-describedby": M.value,
+					"aria-invalid": j.value,
+					"aria-label": Ie.value,
+					tabindex: "-1",
+					onFocus: We,
+					onKeydown: [
+						y(b(V, ["stop", "prevent"]), ["down"]),
+						y(b(B, ["stop", "prevent"]), ["up"]),
+						y(b(H, ["stop", "prevent"]), ["enter"]),
+						y(b(U, ["stop", "prevent"]), ["esc"])
+					]
+				}, " Focus options ", 40, Oe)),
+				l("div", {
+					class: "bb-select-popover__options-outer",
+					"aria-hidden": Y.value ? void 0 : "true",
+					inert: !Y.value
+				}, [m(e.$slots, "options:prepend:outer", { focus: I })], 8, ke),
+				u(me, {
+					id: `${g(A)}_listbox`,
+					ref_key: "optionsContainer",
+					ref: w,
+					compact: e.compact,
+					loading: J.value,
+					"loading-text": e.loadingText,
+					multiple: e.multiple,
+					"no-data-text": e.noDataText,
+					open: Y.value,
+					options: e.groupBy ? void 0 : gt.value,
+					groups: e.groupBy ? yt.value : void 0,
+					"header-height": e.headerHeight,
+					"option-height": e.itemHeight,
+					"onFocused:change": Ke,
+					"onOption:selected": mt,
+					"onOption:unselected": ht
+				}, {
+					"options:prepend": v(() => [m(e.$slots, "options:prepend", { focus: I })]),
+					loading: v(() => [m(e.$slots, "loading", { query: W.value })]),
+					"no-data": v(() => [m(e.$slots, "no-data", {
+						query: W.value,
+						focus: I
+					})]),
+					"options:append": v(() => [m(e.$slots, "options:append", { focus: I })]),
+					option: v((t) => [m(e.$slots, "option", d({ loading: J.value }, t))]),
+					group: v((t) => [m(e.$slots, "group", Se(be(t)))]),
+					_: 3
+				}, 8, [
+					"id",
+					"compact",
+					"loading",
+					"loading-text",
+					"multiple",
+					"no-data-text",
+					"open",
+					"options",
+					"groups",
+					"header-height",
+					"option-height"
+				]),
+				l("div", {
+					class: "bb-select-popover__options-outer",
+					"aria-hidden": Y.value ? void 0 : "true",
+					inert: !Y.value
+				}, [m(e.$slots, "options:append:outer", { focus: I })], 8, Ae)
+			]),
+			_: 3
+		}, 16, [
+			"modelValue",
+			"anchor",
+			"arrow-padding",
+			"boundary",
+			"class",
+			"flip",
+			"placement",
+			"offset",
+			"padding",
+			"transition-duration",
+			"hide-arrow",
+			"style"
+		])], 64));
+	}
+});
+//#endregion
+export { je as default };

package/dist/index309.js

@@ -1,19 +1,6 @@
-import { get as t } from "./index237.js";
-const o = () => ({
-  getItemText(r, n) {
-    if (typeof r == "string" && !n) return r;
-    if (n) {
-      if (typeof n == "function") {
-        let f = n(r);
-        return typeof f != "string" && (f = JSON.stringify(f)), f;
-      } else if (typeof n == "string") {
-        const f = t(r, n);
-        return typeof f == "string" ? f : JSON.stringify(f);
-      }
-    }
-    return JSON.stringify(r);
-  }
-});
-export {
-  o as useItemText
-};
+import e from "./index307.js";
+/* empty css         */
+//#region src/components/BbSelectPopover/BbSelectPopover.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index31.js

@@ -0,0 +1,10 @@
+//#region src/composables/useLogger.ts
+var e = "bitboss-ui | ", t = () => ({
+	warn: (t) => console.warn(`${e}${t}`),
+	error: (t) => console.error(`${e}${t}`),
+	throw: (t) => {
+		throw Error(`${e}${t}`);
+	}
+});
+//#endregion
+export { t as useLogger };