bitboss-ui 2.1.127 → 2.1.129

package/dist/index344.js

@@ -0,0 +1,142 @@
+import { useId as e } from "./index12.js";
+import { useElementSize as t } from "./index14.js";
+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 A = /* @__PURE__ */ m({
+	inheritAttrs: !1,
+	__name: "BbTooltip",
+	props: /* @__PURE__ */ h({
+		arrowPadding: { default: 10 },
+		block: { type: Boolean },
+		disabled: { type: Boolean },
+		eager: { type: Boolean },
+		id: {},
+		padding: { default: 10 },
+		placement: { default: "top" },
+		text: {},
+		theme: { default: "default" },
+		transitionDuration: { default: 250 },
+		activator: {},
+		boundary: {},
+		timeout: { default: 0 },
+		width: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	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 === o) continue;
+				let e = n.children;
+				typeof e == "string" ? t += e : Array.isArray(e) && (t += N(e));
+			}
+			return t;
+		}, 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);
+		}, U, W, G = () => {
+			clearTimeout(W);
+		}, K = () => {
+			clearTimeout(U), clearTimeout(W), document.removeEventListener("keydown", Y), B.value = !1;
+		}, q = () => {
+			clearTimeout(U), clearTimeout(W), W = setTimeout(K, 50);
+		}, J = () => {
+			G(), !(B.value || h.disabled) && (U = setTimeout(() => {
+				B.value = !0, document.addEventListener("keydown", Y, { passive: !0 });
+			}, h.timeout));
+		}, Y = (e) => {
+			e.key === "Escape" && K();
+		};
+		O(() => h.activator, (e) => {
+			e && H(e);
+		}, { immediate: !0 });
+		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 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 Q = () => {
+			let e = I.value;
+			e && (F.value ? e.setAttribute("aria-describedby", M) : V.value && e.setAttribute("aria-describedby", j));
+		};
+		b(() => {
+			Q(), P.value = !0;
+		}), O([
+			I,
+			V,
+			F
+		], Q, { flush: "post" }), y(() => {
+			X?.(), Z?.(), I.value && I.value.removeAttribute("aria-describedby"), K();
+		});
+		let { width: $ } = t(I, {
+			width: 0,
+			height: 0
+		}, { 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(), u(s, null, [
+			F.value ? (x(), u("span", {
+				key: 0,
+				id: M,
+				class: "sr-only"
+			}, w(F.value), 1)) : l("", !0),
+			L.value ? l("", !0) : C(e.$slots, "activator", _(g({ key: 1 }, {
+				props: { ref: H },
+				disabled: e.disabled,
+				open: B.value,
+				placement: e.placement
+			}))),
+			p(i, g({
+				ref: "popover",
+				modelValue: B.value,
+				"onUpdate:modelValue": t[0] ||= (e) => B.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: k(() => [d("span", {
+					id: j,
+					class: "bb-tooltip__content",
+					style: v({ width: ee.value })
+				}, [C(e.$slots, "default", {}, () => [f(w(e.text), 1)])], 4)]),
+				_: 3
+			}, 16, [
+				"modelValue",
+				"anchor",
+				"arrow-padding",
+				"boundary",
+				"class",
+				"padding",
+				"placement",
+				"transition-duration"
+			])
+		], 64));
+	}
+});
+//#endregion
+export { A as default };

package/dist/index346.js

@@ -1,4 +1,6 @@
-//#region src/utilities/functions/flattenTree.ts
-var e = (t, n, r = (e) => e, i) => t.map((t) => Array.isArray(t[n]) ? [r(t, i), ...e(t[n], n, r, r(t, i))] : [r(t, i)]).flat();
+import e from "./index344.js";
+/* empty css         */
+//#region src/components/BbTooltip/BbTooltip.vue
+var t = e;
 //#endregion
-export { e as flattenTree };
+export { t as default };

package/dist/index347.js

@@ -1,109 +1,4 @@
-import { flattenTree as e } from "./index346.js";
-import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createSlots as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveComponent as p, withCtx as m } from "vue";
-//#region src/components/BbTree/BbTree.vue?vue&type=script&setup=true&lang.ts
-var h = { class: "bb-tree-row" }, g = { class: "bb-tree-main-content" }, _ = /* @__PURE__ */ s({
-	__name: "BbTree",
-	props: {
-		items: { default: () => [] },
-		parent: {},
-		identifier: { default: "id" },
-		depth: { default: 0 },
-		expandable: { type: [Boolean, Function] }
-	},
-	setup(s) {
-		let _ = s, v = (e) => e.open === void 0 ? !0 : e.open, y = n(() => {
-			let t = 0;
-			return _.items.map((n, r) => {
-				let i = v(n), a = n.expandable ?? _.expandable, o = t + 1;
-				t += e([n], "children").length;
-				let s = !1;
-				return a !== void 0 && (s = typeof a == "function" ? a(n, _.depth, _.parent) : a), {
-					children: n.children,
-					depth: _.depth,
-					expandable: s,
-					identifier: n[_.identifier],
-					offset: o,
-					index: r,
-					open: i,
-					original: n,
-					parent: _.parent
-				};
-			});
-		});
-		return (e, n) => {
-			let s = p("BbTree", !0);
-			return u(!0), r(t, null, d(y.value, (t) => (u(), r("div", {
-				key: t.identifier,
-				class: l(["bb-tree", {
-					[`bb-tree--depth-${t.depth}`]: !0,
-					"bb-tree--open": t.open
-				}])
-			}, [i("div", h, [i("div", g, [e.$slots[t.identifier] ? f(e.$slots, t.identifier, {
-				key: 0,
-				depth: t.depth,
-				expandable: t.expandable,
-				identifier: t.identifier,
-				index: t.index,
-				item: t.original,
-				offset: t.offset,
-				open: t.open,
-				parent: t.parent
-			}) : e.$slots[t.depth] ? f(e.$slots, t.depth, {
-				key: 1,
-				depth: t.depth,
-				expandable: t.expandable,
-				identifier: t.identifier,
-				index: t.index,
-				item: t.original,
-				offset: t.offset,
-				open: t.open,
-				parent: t.parent
-			}) : f(e.$slots, "default", {
-				key: 2,
-				depth: t.depth,
-				expandable: t.expandable,
-				identifier: t.identifier,
-				index: t.index,
-				item: t.original,
-				offset: t.offset,
-				open: t.open,
-				parent: t.parent
-			})])]), i("div", { class: l(`bb-tree--depth-${t.depth}-children`) }, [f(e.$slots, `${t.identifier}-children`, {
-				depth: t.depth,
-				expandable: t.expandable,
-				identifier: t.identifier,
-				index: t.index,
-				item: t.original,
-				offset: t.offset,
-				open: t.open,
-				parent: t.parent
-			}, () => [f(e.$slots, `${t.depth}-children`, {
-				depth: t.depth,
-				expandable: t.expandable,
-				identifier: t.identifier,
-				index: t.index,
-				item: t.original,
-				offset: t.offset,
-				open: t.open,
-				parent: t.parent
-			}, () => [o(s, {
-				depth: t.depth + 1,
-				expandable: e.expandable,
-				identifier: _.identifier,
-				items: t.children,
-				parent: t
-			}, a({ _: 2 }, [d(e.$slots, (t, n) => ({
-				name: n,
-				fn: m((t) => [f(e.$slots, n, c({ ref_for: !0 }, t))])
-			}))]), 1032, [
-				"depth",
-				"expandable",
-				"identifier",
-				"items",
-				"parent"
-			])])])], 2)], 2))), 128);
-		};
-	}
-});
+//#region src/utilities/functions/flattenTree.ts
+var e = (t, n, r = (e) => e, i) => t.map((t) => Array.isArray(t[n]) ? [r(t, i), ...e(t[n], n, r, r(t, i))] : [r(t, i)]).flat();
 //#endregion
-export { _ as default };
+export { e as flattenTree };

package/dist/index348.js

@@ -0,0 +1,109 @@
+import { flattenTree as e } from "./index347.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createSlots as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveComponent as p, withCtx as m } from "vue";
+//#region src/components/BbTree/BbTree.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "bb-tree-row" }, g = { class: "bb-tree-main-content" }, _ = /* @__PURE__ */ s({
+	__name: "BbTree",
+	props: {
+		items: { default: () => [] },
+		parent: {},
+		identifier: { default: "id" },
+		depth: { default: 0 },
+		expandable: { type: [Boolean, Function] }
+	},
+	setup(s) {
+		let _ = s, v = (e) => e.open === void 0 ? !0 : e.open, y = n(() => {
+			let t = 0;
+			return _.items.map((n, r) => {
+				let i = v(n), a = n.expandable ?? _.expandable, o = t + 1;
+				t += e([n], "children").length;
+				let s = !1;
+				return a !== void 0 && (s = typeof a == "function" ? a(n, _.depth, _.parent) : a), {
+					children: n.children,
+					depth: _.depth,
+					expandable: s,
+					identifier: n[_.identifier],
+					offset: o,
+					index: r,
+					open: i,
+					original: n,
+					parent: _.parent
+				};
+			});
+		});
+		return (e, n) => {
+			let s = p("BbTree", !0);
+			return u(!0), r(t, null, d(y.value, (t) => (u(), r("div", {
+				key: t.identifier,
+				class: l(["bb-tree", {
+					[`bb-tree--depth-${t.depth}`]: !0,
+					"bb-tree--open": t.open
+				}])
+			}, [i("div", h, [i("div", g, [e.$slots[t.identifier] ? f(e.$slots, t.identifier, {
+				key: 0,
+				depth: t.depth,
+				expandable: t.expandable,
+				identifier: t.identifier,
+				index: t.index,
+				item: t.original,
+				offset: t.offset,
+				open: t.open,
+				parent: t.parent
+			}) : e.$slots[t.depth] ? f(e.$slots, t.depth, {
+				key: 1,
+				depth: t.depth,
+				expandable: t.expandable,
+				identifier: t.identifier,
+				index: t.index,
+				item: t.original,
+				offset: t.offset,
+				open: t.open,
+				parent: t.parent
+			}) : f(e.$slots, "default", {
+				key: 2,
+				depth: t.depth,
+				expandable: t.expandable,
+				identifier: t.identifier,
+				index: t.index,
+				item: t.original,
+				offset: t.offset,
+				open: t.open,
+				parent: t.parent
+			})])]), i("div", { class: l(`bb-tree--depth-${t.depth}-children`) }, [f(e.$slots, `${t.identifier}-children`, {
+				depth: t.depth,
+				expandable: t.expandable,
+				identifier: t.identifier,
+				index: t.index,
+				item: t.original,
+				offset: t.offset,
+				open: t.open,
+				parent: t.parent
+			}, () => [f(e.$slots, `${t.depth}-children`, {
+				depth: t.depth,
+				expandable: t.expandable,
+				identifier: t.identifier,
+				index: t.index,
+				item: t.original,
+				offset: t.offset,
+				open: t.open,
+				parent: t.parent
+			}, () => [o(s, {
+				depth: t.depth + 1,
+				expandable: e.expandable,
+				identifier: _.identifier,
+				items: t.children,
+				parent: t
+			}, a({ _: 2 }, [d(e.$slots, (t, n) => ({
+				name: n,
+				fn: m((t) => [f(e.$slots, n, c({ ref_for: !0 }, t))])
+			}))]), 1032, [
+				"depth",
+				"expandable",
+				"identifier",
+				"items",
+				"parent"
+			])])])], 2)], 2))), 128);
+		};
+	}
+});
+//#endregion
+export { _ as default };

package/dist/index350.js

@@ -1,55 +1,6 @@
-import { Fragment as e, h as t, render as n } from "vue";
-//#region src/directives/createPopoverDirective.ts
-var r = 0, i = (i) => {
-	let a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap(), s = (e) => {
-		let t = a.get(e);
-		if (!t) {
-			let n = document.createElement("div");
-			n.setAttribute(`data-${i.name}-host`, ""), document.body.appendChild(n), t = {
-				host: n,
-				entries: /* @__PURE__ */ new Map()
-			}, a.set(e, t);
-		}
-		return t;
-	}, c = (r, o) => {
-		if (o.entries.size === 0) {
-			n(null, o.host), o.host.remove(), a.delete(r);
-			return;
-		}
-		let s = [];
-		for (let e of o.entries.values()) {
-			let t = i.build(e.id, e.el, e.options);
-			t && s.push(t);
-		}
-		let c = t(e, s);
-		c.appContext = r, n(c, o.host);
-	};
-	return {
-		mounted(e, t) {
-			let n = t.instance?.$.appContext ?? null, a = s(n), l = `${i.name}-${++r}`;
-			a.entries.set(l, {
-				id: l,
-				el: e,
-				options: i.resolve(t)
-			}), o.set(e, {
-				id: l,
-				appContext: n
-			}), c(n, a);
-		},
-		updated(e, t) {
-			let n = o.get(e);
-			if (!n) return;
-			let r = a.get(n.appContext), s = r?.entries.get(n.id);
-			!r || !s || (s.options = i.resolve(t), c(n.appContext, r));
-		},
-		beforeUnmount(e) {
-			let t = o.get(e);
-			if (!t) return;
-			o.delete(e);
-			let n = a.get(t.appContext);
-			n && (n.entries.delete(t.id), c(t.appContext, n));
-		}
-	};
-};
+import e from "./index348.js";
+/* empty css         */
+//#region src/components/BbTree/BbTree.vue
+var t = e;
 //#endregion
-export { i as createPopoverDirective };
+export { t as default };

package/dist/index351.js

@@ -1,24 +1,55 @@
-import e from "./index345.js";
-import { createPopoverDirective as t } from "./index350.js";
-import { h as n } from "vue";
-//#region src/directives/bbTooltip.ts
-var r = t({
-	name: "bb-tooltip",
-	resolve(e) {
-		let t = e.value, n = t == null || typeof t == "string" || typeof t == "number" ? { text: t == null ? "" : String(t) } : { ...t };
-		return e.arg && (n.placement = e.arg), n;
-	},
-	build(t, r, { text: i, ...a }) {
-		return i ? n(e, {
-			key: t,
-			id: t,
-			...a,
-			activator: r,
-			text: i
-		}) : null;
-	}
-}), i = { install(e, t = "bb-tooltip") {
-	e.directive(t, r);
-} };
+import { Fragment as e, h as t, render as n } from "vue";
+//#region src/directives/createPopoverDirective.ts
+var r = 0, i = (i) => {
+	let a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap(), s = (e) => {
+		let t = a.get(e);
+		if (!t) {
+			let n = document.createElement("div");
+			n.setAttribute(`data-${i.name}-host`, ""), document.body.appendChild(n), t = {
+				host: n,
+				entries: /* @__PURE__ */ new Map()
+			}, a.set(e, t);
+		}
+		return t;
+	}, c = (r, o) => {
+		if (o.entries.size === 0) {
+			n(null, o.host), o.host.remove(), a.delete(r);
+			return;
+		}
+		let s = [];
+		for (let e of o.entries.values()) {
+			let t = i.build(e.id, e.el, e.options);
+			t && s.push(t);
+		}
+		let c = t(e, s);
+		c.appContext = r, n(c, o.host);
+	};
+	return {
+		mounted(e, t) {
+			let n = t.instance?.$.appContext ?? null, a = s(n), l = `${i.name}-${++r}`;
+			a.entries.set(l, {
+				id: l,
+				el: e,
+				options: i.resolve(t)
+			}), o.set(e, {
+				id: l,
+				appContext: n
+			}), c(n, a);
+		},
+		updated(e, t) {
+			let n = o.get(e);
+			if (!n) return;
+			let r = a.get(n.appContext), s = r?.entries.get(n.id);
+			!r || !s || (s.options = i.resolve(t), c(n.appContext, r));
+		},
+		beforeUnmount(e) {
+			let t = o.get(e);
+			if (!t) return;
+			o.delete(e);
+			let n = a.get(t.appContext);
+			n && (n.entries.delete(t.id), c(t.appContext, n));
+		}
+	};
+};
 //#endregion
-export { i as BbTooltipDirectivePlugin, r as default };
+export { i as createPopoverDirective };

package/dist/index352.js

@@ -1,23 +1,24 @@
-import e from "./index234.js";
-import { createPopoverDirective as t } from "./index350.js";
+import e from "./index346.js";
+import { createPopoverDirective as t } from "./index351.js";
 import { h as n } from "vue";
-//#region src/directives/bbDropdown.ts
+//#region src/directives/bbTooltip.ts
 var r = t({
-	name: "bb-dropdown",
+	name: "bb-tooltip",
 	resolve(e) {
-		let t = e.value, n = Array.isArray(t) ? { items: t } : { ...t };
+		let t = e.value, n = t == null || typeof t == "string" || typeof t == "number" ? { text: t == null ? "" : String(t) } : { ...t };
 		return e.arg && (n.placement = e.arg), n;
 	},
-	build(t, r, i) {
-		return i.items?.length ? n(e, {
+	build(t, r, { text: i, ...a }) {
+		return i ? n(e, {
 			key: t,
 			id: t,
-			...i,
-			activator: r
+			...a,
+			activator: r,
+			text: i
 		}) : null;
 	}
-}), i = { install(e, t = "bb-dropdown") {
+}), i = { install(e, t = "bb-tooltip") {
 	e.directive(t, r);
 } };
 //#endregion
-export { i as BbDropdownDirectivePlugin, r as default };
+export { i as BbTooltipDirectivePlugin, r as default };