bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

package/dist/components/BbTooltip/BbTooltip.vue_vue_type_script_setup_true_lang.js

@@ -1,18 +1,19 @@
 import { usePassthrough as e } from "../../composables/usePassthrough.js";
 import { useId as t } from "../../composables/useId.js";
 import { isTopEscapeEntry as n, pushEscapeEntry as ee, removeEscapeEntry as r } from "../../utils/overlayEscapeStack.js";
-import { useUntil as te } from "../../composables/useUntil.js";
-import { useOverlayYield as ne } from "../../composables/useOverlayYield.js";
-import { removedPropsFor as re } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as ie } from "../../utilities/functions/warnRemovedAttrs.js";
-import { extractDomContainer as i } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as a } from "../../utilities/misc/transitions.js";
-import ae from "../CommonPopover/CommonPopover.vue.js";
-import { BB_TOOLTIP_PT as o } from "./types.js";
-import { Comment as s, Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as oe, createTextVNode as se, createVNode as ce, defineComponent as f, mergeModels as p, mergeProps as m, normalizeProps as h, onBeforeUnmount as le, onDeactivated as ue, onMounted as de, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, useSlots as S, useTemplateRef as fe, watch as C, withCtx as pe } from "vue";
-import { useElementSize as me } from "@vueuse/core";
+import { useUntil as i } from "../../composables/useUntil.js";
+import { useOverlayYield as te } from "../../composables/useOverlayYield.js";
+import { isWarm as ne, markHidden as a, markShown as re } from "./tooltipWarmup.js";
+import { removedPropsFor as ie } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as ae } from "../../utilities/functions/warnRemovedAttrs.js";
+import { extractDomContainer as o } from "../../utilities/functions/extractDomContainer.js";
+import { transitions as s } from "../../utilities/misc/transitions.js";
+import oe from "../CommonPopover/CommonPopover.vue.js";
+import { BB_TOOLTIP_PT as c } from "./types.js";
+import { Comment as se, Fragment as ce, computed as l, createBlock as le, createCommentVNode as u, createElementBlock as d, createElementVNode as ue, createTextVNode as de, defineComponent as f, mergeModels as p, mergeProps as m, normalizeProps as fe, onBeforeUnmount as pe, onDeactivated as me, onMounted as he, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useModel as ge, useSlots as _e, useTemplateRef as ve, watch as b, withCtx as ye } from "vue";
+import { useElementSize as be } from "@vueuse/core";
 //#region src/components/BbTooltip/BbTooltip.vue?vue&type=script&setup=true&lang.ts
-var w = /*@__PURE__*/ f({
+var x = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "BbTooltip",
 	props: /*@__PURE__*/ p({
@@ -29,11 +30,11 @@ var w = /*@__PURE__*/ f({
 		padding: { default: 10 },
 		placement: { default: "top" },
 		text: {},
-		transitionDuration: { default: a.medium },
+		transitionDuration: { default: s.medium },
 		activator: {},
 		boundary: {},
 		variant: { default: "default" },
-		delay: { default: 0 },
+		delay: { default: 100 },
 		width: {}
 	}, {
 		modelValue: {
@@ -43,111 +44,123 @@ var w = /*@__PURE__*/ f({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let f = x(a, "modelValue"), p = a, w = S(), T = e({
+	setup(s) {
+		let f = ge(s, "modelValue"), p = s, x = _e(), S = e({
 			component: "BbTooltip",
 			props: p,
-			parts: o.parts,
-			states: o.states,
+			parts: c.parts,
+			states: c.states,
 			active: { open: () => f.value }
 		});
-		process.env.NODE_ENV !== "production" && ie("BbTooltip", re("BbTooltip"));
-		let he = t().id.value, E = `bb_${p.id ?? he}`, D = `${E}_desc`, O = (e) => {
+		process.env.NODE_ENV !== "production" && ae("BbTooltip", ie("BbTooltip"));
+		let xe = t().id.value, C = `bb_${p.id ?? xe}`, w = `${C}_desc`, T = (e) => {
 			if (!e) return "";
 			let t = "";
 			for (let n of e) {
-				if (n.type === s) continue;
+				if (n.type === se) continue;
 				let e = n.children;
-				typeof e == "string" ? t += e : Array.isArray(e) && (t += O(e));
+				typeof e == "string" ? t += e : Array.isArray(e) && (t += T(e));
 			}
 			return t;
-		}, k = _(!1), A = l(() => (p.text ?? (k.value ? O(w.default?.({})) : "")).replace(/\s+/g, " ").trim()), j = _(), ge = l(() => p.activator != null), M = fe("popover"), N = l(() => i(M.value)), P = te(f), F = (e) => {
-			let t = i(e);
-			t && (j.value = t);
-		}, I, L, R = () => {
-			clearTimeout(L);
+		}, E = g(!1), D = l(() => (p.text ?? (E.value ? T(x.default?.({})) : "")).replace(/\s+/g, " ").trim()), O = g(), Se = l(() => p.activator != null), Ce = ve("popover"), k = l(() => o(Ce.value)), A = i(f), we = i(() => !!p.eager || f.value), j = g(!1), Te = () => {
+			k.value?.getBoundingClientRect(), j.value = !0;
+		}, M = l({
+			get: () => f.value && j.value,
+			set: (e) => {
+				f.value = e;
+			}
+		}), N = (e) => {
+			let t = o(e);
+			t && (O.value = t);
+		}, P, F, I = () => {
+			clearTimeout(F);
+		}, L = () => {
+			clearTimeout(P), clearTimeout(F), f.value = !1;
+		}, R = () => {
+			clearTimeout(P), clearTimeout(F), F = setTimeout(L, 50);
 		}, z = () => {
-			clearTimeout(I), clearTimeout(L), f.value = !1;
-		}, B = () => {
-			clearTimeout(I), clearTimeout(L), L = setTimeout(z, 50);
-		}, V = () => {
-			R(), !(f.value || p.disabled || H()) && (I = setTimeout(() => {
-				H() || (f.value = !0);
-			}, p.delay));
-		}, { blocked: H } = ne(() => j.value, () => N.value, z), U = () => z(), W = Symbol("bb-tooltip-escape"), G = (e) => {
-			e.key !== "Escape" || !n(W) || (e.preventDefault(), e.stopImmediatePropagation(), z());
-		}, K = (e) => {
-			e.currentTarget?.matches(":focus-visible") && V();
-		};
-		C(f, (e) => {
-			e ? (ee(W, {
-				element: () => N.value,
+			I(), !(f.value || p.disabled || V()) && (P = setTimeout(() => {
+				V() || (f.value = !0);
+			}, ne() ? 0 : p.delay));
+		}, Ee = () => {
+			I(), clearTimeout(P), !(f.value || p.disabled || V()) && (f.value = !0);
+		}, B = !1, { blocked: V } = te(() => O.value, () => k.value, () => {
+			B = !0, L();
+		}), H = () => L(), U = Symbol("bb-tooltip-escape"), W = (e) => {
+			e.key !== "Escape" || !n(U) || (e.preventDefault(), e.stopImmediatePropagation(), L());
+		}, G = (e) => {
+			e.currentTarget?.matches(":focus-visible") && Ee();
+		}, K = !1;
+		b(f, (e) => {
+			e && !K ? (K = !0, re()) : !e && K && (K = !1, a(!B)), B = !1, e ? (ee(U, {
+				element: () => k.value,
 				transient: !0
-			}), document.addEventListener("keydown", G, { capture: !0 })) : (r(W), document.removeEventListener("keydown", G, { capture: !0 }));
-		}), C(() => p.disabled, (e) => {
-			e && z();
-		}), C(() => p.activator, (e) => {
-			e && F(e);
+			}), document.addEventListener("keydown", W, { capture: !0 })) : (r(U), document.removeEventListener("keydown", W, { capture: !0 }));
+		}), b(() => p.disabled, (e) => {
+			e && L();
+		}), b(() => p.activator, (e) => {
+			e && N(e);
 		}, { immediate: !0 });
 		let q = null;
-		C(j, (e) => {
-			q &&= (q(), null), e && (e.addEventListener("mouseenter", V, { passive: !0 }), e.addEventListener("mouseleave", B, { passive: !0 }), e.addEventListener("focus", K, { passive: !0 }), e.addEventListener("blur", z, { passive: !0 }), e.addEventListener("pointerdown", U, { passive: !0 }), e.addEventListener("contextmenu", U, { passive: !0 }), q = () => {
-				e.removeEventListener("mouseenter", V), e.removeEventListener("mouseleave", B), e.removeEventListener("focus", K), e.removeEventListener("blur", z), e.removeEventListener("pointerdown", U), e.removeEventListener("contextmenu", U);
+		b(O, (e) => {
+			q &&= (q(), null), e && (e.addEventListener("mouseenter", z, { passive: !0 }), e.addEventListener("mouseleave", R, { passive: !0 }), e.addEventListener("focus", G, { passive: !0 }), e.addEventListener("blur", L, { passive: !0 }), e.addEventListener("pointerdown", H, { passive: !0 }), e.addEventListener("contextmenu", H, { passive: !0 }), q = () => {
+				e.removeEventListener("mouseenter", z), e.removeEventListener("mouseleave", R), e.removeEventListener("focus", G), e.removeEventListener("blur", L), e.removeEventListener("pointerdown", H), e.removeEventListener("contextmenu", H);
 			});
 		}, { immediate: !0 });
 		let J = null;
-		C(N, (e) => {
-			J &&= (J(), null), e && (e.addEventListener("mouseenter", R, { passive: !0 }), e.addEventListener("mouseleave", B, { passive: !0 }), J = () => {
-				e.removeEventListener("mouseenter", R), e.removeEventListener("mouseleave", B);
+		b(k, (e) => {
+			J &&= (J(), null), e && (e.addEventListener("mouseenter", I, { passive: !0 }), e.addEventListener("mouseleave", R, { passive: !0 }), J = () => {
+				e.removeEventListener("mouseenter", I), e.removeEventListener("mouseleave", R);
 			});
 		}, { immediate: !0 });
-		let _e = /* @__PURE__ */ new Set([E, D]), Y = null, X = (e, t) => {
-			let n = (e.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((e) => e && !_e.has(e));
+		let De = /* @__PURE__ */ new Set([C, w]), Y = null, X = (e, t) => {
+			let n = (e.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((e) => e && !De.has(e));
 			t && n.push(t), n.length ? e.setAttribute("aria-describedby", n.join(" ")) : e.removeAttribute("aria-describedby");
 		}, Z = () => {
-			let e = j.value ?? null;
-			Y && Y !== e && X(Y, null), Y = e, e && (A.value ? X(e, D) : X(e, P.value ? E : null));
+			let e = O.value ?? null;
+			Y && Y !== e && X(Y, null), Y = e, e && (D.value ? X(e, w) : X(e, A.value ? C : null));
 		};
-		de(() => {
-			Z(), k.value = !0;
-		}), C([
-			j,
-			P,
-			A
-		], Z, { flush: "post" }), le(() => {
-			q?.(), J?.(), Y &&= (X(Y, null), null), z(), r(W), document.removeEventListener("keydown", G, { capture: !0 });
+		he(() => {
+			Z(), E.value = !0;
+		}), b([
+			O,
+			A,
+			D
+		], Z, { flush: "post" }), pe(() => {
+			q?.(), J?.(), Y &&= (X(Y, null), null), L(), K && (K = !1, a(!1)), r(U), document.removeEventListener("keydown", W, { capture: !0 });
 		});
-		let ve = /^-?\d*\.?\d+$/, ye = /^(-?\d*\.?\d+)%$/, Q = l(() => {
+		let Oe = /^-?\d*\.?\d+$/, ke = /^(-?\d*\.?\d+)%$/, Q = l(() => {
 			if (typeof p.width != "string") return;
-			let e = p.width.trim().match(ye);
+			let e = p.width.trim().match(ke);
 			return e ? parseFloat(e[1]) : void 0;
-		}), { width: $ } = me(l(() => Q.value == null ? void 0 : j.value), {
+		}), { width: $ } = be(l(() => Q.value == null ? void 0 : O.value), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), be = l(() => {
+		}, { box: "border-box" }), Ae = l(() => {
 			if (p.width == null || p.width === "") return;
 			if (Q.value != null) return $.value ? `${$.value * (Q.value / 100)}px` : void 0;
 			if (typeof p.width == "number") return Number.isFinite(p.width) ? `${p.width}px` : void 0;
 			let e = p.width.trim();
-			return ve.test(e) ? `${e}px` : e;
+			return Oe.test(e) ? `${e}px` : e;
 		});
-		return ue(z), (e, t) => (g(), d(c, null, [
-			A.value ? (g(), d("span", {
+		return me(L), (e, t) => (h(), d(ce, null, [
+			D.value ? (h(), d("span", {
 				key: 0,
-				id: D,
+				id: w,
 				hidden: ""
-			}, y(A.value), 1)) : u("", !0),
-			ge.value ? u("", !0) : v(e.$slots, "activator", h(m({ key: 1 }, {
-				props: { ref: F },
+			}, v(D.value), 1)) : u("", !0),
+			Se.value ? u("", !0) : _(e.$slots, "activator", fe(m({ key: 1 }, {
+				props: { ref: N },
 				disabled: e.disabled,
 				open: f.value,
 				placement: e.placement
 			}))),
-			ce(ae, m({
+			y(we) ? (h(), le(oe, m({
+				key: 2,
 				ref: "popover",
-				modelValue: f.value,
-				"onUpdate:modelValue": t[0] ||= (e) => f.value = e,
-				anchor: j.value,
+				modelValue: M.value,
+				"onUpdate:modelValue": t[0] ||= (e) => M.value = e,
+				anchor: O.value,
 				"arrow-padding": e.arrowPadding,
 				boundary: e.boundary,
 				class: ["bb-tooltip", { [`bb-tooltip--${e.variant}`]: !0 }],
@@ -158,13 +171,13 @@ var w = /*@__PURE__*/ f({
 				role: "none",
 				tag: "span",
 				"transition-duration": e.transitionDuration
-			}, m(e.$attrs, b(T).root)), {
-				default: pe(() => [oe("span", m({
-					id: E,
+			}, m(e.$attrs, y(S).root), { onVnodeMounted: Te }), {
+				default: ye(() => [ue("span", m({
+					id: C,
 					class: "bb-tooltip__panel",
 					role: "tooltip",
-					style: { "--max-w": be.value }
-				}, b(T).panel), [v(e.$slots, "default", {}, () => [se(y(e.text), 1)])], 16)]),
+					style: { "--max-w": Ae.value }
+				}, y(S).panel), [_(e.$slots, "default", {}, () => [de(v(e.text), 1)])], 16)]),
 				_: 3
 			}, 16, [
 				"modelValue",
@@ -177,9 +190,9 @@ var w = /*@__PURE__*/ f({
 				"padding",
 				"placement",
 				"transition-duration"
-			])
+			])) : u("", !0)
 		], 64));
 	}
 });
 //#endregion
-export { w as default };
+export { x as default };

package/dist/components/BbTooltip/tooltipWarmup.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The tooltips' shared skip delay (Q60.22 c, owner 2026-10-07): once one
+ * tooltip is showing, or closed less than {@link SKIP_DELAY_MS} ago, the next
+ * one a pointer reaches opens at once instead of waiting its `delay` again —
+ * running a pointer along a toolbar reads every hint without a stall at each
+ * button. Module state, not `<script setup>` state, so every BbTooltip and
+ * `v-bb-tooltip` shares it. Tooltips only: BbHoverCard keeps its own delay and
+ * neither warms nor reads this.
+ */
+/** How long after a tooltip closes the next one still skips its delay. */
+export declare const SKIP_DELAY_MS = 300;
+/** A tooltip is showing, or one closed within the skip window. */
+export declare const isWarm: () => boolean;
+/** A tooltip started showing. */
+export declare const markShown: () => void;
+/**
+ * A tooltip stopped showing. `warm: false` for a close that is not the user
+ * moving on (it yielded to a menu or dialog, Q63.7, or was unmounted): that
+ * must not hurry the next tooltip.
+ */
+export declare const markHidden: (warm: boolean) => void;
+/** Test-only: no tooltip showing, none closed recently. */
+export declare const __resetForTest: () => void;

package/dist/components/BbTooltip/tooltipWarmup.js

@@ -0,0 +1,7 @@
+var e = 0, t = -Infinity, n = () => e > 0 || performance.now() - t < 300, r = () => {
+	e++;
+}, i = (n) => {
+	e = Math.max(0, e - 1), n && (t = performance.now());
+};
+//#endregion
+export { n as isWarm, i as markHidden, r as markShown };

package/dist/components/BbTooltip/types.d.ts

@@ -47,7 +47,9 @@ export type BbTooltipProps = {
      */
     disabled?: boolean;
     /**
-     * Prevents rendering content before it's made visible.
+     * Renders the tooltip's popover and content at mount instead of on the
+     * first open. The description screen readers hear exists from mount either
+     * way.
      */
     eager?: boolean;
     /**
@@ -109,9 +111,14 @@ export type BbTooltipProps = {
      */
     variant?: BbTooltipVariant;
     /**
-     * The delay in milliseconds before the tooltip is shown.
+     * How long, in milliseconds, a pointer has to rest on the activator before
+     * the tooltip shows; it keeps hints from flashing under a pointer passing
+     * by. Keyboard focus shows it at once whatever this says, and so does a
+     * pointer arriving while another tooltip shows or within 300 ms of one
+     * closing (the skip delay, shared by every tooltip). `0` shows it on hover
+     * at once.
      *
-     * @defaultValue `0`
+     * @defaultValue `100`
      */
     delay?: number;
     /**

package/dist/components/BbTree/BbTree.vue_vue_type_script_setup_true_lang.js

@@ -8,9 +8,9 @@ import { BbTreeContextKey as o } from "./context.js";
 import s from "./BbTreeLevel.vue.js";
 import { BB_TREE_PT as c } from "./types.js";
 import { flattenTree as l } from "../../utilities/functions/flattenTree.js";
-import { createElementBlock as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, provide as y, renderList as b, renderSlot as x, unref as S, useAttrs as C, useModel as w, watch as T, withCtx as E } from "vue";
+import { createElementBlock as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, provide as y, reactive as b, renderList as x, renderSlot as S, unref as C, useAttrs as w, useModel as T, watch as E, withCtx as D } from "vue";
 //#region src/components/BbTree/BbTree.vue?vue&type=script&setup=true&lang.ts
-var D = /*@__PURE__*/ p({
+var O = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "BbTree",
 	props: /*@__PURE__*/ h({
@@ -31,45 +31,53 @@ var D = /*@__PURE__*/ p({
 	}),
 	emits: ["update:expandedItems"],
 	setup(p) {
-		let h = w(p, "expandedItems"), D = p, O = e({
+		let h = T(p, "expandedItems"), O = p, k = e({
 			component: "BbTree",
-			attrs: C(),
-			props: D,
+			attrs: w(),
+			props: O,
 			parts: c.parts,
 			states: c.states,
 			active: {}
-		}), { data: k } = a({ items: h }), A = (e) => typeof D.itemValue == "function" ? D.itemValue(e.meta) : typeof D.itemValue == "string" ? e.meta?.[D.itemValue] : e.meta, j = (e) => t(A(e));
-		process.env.NODE_ENV !== "production" && i("BbTree", r("BbTree"), { slotKeys: () => l(D.items ?? [], "children").map(A).filter((e) => typeof e == "string" || typeof e == "number") }), y(o, {
-			passthrough: O,
-			valueFor: A,
-			hashFor: j,
-			isExpanded: (e) => !e.children?.length || j(e) in k.value,
+		}), { data: A } = a({ items: h }), j = (e) => typeof O.itemValue == "function" ? O.itemValue(e.meta) : typeof O.itemValue == "string" ? e.meta?.[O.itemValue] : e.meta, M = (e) => t(j(e));
+		process.env.NODE_ENV !== "production" && i("BbTree", r("BbTree"), { slotKeys: () => l(O.items ?? [], "children").map(j).filter((e) => typeof e == "string" || typeof e == "number") });
+		let N = b(/* @__PURE__ */ new Set());
+		E(A, (e) => {
+			for (let t of N) t in e || N.delete(t);
+			for (let t of Object.keys(e)) N.add(t);
+		}, {
+			immediate: !0,
+			flush: "sync"
+		}), y(o, {
+			passthrough: k,
+			valueFor: j,
+			hashFor: M,
+			isExpanded: (e) => !e.children?.length || N.has(M(e)),
 			toggleExpanded: (e) => {
-				let n = A(e), r = t(n);
-				h.value = r in k.value ? h.value.filter((e) => t(e) !== r) : [...h.value, n];
+				let n = j(e), r = t(n);
+				h.value = r in A.value ? h.value.filter((e) => t(e) !== r) : [...h.value, n];
 			},
 			id: n().id.value
 		});
-		let M = /* @__PURE__ */ new Set();
-		return T(() => D.items, (e) => {
+		let P = /* @__PURE__ */ new Set();
+		return E(() => O.items, (e) => {
 			let t = [];
 			for (let n of l(e ?? [], "children")) {
-				let e = j(n);
-				M.has(e) || (M.add(e), n.children?.length && n.expanded !== !1 && (e in k.value || t.push(A(n))));
+				let e = M(n);
+				P.has(e) || (P.add(e), n.children?.length && n.expanded !== !1 && (e in A.value || t.push(j(n))));
 			}
 			t.length && (h.value = [...h.value, ...t]);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), (e, t) => (v(), u("div", g({ class: "bb-tree" }, S(O).rootAttrs), [f(s, {
+		}), (e, t) => (v(), u("div", g({ class: "bb-tree" }, C(k).rootAttrs), [f(s, {
 			depth: 0,
 			expandable: e.expandable,
 			items: e.items
-		}, d({ _: 2 }, [b(e.$slots, (t, n) => ({
+		}, d({ _: 2 }, [x(e.$slots, (t, n) => ({
 			name: n,
-			fn: E((t) => [x(e.$slots, n, _(m(t)))])
+			fn: D((t) => [S(e.$slots, n, _(m(t)))])
 		}))]), 1032, ["expandable", "items"])], 16));
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

package/dist/components/BbTree/BbTreeLevel.vue_vue_type_script_setup_true_lang.js

@@ -23,8 +23,10 @@ var y = { class: "bb-tree__row" }, b = { class: "bb-tree__content" }, x = ["id",
 			onKeydown: (t) => {
 				t.target instanceof HTMLElement && (t.target instanceof HTMLButtonElement || t.key !== "Enter" && t.key !== " " || (t.preventDefault(), w?.toggleExpanded(e)));
 			}
-		}), O = r(() => S.items.map((t, n) => {
-			let r = w?.valueFor(t), i = w?.hashFor(t) ?? `${S.depth}:${n}`, a = T(t), o = t.children ?? [], s = !a && (t.expandable ?? S.expandable) !== void 0 ? !0 : w?.isExpanded(t) ?? !0, c = w ? `expanded_${w.id}_${i}` : `expanded_${i}`, l = E(r) ? e(String(r)) : void 0, u = String(S.depth), d = l && C[l] ? l : C[u] ? u : void 0, f = l && C[`${l}:children`] ? `${l}:children` : C[`${u}:children`] ? `${u}:children` : void 0, p = {
+		}), O = /* @__PURE__ */ new Set(), k = r(() => S.items.map((t, n) => {
+			let r = w?.valueFor(t), i = w?.hashFor(t) ?? `${S.depth}:${n}`, a = T(t), o = t.children ?? [], s = !a && (t.expandable ?? S.expandable) !== void 0 ? !0 : w?.isExpanded(t) ?? !0, c = w ? `expanded_${w.id}_${i}` : `expanded_${i}`;
+			s && O.add(i);
+			let l = s || O.has(i), u = E(r) ? e(String(r)) : void 0, d = String(S.depth), f = u && C[u] ? u : C[d] ? d : void 0, p = u && C[`${u}:children`] ? `${u}:children` : C[`${d}:children`] ? `${d}:children` : void 0, m = {
 				meta: t.meta,
 				item: t,
 				parent: S.parent,
@@ -45,14 +47,15 @@ var y = { class: "bb-tree__row" }, b = { class: "bb-tree__content" }, x = ["id",
 				expanded: s,
 				expandable: a,
 				childrenId: c,
-				slotName: d,
-				childrenSlotName: f,
-				slotProps: p
+				mountChildren: l,
+				slotName: f,
+				childrenSlotName: p,
+				slotProps: m
 			};
 		}));
 		return (e, t) => {
 			let r = h("BbTreeLevel", !0);
-			return f(!0), o(n, null, p(O.value, (t) => (f(), o("div", d({
+			return f(!0), o(n, null, p(k.value, (t) => (f(), o("div", d({
 				key: t.hash,
 				class: ["bb-tree__item", {
 					[`bb-tree__item--depth-${e.depth}`]: !0,
@@ -73,7 +76,7 @@ var y = { class: "bb-tree__row" }, b = { class: "bb-tree__content" }, x = ["id",
 			}, [t.childrenSlotName ? m(e.$slots, t.childrenSlotName, d({
 				key: 0,
 				ref_for: !0
-			}, t.slotProps)) : t.children.length ? (f(), i(r, {
+			}, t.slotProps)) : t.mountChildren && t.children.length ? (f(), i(r, {
 				key: 1,
 				depth: e.depth + 1,
 				expandable: e.expandable,

package/dist/components/CommonFieldInput/CommonFieldInput.vue_vue_type_script_setup_true_lang.js

@@ -3,9 +3,9 @@ import t from "../BbSpinner/BbSpinner.vue.js";
 import n from "../ErrorIcon/ErrorIcon.vue.js";
 import r from "../ClearableButton/ClearableButton.vue.js";
 import i from "../WarningIcon/WarningIcon.vue.js";
-import { Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, onBeforeUnmount as h, openBlock as g, ref as _, renderSlot as v, unref as y, withCtx as b } from "vue";
+import { Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, onBeforeUnmount as h, openBlock as g, ref as _, renderSlot as v, unref as y, withCtx as b, withModifiers as x } from "vue";
 //#region src/components/CommonFieldInput/CommonFieldInput.vue?vue&type=script&setup=true&lang.ts
-var x = /*@__PURE__*/ f({
+var S = /*@__PURE__*/ f({
 	__name: "CommonFieldInput",
 	props: {
 		"append:icon": {},
@@ -28,47 +28,47 @@ var x = /*@__PURE__*/ f({
 		variant: { default: "outline" }
 	},
 	emits: ["click:clear", "container:click"],
-	setup(f, { emit: x }) {
-		let S = f, C = x, w = _(), T = _(!1), E = _(!1), D = null, O = o(() => !!S.hasWarnings && !S.hasErrors), k = () => {
-			D !== null && clearTimeout(D), D = setTimeout(() => {
-				T.value = !0;
+	setup(f, { emit: S }) {
+		let C = f, w = S, T = _(), E = _(!1), D = _(!1), O = null, k = o(() => !!C.hasWarnings && !C.hasErrors), A = () => {
+			O !== null && clearTimeout(O), O = setTimeout(() => {
+				E.value = !0;
 			}, 150);
-		}, A = () => {
-			D !== null && (clearTimeout(D), D = null), T.value = !1;
-		}, j = o(() => {
-			let e = S.hasValue ?? !0;
-			return !!S.clearable && e && !S.disabled && !S.readonly;
-		}), M = o(() => j.value && (T.value || E.value || !!S.active));
+		}, j = () => {
+			O !== null && (clearTimeout(O), O = null), E.value = !1;
+		}, M = o(() => {
+			let e = C.hasValue ?? !0;
+			return !!C.clearable && e && !C.disabled && !C.readonly;
+		}), N = o(() => M.value && (E.value || D.value || !!C.active));
 		h(() => {
-			D !== null && clearTimeout(D);
+			O !== null && clearTimeout(O);
 		});
-		let N = (e) => {
-			w.value?.contains(e.relatedTarget) || (E.value = !1);
-		}, P = () => w.value?.querySelector("input,textarea") ?? null, F = (e) => {
-			if (!w.value || S.preventFocus || S.disabled) return;
+		let P = (e) => {
+			T.value?.contains(e.relatedTarget) || (D.value = !1);
+		}, F = () => T.value?.querySelector("input,textarea") ?? null, I = (e) => {
+			if (!T.value || C.preventFocus || C.disabled) return;
 			let t = e.target;
-			t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.closest(".bb-clearable-button") || (P()?.focus(), C("container:click"));
-		}, I = o(() => {
+			t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.closest(".bb-clearable-button") || (F()?.focus(), w("container:click"));
+		}, L = o(() => {
 			let e = {
-				onClick: F,
+				onClick: I,
 				onFocusin: () => {
-					E.value = !0;
+					D.value = !0;
 				},
-				onFocusout: N,
-				onPointerenter: k,
-				onPointerleave: A
+				onFocusout: P,
+				onPointerenter: A,
+				onPointerleave: j
 			};
-			return S.passthrough?.box ? p(e, S.passthrough.box) : e;
-		}), L = () => {
-			j.value && (C("click:clear"), P()?.focus());
+			return C.passthrough?.box ? p(e, C.passthrough.box) : e;
+		}), R = () => {
+			M.value && (w("click:clear"), F()?.focus());
 		};
 		return (o, f) => (g(), l("span", { class: m(["bb-field-input", {
 			"bb-field-input--active": o.active,
-			"bb-field-input--clearable": j.value,
+			"bb-field-input--clearable": M.value,
 			"bb-field-input--compact": o.compact,
 			"bb-field-input--disabled": o.disabled,
 			"bb-field-input--errors": o.hasErrors,
-			"bb-field-input--warnings": O.value,
+			"bb-field-input--warnings": k.value,
 			"bb-field-input--loading": o.loading,
 			"bb-field-input--readonly": o.readonly,
 			[`bb-field-input--${o.variant}`]: o.variant !== "none"
@@ -76,9 +76,9 @@ var x = /*@__PURE__*/ f({
 			v(o.$slots, "prepend:outer"),
 			u("span", p({
 				ref_key: "container",
-				ref: w,
+				ref: T,
 				class: "bb-field-input__box"
-			}, I.value), [
+			}, L.value), [
 				v(o.$slots, "prepend", {}, () => [o.$slots.prefix ? (g(), l("span", p({
 					key: 0,
 					class: "bb-field-input__prefix"
@@ -89,18 +89,19 @@ var x = /*@__PURE__*/ f({
 					icon: o.$props["prepend:icon"]
 				}, o.passthrough?.icon), null, 16, ["icon"])) : c("", !0),
 				v(o.$slots, "default"),
-				u("span", { class: m(["bb-field-input__icon-spacer", { "bb-field-input__icon-spacer--reserved": S.reserveAppendSpace }]) }, [d(a, {
+				u("span", { class: m(["bb-field-input__icon-spacer", { "bb-field-input__icon-spacer--reserved": C.reserveAppendSpace }]) }, [d(a, {
 					appear: "",
 					name: "bb-field-input-icon"
 				}, {
-					default: b(() => [M.value ? (g(), s(r, p({
+					default: b(() => [N.value ? (g(), s(r, p({
 						key: "clear",
 						class: "bb-field-input__clear",
-						onClick: L
+						onClick: R,
+						onMousedown: f[0] ||= x(() => {}, ["prevent"])
 					}, o.passthrough?.clear), null, 16)) : o.loading ? (g(), s(y(t), p({
 						key: "spinner",
 						class: "bb-field-input__spinner"
-					}, o.passthrough?.spinner), null, 16)) : o.hasErrors ? (g(), s(n, { key: "error" })) : O.value ? (g(), s(i, { key: "warning" })) : o.$props["append:icon"] ? (g(), s(y(e), p({
+					}, o.passthrough?.spinner), null, 16)) : o.hasErrors ? (g(), s(n, { key: "error" })) : k.value ? (g(), s(i, { key: "warning" })) : o.$props["append:icon"] ? (g(), s(y(e), p({
 						key: "icon",
 						class: "bb-field-input__append-icon",
 						icon: o.$props["append:icon"]
@@ -117,4 +118,4 @@ var x = /*@__PURE__*/ f({
 	}
 });
 //#endregion
-export { x as default };
+export { S as default };

package/dist/components/CommonPopover/types.d.ts

@@ -7,7 +7,8 @@ export type CommonPopoverProps = {
      */
     arrowPadding?: number;
     /**
-     * Prevents rendering content before it's made visible.
+     * Renders the bubble's content at mount instead of on the first open.
+     * Either way it stays rendered once it has been.
      */
     eager?: boolean;
     /**