bitboss-ui 2.1.122 → 2.1.124

package/dist/index58.js

@@ -4,12 +4,12 @@ import { useUntil as n } from "./index50.js";
 import { waitFor as r } from "./index51.js";
 import { autoUpdate as i, flip as a, hide as o, offset as s, shift as c, size as l } from "./index55.js";
 import { arrow as u, useFloating as d } from "./index57.js";
-import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, defineComponent as _, mergeModels as v, mergeProps as y, nextTick as b, onMounted as x, openBlock as S, ref as C, renderSlot as w, resolveDynamicComponent as T, unref as E, useModel as D, watch as O, withCtx as k, withModifiers as A } from "vue";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, defineComponent as _, mergeModels as v, mergeProps as y, nextTick as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderSlot as T, resolveDynamicComponent as E, unref as D, useModel as O, watch as k, withCtx as A, withModifiers as j } from "vue";
 //#region src/components/CommonPopover/CommonPopover.vue?vue&type=script&setup=true&lang.ts
-var j = {
+var M = {
 	key: 0,
 	class: "bb-common-popover__bubble scrollbar-border"
-}, M = /* @__PURE__ */ _({
+}, N = /* @__PURE__ */ _({
 	__name: "CommonPopover",
 	props: /* @__PURE__ */ v({
 		arrowPadding: {},
@@ -30,7 +30,8 @@ var j = {
 		scrollable: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		forceAutoUpdate: { type: Boolean }
 	}, {
 		modelValue: {
 			type: Boolean,
@@ -40,13 +41,13 @@ var j = {
 	}),
 	emits: ["update:modelValue"],
 	setup(_) {
-		let v = _, M = D(_, "modelValue"), N = C(M.value), P = f(() => v.dialog ? "dialog" : "span"), F = C(), I = C(), L = f(() => {
+		let v = _, N = O(_, "modelValue"), P = w(N.value), F = f(() => v.dialog ? "dialog" : "span"), I = w(), L = w(), R = f(() => {
 			let t = v.anchor;
 			return t && typeof t == "object" && "getBoundingClientRect" in t && !(t instanceof Element) ? t : e(t);
-		}), R = n(M, { initialValue: v.eager }), z = f(() => {
+		}), z = n(N, { initialValue: v.eager }), B = f(() => {
 			if (v.boundary) return typeof v.boundary == "string" ? document.querySelector(v.boundary) ?? void 0 : e(v.boundary) ?? void 0;
-		}), B = f(() => {
-			let e = z.value;
+		}), V = f(() => {
+			let e = B.value;
 			return [
 				...v.flip ? [a(e ? { boundary: e } : void 0)] : [],
 				s(v.offset),
@@ -63,40 +64,50 @@ var j = {
 					}
 				})] : [],
 				...v.hideArrow ? [] : [u({
-					element: I,
+					element: L,
 					padding: v.arrowPadding
 				})]
 			];
-		}), { floatingStyles: V, placement: H, middlewareData: U, update: W } = d(L, F, {
+		}), { floatingStyles: H, placement: U, middlewareData: W, update: G } = d(R, I, {
 			placement: v.placement,
-			whileElementsMounted: i,
-			middleware: B,
+			middleware: V,
 			strategy: "fixed"
-		}), { execute: G } = t(({ signal: e }, t) => new Promise((n) => {
+		}), K = null;
+		k([
+			P,
+			R,
+			I,
+			() => v.forceAutoUpdate
+		], ([e, t, n, r]) => {
+			K?.(), K = null, (e || r) && t && n && (K = i(t, n, G));
+		}, { immediate: !0 }), x(() => {
+			K?.(), K = null;
+		});
+		let { execute: q } = t(({ signal: e }, t) => new Promise((n) => {
 			let i, a = () => {
 				i && clearTimeout(i);
 			};
-			e.addEventListener("abort", a), t ? (K(), W(), r(() => !!F.value).then(() => {
-				N.value = !0, e.removeEventListener("abort", a), n(void 0);
-			})) : (N.value = !1, i = setTimeout(() => {
+			e.addEventListener("abort", a), t ? (J(), G(), r(() => !!I.value).then(() => {
+				P.value = !0, e.removeEventListener("abort", a), n(void 0);
+			})) : (P.value = !1, i = setTimeout(() => {
 				b(() => {
-					F.value && (v.dialog ? F.value.close() : F.value.hidePopover()), e.removeEventListener("abort", a), W(), n(void 0);
+					I.value && (v.dialog ? I.value.close() : I.value.hidePopover()), e.removeEventListener("abort", a), G(), n(void 0);
 				});
 			}, v.transitionDuration));
-		})), K = () => {
-			if (F.value) {
-				if (!v.dialog) return F.value.showPopover();
-				F.value.showModal();
+		})), J = () => {
+			if (I.value) {
+				if (!v.dialog) return I.value.showPopover();
+				I.value.showModal();
 			}
 		};
-		O(M, G), x(() => {
-			M.value && G(M.value);
+		k(N, q), S(() => {
+			N.value && q(N.value);
 		});
-		let q = f(() => {
-			let e = M.value ? void 0 : -1, t = U.value.arrow?.x, n = v.hideArrow || t == null ? "50%" : `${Math.round(t)}px`, r = v.dialog ? void 0 : "manual";
+		let Y = f(() => {
+			let e = N.value ? void 0 : -1, t = W.value.arrow?.x, n = v.hideArrow || t == null ? "50%" : `${Math.round(t)}px`, r = v.dialog ? void 0 : "manual";
 			return {
 				style: {
-					...V.value,
+					...H.value,
 					"--transition-duration": `${v.transitionDuration}ms`,
 					"--page-padding": `${v.padding}px`,
 					"--arrow-offset-x": n
@@ -104,43 +115,43 @@ var j = {
 				popover: r,
 				tabindex: e
 			};
-		}), J = f(() => {
-			if (U.value.arrow) {
-				let { x: e, y: t } = U.value.arrow;
+		}), X = f(() => {
+			if (W.value.arrow) {
+				let { x: e, y: t } = W.value.arrow;
 				return { style: {
 					left: `${e}px`,
 					top: `${t}px`
 				} };
 			}
-		}), Y = () => {
-			M.value = !1;
+		}), Z = () => {
+			N.value = !1;
 		};
-		return (e, t) => (S(), p(T(P.value), y({
+		return (e, t) => (C(), p(E(F.value), y({
 			ref_key: "wrapper",
-			ref: F,
+			ref: I,
 			class: ["bb-common-popover", {
-				"bb-common-popover--open": N.value,
+				"bb-common-popover--open": P.value,
 				"bb-common-popover--no-arrow": e.hideArrow,
 				"bb-common-popover--scrollable": e.scrollable,
-				[`bb-common-popover--${E(H)}`]: !0
+				[`bb-common-popover--${D(U)}`]: !0
 			}]
-		}, q.value, {
-			onClick: A(Y, ["self", "stop"]),
-			onContextmenu: A(Y, [
+		}, Y.value, {
+			onClick: j(Z, ["self", "stop"]),
+			onContextmenu: j(Z, [
 				"self",
 				"stop",
 				"prevent"
 			]),
-			onClose: Y
+			onClose: Z
 		}), {
-			default: k(() => [g("span", y({
+			default: A(() => [g("span", y({
 				ref_key: "bubblearrow",
-				ref: I,
+				ref: L,
 				class: "bb-common-popover__arrow"
-			}, J.value), null, 16), E(R) ? (S(), h("span", j, [w(e.$slots, "default")])) : m("", !0)]),
+			}, X.value), null, 16), D(z) ? (C(), h("span", M, [T(e.$slots, "default")])) : m("", !0)]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-export { M as default };
+export { N as default };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.122",
+	"version": "2.1.124",
 	"description": "Vue 3 component library by BitBoss: forms, selects, layout, overlays, and more.",
 	"type": "module",
 	"sideEffects": false,
@@ -113,4 +113,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}