bitboss-ui 2.1.123 → 2.1.125

package/dist/index343.js

@@ -6,12 +6,12 @@ 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 { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, openBlock as x, ref as S, renderSlot as C, unref as w, useModel as T, useTemplateRef as E, watch as D, withCtx as O } from "vue";
+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";
 //#region src/components/BbTooltip/BbTooltip.vue?vue&type=script&setup=true&lang.ts
-var k = /* @__PURE__ */ h({
+var k = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "BbTooltip",
-	props: /* @__PURE__ */ g({
+	props: /* @__PURE__ */ _({
 		arrowPadding: { default: 10 },
 		block: { type: Boolean },
 		disabled: { type: Boolean },
@@ -23,6 +23,7 @@ var k = /* @__PURE__ */ h({
 			type: Boolean,
 			default: !0
 		},
+		text: {},
 		theme: { default: "default" },
 		transitionDuration: { default: 250 },
 		activator: {},
@@ -37,104 +38,130 @@ var k = /* @__PURE__ */ h({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(h) {
-		let g = h, { t: k } = r(), A = `bb_${g.id ?? e().id.value}`, j = S(), M = l(() => g.activator != null), N = E("popover"), P = l(() => i(N.value)), F = S(!0), I = T(h, "modelValue"), L = a(I), R = (e) => {
+	setup(g) {
+		let _ = g, k = T(), { t: A } = r(), j = `bb_${_.id ?? e().id.value}`, M = `${j}_desc`, N = (e) => {
+			if (!e) return "";
+			let t = "";
+			for (let n of e) {
+				if (n.type === c) 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);
-			t && (j.value = t);
-		}, z, B, V = () => {
-			clearTimeout(B);
-		}, H = () => {
-			clearTimeout(z), clearTimeout(B), document.removeEventListener("keydown", G), I.value = !1;
-		}, U = () => {
-			clearTimeout(z), clearTimeout(B), B = setTimeout(H, 50);
-		}, W = () => {
-			V(), !(I.value || g.disabled || !F.value) && (z = setTimeout(() => {
-				I.value = !0, document.addEventListener("keydown", G, { passive: !0 });
-			}, g.timeout));
-		}, G = (e) => {
-			e.key === "Escape" && H();
-		}, K = () => {
-			F.value = !1, H();
+			t && (I.value = t);
+		}, W, G, K = () => {
+			clearTimeout(G);
+		}, q = () => {
+			clearTimeout(W), clearTimeout(G), document.removeEventListener("keydown", X), V.value = !1;
+		}, 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();
 		};
-		D(() => g.activator, (e) => {
-			e && R(e);
+		D(() => _.activator, (e) => {
+			e && U(e);
 		}, { immediate: !0 });
-		let q = null;
-		D(j, (e) => {
-			q &&= (q(), null), e && (e.addEventListener("mouseenter", W, { passive: !0 }), e.addEventListener("mouseleave", U, { passive: !0 }), e.addEventListener("focus", W, { passive: !0 }), e.addEventListener("blur", H, { passive: !0 }), q = () => {
-				e.removeEventListener("mouseenter", W), e.removeEventListener("mouseleave", U), e.removeEventListener("focus", W), e.removeEventListener("blur", H);
+		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);
 			});
 		}, { immediate: !0 });
-		let J = null;
-		D(P, (e) => {
-			J &&= (J(), null), e && (e.addEventListener("mouseenter", V, { passive: !0 }), e.addEventListener("mouseleave", U, { passive: !0 }), J = () => {
-				e.removeEventListener("mouseenter", V), e.removeEventListener("mouseleave", U);
+		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);
 			});
-		}, { immediate: !0 }), D([j, L], ([e, t]) => {
-			e && t && e.setAttribute("aria-describedby", A);
-		}, { immediate: !0 }), b(() => {
-			q?.(), J?.(), j.value && j.value.removeAttribute("aria-describedby"), H();
+		}, { immediate: !0 });
+		let $ = () => {
+			let e = I.value;
+			e && (F.value ? e.setAttribute("aria-describedby", M) : H.value && e.setAttribute("aria-describedby", j));
+		};
+		b(() => {
+			$(), P.value = !0;
+		}), D([
+			I,
+			H,
+			F
+		], $, { flush: "post" }), ne(() => {
+			Z?.(), Q?.(), I.value && I.value.removeAttribute("aria-describedby"), q();
 		});
-		let { width: Y } = t(j, {
+		let { width: oe } = t(I, {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), X = l(() => {
-			if (g.width) {
-				let { value: e, unit: t } = s(g.width);
-				return t === "%" ? j.value ? `${Y.value * (e / 100)}px` : "0px" : `${e}px`;
+		}, { 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`;
 			}
 		});
-		return (e, t) => (x(), f(c, null, [M.value ? d("", !0) : C(e.$slots, "activator", v(_({ key: 0 }, {
-			props: { ref: R },
-			disabled: e.disabled,
-			open: I.value,
-			placement: e.placement
-		}))), m(o, _({
-			ref: "popover",
-			modelValue: I.value,
-			"onUpdate:modelValue": t[0] ||= (e) => I.value = e,
-			anchor: j.value,
-			"arrow-padding": e.arrowPadding,
-			boundary: e.boundary,
-			class: ["bb-tooltip", { [`bb-tooltip--${e.theme}`]: !0 }],
-			padding: e.padding,
-			placement: e.placement,
-			"transition-duration": e.transitionDuration
-		}, e.$attrs), {
-			default: O(() => [p("span", {
-				id: A,
-				class: "bb-tooltip__content",
-				style: y({ width: X.value })
-			}, [e.showClose ? (x(), u(n, {
+		return (e, t) => (x(), p(l, null, [
+			F.value ? (x(), p("span", {
 				key: 0,
-				"aria-label": w(k)("common.closeLabel").value,
-				class: "bb-tooltip__close",
-				tabindex: "-1",
-				onClick: K
-			}, {
-				default: O(() => t[1] ||= [p("svg", {
-					fill: "none",
-					viewBox: "0 0 24 24",
-					xmlns: "http://www.w3.org/2000/svg"
-				}, [p("path", {
-					d: "M23 23L1 1M23 1L1 23",
-					stroke: "currentColor",
-					"stroke-linecap": "round",
-					"stroke-width": "2"
-				})], -1)]),
-				_: 1
-			}, 8, ["aria-label"])) : d("", !0), C(e.$slots, "default")], 4)]),
-			_: 3
-		}, 16, [
-			"modelValue",
-			"anchor",
-			"arrow-padding",
-			"boundary",
-			"class",
-			"padding",
-			"placement",
-			"transition-duration"
-		])], 64));
+				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 },
+				disabled: e.disabled,
+				open: V.value,
+				placement: e.placement
+			}))),
+			h(o, v({
+				ref: "popover",
+				modelValue: V.value,
+				"onUpdate:modelValue": t[0] ||= (e) => V.value = e,
+				anchor: I.value,
+				"arrow-padding": e.arrowPadding,
+				boundary: e.boundary,
+				class: ["bb-tooltip", { [`bb-tooltip--${e.theme}`]: !0 }],
+				padding: e.padding,
+				placement: e.placement,
+				"transition-duration": e.transitionDuration
+			}, e.$attrs), {
+				default: O(() => [m("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)]),
+				_: 3
+			}, 16, [
+				"modelValue",
+				"anchor",
+				"arrow-padding",
+				"boundary",
+				"class",
+				"padding",
+				"placement",
+				"transition-duration"
+			])
+		], 64));
 	}
 });
 //#endregion