bitboss-ui 3.0.0-beta.63 → 3.0.0-beta.65

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

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

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

@@ -1,6 +1,6 @@
-import { TooltipVariantType } from '../../types/TooltipVariant';
-import { PtMap, PtValue } from '../../types/passthrough';
-import { ElementOrComponentRef, ElementOrComponentRefOrSelector } from '../../types/CommonProps';
+import { TooltipVariantBuiltIn, TooltipVariantRegistry, TooltipVariantType } from '../../types/TooltipVariant';
+import { PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
+import { ElementOrComponentRefOrSelector } from '../../types/CommonProps';
 import { Placement } from '../../types/Placement';
 /**
  * Tooltip variant. Registered variants (vite plugin `tooltipVariants` option)
@@ -26,15 +26,19 @@ export type BbTooltipPtState = 'open';
 export declare const BB_TOOLTIP_PT: {
     readonly parts: readonly ["root", "panel"];
     readonly states: readonly ["open"];
+    readonly variant: {
+        readonly names: readonly ["default", "destructive"];
+        readonly option: "tooltipVariants";
+    };
 };
 export type BbTooltipProps = {
-    [K in `pt:${BbTooltipPtPart}` | `pt:${BbTooltipPtPart}:${BbTooltipPtState}`]?: PtValue;
-} & {
+    [K in `pt:${BbTooltipPtPart}` | `pt:${BbTooltipPtPart}:${BbTooltipPtState}` | `pt:${BbTooltipPtPart}:${TooltipVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtVariantAttrs<BbTooltipPtPart, keyof TooltipVariantRegistry> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.
      */
-    pt?: PtMap<BbTooltipPtPart, BbTooltipPtState>;
+    pt?: PtMap<BbTooltipPtPart, BbTooltipPtState | TooltipVariantBuiltIn | keyof TooltipVariantRegistry>;
     /**
      * Space the arrow will maintain to the edge of the tooltip bubble.
      * Useful when the floating element has border radius so it won't appear broken
@@ -91,11 +95,12 @@ export type BbTooltipProps = {
      */
     transitionDuration?: number;
     /**
-     * External activator element or component ref.
+     * External activator: an HTMLElement, a Vue component ref, or a CSS
+     * selector string (looked up in the document once the tooltip mounts).
      * When provided, the activator slot is not rendered and event listeners
      * are attached programmatically to the referenced element.
      */
-    activator?: ElementOrComponentRef;
+    activator?: ElementOrComponentRefOrSelector;
     /**
      * Constrains the tooltip within a bounding element: it stays inside it
      * alongside its trigger (sideways for a tooltip above or below); away from

package/dist/components/BbTooltip/types.js

@@ -1,7 +1,12 @@
+import { TOOLTIP_VARIANTS as e } from "../../types/TooltipVariant.js";
 //#region src/components/BbTooltip/types.ts
-var e = {
+var t = {
 	parts: ["root", "panel"],
-	states: ["open"]
+	states: ["open"],
+	variant: {
+		names: e,
+		option: "tooltipVariants"
+	}
 };
 //#endregion
-export { e as BB_TOOLTIP_PT };
+export { t as BB_TOOLTIP_PT };

package/dist/components/CommonField/CommonField.vue.d.ts

@@ -3,9 +3,9 @@ import { CommonFieldProps, CommonFieldSlots } from './types';
 type __VLS_Slots = CommonFieldSlots;
 declare const __VLS_base: import('vue').DefineComponent<CommonFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CommonFieldProps> & Readonly<{}>, {
     reverse: boolean;
+    tag: import('../../types/CommonProps').ContainerTag;
     layout: import('../../types/ResponsiveSize').Responsive<FieldLayout>;
     labelPosition: "left" | "center" | "right";
-    tag: import('../../types/CommonProps').ContainerTag;
     labelTag: import('../../types/CommonProps').LabelTag;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -27,9 +27,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onHide?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
 }>, {
+    tag: import('../../types/CommonProps').PopoverTag;
     padding: number;
     transitionDuration: number;
-    tag: import('../../types/CommonProps').PopoverTag;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/CommonPopover/CommonPopover.vue_vue_type_script_setup_true_lang.js

@@ -5,10 +5,10 @@ import { waitFor as r } from "../../utilities/functions/waitFor.js";
 import { transitions as i } from "../../utilities/misc/transitions.js";
 import { overlaySurfaceIsolation as a } from "../../utils/overlaySurfaceIsolation.js";
 import { providePopoverSubmitBoundary as ee } from "../../composables/formSubmitLock.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as te, defineComponent as l, mergeModels as u, mergeProps as d, nextTick as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as v, toHandlers as y, unref as b, useModel as x, watch as S, withCtx as C, withModifiers as w } from "vue";
-import { arrow as T, autoUpdate as E, flip as D, hide as O, offset as k, shift as A, size as ne, useFloating as re } from "@floating-ui/vue";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as te, defineComponent as l, mergeModels as u, mergeProps as d, nextTick as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as v, toHandlers as y, unref as b, useModel as ne, watch as x, withCtx as S, withModifiers as C } from "vue";
+import { arrow as w, autoUpdate as T, flip as E, hide as D, offset as O, shift as k, size as re, useFloating as ie } from "@floating-ui/vue";
 //#region src/components/CommonPopover/CommonPopover.vue?vue&type=script&setup=true&lang.ts
-var j = /*@__PURE__*/ l({
+var A = /*@__PURE__*/ l({
 	__name: "CommonPopover",
 	props: /*@__PURE__*/ u({
 		arrowPadding: {},
@@ -40,95 +40,95 @@ var j = /*@__PURE__*/ l({
 		"hidden"
 	], ["update:modelValue"]),
 	setup(i, { emit: l }) {
-		let u = x(i, "modelValue"), j = i, M = l;
+		let u = ne(i, "modelValue"), A = i, j = l;
 		ee();
-		let N = g(u.value), P = o(() => j.dialog ? "dialog" : j.tag), F = g(), I = g(), L = o(() => {
-			let e = j.anchor;
+		let M = g(u.value), N = o(() => A.dialog ? "dialog" : A.tag), P = g(), F = g(), I = o(() => {
+			let e = A.anchor;
 			return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : n(e);
-		}), R = e(u, { initialValue: j.eager }), z = (e) => {
+		}), L = e(u, { initialValue: A.eager }), R = (e) => {
 			if (e) return typeof e == "string" ? document.querySelector(e) ?? void 0 : n(e) ?? void 0;
-		}, B = o(() => z(j.boundary)), V = o(() => z(j.overflowBoundary)), H = g(), U = g(), W = o(() => typeof j.bubbleAttrs == "function" ? j.bubbleAttrs({
-			availableWidth: H.value,
-			availableHeight: U.value
-		}) : j.bubbleAttrs), G = o(() => {
-			let e = B.value, t = V.value;
+		}, z = o(() => R(A.boundary)), B = o(() => R(A.overflowBoundary)), V = g(), H = g(), U = o(() => typeof A.bubbleAttrs == "function" ? A.bubbleAttrs({
+			availableWidth: V.value,
+			availableHeight: H.value
+		}) : A.bubbleAttrs), W = o(() => {
+			let e = z.value, t = B.value;
 			return [
-				...j.disableFlip ? [] : [D()],
-				k(j.offset),
-				A({
-					padding: j.padding,
+				...A.disableFlip ? [] : [E()],
+				O(A.offset),
+				k({
+					padding: A.padding,
 					...e ? { boundary: e } : {}
 				}),
-				ne({
-					padding: j.padding,
+				re({
+					padding: A.padding,
 					...t ? { boundary: t } : {},
 					apply({ availableWidth: e, availableHeight: t }) {
-						H.value = Math.max(0, Math.floor(e)), U.value = Math.max(0, Math.floor(t));
+						V.value = Math.max(0, Math.floor(e)), H.value = Math.max(0, Math.floor(t));
 					}
 				}),
-				O(),
-				...j.hideArrow ? [] : [T({
-					element: I,
-					padding: j.arrowPadding
+				D(),
+				...A.hideArrow ? [] : [w({
+					element: F,
+					padding: A.arrowPadding
 				})]
 			];
-		}), { floatingStyles: K, placement: q, middlewareData: J, update: Y } = re(L, F, {
-			placement: j.placement,
-			middleware: G,
+		}), G = g(A.placement), { floatingStyles: K, placement: q, middlewareData: J, update: Y } = ie(I, P, {
+			placement: G,
+			middleware: W,
 			strategy: "fixed",
 			whileElementsMounted: () => () => {}
 		}), X = null;
-		S([
-			N,
-			L,
-			F,
-			() => j.forceAutoUpdate
+		x([
+			M,
+			I,
+			P,
+			() => A.forceAutoUpdate
 		], ([e, t, n, r]) => {
-			X?.(), X = null, (e || r) && t && n && (X = E(t, n, Y));
+			X?.(), X = null, (e || r) && t && n && (X = T(t, n, Y));
 		}, { immediate: !0 }), p(() => {
-			X?.(), X = null, ae();
+			X?.(), X = null, oe();
 		});
-		let { execute: ie, cancel: ae } = t(({ signal: e }, t) => new Promise((n) => {
+		let { execute: ae, cancel: oe } = t(({ signal: e }, t) => new Promise((n) => {
 			let i, a = () => {
 				i && clearTimeout(i);
 			};
-			e.addEventListener("abort", a), t ? (M("show"), oe(), Y(), r(() => !!F.value, { signal: e }).then(() => {
-				e.aborted || (N.value = !0, i = setTimeout(() => {
-					e.removeEventListener("abort", a), M("shown"), n(void 0);
-				}, j.transitionDuration));
-			})) : (M("hide"), N.value = !1, i = setTimeout(() => {
+			e.addEventListener("abort", a), t ? (j("show"), G.value = A.placement, se(), Y(), r(() => !!P.value, { signal: e }).then(() => {
+				e.aborted || (M.value = !0, i = setTimeout(() => {
+					e.removeEventListener("abort", a), j("shown"), n(void 0);
+				}, A.transitionDuration));
+			})) : (j("hide"), M.value = !1, i = setTimeout(() => {
 				f(() => {
-					se(), e.removeEventListener("abort", a), Y(), M("hidden"), n(void 0);
+					ce(), e.removeEventListener("abort", a), Y(), j("hidden"), n(void 0);
 				});
-			}, j.transitionDuration));
+			}, A.transitionDuration));
 		})), Z = () => {
-			let e = F.value;
-			return e ? j.dialog ? e.open : e.matches(":popover-open") : !1;
-		}, oe = () => {
-			let e = F.value;
-			!e || Z() || (j.dialog ? e.showModal() : e.showPopover());
+			let e = P.value;
+			return e ? A.dialog ? e.open : e.matches(":popover-open") : !1;
 		}, se = () => {
-			let e = F.value;
-			!e || !Z() || (j.dialog ? e.close() : e.hidePopover());
-		}, Q = (e) => ie(e).catch((e) => {
+			let e = P.value;
+			!e || Z() || (A.dialog ? e.showModal() : e.showPopover());
+		}, ce = () => {
+			let e = P.value;
+			!e || !Z() || (A.dialog ? e.close() : e.hidePopover());
+		}, Q = (e) => ae(e).catch((e) => {
 			if (!(e instanceof Error && (e.message === "Operation was cancelled" || e.name === "AbortError"))) throw e;
 		});
-		S(u, Q), m(() => {
+		x(u, Q), m(() => {
 			u.value && Q(u.value);
 		});
-		let ce = o(() => {
-			let e = u.value ? void 0 : -1, t = J.value.arrow?.x, n = j.hideArrow || t == null ? "50%" : `${Math.round(t)}px`, r = j.dialog ? void 0 : "manual";
+		let le = o(() => {
+			let e = u.value ? void 0 : -1, t = J.value.arrow?.x, n = A.hideArrow || t == null ? "50%" : `${Math.round(t)}px`, r = A.dialog ? void 0 : "manual";
 			return {
 				style: {
 					...K.value,
-					"--transition-duration": `${j.transitionDuration}ms`,
-					"--page-padding": `${j.padding}px`,
+					"--transition-duration": `${A.transitionDuration}ms`,
+					"--page-padding": `${A.padding}px`,
 					"--arrow-offset-x": n
 				},
 				popover: r,
 				tabindex: e
 			};
-		}), le = o(() => {
+		}), ue = o(() => {
 			if (J.value.arrow) {
 				let { x: e, y: t } = J.value.arrow;
 				return { style: {
@@ -139,31 +139,31 @@ var j = /*@__PURE__*/ l({
 		}), $ = () => {
 			u.value = !1;
 		};
-		return (e, t) => (h(), s(v(P.value), d({
+		return (e, t) => (h(), s(v(N.value), d({
 			ref_key: "wrapper",
-			ref: F,
+			ref: P,
 			class: ["bb-common-popover", {
-				"bb-common-popover--open": N.value,
+				"bb-common-popover--open": M.value,
 				"bb-common-popover--no-arrow": e.hideArrow,
 				[`bb-common-popover--${b(q)}`]: !0
 			}]
-		}, ce.value, y(b(a)), {
-			onClick: w($, ["self"]),
+		}, le.value, y(b(a)), {
+			onClick: C($, ["self"]),
 			onClose: $,
-			onContextmenu: w($, ["self", "prevent"])
+			onContextmenu: C($, ["self", "prevent"])
 		}), {
-			default: C(() => [e.hideArrow ? c("", !0) : (h(), te("span", d({
+			default: S(() => [e.hideArrow ? c("", !0) : (h(), te("span", d({
 				key: 0,
 				ref_key: "bubblearrow",
-				ref: I,
+				ref: F,
 				class: "bb-common-popover__arrow"
-			}, le.value), null, 16)), b(R) ? (h(), s(v(j.tag), d({
+			}, ue.value), null, 16)), b(L) ? (h(), s(v(A.tag), d({
 				key: 1,
 				class: "bb-common-popover__bubble"
-			}, W.value), {
-				default: C(() => [_(e.$slots, "default", {
-					availableHeight: U.value,
-					availableWidth: H.value
+			}, U.value), {
+				default: S(() => [_(e.$slots, "default", {
+					availableHeight: H.value,
+					availableWidth: V.value
 				})]),
 				_: 3
 			}, 16)) : c("", !0)]),
@@ -172,4 +172,4 @@ var j = /*@__PURE__*/ l({
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };