bitboss-ui 2.1.129 → 2.1.131

package/dist/index307.js

@@ -1,507 +1,9 @@
-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 };
+import o from "./index346.js";
+import r from "./index347.js";
+const e = {
+  it: o,
+  en: r
+};
+export {
+  e as locales
+};

package/dist/index308.js

@@ -0,0 +1,5 @@
+import o from "./index233.js";
+/* empty css         */
+export {
+  o as default
+};

package/dist/index309.js

@@ -1,6 +1,7 @@
-import e from "./index307.js";
-/* empty css         */
-//#region src/components/BbSelectPopover/BbSelectPopover.vue
-var t = e;
-//#endregion
-export { t as default };
+import { getDefaultExportFromCjs as r } from "./index349.js";
+import { __require as o } from "./index348.js";
+var e = o();
+const s = /* @__PURE__ */ r(e);
+export {
+  s as default
+};