bitboss-ui 2.1.125 → 2.1.127

package/dist/index240.js

@@ -1,21 +1,20 @@
-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";
+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 { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, mergeModels as _, mergeProps as v, normalizeClass as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, toRef as w, unref as T, useAttrs as E, useModel as D, withCtx as O } from "vue";
 //#region src/components/BbButton/BbButton.vue?vue&type=script&setup=true&lang.ts
-var A = {
+var k = {
 	key: 2,
 	class: "bb-button__loading-label sr-only"
-}, j = /* @__PURE__ */ _({
+}, A = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "BbButton",
-	props: /* @__PURE__ */ v({
+	props: /* @__PURE__ */ _({
 		autoLoading: { type: Boolean },
 		activeClass: {},
 		ariaCurrentValue: {},
@@ -64,28 +63,26 @@ var A = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(_, { expose: v }) {
-		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;
+	setup(g, { expose: _ }) {
+		let A = h(() => import("./index345.js")), j = g, M = D(g, "modelValue"), N = c(() => M.value !== void 0), P = c(() => r(M.value, j.trueValue)), { t: F } = t(), I = E(), L = x(), R = (e) => {
+			L.value = n(e) ?? void 0;
+		}, z = c(() => {
+			let { onClick: e, ...t } = I;
 			return t;
-		}), V = S(0), H = l(() => M.loading || !!V.value && M.autoLoading), U = l(() => M.disabled), W = async (e) => {
-			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 = i(N.value, e) ? t : e;
+		}), B = x(0), V = c(() => j.loading || !!B.value && j.autoLoading), H = c(() => j.disabled), U = async (e) => {
+			if (V.value && !j.enabledWhileLoading) return (j.type === "submit" || j.href || j.to) && e.preventDefault(), null;
+			if (N.value) {
+				let e = j.trueValue, t = j.falseValue;
+				M.value = r(M.value, e) ? t : e;
 			}
-			V.value++, await (L.onClick ?? a)(e), V.value--;
-		}, G = typeof M.size == "string" ? { default: M.size } : {
+			B.value++, await (I.onClick ?? i)(e), B.value--;
+		}, W = typeof j.size == "string" ? { default: j.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,
-			...s(M, (e, t) => ![
+			...j.size
+		}, G = Object.entries(W).reduce((e, [t, n]) => (t === "default" ? e[`data-${n}`] = "" : e[`data-${t}:${n}`] = "", e), {}), K = w(() => ({
+			...z.value,
+			...G,
+			...o(j, (e, t) => ![
 				"append:icon",
 				"autoLoading",
 				"disabled",
@@ -102,52 +99,51 @@ var A = {
 				"trueValue"
 			].includes(t))
 		}));
-		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,
+		return _({ $el: L }), (t, n) => (b(), l(T(e), v({ ref: R }, K.value, {
+			"aria-disabled": V.value ? !0 : void 0,
+			"aria-pressed": N.value ? P.value : void 0,
 			class: {
 				"bb-button": !0,
-				"bb-button--loading": H.value,
-				"bb-button--group": M.group,
-				"bb-button--icon": !!e.icon,
-				"bb-button--active": P.value && F.value
+				"bb-button--loading": V.value,
+				"bb-button--group": j.group,
+				"bb-button--icon": !!t.icon,
+				"bb-button--active": N.value && P.value
 			},
-			disabled: U.value,
-			tabindex: H.value ? -1 : void 0,
-			onClick: W
+			disabled: H.value,
+			tabindex: V.value ? -1 : void 0,
+			onClick: U
 		}), {
-			default: k(() => [
-				h(E(c), { class: "bb-button__spinner" }),
-				M.icon ? (x(), u(o, {
+			default: O(() => [
+				m(T(s), { class: "bb-button__spinner" }),
+				j.icon ? (b(), l(a, {
 					key: 0,
 					class: "bb-button__icon",
-					type: M.icon
-				}, null, 8, ["type"])) : M["prepend:icon"] ? (x(), u(o, {
+					type: j.icon
+				}, null, 8, ["type"])) : j["prepend:icon"] ? (b(), l(a, {
 					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": !!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),
-				!e.icon && M["append:icon"] ? (x(), u(o, {
+					type: j["prepend:icon"]
+				}, null, 8, ["type"])) : u("", !0),
+				f("span", { class: y(["bb-button__content", { "sr-only": !!t.icon }]) }, [S(t.$slots, "default", {}, () => [p(C(t.text), 1)])], 2),
+				V.value ? (b(), d("span", k, C(T(F)("common.loadingText")), 1)) : u("", !0),
+				!t.icon && j["append:icon"] ? (b(), l(a, {
 					key: 3,
 					class: "bb-button__append-icon",
-					type: M["append:icon"]
-				}, null, 8, ["type"])) : d("", !0),
-				e.tooltip != null || e.$slots.tooltip ? (x(), u(E(j), {
+					type: j["append:icon"]
+				}, null, 8, ["type"])) : u("", !0),
+				t.tooltip != null || t.$slots.tooltip ? (b(), l(T(A), {
 					key: 4,
-					activator: R.value,
-					placement: e.tooltipPlacement,
-					"show-close": !1,
-					timeout: e.tooltipTimeout
+					activator: L.value,
+					placement: t.tooltipPlacement,
+					timeout: t.tooltipTimeout
 				}, {
-					default: k(() => [C(e.$slots, "tooltip", { text: e.tooltip }, () => [m(w(e.tooltip), 1)])]),
+					default: O(() => [S(t.$slots, "tooltip", { text: t.tooltip }, () => [p(C(t.tooltip), 1)])]),
 					_: 3
 				}, 8, [
 					"activator",
 					"placement",
 					"timeout"
-				])) : d("", !0)
+				])) : u("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -160,4 +156,4 @@ var A = {
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };

package/dist/index343.js

@@ -1,17 +1,15 @@
 import { useId as e } from "./index12.js";
 import { useElementSize as t } from "./index14.js";
-import n from "./index36.js";
-import { useLocale as r } from "./index42.js";
-import { extractDomContainer as i } from "./index45.js";
-import { useUntil as a } from "./index50.js";
-import o from "./index60.js";
-import { parseWidthString as s } from "./index231.js";
-import { Comment as c, Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as ee, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, normalizeProps as y, normalizeStyle as te, onBeforeUnmount as ne, onMounted as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, unref as re, useModel as ie, useSlots as T, useTemplateRef as E, watch as D, withCtx as O } from "vue";
+import { extractDomContainer as n } from "./index45.js";
+import { useUntil as r } from "./index50.js";
+import i from "./index60.js";
+import { parseWidthString as a } from "./index231.js";
+import { Comment as o, Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, useModel as T, useSlots as E, useTemplateRef as D, watch as O, withCtx as k } from "vue";
 //#region src/components/BbTooltip/BbTooltip.vue?vue&type=script&setup=true&lang.ts
-var k = /* @__PURE__ */ g({
+var A = /* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "BbTooltip",
-	props: /* @__PURE__ */ _({
+	props: /* @__PURE__ */ h({
 		arrowPadding: { default: 10 },
 		block: { type: Boolean },
 		disabled: { type: Boolean },
@@ -19,10 +17,6 @@ var k = /* @__PURE__ */ g({
 		id: {},
 		padding: { default: 10 },
 		placement: { default: "top" },
-		showClose: {
-			type: Boolean,
-			default: !0
-		},
 		text: {},
 		theme: { default: "default" },
 		transitionDuration: { default: 250 },
@@ -38,87 +32,85 @@ var k = /* @__PURE__ */ g({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(g) {
-		let _ = g, k = T(), { t: A } = r(), j = `bb_${_.id ?? e().id.value}`, M = `${j}_desc`, N = (e) => {
+	setup(m) {
+		let h = m, A = E(), j = `bb_${h.id ?? e().id.value}`, M = `${j}_desc`, N = (e) => {
 			if (!e) return "";
 			let t = "";
 			for (let n of e) {
-				if (n.type === c) continue;
+				if (n.type === o) continue;
 				let e = n.children;
 				typeof e == "string" ? t += e : Array.isArray(e) && (t += N(e));
 			}
 			return t;
-		}, P = S(!1), F = u(() => (_.text ?? (P.value ? N(k.default?.({})) : "")).replace(/\s+/g, " ").trim()), I = S(), L = u(() => _.activator != null), R = E("popover"), z = u(() => i(R.value)), B = S(!0), V = ie(g, "modelValue"), H = a(V), U = (e) => {
-			let t = i(e);
+		}, P = S(!1), F = c(() => (h.text ?? (P.value ? N(A.default?.({})) : "")).replace(/\s+/g, " ").trim()), I = S(), L = c(() => h.activator != null), R = D("popover"), z = c(() => n(R.value)), B = T(m, "modelValue"), V = r(B), H = (e) => {
+			let t = n(e);
 			t && (I.value = t);
-		}, W, G, K = () => {
-			clearTimeout(G);
+		}, U, W, G = () => {
+			clearTimeout(W);
+		}, K = () => {
+			clearTimeout(U), clearTimeout(W), document.removeEventListener("keydown", Y), B.value = !1;
 		}, q = () => {
-			clearTimeout(W), clearTimeout(G), document.removeEventListener("keydown", X), V.value = !1;
+			clearTimeout(U), clearTimeout(W), W = setTimeout(K, 50);
 		}, J = () => {
-			clearTimeout(W), clearTimeout(G), G = setTimeout(q, 50);
-		}, Y = () => {
-			K(), !(V.value || _.disabled || !B.value) && (W = setTimeout(() => {
-				V.value = !0, document.addEventListener("keydown", X, { passive: !0 });
-			}, _.timeout));
-		}, X = (e) => {
-			e.key === "Escape" && q();
-		}, ae = () => {
-			B.value = !1, q();
+			G(), !(B.value || h.disabled) && (U = setTimeout(() => {
+				B.value = !0, document.addEventListener("keydown", Y, { passive: !0 });
+			}, h.timeout));
+		}, Y = (e) => {
+			e.key === "Escape" && K();
 		};
-		D(() => _.activator, (e) => {
-			e && U(e);
+		O(() => h.activator, (e) => {
+			e && H(e);
 		}, { immediate: !0 });
-		let Z = null;
-		D(I, (e) => {
-			Z &&= (Z(), null), e && (e.addEventListener("mouseenter", Y, { passive: !0 }), e.addEventListener("mouseleave", J, { passive: !0 }), e.addEventListener("focus", Y, { passive: !0 }), e.addEventListener("blur", q, { passive: !0 }), Z = () => {
-				e.removeEventListener("mouseenter", Y), e.removeEventListener("mouseleave", J), e.removeEventListener("focus", Y), e.removeEventListener("blur", q);
+		let X = null;
+		O(I, (e) => {
+			X &&= (X(), null), e && (e.addEventListener("mouseenter", J, { passive: !0 }), e.addEventListener("mouseleave", q, { passive: !0 }), e.addEventListener("focus", J, { passive: !0 }), e.addEventListener("blur", K, { passive: !0 }), X = () => {
+				e.removeEventListener("mouseenter", J), e.removeEventListener("mouseleave", q), e.removeEventListener("focus", J), e.removeEventListener("blur", K);
 			});
 		}, { immediate: !0 });
-		let Q = null;
-		D(z, (e) => {
-			Q &&= (Q(), null), e && (e.addEventListener("mouseenter", K, { passive: !0 }), e.addEventListener("mouseleave", J, { passive: !0 }), Q = () => {
-				e.removeEventListener("mouseenter", K), e.removeEventListener("mouseleave", J);
+		let Z = null;
+		O(z, (e) => {
+			Z &&= (Z(), null), e && (e.addEventListener("mouseenter", G, { passive: !0 }), e.addEventListener("mouseleave", q, { passive: !0 }), Z = () => {
+				e.removeEventListener("mouseenter", G), e.removeEventListener("mouseleave", q);
 			});
 		}, { immediate: !0 });
-		let $ = () => {
+		let Q = () => {
 			let e = I.value;
-			e && (F.value ? e.setAttribute("aria-describedby", M) : H.value && e.setAttribute("aria-describedby", j));
+			e && (F.value ? e.setAttribute("aria-describedby", M) : V.value && e.setAttribute("aria-describedby", j));
 		};
 		b(() => {
-			$(), P.value = !0;
-		}), D([
+			Q(), P.value = !0;
+		}), O([
 			I,
-			H,
+			V,
 			F
-		], $, { flush: "post" }), ne(() => {
-			Z?.(), Q?.(), I.value && I.value.removeAttribute("aria-describedby"), q();
+		], Q, { flush: "post" }), y(() => {
+			X?.(), Z?.(), I.value && I.value.removeAttribute("aria-describedby"), K();
 		});
-		let { width: oe } = t(I, {
+		let { width: $ } = t(I, {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), se = u(() => {
-			if (_.width) {
-				let { value: e, unit: t } = s(_.width);
-				return t === "%" ? I.value ? `${oe.value * (e / 100)}px` : "0px" : `${e}px`;
+		}, { box: "border-box" }), ee = c(() => {
+			if (h.width) {
+				let { value: e, unit: t } = a(h.width);
+				return t === "%" ? I.value ? `${$.value * (e / 100)}px` : "0px" : `${e}px`;
 			}
 		});
-		return (e, t) => (x(), p(l, null, [
-			F.value ? (x(), p("span", {
+		return (e, t) => (x(), u(s, null, [
+			F.value ? (x(), u("span", {
 				key: 0,
 				id: M,
 				class: "sr-only"
-			}, w(F.value), 1)) : f("", !0),
-			L.value ? f("", !0) : C(e.$slots, "activator", y(v({ key: 1 }, {
-				props: { ref: U },
+			}, w(F.value), 1)) : l("", !0),
+			L.value ? l("", !0) : C(e.$slots, "activator", _(g({ key: 1 }, {
+				props: { ref: H },
 				disabled: e.disabled,
-				open: V.value,
+				open: B.value,
 				placement: e.placement
 			}))),
-			h(o, v({
+			p(i, g({
 				ref: "popover",
-				modelValue: V.value,
-				"onUpdate:modelValue": t[0] ||= (e) => V.value = e,
+				modelValue: B.value,
+				"onUpdate:modelValue": t[0] ||= (e) => B.value = e,
 				anchor: I.value,
 				"arrow-padding": e.arrowPadding,
 				boundary: e.boundary,
@@ -127,29 +119,11 @@ var k = /* @__PURE__ */ g({
 				placement: e.placement,
 				"transition-duration": e.transitionDuration
 			}, e.$attrs), {
-				default: O(() => [m("span", {
+				default: k(() => [d("span", {
 					id: j,
 					class: "bb-tooltip__content",
-					style: te({ width: se.value })
-				}, [e.showClose ? (x(), d(n, {
-					key: 0,
-					"aria-label": re(A)("common.closeLabel").value,
-					class: "bb-tooltip__close",
-					tabindex: "-1",
-					onClick: ae
-				}, {
-					default: O(() => t[1] ||= [m("svg", {
-						fill: "none",
-						viewBox: "0 0 24 24",
-						xmlns: "http://www.w3.org/2000/svg"
-					}, [m("path", {
-						d: "M23 23L1 1M23 1L1 23",
-						stroke: "currentColor",
-						"stroke-linecap": "round",
-						"stroke-width": "2"
-					})], -1)]),
-					_: 1
-				}, 8, ["aria-label"])) : f("", !0), C(e.$slots, "default", {}, () => [ee(w(e.text), 1)])], 4)]),
+					style: v({ width: ee.value })
+				}, [C(e.$slots, "default", {}, () => [f(w(e.text), 1)])], 4)]),
 				_: 3
 			}, 16, [
 				"modelValue",
@@ -165,4 +139,4 @@ var k = /* @__PURE__ */ g({
 	}
 });
 //#endregion
-export { k as default };
+export { A as default };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.125",
+	"version": "2.1.127",
 	"description": "Vue 3 component library by BitBoss: forms, selects, layout, overlays, and more.",
 	"type": "module",
 	"sideEffects": false,