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

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

@@ -3,19 +3,20 @@ 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 i } from "../../composables/useUntil.js";
 import { useOverlayYield as te } from "../../composables/useOverlayYield.js";
-import { removedPropsFor as ne } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as re } from "../../utilities/functions/warnRemovedAttrs.js";
-import { extractDomContainer as a } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as o } from "../../utilities/misc/transitions.js";
-import ie from "../CommonPopover/CommonPopover.vue.js";
-import { BB_TOOLTIP_PT as s } from "./types.js";
-import { Comment as ae, Fragment as oe, computed as c, createBlock as se, createCommentVNode as l, createElementBlock as u, createElementVNode as ce, createTextVNode as le, defineComponent as d, mergeModels as f, mergeProps as p, normalizeProps as ue, onBeforeUnmount as de, onDeactivated as fe, onMounted as pe, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, useSlots as b, useTemplateRef as me, watch as x, withCtx as he } from "vue";
-import { useElementSize as ge } from "@vueuse/core";
+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 S = /*@__PURE__*/ d({
+var x = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "BbTooltip",
-	props: /*@__PURE__*/ f({
+	props: /*@__PURE__*/ p({
 		"pt:root": {},
 		"pt:panel": {},
 		"pt:root:open": {},
@@ -29,11 +30,11 @@ var S = /*@__PURE__*/ d({
 		padding: { default: 10 },
 		placement: { default: "top" },
 		text: {},
-		transitionDuration: { default: o.medium },
+		transitionDuration: { default: s.medium },
 		activator: {},
 		boundary: {},
 		variant: { default: "default" },
-		delay: { default: 0 },
+		delay: { default: 100 },
 		width: {}
 	}, {
 		modelValue: {
@@ -43,119 +44,123 @@ var S = /*@__PURE__*/ d({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(o) {
-		let d = y(o, "modelValue"), f = o, S = b(), C = e({
+	setup(s) {
+		let f = ge(s, "modelValue"), p = s, x = _e(), S = e({
 			component: "BbTooltip",
-			props: f,
-			parts: s.parts,
-			states: s.states,
-			active: { open: () => d.value }
+			props: p,
+			parts: c.parts,
+			states: c.states,
+			active: { open: () => f.value }
 		});
-		process.env.NODE_ENV !== "production" && re("BbTooltip", ne("BbTooltip"));
-		let _e = t().id.value, w = `bb_${f.id ?? _e}`, T = `${w}_desc`, E = (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 === ae) continue;
+				if (n.type === se) continue;
 				let e = n.children;
-				typeof e == "string" ? t += e : Array.isArray(e) && (t += E(e));
+				typeof e == "string" ? t += e : Array.isArray(e) && (t += T(e));
 			}
 			return t;
-		}, D = h(!1), O = c(() => (f.text ?? (D.value ? E(S.default?.({})) : "")).replace(/\s+/g, " ").trim()), k = h(), ve = c(() => f.activator != null), ye = me("popover"), A = c(() => a(ye.value)), j = i(d), M = i(() => !!f.eager || d.value), N = h(!1), be = () => {
-			A.value?.getBoundingClientRect(), N.value = !0;
-		}, P = c({
-			get: () => d.value && N.value,
+		}, 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) => {
-				d.value = e;
+				f.value = e;
 			}
-		}), F = (e) => {
-			let t = a(e);
-			t && (k.value = t);
-		}, I, L, R = () => {
-			clearTimeout(L);
+		}), 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), d.value = !1;
-		}, B = () => {
-			clearTimeout(I), clearTimeout(L), L = setTimeout(z, 50);
-		}, V = () => {
-			R(), !(d.value || f.disabled || H()) && (I = setTimeout(() => {
-				H() || (d.value = !0);
-			}, f.delay));
-		}, { blocked: H } = te(() => k.value, () => A.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();
-		};
-		x(d, (e) => {
-			e ? (ee(W, {
-				element: () => A.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 }));
-		}), x(() => f.disabled, (e) => {
-			e && z();
-		}), x(() => f.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;
-		x(k, (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;
-		x(A, (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 xe = /* @__PURE__ */ new Set([w, T]), Y = null, X = (e, t) => {
-			let n = (e.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((e) => e && !xe.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 = k.value ?? null;
-			Y && Y !== e && X(Y, null), Y = e, e && (O.value ? X(e, T) : X(e, j.value ? w : 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));
 		};
-		pe(() => {
-			Z(), D.value = !0;
-		}), x([
-			k,
-			j,
-			O
-		], Z, { flush: "post" }), de(() => {
-			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 Se = /^-?\d*\.?\d+$/, Ce = /^(-?\d*\.?\d+)%$/, Q = c(() => {
-			if (typeof f.width != "string") return;
-			let e = f.width.trim().match(Ce);
+		let Oe = /^-?\d*\.?\d+$/, ke = /^(-?\d*\.?\d+)%$/, Q = l(() => {
+			if (typeof p.width != "string") return;
+			let e = p.width.trim().match(ke);
 			return e ? parseFloat(e[1]) : void 0;
-		}), { width: $ } = ge(c(() => Q.value == null ? void 0 : k.value), {
+		}), { width: $ } = be(l(() => Q.value == null ? void 0 : O.value), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), we = c(() => {
-			if (f.width == null || f.width === "") return;
+		}, { 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 f.width == "number") return Number.isFinite(f.width) ? `${f.width}px` : void 0;
-			let e = f.width.trim();
-			return Se.test(e) ? `${e}px` : e;
+			if (typeof p.width == "number") return Number.isFinite(p.width) ? `${p.width}px` : void 0;
+			let e = p.width.trim();
+			return Oe.test(e) ? `${e}px` : e;
 		});
-		return fe(z), (e, t) => (m(), u(oe, null, [
-			O.value ? (m(), u("span", {
+		return me(L), (e, t) => (h(), d(ce, null, [
+			D.value ? (h(), d("span", {
 				key: 0,
-				id: T,
+				id: w,
 				hidden: ""
-			}, _(O.value), 1)) : l("", !0),
-			ve.value ? l("", !0) : g(e.$slots, "activator", ue(p({ 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: d.value,
+				open: f.value,
 				placement: e.placement
 			}))),
-			v(M) ? (m(), se(ie, p({
+			y(we) ? (h(), le(oe, m({
 				key: 2,
 				ref: "popover",
-				modelValue: P.value,
-				"onUpdate:modelValue": t[0] ||= (e) => P.value = e,
-				anchor: k.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 }],
@@ -166,13 +171,13 @@ var S = /*@__PURE__*/ d({
 				role: "none",
 				tag: "span",
 				"transition-duration": e.transitionDuration
-			}, p(e.$attrs, v(C).root), { onVnodeMounted: be }), {
-				default: he(() => [ce("span", p({
-					id: w,
+			}, m(e.$attrs, y(S).root), { onVnodeMounted: Te }), {
+				default: ye(() => [ue("span", m({
+					id: C,
 					class: "bb-tooltip__panel",
 					role: "tooltip",
-					style: { "--max-w": we.value }
-				}, v(C).panel), [g(e.$slots, "default", {}, () => [le(_(e.text), 1)])], 16)]),
+					style: { "--max-w": Ae.value }
+				}, y(S).panel), [_(e.$slots, "default", {}, () => [de(v(e.text), 1)])], 16)]),
 				_: 3
 			}, 16, [
 				"modelValue",
@@ -185,9 +190,9 @@ var S = /*@__PURE__*/ d({
 				"padding",
 				"placement",
 				"transition-duration"
-			])) : l("", !0)
+			])) : u("", !0)
 		], 64));
 	}
 });
 //#endregion
-export { S 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

@@ -111,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 };