bitboss-ui 2.1.123 → 2.1.125

package/dist/index232.js

@@ -8,14 +8,14 @@ import s from "./index60.js";
 import c from "./index219.js";
 import { findRightIndex as l } from "./index229.js";
 import u from "./index230.js";
-import { parseWidthString as ee } from "./index231.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeProps as te, normalizeStyle as ne, onBeforeUnmount as re, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as ie, unref as w, useTemplateRef as ae, watch as T, withCtx as E } from "vue";
+import { parseWidthString as d } from "./index231.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeProps as ee, normalizeStyle as te, onBeforeUnmount as ne, openBlock as x, ref as S, renderList as re, renderSlot as C, toDisplayString as ie, unref as ae, useTemplateRef as oe, watch as w, withCtx as T } from "vue";
 //#region src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts
-var oe = [
+var se = [
 	"id",
 	"aria-labelledby",
 	"inert"
-], se = { class: "item__content" }, ce = 500, le = 10, D = /* @__PURE__ */ v({
+], ce = { class: "item__content" }, le = 500, ue = 10, E = /* @__PURE__ */ y({
 	inheritAttrs: !1,
 	__name: "BbDropdown",
 	props: {
@@ -34,9 +34,9 @@ var oe = [
 		trigger: { default: "click" },
 		width: { default: "auto" }
 	},
-	setup(v) {
-		let D = v, O = D.id ?? `bb_${t().id.value}`, k = x(), A = f(() => a(k.value)), ue = f(() => D.activator != null), de = ae("popover"), j = f(() => a(de.value)), M = x(!1), fe = o(M, { initialValue: D.eager }), pe = f(() => {
-			let e = D.trigger;
+	setup(y) {
+		let E = y, D = E.id ?? `bb_${t().id.value}`, O = S(D), k = S(), A = p(() => a(k.value)), de = p(() => E.activator != null), fe = oe("popover"), j = p(() => a(fe.value)), M = S(!1), pe = o(M, { initialValue: E.eager }), me = p(() => {
+			let e = E.trigger;
 			return new Set(Array.isArray(e) ? e : [e]);
 		}), N = (e, t) => ({ getBoundingClientRect: () => ({
 			x: e,
@@ -50,20 +50,20 @@ var oe = [
 			toJSON() {
 				return this;
 			}
-		}) }), P = x(null), me = f(() => D.placement === "cursor" && P.value ? P.value : k.value), F = (e) => {
+		}) }), P = S(null), he = p(() => E.placement === "cursor" && P.value ? P.value : k.value), F = (e) => {
 			let t = a(e);
 			t && (k.value = t);
-		}, { resume: he, pause: I } = r(A, async ([{ intersectionRatio: e }]) => {
+		}, { resume: I, pause: ge } = r(A, async ([{ intersectionRatio: e }]) => {
 			e !== 1 && M.value && await Z();
 		}, {
 			threshold: [0, 1],
 			immediate: !1
-		}), L = f(() => {
-			let e = D.items.findIndex((e) => !e.disabled), t = l(D.items, (e) => !e.disabled);
-			return D.items.map((n, r) => {
-				let i = `${O}-item-${n.key}`, { onClick: a, ...o } = n, s = async (e) => {
+		}), L = p(() => {
+			let e = E.items.findIndex((e) => !e.disabled), t = l(E.items, (e) => !e.disabled);
+			return E.items.map((n, r) => {
+				let i = `${D}-item-${n.key}`, { onClick: a, ...o } = n, s = async (e) => {
 					e.stopPropagation(), await Z();
-					let t = document.querySelector(`#${O}`);
+					let t = document.querySelector(`#${D}`);
 					t && t.focus(), a?.(e);
 				}, c = (n) => {
 					if (!(!(n.target instanceof HTMLElement) || !n.target.dataset.dropdownItem || !j.value)) {
@@ -74,15 +74,15 @@ var oe = [
 							}
 						} else if (n.key === "ArrowUp") {
 							if (n.preventDefault(), r !== e) {
-								let e = l(D.items, (e, t) => t < r && !e.disabled), t = Array.from(j.value.querySelectorAll(".bb-dropdown__item"))[e];
+								let e = l(E.items, (e, t) => t < r && !e.disabled), t = Array.from(j.value.querySelectorAll(".bb-dropdown__item"))[e];
 								t instanceof HTMLElement && t.focus();
 							}
 						} else if (n.key === "Tab") {
 							if (r === t && !n.shiftKey) {
-								let e = Array.from(document.querySelectorAll(u.join(","))), t = e[e.findIndex((e) => e.id === O) + 1];
+								let e = Array.from(document.querySelectorAll(u.join(","))), t = e[e.findIndex((e) => e.id === D) + 1];
 								t instanceof HTMLElement && (n.preventDefault(), Z(), t.focus());
 							} else if (r === e && n.shiftKey) {
-								let e = document.querySelector(`#${O}`);
+								let e = document.querySelector(`#${D}`);
 								e && (n.preventDefault(), e.focus());
 							}
 						}
@@ -92,40 +92,40 @@ var oe = [
 					...o,
 					original: n,
 					key: n.key.split(/\W+/g).join("_").toLowerCase(),
-					disabled: o.disabled || D.disabled,
+					disabled: o.disabled || E.disabled,
 					id: i,
 					onClick: s,
 					onKeydown: c
 				};
 			});
 		}), R = (e) => {
-			if (!D.disabled) {
+			if (!E.disabled) {
 				if (H) {
 					H = !1, e.preventDefault(), e.stopPropagation();
 					return;
 				}
-				e.stopPropagation(), D.placement === "cursor" && (P.value = N(e.clientX, e.clientY)), M.value ? Z() : X();
+				e.stopPropagation(), E.placement === "cursor" && (P.value = N(e.clientX, e.clientY)), M.value ? Z() : X();
 			}
 		}, z = (e) => {
-			D.disabled || (e.preventDefault(), e.stopPropagation(), !(D.placement === "cursor" && (P.value = N(e.clientX, e.clientY), M.value)) && (M.value ? Z() : X()));
+			E.disabled || (e.preventDefault(), e.stopPropagation(), !(E.placement === "cursor" && (P.value = N(e.clientX, e.clientY), M.value)) && (M.value ? Z() : X()));
 		}, B, V = null, H = !1, U = () => {
 			clearTimeout(B), V = null;
 		}, W = (e) => {
-			D.disabled || e.pointerType === "mouse" || (H = !1, V = {
+			E.disabled || e.pointerType === "mouse" || (H = !1, V = {
 				x: e.clientX,
 				y: e.clientY
 			}, B = setTimeout(() => {
-				H = !0, D.placement === "cursor" && V && (P.value = N(V.x, V.y)), V = null, X();
-			}, ce));
+				H = !0, E.placement === "cursor" && V && (P.value = N(V.x, V.y)), V = null, X();
+			}, le));
 		}, G = (e) => {
 			if (!V) return;
 			let t = e.clientX - V.x, n = e.clientY - V.y;
-			Math.sqrt(t * t + n * n) > le && U();
+			Math.sqrt(t * t + n * n) > ue && U();
 		}, K = () => {
 			U();
 		}, q = async (e) => {
-			if (D.disabled) return;
-			let t = D.items.findIndex((e) => !e.disabled), n = l(D.items, (e) => !e.disabled), r = (e) => {
+			if (E.disabled) return;
+			let t = E.items.findIndex((e) => !e.disabled), n = l(E.items, (e) => !e.disabled), r = (e) => {
 				if (!j.value || !L.value.length || e === -1) return;
 				let t = L.value[e].id;
 				j.value.querySelector(`#${t}`)?.focus();
@@ -135,58 +135,59 @@ var oe = [
 			let t = e.target;
 			t instanceof HTMLElement && (j.value?.contains(t) || Z());
 		}, Y = (e) => {
-			!M.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== O && document.querySelector(`#${O}`)?.focus(), Z());
+			!M.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== D && document.querySelector(`#${D}`)?.focus(), Z());
 		}, X = async () => {
-			he(), await e(50), M.value = !0, document.addEventListener("click", J, { passive: !0 }), document.addEventListener("contextmenu", J, { passive: !0 }), document.addEventListener("focusin", J, { passive: !0 }), document.addEventListener("keydown", Y, { capture: !0 });
+			I(), await e(50), M.value = !0, document.addEventListener("click", J, { passive: !0 }), document.addEventListener("contextmenu", J, { passive: !0 }), document.addEventListener("focusin", J, { passive: !0 }), document.addEventListener("keydown", Y, { capture: !0 });
 		}, Z = async () => {
-			M.value = !1, I();
+			M.value = !1, ge();
 		};
-		T(M, (e) => {
+		w(M, (e) => {
 			e || (document.removeEventListener("click", J), document.removeEventListener("contextmenu", J), document.removeEventListener("focusin", J), document.removeEventListener("keydown", Y, { capture: !0 }));
-		}), T(() => D.activator, (e) => {
+		}), w(() => E.activator, (e) => {
 			e && F(e);
 		}, { immediate: !0 });
 		let Q = null;
-		T([k, pe], ([e, t]) => {
+		w([k, me], ([e, t]) => {
 			if (Q &&= (Q(), null), !e) return;
-			e.id = O;
-			let n = [];
-			t.has("click") && (e.addEventListener("click", R), n.push(() => e.removeEventListener("click", R))), t.has("contextMenu") && (e.addEventListener("contextmenu", z), e.addEventListener("pointerdown", W), e.addEventListener("pointermove", G), e.addEventListener("pointerup", K), e.addEventListener("pointercancel", K), n.push(() => {
+			let n = !1;
+			e.id || (e.id = D, n = !0), O.value = e.id, e.setAttribute("aria-haspopup", "menu");
+			let r = [];
+			t.has("click") && (e.addEventListener("click", R), r.push(() => e.removeEventListener("click", R))), t.has("contextMenu") && (e.addEventListener("contextmenu", z), e.addEventListener("pointerdown", W), e.addEventListener("pointermove", G), e.addEventListener("pointerup", K), e.addEventListener("pointercancel", K), r.push(() => {
 				e.removeEventListener("contextmenu", z), e.removeEventListener("pointerdown", W), e.removeEventListener("pointermove", G), e.removeEventListener("pointerup", K), e.removeEventListener("pointercancel", K), U();
-			})), e.addEventListener("keydown", q), n.push(() => e.removeEventListener("keydown", q)), Q = () => {
-				n.forEach((e) => e()), e.removeAttribute("id"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
+			})), e.addEventListener("keydown", q), r.push(() => e.removeEventListener("keydown", q)), Q = () => {
+				r.forEach((e) => e()), n && e.removeAttribute("id"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
 			};
-		}, { immediate: !0 }), T([
+		}, { immediate: !0 }), w([
 			k,
 			M,
-			fe
+			pe
 		], ([e, t, n]) => {
-			e && (e.setAttribute("aria-expanded", n ? String(t) : "false"), n ? e.setAttribute("aria-controls", `menu_${O}`) : e.removeAttribute("aria-controls"));
-		}, { immediate: !0 }), re(() => {
+			e && (e.setAttribute("aria-expanded", n ? String(t) : "false"), n ? e.setAttribute("aria-controls", `menu_${D}`) : e.removeAttribute("aria-controls"));
+		}, { immediate: !0 }), ne(() => {
 			Q?.();
 		});
-		let { width: ge } = n(A, {
+		let { width: _e } = n(A, {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), $ = f(() => {
-			if (D.width !== "auto") {
-				if (D.width) {
-					let { value: e, unit: t } = ee(D.width);
-					return t === "%" ? A.value ? `${ge.value * (e / 100)}px` : "0px" : `${e}px`;
+		}, { box: "border-box" }), $ = p(() => {
+			if (E.width !== "auto") {
+				if (E.width) {
+					let { value: e, unit: t } = d(E.width);
+					return t === "%" ? A.value ? `${_e.value * (e / 100)}px` : "0px" : `${e}px`;
 				}
 				return "0px";
 			}
 		});
-		return (e, t) => (b(), h(d, null, [ue.value ? m("", !0) : C(e.$slots, "activator", te(y({ key: 0 }, {
+		return (e, t) => (x(), g(f, null, [de.value ? h("", !0) : C(e.$slots, "activator", ee(b({ key: 0 }, {
 			props: { ref: F },
 			disabled: e.disabled,
 			open: M.value,
 			placement: e.placement
-		}))), _(s, y({
+		}))), v(s, b({
 			ref: "popover",
 			modelValue: M.value,
 			"onUpdate:modelValue": t[0] ||= (e) => M.value = e,
-			anchor: me.value,
+			anchor: he.value,
 			"arrow-padding": e.arrowPadding,
 			boundary: e.boundary,
 			class: ["bb-dropdown", { [`bb-dropdown--${e.theme}`]: !0 }],
@@ -197,20 +198,20 @@ var oe = [
 			placement: e.placement === "cursor" ? "bottom-start" : e.placement,
 			"transition-duration": e.transitionDuration
 		}, e.$attrs), {
-			default: E(() => [g("span", {
-				id: `menu_${w(O)}`,
-				"aria-labelledby": w(O),
-				"aria-role": "menu",
+			default: T(() => [_("span", {
+				id: `menu_${ae(D)}`,
+				"aria-labelledby": O.value,
+				role: "menu",
 				class: "bb-dropdown__items-container",
 				inert: !M.value,
-				style: ne($.value ? { width: $.value } : void 0)
+				style: te($.value ? { width: $.value } : void 0)
 			}, [
 				C(e.$slots, "prepend", {
 					disabled: e.disabled,
 					open: M.value,
 					placement: e.placement
 				}),
-				(b(!0), h(d, null, S(L.value, ({ original: t, ...n }, r) => (b(), h(d, { key: n.key }, [
+				(x(!0), g(f, null, re(L.value, ({ original: t, ...n }, r) => (x(), g(f, { key: n.key }, [
 					C(e.$slots, "item:prepend", {
 						disabled: n.disabled,
 						index: r,
@@ -219,8 +220,8 @@ var oe = [
 						placement: e.placement,
 						text: n.text
 					}),
-					_(i, y({
-						"aria-role": "menuitem",
+					v(i, b({
+						role: "menuitem",
 						class: ["bb-dropdown__item", {
 							"bb-dropdown__item--first": r === 0,
 							"bb-dropdown__item--last": r === e.items.length - 1
@@ -228,7 +229,7 @@ var oe = [
 						"data-dropdown-item": !0,
 						ref_for: !0
 					}, n), {
-						default: E(() => [C(e.$slots, n.key, {
+						default: T(() => [C(e.$slots, n.key, {
 							disabled: n.disabled,
 							index: r,
 							item: t,
@@ -236,17 +237,17 @@ var oe = [
 							placement: e.placement,
 							text: n.text
 						}, () => [
-							n["prepend:icon"] ? (b(), p(c, {
+							n["prepend:icon"] ? (x(), m(c, {
 								key: 0,
 								class: "item__prepend-icon",
 								type: n["prepend:icon"]
-							}, null, 8, ["type"])) : m("", !0),
-							g("span", se, ie(n.text), 1),
-							n["append:icon"] ? (b(), p(c, {
+							}, null, 8, ["type"])) : h("", !0),
+							_("span", ce, ie(n.text), 1),
+							n["append:icon"] ? (x(), m(c, {
 								key: 1,
 								class: "item__append-icon",
 								type: n["append:icon"]
-							}, null, 8, ["type"])) : m("", !0)
+							}, null, 8, ["type"])) : h("", !0)
 						])]),
 						_: 2
 					}, 1040, ["class"]),
@@ -264,7 +265,7 @@ var oe = [
 					open: M.value,
 					placement: e.placement
 				})
-			], 12, oe)]),
+			], 12, se)]),
 			_: 3
 		}, 16, [
 			"modelValue",
@@ -282,4 +283,4 @@ var oe = [
 	}
 });
 //#endregion
-export { D as default };
+export { E as default };

package/dist/index240.js

@@ -1,12 +1,13 @@
-import e from "./index36.js";
-import { useLocale as t } from "./index42.js";
-import { extractDomContainer as n } from "./index45.js";
-import { isEqual as r } from "./index82.js";
-import { noop as i } from "./index142.js";
-import a from "./index219.js";
-import { pickBy as o } from "./index239.js";
-import s from "./index254.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, mergeModels as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, toRef as T, unref as E, useAttrs as D, useModel as O, withCtx as k } from "vue";
+import { useLogger as e } from "./index31.js";
+import t from "./index36.js";
+import { useLocale as n } from "./index42.js";
+import { extractDomContainer as r } from "./index45.js";
+import { isEqual as i } from "./index82.js";
+import { noop as a } from "./index142.js";
+import o from "./index219.js";
+import { pickBy as s } from "./index239.js";
+import c from "./index254.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, mergeModels as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, toRef as T, unref as E, useAttrs as D, useModel as O, withCtx as k } from "vue";
 //#region src/components/BbButton/BbButton.vue?vue&type=script&setup=true&lang.ts
 var A = {
 	key: 2,
@@ -64,8 +65,10 @@ var A = {
 	}),
 	emits: ["update:modelValue"],
 	setup(_, { expose: v }) {
-		let j = g(() => import("./index345.js")), M = _, N = O(_, "modelValue"), P = l(() => N.value !== void 0), F = l(() => r(N.value, M.trueValue)), { t: I } = t(), L = D(), R = S(), z = (e) => {
-			R.value = n(e) ?? void 0;
+		let j = g(() => import("./index345.js")), M = _, N = O(_, "modelValue"), P = l(() => N.value !== void 0), F = l(() => i(N.value, M.trueValue)), { t: I } = n();
+		e();
+		let L = D(), R = S(), z = (e) => {
+			R.value = r(e) ?? void 0;
 		}, B = l(() => {
 			let { onClick: e, ...t } = L;
 			return t;
@@ -73,16 +76,16 @@ var A = {
 			if (H.value && !M.enabledWhileLoading) return (M.type === "submit" || M.href || M.to) && e.preventDefault(), null;
 			if (P.value) {
 				let e = M.trueValue, t = M.falseValue;
-				N.value = r(N.value, e) ? t : e;
+				N.value = i(N.value, e) ? t : e;
 			}
-			V.value++, await (L.onClick ?? i)(e), V.value--;
+			V.value++, await (L.onClick ?? a)(e), V.value--;
 		}, G = typeof M.size == "string" ? { default: M.size } : {
 			default: "md",
 			...M.size
 		}, K = Object.entries(G).reduce((e, [t, n]) => (t === "default" ? e[`data-${n}`] = "" : e[`data-${t}:${n}`] = "", e), {}), q = T(() => ({
 			...B.value,
 			...K,
-			...o(M, (e, t) => ![
+			...s(M, (e, t) => ![
 				"append:icon",
 				"autoLoading",
 				"disabled",
@@ -99,14 +102,14 @@ var A = {
 				"trueValue"
 			].includes(t))
 		}));
-		return v({ $el: R }), (t, n) => (x(), f(c, null, [h(E(e), y({ ref: z }, q.value, {
+		return v({ $el: R }), (e, n) => (x(), u(E(t), y({ ref: z }, q.value, {
 			"aria-disabled": H.value ? !0 : void 0,
 			"aria-pressed": P.value ? F.value : void 0,
 			class: {
 				"bb-button": !0,
 				"bb-button--loading": H.value,
 				"bb-button--group": M.group,
-				"bb-button--icon": !!t.icon,
+				"bb-button--icon": !!e.icon,
 				"bb-button--active": P.value && F.value
 			},
 			disabled: U.value,
@@ -114,23 +117,37 @@ var A = {
 			onClick: W
 		}), {
 			default: k(() => [
-				h(E(s), { class: "bb-button__spinner" }),
-				M.icon ? (x(), u(a, {
+				h(E(c), { class: "bb-button__spinner" }),
+				M.icon ? (x(), u(o, {
 					key: 0,
 					class: "bb-button__icon",
 					type: M.icon
-				}, null, 8, ["type"])) : M["prepend:icon"] ? (x(), u(a, {
+				}, null, 8, ["type"])) : M["prepend:icon"] ? (x(), u(o, {
 					key: 1,
 					class: "bb-button__prepend-icon",
 					type: M["prepend:icon"]
 				}, null, 8, ["type"])) : d("", !0),
-				p("span", { class: b(["bb-button__content", { "sr-only": !!t.icon }]) }, [C(t.$slots, "default", {}, () => [m(w(t.text), 1)])], 2),
+				p("span", { class: b(["bb-button__content", { "sr-only": !!e.icon }]) }, [C(e.$slots, "default", {}, () => [m(w(e.text), 1)])], 2),
 				H.value ? (x(), f("span", A, w(E(I)("common.loadingText")), 1)) : d("", !0),
-				!t.icon && M["append:icon"] ? (x(), u(a, {
+				!e.icon && M["append:icon"] ? (x(), u(o, {
 					key: 3,
 					class: "bb-button__append-icon",
 					type: M["append:icon"]
-				}, null, 8, ["type"])) : d("", !0)
+				}, null, 8, ["type"])) : d("", !0),
+				e.tooltip != null || e.$slots.tooltip ? (x(), u(E(j), {
+					key: 4,
+					activator: R.value,
+					placement: e.tooltipPlacement,
+					"show-close": !1,
+					timeout: e.tooltipTimeout
+				}, {
+					default: k(() => [C(e.$slots, "tooltip", { text: e.tooltip }, () => [m(w(e.tooltip), 1)])]),
+					_: 3
+				}, 8, [
+					"activator",
+					"placement",
+					"timeout"
+				])) : d("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -139,20 +156,7 @@ var A = {
 			"class",
 			"disabled",
 			"tabindex"
-		]), t.tooltip != null || t.$slots.tooltip ? (x(), u(E(j), {
-			key: 0,
-			activator: R.value,
-			placement: t.tooltipPlacement,
-			"show-close": !1,
-			timeout: t.tooltipTimeout
-		}, {
-			default: k(() => [C(t.$slots, "tooltip", { text: t.tooltip }, () => [m(w(t.tooltip), 1)])]),
-			_: 3
-		}, 8, [
-			"activator",
-			"placement",
-			"timeout"
-		])) : d("", !0)], 64));
+		]));
 	}
 });
 //#endregion

package/dist/index270.js

@@ -56,7 +56,7 @@ var w = [
 					let n = A.accept[t];
 					if (n.includes("/")) e.push(n);
 					else {
-						k ||= (await import("./index353.js")).default;
+						k ||= (await import("./index356.js")).default;
 						let t = k.getType(n);
 						if (!t) throw Error(`Could not detect the correct mime associated with ${n}`);
 						e.push(t);