bitboss-ui 3.0.0-beta.21 → 3.0.0-beta.22

package/dist/components/BbPopover/BbPopover.vue_vue_type_script_setup_true_lang.js

@@ -6,24 +6,24 @@ import { warnRemovedAttrs as i } from "../../utilities/functions/warnRemovedAttr
 import { extractDomContainer as a } from "../../utilities/functions/extractDomContainer.js";
 import { transitions as o } from "../../utilities/misc/transitions.js";
 import ee from "../CommonPopover/CommonPopover.vue.js";
-import { parseWidthString as te } from "../../utilities/functions/parseWidthString.js";
-import { isTopEscapeEntry as ne, pushEscapeEntry as re, removeEscapeEntry as ie } from "../../utils/overlayEscapeStack.js";
-import { useMobile as ae } from "../../composables/useMobile.js";
-import { useClosingInert as oe } from "../../composables/useClosingInert.js";
-import se from "../BbOffCanvas/BbOffCanvas.vue.js";
-import { Fragment as ce, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as le, createSlots as ue, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as de, normalizeClass as fe, normalizeProps as pe, normalizeStyle as me, onBeforeUnmount as he, onMounted as ge, openBlock as m, ref as h, renderSlot as g, unref as _, useModel as _e, useTemplateRef as ve, watch as v, withCtx as y } from "vue";
-import { useElementSize as ye, useIntersectionObserver as be } from "@vueuse/core";
+import { isTopEscapeEntry as te, pushEscapeEntry as ne, removeEscapeEntry as re } from "../../utils/overlayEscapeStack.js";
+import { useMobile as ie } from "../../composables/useMobile.js";
+import { useClosingInert as ae } from "../../composables/useClosingInert.js";
+import oe from "../BbOffCanvas/BbOffCanvas.vue.js";
+import { parseWidthString as s } from "../../utilities/functions/parseWidthString.js";
+import { Fragment as se, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as ce, createSlots as le, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as ue, normalizeClass as de, normalizeProps as fe, normalizeStyle as pe, onBeforeUnmount as me, onMounted as he, openBlock as h, ref as g, renderSlot as _, unref as v, useModel as ge, useTemplateRef as _e, watch as y, withCtx as b } from "vue";
+import { useElementSize as ve, useIntersectionObserver as ye } from "@vueuse/core";
 //#region src/components/BbPopover/BbPopover.vue?vue&type=script&setup=true&lang.ts
-var xe = ["inert"], Se = {
+var be = ["inert"], xe = {
 	key: 0,
 	class: "bb-popover__header"
-}, Ce = { class: "bb-popover__content scrollbar-border" }, we = {
+}, Se = { class: "bb-popover__content scrollbar-border" }, Ce = {
 	key: 1,
 	class: "bb-popover__footer"
-}, Te = 500, Ee = 10, b = /*@__PURE__*/ d({
+}, we = 500, Te = 10, x = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "BbPopover",
-	props: /*@__PURE__*/ f({
+	props: /*@__PURE__*/ p({
 		activator: {},
 		adaptive: {
 			type: Boolean,
@@ -52,39 +52,39 @@ var xe = ["inert"], Se = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ f([
+	emits: /*@__PURE__*/ p([
 		"show",
 		"hide",
 		"shown",
 		"hidden"
 	], ["update:modelValue"]),
-	setup(o, { emit: d }) {
-		let f = _e(o, "modelValue"), b = o, x = d, De = e();
+	setup(o, { emit: f }) {
+		let p = ge(o, "modelValue"), x = o, S = f, Ee = e();
 		process.env.NODE_ENV !== "production" && i("BbPopover", r("BbPopover"));
-		let { id: Oe } = t(), S = b.id ?? Oe.value, C = `bbp_${S}`, w = h(), T = ve("popoverRef"), E = s(() => a(T.value)), D = n(f), O = s(() => b.activator != null), { isMobile: k } = ae(), A = () => (b.adaptive ?? De.adaptive) && k.value ? "canvas" : "popover", j = h(A()), M = s(() => j.value === "canvas");
-		v([
-			() => b.adaptive,
-			k,
-			f
+		let { id: De } = t(), C = x.id ?? De.value, w = `bbp_${C}`, T = g(), E = _e("popoverRef"), D = c(() => a(E.value)), O = n(p), k = c(() => x.activator != null), { isMobile: A } = ie(), j = () => (x.adaptive ?? Ee.adaptive) && A.value ? "canvas" : "popover", M = g(j()), N = c(() => M.value === "canvas");
+		y([
+			() => x.adaptive,
+			A,
+			p
 		], () => {
-			f.value || (j.value = A());
+			p.value || (M.value = j());
 		});
-		let ke = s(() => ({
+		let Oe = c(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
-			eager: b.eager,
-			disabled: b.disabled,
-			focusTarget: b.focusTarget,
-			transitionDuration: b.transitionDuration,
-			...b.offCanvasProps,
-			...D.value && !b.offCanvasProps?.title ? { "aria-labelledby": S } : {}
-		})), Ae = () => {
-			w.value?.focus(), x("hidden");
-		}, N = s(() => {
-			let e = b.trigger;
+			eager: x.eager,
+			disabled: x.disabled,
+			focusTarget: x.focusTarget,
+			transitionDuration: x.transitionDuration,
+			...x.offCanvasProps,
+			...O.value && !x.offCanvasProps?.title ? { "aria-labelledby": C } : {}
+		})), ke = () => {
+			T.value?.focus(), S("hidden");
+		}, P = c(() => {
+			let e = x.trigger;
 			return new Set(Array.isArray(e) ? e : [e]);
-		}), P = (e, t) => ({ getBoundingClientRect: () => ({
+		}), F = (e, t) => ({ getBoundingClientRect: () => ({
 			x: e,
 			y: t,
 			width: 0,
@@ -96,19 +96,19 @@ var xe = ["inert"], Se = {
 			toJSON() {
 				return this;
 			}
-		}) }), F = h(null), je = s(() => b.placement === "cursor" && F.value ? F.value : w.value), I, L = null, R = !1, z = () => {
-			clearTimeout(I), L = null;
-		}, B = (e) => {
-			w.value = a(e) ?? void 0;
-		}, Me = s(() => {
-			let e = N.value;
+		}) }), I = g(null), Ae = c(() => x.placement === "cursor" && I.value ? I.value : T.value), L, R = null, z = !1, B = () => {
+			clearTimeout(L), R = null;
+		}, V = (e) => {
+			T.value = a(e) ?? void 0;
+		}, je = c(() => {
+			let e = P.value;
 			return {
-				"aria-expanded": D.value ? f.value : void 0,
-				"aria-controls": D.value ? C : void 0,
+				"aria-expanded": O.value ? p.value : void 0,
+				"aria-controls": O.value ? w : void 0,
 				"aria-haspopup": "dialog",
-				id: S,
-				disabled: !!b.disabled,
-				ref: B,
+				id: C,
+				disabled: !!x.disabled,
+				ref: V,
 				...e.has("click") ? { onClick: J } : {},
 				...e.has("contextMenu") ? {
 					onContextmenu: Y,
@@ -119,146 +119,146 @@ var xe = ["inert"], Se = {
 				} : {}
 			};
 		});
-		v(() => b.activator, (e) => {
-			e && B(e);
-		}, { immediate: !0 }), v([w, N], ([e, t], n, r) => {
-			if (!e || !O.value) return;
+		y(() => x.activator, (e) => {
+			e && V(e);
+		}, { immediate: !0 }), y([T, P], ([e, t], n, r) => {
+			if (!e || !k.value) return;
 			let i = [];
 			t.has("click") && (e.addEventListener("click", J), i.push(() => e.removeEventListener("click", J))), t.has("contextMenu") && (e.addEventListener("contextmenu", Y), e.addEventListener("pointerdown", X), e.addEventListener("pointermove", Z), e.addEventListener("pointerup", Q), e.addEventListener("pointercancel", Q), i.push(() => {
-				e.removeEventListener("contextmenu", Y), e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", Z), e.removeEventListener("pointerup", Q), e.removeEventListener("pointercancel", Q), z();
+				e.removeEventListener("contextmenu", Y), e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", Z), e.removeEventListener("pointerup", Q), e.removeEventListener("pointercancel", Q), B();
 			})), e.setAttribute("aria-haspopup", "dialog"), r(() => {
 				i.forEach((e) => e()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
 			});
-		}, { immediate: !0 }), v([
-			w,
-			f,
-			D
+		}, { immediate: !0 }), y([
+			T,
+			p,
+			O
 		], ([e, t, n]) => {
-			!e || !O.value || !n || (e.setAttribute("id", S), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", C));
-		}, { immediate: !0 }), be(w, ([{ intersectionRatio: e }]) => {
-			e !== 1 && f.value && !M.value && $();
+			!e || !k.value || !n || (e.setAttribute("id", C), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", w));
+		}, { immediate: !0 }), ye(T, ([{ intersectionRatio: e }]) => {
+			!(e >= .99) && p.value && !N.value && $();
 		}, { threshold: [0, 1] });
-		let V = (e) => {
+		let H = (e) => {
 			let t = e.target;
 			if (!(t instanceof Node)) return;
-			let n = E.value?.contains(t), r = w.value?.contains(t);
+			let n = D.value?.contains(t), r = T.value?.contains(t);
 			!n && !r && $();
-		}, H = Symbol("bb-popover"), U = (e) => {
-			e.key === "Escape" && ne(H) && (e.preventDefault(), e.stopImmediatePropagation(), $());
-		}, Ne = () => {
-			re(H), document.addEventListener("click", V, { passive: !0 }), document.addEventListener("contextmenu", V, { passive: !0 }), document.addEventListener("keydown", U, { capture: !0 });
-		}, W = () => {
-			ie(H), document.removeEventListener("click", V), document.removeEventListener("contextmenu", V), document.removeEventListener("keydown", U, { capture: !0 });
-		}, G = !1, K = async () => {
-			if (M.value) return;
-			G = !0, x("show"), Ne(), await de();
-			let e = b.focusTarget ?? "[tabindex]:not([tabindex=\"-1\"]), button, a, input, select, textarea", t = E.value?.querySelector(e);
-			t instanceof HTMLElement && t.focus(), x("shown");
+		}, U = Symbol("bb-popover"), W = (e) => {
+			e.key === "Escape" && te(U) && (e.preventDefault(), e.stopImmediatePropagation(), $());
+		}, Me = () => {
+			ne(U), document.addEventListener("click", H, { passive: !0 }), document.addEventListener("contextmenu", H, { passive: !0 }), document.addEventListener("keydown", W, { capture: !0 });
+		}, G = () => {
+			re(U), document.removeEventListener("click", H), document.removeEventListener("contextmenu", H), document.removeEventListener("keydown", W, { capture: !0 });
+		}, K = !1, Ne = async () => {
+			if (N.value) return;
+			K = !0, S("show"), Me(), await ue();
+			let e = x.focusTarget ?? "[tabindex]:not([tabindex=\"-1\"]), button, a, input, select, textarea", t = D.value?.querySelector(e);
+			t instanceof HTMLElement && t.focus(), S("shown");
 		}, Pe = () => {
-			G && (G = !1, x("hide"), W(), w.value && w.value.focus(), x("hidden"));
-		}, Fe = oe(f, () => b.transitionDuration);
-		v(f, (e) => {
-			e ? (j.value = A(), K()) : Pe();
-		}), ge(() => {
-			f.value && K();
+			K && (K = !1, S("hide"), G(), T.value && T.value.focus(), S("hidden"));
+		}, Fe = ae(p, () => x.transitionDuration);
+		y(p, (e) => {
+			e ? (M.value = j(), Ne()) : Pe();
 		}), he(() => {
-			z(), W();
+			p.value && Ne();
+		}), me(() => {
+			B(), G();
 		});
 		let q = () => {
-			b.disabled || (f.value = !0);
+			x.disabled || (p.value = !0);
 		}, J = (e) => {
-			if (f.value) {
+			if (p.value) {
 				$();
 				return;
 			}
-			if (R) {
-				R = !1, e.preventDefault(), e.stopPropagation();
+			if (z) {
+				z = !1, e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			e.stopImmediatePropagation(), b.placement === "cursor" && (F.value = P(e.clientX, e.clientY)), q();
+			e.stopImmediatePropagation(), x.placement === "cursor" && (I.value = F(e.clientX, e.clientY)), q();
 		}, Y = (e) => {
-			b.disabled || (e.preventDefault(), e.stopPropagation(), !(b.placement === "cursor" && (F.value = P(e.clientX, e.clientY), f.value)) && (f.value ? $() : q()));
+			x.disabled || (e.preventDefault(), e.stopPropagation(), !(x.placement === "cursor" && (I.value = F(e.clientX, e.clientY), p.value)) && (p.value ? $() : q()));
 		}, X = (e) => {
-			b.disabled || e.pointerType === "mouse" || (R = !1, L = {
+			x.disabled || e.pointerType === "mouse" || (z = !1, R = {
 				x: e.clientX,
 				y: e.clientY
-			}, I = setTimeout(() => {
-				R = !0, b.placement === "cursor" && L && (F.value = P(L.x, L.y)), L = null, q();
-			}, Te));
+			}, L = setTimeout(() => {
+				z = !0, x.placement === "cursor" && R && (I.value = F(R.x, R.y)), R = null, q();
+			}, we));
 		}, Z = (e) => {
-			if (!L) return;
-			let t = e.clientX - L.x, n = e.clientY - L.y;
-			Math.sqrt(t * t + n * n) > Ee && z();
+			if (!R) return;
+			let t = e.clientX - R.x, n = e.clientY - R.y;
+			Math.sqrt(t * t + n * n) > Te && B();
 		}, Q = () => {
-			z();
+			B();
 		}, $ = () => {
-			f.value = !1;
-		}, Ie = s(() => {
-			if (!b.width) return !1;
-			let { unit: e } = te(b.width);
+			p.value = !1;
+		}, Ie = c(() => {
+			if (!x.width) return !1;
+			let { unit: e } = s(x.width);
 			return e === "%";
-		}), { width: Le } = ye(s(() => Ie.value ? w.value : void 0), {
+		}), { width: Le } = ve(c(() => Ie.value ? T.value : void 0), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), Re = s(() => {
-			if (!b.width) return;
-			let { value: e, unit: t } = te(b.width);
-			return t === "%" && w.value ? `${Le.value * (e / 100)}px` : `${e}px`;
+		}, { box: "border-box" }), Re = c(() => {
+			if (!x.width) return;
+			let { value: e, unit: t } = s(x.width);
+			return t === "%" && T.value ? `${Le.value * (e / 100)}px` : `${e}px`;
 		});
-		return (e, t) => (m(), u(ce, null, [O.value ? l("", !0) : g(e.$slots, "activator", pe(p({ key: 0 }, {
-			props: Me.value,
+		return (e, t) => (h(), d(se, null, [k.value ? u("", !0) : _(e.$slots, "activator", fe(m({ key: 0 }, {
+			props: je.value,
 			disabled: !!e.disabled,
-			isOpen: f.value,
+			isOpen: p.value,
 			placement: e.placement
-		}))), M.value ? (m(), c(se, p({
+		}))), N.value ? (h(), l(oe, m({
 			key: 1,
-			id: C,
-			modelValue: f.value,
-			"onUpdate:modelValue": t[0] ||= (e) => f.value = e,
+			id: w,
+			modelValue: p.value,
+			"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
 			class: "bb-popover-offcanvas"
 		}, {
 			...e.$attrs,
-			...ke.value
+			...Oe.value
 		}, {
-			onHidden: Ae,
-			onHide: t[1] ||= (e) => x("hide"),
-			onShow: t[2] ||= (e) => x("show"),
-			onShown: t[3] ||= (e) => x("shown")
-		}), ue({
-			default: y(() => [g(e.$slots, "default", {
+			onHidden: ke,
+			onHide: t[1] ||= (e) => S("hide"),
+			onShow: t[2] ||= (e) => S("show"),
+			onShown: t[3] ||= (e) => S("shown")
+		}), le({
+			default: b(() => [_(e.$slots, "default", {
 				close: $,
 				disabled: !!e.disabled,
-				open: f.value,
+				open: p.value,
 				placement: e.placement
 			})]),
 			_: 2
 		}, [e.$slots.header ? {
 			name: "header",
-			fn: y(() => [g(e.$slots, "header", {
+			fn: b(() => [_(e.$slots, "header", {
 				close: $,
 				disabled: !!e.disabled,
-				open: f.value,
+				open: p.value,
 				placement: e.placement
 			})]),
 			key: "0"
 		} : void 0, e.$slots.footer ? {
 			name: "footer",
-			fn: y(() => [g(e.$slots, "footer", {
+			fn: b(() => [_(e.$slots, "footer", {
 				close: $,
 				disabled: !!e.disabled,
-				open: f.value,
+				open: p.value,
 				placement: e.placement
 			})]),
 			key: "1"
-		} : void 0]), 1040, ["modelValue"])) : (m(), c(ee, p({
+		} : void 0]), 1040, ["modelValue"])) : (h(), l(ee, m({
 			key: 2,
-			id: C,
+			id: w,
 			ref_key: "popoverRef",
-			ref: T,
-			modelValue: f.value,
-			"onUpdate:modelValue": t[4] ||= (e) => f.value = e,
-			anchor: je.value,
-			"aria-labelledby": _(D) ? _(S) : void 0,
+			ref: E,
+			modelValue: p.value,
+			"onUpdate:modelValue": t[4] ||= (e) => p.value = e,
+			anchor: Ae.value,
+			"aria-labelledby": v(O) ? v(C) : void 0,
 			boundary: e.boundary,
 			class: "bb-popover",
 			dialog: "",
@@ -270,30 +270,30 @@ var xe = ["inert"], Se = {
 			style: { width: Re.value },
 			"transition-duration": e.transitionDuration
 		}, e.$attrs), {
-			default: y(({ availableHeight: t }) => [le("div", {
-				class: fe(["bb-popover__panel", { "bb-popover__panel--scrollable": e.scrollable }]),
-				inert: _(Fe),
-				style: me({ "--max-h": e.scrollable && t != null ? `${t}px` : void 0 })
+			default: b(({ availableHeight: t }) => [ce("div", {
+				class: de(["bb-popover__panel", { "bb-popover__panel--scrollable": e.scrollable }]),
+				inert: v(Fe),
+				style: pe({ "--max-h": e.scrollable && t != null ? `${t}px` : void 0 })
 			}, [
-				e.$slots.header ? (m(), u("div", Se, [g(e.$slots, "header", {
+				e.$slots.header ? (h(), d("div", xe, [_(e.$slots, "header", {
 					close: $,
 					disabled: !!e.disabled,
-					open: f.value,
+					open: p.value,
 					placement: e.placement
-				})])) : l("", !0),
-				le("div", Ce, [g(e.$slots, "default", {
+				})])) : u("", !0),
+				ce("div", Se, [_(e.$slots, "default", {
 					close: $,
 					disabled: !!e.disabled,
-					open: f.value,
+					open: p.value,
 					placement: e.placement
 				})]),
-				e.$slots.footer ? (m(), u("div", we, [g(e.$slots, "footer", {
+				e.$slots.footer ? (h(), d("div", Ce, [_(e.$slots, "footer", {
 					close: $,
 					disabled: !!e.disabled,
-					open: f.value,
+					open: p.value,
 					placement: e.placement
-				})])) : l("", !0)
-			], 14, xe)]),
+				})])) : u("", !0)
+			], 14, be)]),
 			_: 3
 		}, 16, [
 			"modelValue",
@@ -310,4 +310,4 @@ var xe = ["inert"], Se = {
 	}
 });
 //#endregion
-export { b as default };
+export { x as default };

package/dist/components/BbSelectPopover/BbSelectPopover.vue_vue_type_script_setup_true_lang.js

@@ -8,26 +8,26 @@ import { extractDomContainer as o } from "../../utilities/functions/extractDomCo
 import { waitFor as s } from "../../utilities/functions/waitFor.js";
 import { transitions as ee } from "../../utilities/misc/transitions.js";
 import te from "../CommonPopover/CommonPopover.vue.js";
-import { parseWidthString as ne } from "../../utilities/functions/parseWidthString.js";
-import { isTopEscapeEntry as re, pushEscapeEntry as ie, removeEscapeEntry as ae } from "../../utils/overlayEscapeStack.js";
-import { useMobile as oe } from "../../composables/useMobile.js";
-import { provideSheetSurface as se } from "../../composables/useSheetSurface.js";
-import { useClosingInert as ce } from "../../composables/useClosingInert.js";
+import { isTopEscapeEntry as ne, pushEscapeEntry as re, removeEscapeEntry as ie } from "../../utils/overlayEscapeStack.js";
+import { useMobile as ae } from "../../composables/useMobile.js";
+import { provideSheetSurface as oe } from "../../composables/useSheetSurface.js";
+import { useClosingInert as se } from "../../composables/useClosingInert.js";
 import { wait as c } from "../../utilities/functions/wait.js";
-import { get as le } from "../../utilities/functions/get.js";
-import { useLocale as ue } from "../../composables/useLocale.js";
-import de from "../BbIcon/BbIcon.vue.js";
-import fe from "../BbBadge/BbBadge.vue.js";
-import { isNil as pe } from "../../utilities/functions/isNil.js";
-import { matchAnyKey as me } from "../../utilities/functions/matchAnyKey.js";
-import he from "../../assets/svgs/search.svg_raw.js";
-import { useImeDismissBlur as ge } from "../../composables/useImeDismissBlur.js";
-import _e from "../BbOffCanvas/BbOffCanvas.vue.js";
-import ve from "../BbSmoothHeight/BbSmoothHeight.vue.js";
-import { hash as ye } from "../../utilities/functions/hash.js";
-import { useArray as be } from "../../composables/useArray.js";
-import { useItemsGetter as xe } from "../../composables/useItemsGetter.js";
-import { useHashedWatcher as Se } from "../../composables/useHashedWatcher.js";
+import { get as ce } from "../../utilities/functions/get.js";
+import { useLocale as le } from "../../composables/useLocale.js";
+import ue from "../BbIcon/BbIcon.vue.js";
+import de from "../BbBadge/BbBadge.vue.js";
+import { isNil as fe } from "../../utilities/functions/isNil.js";
+import { matchAnyKey as pe } from "../../utilities/functions/matchAnyKey.js";
+import me from "../../assets/svgs/search.svg_raw.js";
+import { useImeDismissBlur as he } from "../../composables/useImeDismissBlur.js";
+import ge from "../BbOffCanvas/BbOffCanvas.vue.js";
+import _e from "../BbSmoothHeight/BbSmoothHeight.vue.js";
+import { hash as ve } from "../../utilities/functions/hash.js";
+import { useArray as ye } from "../../composables/useArray.js";
+import { useItemsGetter as be } from "../../composables/useItemsGetter.js";
+import { useHashedWatcher as xe } from "../../composables/useHashedWatcher.js";
+import { parseWidthString as Se } from "../../utilities/functions/parseWidthString.js";
 import Ce from "../ClearableButton/ClearableButton.vue.js";
 import { useIndexById as we } from "../../composables/useIndexById.js";
 import { useBaseOptions as Te } from "../../composables/useBaseOptions.js";
@@ -162,7 +162,7 @@ var qe = {
 		S(() => E.activator, (e) => {
 			e && ct(e);
 		}, { immediate: !0 });
-		let { isMobile: P } = oe(), F = l(() => E.disableWriting === "mobile" ? !P.value : E.disableWriting === "desktop" ? P.value : !E.disableWriting), lt = l(() => E.disableWriting === "mobile" && P.value || E.disableWriting === "desktop" && !P.value ? "none" : void 0), { t: ut } = ue(), dt = l(() => E.searchInputAriaLabel ?? ut("select.searchLabel").value), ft = l(() => !!E.clearable && (H.value.length > 0 || (E.multiple ? Array.isArray(E.modelValue) && E.modelValue.length > 0 : !pe(E.modelValue)))), I = E.id || t().id.value, pt = l(() => E.ariaInvalid ?? !!E.hasErrors ? "true" : void 0), mt = l(() => {
+		let { isMobile: P } = ae(), F = l(() => E.disableWriting === "mobile" ? !P.value : E.disableWriting === "desktop" ? P.value : !E.disableWriting), lt = l(() => E.disableWriting === "mobile" && P.value || E.disableWriting === "desktop" && !P.value ? "none" : void 0), { t: ut } = le(), dt = l(() => E.searchInputAriaLabel ?? ut("select.searchLabel").value), ft = l(() => !!E.clearable && (H.value.length > 0 || (E.multiple ? Array.isArray(E.modelValue) && E.modelValue.length > 0 : !fe(E.modelValue)))), I = E.id || t().id.value, pt = l(() => E.ariaInvalid ?? !!E.hasErrors ? "true" : void 0), mt = l(() => {
 			let e = E.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;
@@ -179,7 +179,7 @@ var qe = {
 			if (E.width === "auto") return "auto";
 			if (E.width == null || E.width === "") return N.value ? `${N.value}px` : "320px";
 			try {
-				let { value: e, unit: t } = ne(E.width);
+				let { value: e, unit: t } = Se(E.width);
 				return t === "%" ? N.value ? `${N.value * (e / 100)}px` : "320px" : `${e}${t}`;
 			} catch {
 				return typeof E.width == "string" ? E.width.trim() : N.value ? `${N.value}px` : "320px";
@@ -215,7 +215,7 @@ var qe = {
 			let t = e.target instanceof Element ? e.target : e.target instanceof Text ? e.target.parentElement : null;
 			if (!t) return;
 			let n = M.value?.contains(t), r = !!t.closest(".bb-common-popover");
-			if (n || r) return;
+			if (n || r || e.type === "focusin" && M.value && t.contains(M.value)) return;
 			let i = t instanceof HTMLLabelElement ? t : t.closest("label");
 			i?.control && M.value?.contains(i.control) || (await Y(), On());
 		}, kt = l(() => !(E.readonly || E.disabled || G.value && !Ut.value.length)), At = new AbortController(), jt = async () => s(() => !!k.value, {
@@ -254,11 +254,11 @@ var qe = {
 		}, B = async () => {
 			K.value && (await Y(), L());
 		}, V = Symbol("bb-select-popover-escape"), Lt = (e) => {
-			!K.value || e.key !== "Escape" || re(V) && (e.stopImmediatePropagation(), e.preventDefault(), B());
-		}, H = v(""), Rt = v(!1), { getter: zt, debouncedGetter: Bt, clientReproducible: Vt, hydratedFromSsr: Ht, items: Ut, loading: Wt } = xe({
+			!K.value || e.key !== "Escape" || ne(V) && (e.stopImmediatePropagation(), e.preventDefault(), B());
+		}, H = v(""), Rt = v(!1), { getter: zt, debouncedGetter: Bt, clientReproducible: Vt, hydratedFromSsr: Ht, items: Ut, loading: Wt } = be({
 			items: b(E, "items"),
 			debounce: E.queryDebounceTime
-		}), { array: Gt, add: Kt, remove: qt, set: Jt } = be(), Yt = l(() => E.multiple ? !!E.modelValue?.length : !pe(E.modelValue)), Xt = l(() => E.prefill === !1 && !Array.isArray(E.items) && F.value && !Yt.value), Zt = l(() => Xt.value && !H.value ? ut("select.searchToStart").value : E.noDataText), { hasPrefilled: Qt, isPrefilling: $t, canLoad: en, prefill: tn, markPrefilled: nn } = De({
+		}), { array: Gt, add: Kt, remove: qt, set: Jt } = ye(), Yt = l(() => E.multiple ? !!E.modelValue?.length : !fe(E.modelValue)), Xt = l(() => E.prefill === !1 && !Array.isArray(E.items) && F.value && !Yt.value), Zt = l(() => Xt.value && !H.value ? ut("select.searchToStart").value : E.noDataText), { hasPrefilled: Qt, isPrefilling: $t, canLoad: en, prefill: tn, markPrefilled: nn } = De({
 			alreadyLoaded: Ht,
 			clientReproducible: Vt,
 			trigger: l(() => Array.isArray(E.items) || E.prefill === !0 || E.enforceCoherence && Yt.value || E.prefill === "interaction" && Rt.value),
@@ -281,17 +281,17 @@ var qe = {
 		}), { coherent: sn, coherentValue: cn } = Ee({
 			modelValue: b(E, "modelValue"),
 			multiple: E.multiple,
-			iteratee: (e) => !!on.value[ye(e)]
-		}), W = l(() => [].concat(E.modelValue).map((e) => on.value[ye(e)]).filter(Boolean)), ln = (e) => ({
+			iteratee: (e) => !!on.value[ve(e)]
+		}), W = l(() => [].concat(E.modelValue).map((e) => on.value[ve(e)]).filter(Boolean)), ln = (e) => ({
 			item: e.item,
 			text: e.text,
 			value: e.value,
 			selected: e.selected ?? !0,
 			disabled: e.disabled ?? !1
 		}), un = l(() => W.value.map(ln)), G = l(() => !!(Wt.value || E.loading)), dn = l(() => G.value && U.value.length > 0), fn = l(() => !!E.hasErrors), pn = l(() => !!E.hasWarning && !fn.value), mn = l(() => W.value.map((e) => e.text).filter(Boolean).join(", ") || "");
-		Se(() => E.modelValue, async () => {
+		xe(() => E.modelValue, async () => {
 			en.value && (sn.value || (await zt(H.value, !0, E.modelValue), E.enforceCoherence && (D("update:modelValue", cn.value), k.value?.blur())));
-		}, { debounce: E.modelValueDebounceTime }), Se(() => [E.dependencies, E.items], async () => {
+		}, { debounce: E.modelValueDebounceTime }), xe(() => [E.dependencies, E.items], async () => {
 			en.value && (await zt(H.value, !0, E.modelValue), E.enforceCoherence && !sn.value && (D("update:modelValue", cn.value), k.value?.blur()));
 		}, { debounce: E.depsDebounceTime });
 		let hn = async (e) => {
@@ -309,11 +309,11 @@ var qe = {
 		}, _n = l(() => {
 			if (!H.value || !E.multiple && W.value.some((e) => e.text === H.value)) return U.value;
 			let e = H.value.trim();
-			return E.filterBy.length ? U.value.filter((t) => me(t.item, E.filterBy, e)) : U.value.filter((t) => me(t, ["text"], e));
-		}), vn = Symbol("default"), yn = (e) => pe(E.groupBy) ? vn : typeof E.groupBy == "function" ? E.groupBy(e.item) : le(e.item, E.groupBy), bn = l(() => {
+			return E.filterBy.length ? U.value.filter((t) => pe(t.item, E.filterBy, e)) : U.value.filter((t) => pe(t, ["text"], e));
+		}), vn = Symbol("default"), yn = (e) => fe(E.groupBy) ? vn : typeof E.groupBy == "function" ? E.groupBy(e.item) : ce(e.item, E.groupBy), bn = l(() => {
 			let e = {};
 			for (let t of _n.value) {
-				let n = yn(t), r = ye(n);
+				let n = yn(t), r = ve(n);
 				e[r] || (e[r] = {
 					id: r,
 					data: n ?? null,
@@ -321,14 +321,14 @@ var qe = {
 				}), e[r].options.push(t);
 			}
 			return Object.values(e).filter((e) => e.options.length);
-		}), K = v(!1), xn = n(K), Sn = ce(K, () => E.transitionDuration), Cn = () => (E.adaptive ?? tt.adaptive) && P.value ? "canvas" : "popover", wn = v(Cn()), q = l(() => wn.value === "canvas");
+		}), K = v(!1), xn = n(K), Sn = se(K, () => E.transitionDuration), Cn = () => (E.adaptive ?? tt.adaptive) && P.value ? "canvas" : "popover", wn = v(Cn()), q = l(() => wn.value === "canvas");
 		S([
 			() => E.adaptive,
 			P,
 			K
 		], () => {
 			K.value || (wn.value = Cn());
-		}), se(q), ge({
+		}), oe(q), he({
 			active: () => K.value && q.value,
 			input: () => A.value
 		});
@@ -343,9 +343,9 @@ var qe = {
 			...E.offCanvasProps?.title ? {} : { "aria-labelledby": Pn.value },
 			...E.offCanvasProps
 		})), J = async ({ focusPopoverContent: e = !0 } = {}) => {
-			E.disabled || E.readonly || K.value || (wn.value = Cn(), Rt.value = !0, K.value = !0, !(!Qt.value && !$t.value && !Xt.value && (await tn(), !K.value)) && (await Ie(), K.value && (q.value || (ht = !0, gt(), ie(V), document.addEventListener("click", z), document.addEventListener("focusin", z), document.addEventListener("keydown", Lt, { capture: !0 }), e && (await c(0), K.value && (F.value ? R() : bt()))))));
+			E.disabled || E.readonly || K.value || (wn.value = Cn(), Rt.value = !0, K.value = !0, !(!Qt.value && !$t.value && !Xt.value && (await tn(), !K.value)) && (await Ie(), K.value && (q.value || (ht = !0, gt(), re(V), document.addEventListener("click", z, { capture: !0 }), document.addEventListener("focusin", z, { capture: !0 }), document.addEventListener("keydown", Lt, { capture: !0 }), e && (await c(0), K.value && (F.value ? R() : bt()))))));
 		}, Y = async () => {
-			K.value && (K.value = !1, k.value?.blur(), j.value = void 0, H.value = "", !q.value && (_t(), ae(V), document.removeEventListener("click", z), document.removeEventListener("focusin", z), document.removeEventListener("keydown", Lt, { capture: !0 })));
+			K.value && (K.value = !1, k.value?.blur(), j.value = void 0, H.value = "", !q.value && (_t(), ie(V), document.removeEventListener("click", z, { capture: !0 }), document.removeEventListener("focusin", z, { capture: !0 }), document.removeEventListener("keydown", Lt, { capture: !0 })));
 		}, En = () => {
 			k.value?.blur(), j.value = void 0, H.value = "", On(), L();
 		}, Dn = () => K.value ? Y() : J(), X = v(!1), Z = () => {
@@ -436,7 +436,7 @@ var qe = {
 		], ([e, t, n, r, i, a, o, s]) => {
 			e && (e.setAttribute("aria-expanded", String(t)), o || e.setAttribute("aria-label", s), r == null ? e.removeAttribute("aria-invalid") : e.setAttribute("aria-invalid", r), n ? e.setAttribute("aria-controls", `${I}_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 }), ze(() => {
-			clearTimeout(An), $?.(), At.abort(), ae(V), document.removeEventListener("click", z), document.removeEventListener("focusin", z), document.removeEventListener("keydown", Lt, { capture: !0 });
+			clearTimeout(An), $?.(), At.abort(), ie(V), document.removeEventListener("click", z, { capture: !0 }), document.removeEventListener("focusin", z, { capture: !0 }), document.removeEventListener("keydown", Lt, { capture: !0 });
 		}), (e, t) => (_(), f(je, null, [
 			st.value ? d("", !0) : y(e.$slots, "activator", g(h({ key: 0 }, {
 				props: { ref: ct },
@@ -493,11 +493,11 @@ var qe = {
 						class: "bb-select-popover__search-warning-icon",
 						focusable: "false"
 					}),
-					p(de, {
+					p(ue, {
 						"aria-hidden": "true",
 						class: "bb-select-popover__search-icon",
 						focusable: "false",
-						icon: x(he)
+						icon: x(me)
 					}, null, 8, ["icon"]),
 					e.clearable ? (_(), u(Ce, {
 						key: 0,
@@ -517,7 +517,7 @@ var qe = {
 					"aria-expanded": "true",
 					"aria-invalid": pt.value,
 					"aria-label": dt.value,
-					class: "bb-select-popover__focus-proxy sr-only",
+					class: "bb-select-popover__focus-proxy bb-sr-only",
 					role: "combobox",
 					tabindex: "-1",
 					type: "button",
@@ -573,7 +573,7 @@ var qe = {
 				])]),
 				_: 3
 			}),
-			q.value ? (_(), u(_e, h({
+			q.value ? (_(), u(ge, h({
 				key: 1,
 				modelValue: K.value,
 				"onUpdate:modelValue": t[3] ||= (e) => K.value = e,
@@ -592,7 +592,7 @@ var qe = {
 					}]),
 					tabindex: "-1"
 				}, [
-					e.multiple && W.value.length ? (_(), f("div", Ze, [Me("div", Qe, [(_(!0), f(je, null, Be(W.value, (n) => (_(), u(fe, {
+					e.multiple && W.value.length ? (_(), f("div", Ze, [Me("div", Qe, [(_(!0), f(je, null, Be(W.value, (n) => (_(), u(de, {
 						key: n.valueHash,
 						class: "bb-select-popover__sheet-chip",
 						clearable: !e.disabled && !e.readonly,
@@ -605,7 +605,7 @@ var qe = {
 						_: 2
 					}, 1032, ["clearable", "onClick:clear"]))), 128))])])) : d("", !0),
 					p(x(rt)),
-					p(ve, null, {
+					p(_e, null, {
 						default: C(() => [p(x(at))]),
 						_: 1
 					})

package/dist/components/BbSpinner/BbSpinner.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { createBlock as i, createElementBlock as a, createElementVNode as o, cre
 var f = {
 	key: 0,
 	role: "status"
-}, p = { class: "sr-only" }, m = /*@__PURE__*/ c({
+}, p = { class: "bb-sr-only" }, m = /*@__PURE__*/ c({
 	__name: "BbSpinner",
 	props: {
 		size: { default: "md" },