@verbb/plugin-kit-web 2.0.0

package/dist/chunks/pk-popup-CgiXok-U.js

@@ -0,0 +1,538 @@
+import { n as PkElement, t as __decorate } from "./decorate-W02hmVTt.js";
+import { t as computePopupTransformOrigin } from "./popup-placement-animation-WlEXnS85.js";
+import { t as SUPPORTS_POPOVER } from "./supports-popover-CUBsbHpS.js";
+import { css, html, nothing } from "lit";
+import { classMap } from "lit/directives/class-map.js";
+import { customElement, property, query } from "lit/decorators.js";
+import { arrow, autoUpdate, computePosition, flip, getOverflowAncestors, offset, platform, shift, size } from "@floating-ui/dom";
+import { offsetParent } from "composed-offset-position";
+//#region src/internal/resolve-element-by-id.ts
+/** Resolve an element id from the same root as the host (shadow or document), then the document. */
+function resolveElementById(host, id) {
+	if (!id) return null;
+	const root = host.getRootNode();
+	if (root instanceof Document || root instanceof ShadowRoot) {
+		const match = root.getElementById(id);
+		if (match) return match;
+	}
+	return host.ownerDocument.getElementById(id);
+}
+//#endregion
+//#region src/events/pk-reposition.ts
+/** Emitted when a popup repositions — mirrors  reposition semantics with pk naming. */
+var PkRepositionEvent = class extends Event {
+	constructor() {
+		super("pk-reposition", {
+			bubbles: true,
+			cancelable: false,
+			composed: true
+		});
+	}
+};
+//#endregion
+//#region src/components/popup/pk-popup.styles.ts
+var pkPopupStyles = css`
+    @layer pk-component {
+        :host {
+            display: contents;
+        }
+
+        .popup {
+            position: absolute;
+            isolation: isolate;
+            width: max-content;
+            z-index: var(--pk-popup-z-index, 1000);
+            /* Never transition coordinates — flip would animate the jump. */
+            transition: none;
+
+            /* Reset UA styles for [popover] — see  pk-popup. */
+            inset: unset;
+            padding: unset;
+            margin: unset;
+            height: unset;
+            color: unset;
+            background: unset;
+            border: unset;
+            overflow: unset;
+        }
+
+        .popup-fixed {
+            position: fixed;
+        }
+
+        .popup:not(.active) {
+            display: none;
+        }
+
+        /* Prefer visibility over opacity so enter animations are not fighting a
+         * 0→1 fade. Matches base-ui isPositioned / hide-until-placed.
+         */
+        .popup.active:not(.positioned) {
+            visibility: hidden;
+            pointer-events: none;
+        }
+
+        .popup.show {
+            animation: pk-popup-surface-in 100ms ease-out;
+        }
+
+        .popup.hide {
+            animation: pk-popup-surface-out 100ms ease-in forwards;
+        }
+
+        @keyframes pk-popup-surface-in {
+            from {
+                opacity: 0;
+                transform: scale(0.95);
+            }
+
+            to {
+                opacity: 1;
+                transform: scale(1);
+            }
+        }
+
+        @keyframes pk-popup-surface-out {
+            from {
+                opacity: 1;
+                transform: scale(1);
+            }
+
+            to {
+                opacity: 0;
+                transform: scale(0.95);
+            }
+        }
+
+        .arrow {
+            position: absolute;
+            width: var(--pk-popup-arrow-size, 6px);
+            height: var(--pk-popup-arrow-size, 6px);
+            rotate: 45deg;
+            background: var(--pk-popup-arrow-color, var(--pk-color-white));
+            z-index: 1;
+        }
+
+        .hover-bridge {
+            position: fixed;
+            z-index: calc(var(--pk-popup-z-index, 1000) - 1);
+            inset: 0;
+            clip-path: polygon(
+                var(--pk-hover-bridge-top-left-x, 0) var(--pk-hover-bridge-top-left-y, 0),
+                var(--pk-hover-bridge-top-right-x, 0) var(--pk-hover-bridge-top-right-y, 0),
+                var(--pk-hover-bridge-bottom-right-x, 0) var(--pk-hover-bridge-bottom-right-y, 0),
+                var(--pk-hover-bridge-bottom-left-x, 0) var(--pk-hover-bridge-bottom-left-y, 0)
+            );
+            pointer-events: auto;
+        }
+
+        .hover-bridge:not(.hover-bridge-visible) {
+            display: none;
+        }
+    }
+`;
+//#endregion
+//#region src/components/popup/pk-popup.ts
+function isVirtualElement(value) {
+	return value !== null && typeof value === "object" && "getBoundingClientRect" in value;
+}
+function resolvePositionStrategy(positionMethod) {
+	if (positionMethod) return positionMethod;
+	return SUPPORTS_POPOVER ? "absolute" : "fixed";
+}
+function resolveScrollBoundary(anchorElement, boundary) {
+	if (!SUPPORTS_POPOVER || isVirtualElement(anchorElement) || boundary !== "scroll") return;
+	return getOverflowAncestors(anchorElement).filter((node) => node instanceof Element);
+}
+var PkPopup = class PkPopup extends PkElement {
+	constructor(..._args) {
+		super(..._args);
+		this.anchor = "";
+		this.active = false;
+		this.boundary = "viewport";
+		this.placement = "bottom-start";
+		this.distance = 4;
+		this.skidding = 0;
+		this.flip = true;
+		this.flipFallbackPlacements = "";
+		this.flipFallbackStrategy = "best-fit";
+		this.flipPadding = 8;
+		this.shift = true;
+		this.shiftPadding = 8;
+		this.arrow = false;
+		this.arrowPlacement = "anchor";
+		this.arrowPadding = 10;
+		this.anchorTracking = true;
+		this.hoverBridge = false;
+		this.anchorElement = null;
+		this.settlingInitialPosition = false;
+		this.settleGeneration = 0;
+	}
+	static {
+		this.styles = pkPopupStyles;
+	}
+	disconnectedCallback() {
+		this.stop();
+		super.disconnectedCallback();
+	}
+	updated(changed) {
+		super.updated(changed);
+		if (changed.has("active")) if (this.active) {
+			this.resolveAnchor();
+			this.start();
+		} else this.stop();
+		if (changed.has("anchor")) this.handleAnchorChange();
+		if (this.active && !changed.has("active")) this.reposition();
+	}
+	/** Forces the popup to recalculate and reposition itself. */
+	reposition() {
+		if (this.settlingInitialPosition) return;
+		this.repositionAsync();
+	}
+	/**
+	* Runs Floating UI once and applies coords. Does not reveal an unpositioned
+	* popup — `settleInitialPosition()` owns the first paint.
+	*/
+	async repositionAsync(emitEvent = true) {
+		const floatingElement = this.popupElement;
+		const arrowTarget = this.arrow ? this.arrowElement : null;
+		if (!this.active || !this.anchorElement || !floatingElement) return false;
+		const scrollBoundary = resolveScrollBoundary(this.anchorElement, this.boundary);
+		const middleware = [offset({
+			mainAxis: this.distance,
+			crossAxis: this.skidding
+		})];
+		if (this.sync) middleware.push(size({ apply: ({ rects }) => {
+			const syncWidth = this.sync === "width" || this.sync === "both";
+			const syncHeight = this.sync === "height" || this.sync === "both";
+			floatingElement.style.width = syncWidth ? `${rects.reference.width}px` : "";
+			floatingElement.style.height = syncHeight ? `${rects.reference.height}px` : "";
+		} }));
+		else {
+			floatingElement.style.width = "";
+			floatingElement.style.height = "";
+		}
+		if (this.flip) middleware.push(flip({
+			boundary: scrollBoundary,
+			fallbackPlacements: this.flipFallbackPlacements ? this.flipFallbackPlacements.split(" ").map((value) => value.trim()).filter(Boolean) : void 0,
+			fallbackStrategy: this.flipFallbackStrategy === "best-fit" ? "bestFit" : "initialPlacement",
+			padding: this.flipPadding
+		}));
+		if (this.shift) middleware.push(shift({
+			boundary: scrollBoundary,
+			padding: this.shiftPadding
+		}));
+		if (this.arrow && arrowTarget) middleware.push(arrow({
+			element: arrowTarget,
+			padding: this.arrowPadding
+		}));
+		const strategy = resolvePositionStrategy(this.positionMethod);
+		const useFixedFallback = strategy === "fixed";
+		floatingElement.classList.toggle("popup-fixed", useFixedFallback);
+		const getOffsetParentFn = SUPPORTS_POPOVER ? (element) => platform.getOffsetParent(element, offsetParent) : platform.getOffsetParent;
+		const { x, y, middlewareData, placement } = await computePosition(this.anchorElement, floatingElement, {
+			placement: this.placement,
+			middleware,
+			strategy,
+			platform: {
+				...platform,
+				getOffsetParent: getOffsetParentFn
+			}
+		});
+		if (!this.active || !floatingElement.isConnected) return false;
+		const staticSide = {
+			top: "bottom",
+			right: "left",
+			bottom: "top",
+			left: "right"
+		}[placement.split("-")[0]];
+		this.setAttribute("data-current-placement", placement);
+		Object.assign(floatingElement.style, {
+			left: `${x}px`,
+			top: `${y}px`,
+			...useFixedFallback ? { position: "fixed" } : { position: "" }
+		});
+		if (this.anchorElement) {
+			const referenceRect = this.anchorElement.getBoundingClientRect();
+			const floatingRect = floatingElement.getBoundingClientRect();
+			floatingElement.style.setProperty("--pk-anchor-width", `${referenceRect.width}px`);
+			floatingElement.style.setProperty("--pk-anchor-height", `${referenceRect.height}px`);
+			const transformOrigin = computePopupTransformOrigin(placement, referenceRect, floatingRect, this.distance, middlewareData.shift);
+			floatingElement.style.setProperty("--pk-transform-origin", transformOrigin);
+		}
+		if (this.arrow && arrowTarget) {
+			const arrowX = middlewareData.arrow?.x;
+			const arrowY = middlewareData.arrow?.y;
+			let top = "";
+			let right = "";
+			let bottom = "";
+			let left = "";
+			if (this.arrowPlacement === "start") {
+				const value = typeof arrowX === "number" ? `${this.arrowPadding}px` : "";
+				top = typeof arrowY === "number" ? `${this.arrowPadding}px` : "";
+				left = value;
+			} else if (this.arrowPlacement === "end") {
+				right = typeof arrowX === "number" ? `${this.arrowPadding}px` : "";
+				bottom = typeof arrowY === "number" ? `${this.arrowPadding}px` : "";
+			} else if (this.arrowPlacement === "center") {
+				left = typeof arrowX === "number" ? "50%" : "";
+				top = typeof arrowY === "number" ? "50%" : "";
+			} else {
+				left = typeof arrowX === "number" ? `${arrowX}px` : "";
+				top = typeof arrowY === "number" ? `${arrowY}px` : "";
+			}
+			Object.assign(arrowTarget.style, {
+				top,
+				right,
+				bottom,
+				left,
+				transform: "",
+				[staticSide]: "calc(-1 * var(--pk-popup-arrow-size, 6px) / 2)"
+			});
+		}
+		requestAnimationFrame(() => this.updateHoverBridge());
+		if (emitEvent) this.dispatchEvent(new PkRepositionEvent());
+		return true;
+	}
+	frames(count) {
+		return new Promise((resolve) => {
+			const step = (remaining) => {
+				if (remaining <= 0) {
+					resolve();
+					return;
+				}
+				requestAnimationFrame(() => step(remaining - 1));
+			};
+			step(count);
+		});
+	}
+	/**
+	* Hide → layout → measure → confirm flip → reveal.
+	* A single computePosition often runs before slotted content has height, so flip
+	* picks the preferred side; autoUpdate then jumps — that was the visible flash.
+	*/
+	async settleInitialPosition() {
+		const generation = ++this.settleGeneration;
+		const floatingElement = this.popupElement;
+		if (!floatingElement) {
+			this.settlingInitialPosition = false;
+			return;
+		}
+		await this.frames(2);
+		if (!this.active || generation !== this.settleGeneration) return;
+		await this.repositionAsync(false);
+		floatingElement.offsetHeight;
+		await this.frames(1);
+		if (!this.active || generation !== this.settleGeneration) return;
+		await this.repositionAsync(false);
+		if (!this.active || generation !== this.settleGeneration) return;
+		floatingElement.classList.add("positioned");
+		this.settlingInitialPosition = false;
+		requestAnimationFrame(() => this.updateHoverBridge());
+		this.dispatchEvent(new PkRepositionEvent());
+	}
+	resolveAnchor() {
+		if (typeof this.anchor === "string" && this.anchor) {
+			this.anchorElement = resolveElementById(this, this.anchor);
+			return;
+		}
+		if (this.anchor instanceof Element || isVirtualElement(this.anchor)) {
+			this.anchorElement = this.anchor;
+			return;
+		}
+		let slotted = this.querySelector("[slot=\"anchor\"]");
+		if (slotted instanceof HTMLSlotElement) slotted = slotted.assignedElements({ flatten: true })[0] ?? null;
+		this.anchorElement = slotted;
+	}
+	async handleAnchorChange() {
+		await this.stop();
+		this.resolveAnchor();
+		if (this.anchorElement && this.active) this.start();
+	}
+	/** When false, skip popover top layer (e.g. menu/select use fixed coords to simplify modal handoff). */
+	usesPopoverTopLayer() {
+		return SUPPORTS_POPOVER && this.positionMethod !== "fixed";
+	}
+	/** `stop()` — sync hidePopover + cleanup autoUpdate. */
+	stop() {
+		return new Promise((resolve) => {
+			const popup = this.popupElement;
+			this.settleGeneration += 1;
+			this.settlingInitialPosition = false;
+			popup?.classList.remove("positioned");
+			if (this.usesPopoverTopLayer()) popup?.hidePopover?.();
+			if (this.cleanup) {
+				this.cleanup();
+				this.cleanup = void 0;
+				popup?.style.removeProperty("--pk-transform-origin");
+				requestAnimationFrame(() => resolve());
+			} else resolve();
+			this.removeAttribute("data-current-placement");
+		});
+	}
+	/** @deprecated Prefer `stop()` — kept for select/combobox handoff call sites. */
+	releasePositioning() {
+		if (this.cleanup) {
+			this.cleanup();
+			this.cleanup = void 0;
+		}
+	}
+	/** @deprecated Prefer `stop()`. */
+	async awaitHidden() {
+		await this.stop();
+	}
+	start() {
+		if (!this.anchorElement || !this.active || !this.isConnected || !this.popupElement) return;
+		this.popupElement.classList.remove("positioned");
+		this.settlingInitialPosition = true;
+		if (this.usesPopoverTopLayer()) this.popupElement.showPopover?.();
+		if (this.anchorTracking) this.cleanup = autoUpdate(this.anchorElement, this.popupElement, () => {
+			if (this.settlingInitialPosition) return;
+			this.reposition();
+		});
+		this.settleInitialPosition();
+	}
+	/** Slotted popup content root (e.g. `.panel`) —  keeps content in-tree. */
+	getContentElement() {
+		const slotted = ((this.shadowRoot?.querySelector("slot:not([name])"))?.assignedElements({ flatten: true }) ?? []).find((node) => node instanceof HTMLElement);
+		if (slotted) return slotted;
+		for (const node of this.childNodes) if (node instanceof HTMLElement && node.getAttribute("slot") !== "anchor") return node;
+		return null;
+	}
+	updateHoverBridge() {
+		const floatingElement = this.popupElement;
+		if (!this.hoverBridge || !this.anchorElement || !floatingElement) return;
+		const anchorRect = this.anchorElement.getBoundingClientRect();
+		const popupRect = floatingElement.getBoundingClientRect();
+		const isVertical = this.placement.includes("top") || this.placement.includes("bottom");
+		let topLeftX = 0;
+		let topLeftY = 0;
+		let topRightX = 0;
+		let topRightY = 0;
+		let bottomLeftX = 0;
+		let bottomLeftY = 0;
+		let bottomRightX = 0;
+		let bottomRightY = 0;
+		if (isVertical) if (anchorRect.top < popupRect.top) {
+			topLeftX = anchorRect.left;
+			topLeftY = anchorRect.bottom;
+			topRightX = anchorRect.right;
+			topRightY = anchorRect.bottom;
+			bottomLeftX = popupRect.left;
+			bottomLeftY = popupRect.top;
+			bottomRightX = popupRect.right;
+			bottomRightY = popupRect.top;
+		} else {
+			topLeftX = popupRect.left;
+			topLeftY = popupRect.bottom;
+			topRightX = popupRect.right;
+			topRightY = popupRect.bottom;
+			bottomLeftX = anchorRect.left;
+			bottomLeftY = anchorRect.top;
+			bottomRightX = anchorRect.right;
+			bottomRightY = anchorRect.top;
+		}
+		else if (anchorRect.left < popupRect.left) {
+			topLeftX = anchorRect.right;
+			topLeftY = anchorRect.top;
+			topRightX = popupRect.left;
+			topRightY = popupRect.top;
+			bottomLeftX = anchorRect.right;
+			bottomLeftY = anchorRect.bottom;
+			bottomRightX = popupRect.left;
+			bottomRightY = popupRect.bottom;
+		} else {
+			topLeftX = popupRect.right;
+			topLeftY = popupRect.top;
+			topRightX = anchorRect.left;
+			topRightY = anchorRect.top;
+			bottomLeftX = popupRect.right;
+			bottomLeftY = popupRect.bottom;
+			bottomRightX = anchorRect.left;
+			bottomRightY = anchorRect.bottom;
+		}
+		this.style.setProperty("--pk-hover-bridge-top-left-x", `${topLeftX}px`);
+		this.style.setProperty("--pk-hover-bridge-top-left-y", `${topLeftY}px`);
+		this.style.setProperty("--pk-hover-bridge-top-right-x", `${topRightX}px`);
+		this.style.setProperty("--pk-hover-bridge-top-right-y", `${topRightY}px`);
+		this.style.setProperty("--pk-hover-bridge-bottom-left-x", `${bottomLeftX}px`);
+		this.style.setProperty("--pk-hover-bridge-bottom-left-y", `${bottomLeftY}px`);
+		this.style.setProperty("--pk-hover-bridge-bottom-right-x", `${bottomRightX}px`);
+		this.style.setProperty("--pk-hover-bridge-bottom-right-y", `${bottomRightY}px`);
+	}
+	render() {
+		const useFixedFallback = !SUPPORTS_POPOVER || this.positionMethod === "fixed";
+		const usePopoverTopLayer = this.usesPopoverTopLayer();
+		return html`
+            <slot name="anchor" @slotchange=${() => {
+			this.handleAnchorChange();
+		}}></slot>
+            ${this.hoverBridge ? html`
+                <div
+                    part="hover-bridge"
+                    class=${classMap({
+			"hover-bridge": true,
+			"hover-bridge-visible": this.active
+		})}
+                    aria-hidden="true"
+                ></div>
+            ` : nothing}
+            <div
+                popover=${usePopoverTopLayer ? "manual" : nothing}
+                part="popup"
+                class=${classMap({
+			popup: true,
+			active: this.active,
+			"popup-fixed": useFixedFallback
+		})}
+            >
+                ${this.arrow ? html`<div part="arrow" class="arrow"></div>` : nothing}
+                <slot></slot>
+            </div>
+        `;
+	}
+};
+__decorate([property()], PkPopup.prototype, "anchor", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], PkPopup.prototype, "active", void 0);
+__decorate([property({ attribute: "position-method" })], PkPopup.prototype, "positionMethod", void 0);
+__decorate([property({ reflect: true })], PkPopup.prototype, "boundary", void 0);
+__decorate([property({ reflect: true })], PkPopup.prototype, "placement", void 0);
+__decorate([property({ type: Number })], PkPopup.prototype, "distance", void 0);
+__decorate([property({ type: Number })], PkPopup.prototype, "skidding", void 0);
+__decorate([property({ type: Boolean })], PkPopup.prototype, "flip", void 0);
+__decorate([property({ attribute: "flip-fallback-placements" })], PkPopup.prototype, "flipFallbackPlacements", void 0);
+__decorate([property({ attribute: "flip-fallback-strategy" })], PkPopup.prototype, "flipFallbackStrategy", void 0);
+__decorate([property({
+	attribute: "flip-padding",
+	type: Number
+})], PkPopup.prototype, "flipPadding", void 0);
+__decorate([property({ type: Boolean })], PkPopup.prototype, "shift", void 0);
+__decorate([property({
+	attribute: "shift-padding",
+	type: Number
+})], PkPopup.prototype, "shiftPadding", void 0);
+__decorate([property({ type: Boolean })], PkPopup.prototype, "arrow", void 0);
+__decorate([property({ attribute: "arrow-placement" })], PkPopup.prototype, "arrowPlacement", void 0);
+__decorate([property({
+	attribute: "arrow-padding",
+	type: Number
+})], PkPopup.prototype, "arrowPadding", void 0);
+__decorate([property()], PkPopup.prototype, "sync", void 0);
+__decorate([property({
+	attribute: "anchor-tracking",
+	type: Boolean
+})], PkPopup.prototype, "anchorTracking", void 0);
+__decorate([property({
+	attribute: "hover-bridge",
+	type: Boolean
+})], PkPopup.prototype, "hoverBridge", void 0);
+__decorate([query(".popup")], PkPopup.prototype, "popupElement", void 0);
+__decorate([query(".arrow")], PkPopup.prototype, "arrowElement", void 0);
+PkPopup = __decorate([customElement("pk-popup")], PkPopup);
+//#endregion
+export { PkRepositionEvent as n, resolveElementById as r, PkPopup as t };
+
+//# sourceMappingURL=pk-popup-CgiXok-U.js.map

package/dist/chunks/pk-popup-CgiXok-U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pk-popup-CgiXok-U.js","names":[],"sources":["../../src/internal/resolve-element-by-id.ts","../../src/events/pk-reposition.ts","../../src/components/popup/pk-popup.styles.ts","../../src/components/popup/pk-popup.ts"],"sourcesContent":["/** Resolve an element id from the same root as the host (shadow or document), then the document. */\nexport function resolveElementById(host: HTMLElement, id: string): HTMLElement | null {\n    if (!id) {\n        return null;\n    }\n\n    const root = host.getRootNode();\n\n    if (root instanceof Document || root instanceof ShadowRoot) {\n        const match = root.getElementById(id);\n\n        if (match) {\n            return match;\n        }\n    }\n\n    return host.ownerDocument.getElementById(id);\n}\n","/** Emitted when a popup repositions — mirrors  reposition semantics with pk naming. */\nexport class PkRepositionEvent extends Event {\n    constructor() {\n        super('pk-reposition', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'pk-reposition': PkRepositionEvent;\n    }\n}\n","import { css } from 'lit';\n\nexport const pkPopupStyles = css`\n    @layer pk-component {\n        :host {\n            display: contents;\n        }\n\n        .popup {\n            position: absolute;\n            isolation: isolate;\n            width: max-content;\n            z-index: var(--pk-popup-z-index, 1000);\n            /* Never transition coordinates — flip would animate the jump. */\n            transition: none;\n\n            /* Reset UA styles for [popover] — see  pk-popup. */\n            inset: unset;\n            padding: unset;\n            margin: unset;\n            height: unset;\n            color: unset;\n            background: unset;\n            border: unset;\n            overflow: unset;\n        }\n\n        .popup-fixed {\n            position: fixed;\n        }\n\n        .popup:not(.active) {\n            display: none;\n        }\n\n        /* Prefer visibility over opacity so enter animations are not fighting a\n         * 0→1 fade. Matches base-ui isPositioned / hide-until-placed.\n         */\n        .popup.active:not(.positioned) {\n            visibility: hidden;\n            pointer-events: none;\n        }\n\n        .popup.show {\n            animation: pk-popup-surface-in 100ms ease-out;\n        }\n\n        .popup.hide {\n            animation: pk-popup-surface-out 100ms ease-in forwards;\n        }\n\n        @keyframes pk-popup-surface-in {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        @keyframes pk-popup-surface-out {\n            from {\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            to {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n        }\n\n        .arrow {\n            position: absolute;\n            width: var(--pk-popup-arrow-size, 6px);\n            height: var(--pk-popup-arrow-size, 6px);\n            rotate: 45deg;\n            background: var(--pk-popup-arrow-color, var(--pk-color-white));\n            z-index: 1;\n        }\n\n        .hover-bridge {\n            position: fixed;\n            z-index: calc(var(--pk-popup-z-index, 1000) - 1);\n            inset: 0;\n            clip-path: polygon(\n                var(--pk-hover-bridge-top-left-x, 0) var(--pk-hover-bridge-top-left-y, 0),\n                var(--pk-hover-bridge-top-right-x, 0) var(--pk-hover-bridge-top-right-y, 0),\n                var(--pk-hover-bridge-bottom-right-x, 0) var(--pk-hover-bridge-bottom-right-y, 0),\n                var(--pk-hover-bridge-bottom-left-x, 0) var(--pk-hover-bridge-bottom-left-y, 0)\n            );\n            pointer-events: auto;\n        }\n\n        .hover-bridge:not(.hover-bridge-visible) {\n            display: none;\n        }\n    }\n`;\n","import {\n    arrow,\n    autoUpdate,\n    computePosition,\n    flip,\n    getOverflowAncestors,\n    offset,\n    platform,\n    shift,\n    size,\n    type Placement,\n} from '@floating-ui/dom';\nimport { offsetParent } from 'composed-offset-position';\nimport { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { resolveElementById } from '../../internal/resolve-element-by-id.js';\nimport { PkRepositionEvent } from '../../events/pk-reposition.js';\nimport { computePopupTransformOrigin } from '../../utils/popup-placement-animation.js';\nimport { SUPPORTS_POPOVER } from '../../utils/supports-popover.js';\nimport { pkPopupStyles } from './pk-popup.styles.js';\n\nexport type PkPopupPlacement = Placement;\n\nexport type PkPopupVirtualElement = {\n    getBoundingClientRect: () => DOMRect;\n    contextElement?: Element;\n};\n\nfunction isVirtualElement(value: unknown): value is PkPopupVirtualElement {\n    return (\n        value !== null\n        && typeof value === 'object'\n        && 'getBoundingClientRect' in value\n    );\n}\n\nfunction resolvePositionStrategy(\n    positionMethod: 'fixed' | 'absolute' | undefined,\n): 'fixed' | 'absolute' {\n    if (positionMethod) {\n        return positionMethod;\n    }\n\n    // Top-layer popovers use absolute coords; legacy fallback uses fixed viewport coords.\n    return SUPPORTS_POPOVER ? 'absolute' : 'fixed';\n}\n\nfunction resolveScrollBoundary(\n    anchorElement: Element | PkPopupVirtualElement,\n    boundary: 'viewport' | 'scroll',\n): Element[] | undefined {\n    if (!SUPPORTS_POPOVER || isVirtualElement(anchorElement) || boundary !== 'scroll') {\n        return undefined;\n    }\n\n    // Popover content leaves the anchor's overflow chain — pass ancestor bounds explicitly.\n    return getOverflowAncestors(anchorElement).filter((node): node is Element => node instanceof Element);\n}\n\n/**\n * Anchors floating content to a reference element —  popup pattern with pk naming.\n * When the Popover API is available, content stays in the component tree and is promoted to\n * the top layer via `popover=\"manual\"` + `showPopover()` (no DOM reparenting).\n *\n * @event pk-reposition - Emitted when the popup is repositioned.\n *\n * @slot - Popup content.\n * @slot anchor - Anchor element when it lives inside the popup host.\n *\n * @csspart popup - Floating container.\n * @csspart arrow - Arrow element.\n * @csspart hover-bridge - Invisible bridge between anchor and popup.\n */\n@customElement('pk-popup')\nexport class PkPopup extends PkElement {\n    static override styles = pkPopupStyles;\n\n    /** Element id, DOM reference, or virtual element to anchor against. */\n    @property()\n    anchor: Element | string | PkPopupVirtualElement = '';\n\n    /** When true, positioning runs and the popup is shown. */\n    @property({ type: Boolean, reflect: true })\n    active = false;\n\n    /**\n     * Floating UI positioning strategy.\n     * Defaults to `absolute` when the Popover API is supported, otherwise `fixed`.\n     */\n    @property({ attribute: 'position-method' })\n    positionMethod?: 'fixed' | 'absolute';\n\n    /** Bounding box for flip/shift collision — `scroll` uses overflow ancestors when popover is active. */\n    @property({ reflect: true })\n    boundary: 'viewport' | 'scroll' = 'viewport';\n\n    @property({ reflect: true })\n    placement: PkPopupPlacement = 'bottom-start';\n\n    @property({ type: Number })\n    distance = 4;\n\n    @property({ type: Number })\n    skidding = 0;\n\n    @property({ type: Boolean })\n    flip = true;\n\n    @property({ attribute: 'flip-fallback-placements' })\n    flipFallbackPlacements = '';\n\n    @property({ attribute: 'flip-fallback-strategy' })\n    flipFallbackStrategy: 'best-fit' | 'initial' = 'best-fit';\n\n    @property({ attribute: 'flip-padding', type: Number })\n    flipPadding = 8;\n\n    @property({ type: Boolean })\n    shift = true;\n\n    @property({ attribute: 'shift-padding', type: Number })\n    shiftPadding = 8;\n\n    @property({ type: Boolean })\n    arrow = false;\n\n    @property({ attribute: 'arrow-placement' })\n    arrowPlacement: 'start' | 'end' | 'center' | 'anchor' = 'anchor';\n\n    @property({ attribute: 'arrow-padding', type: Number })\n    arrowPadding = 10;\n\n    @property()\n    sync?: 'width' | 'height' | 'both';\n\n    /** When false, the popup is positioned once and not tracked on scroll/resize. */\n    @property({ attribute: 'anchor-tracking', type: Boolean })\n    anchorTracking = true;\n\n    @property({ attribute: 'hover-bridge', type: Boolean })\n    hoverBridge = false;\n\n    @query('.popup')\n    private popupElement?: HTMLElement;\n\n    @query('.arrow')\n    private arrowElement?: HTMLElement;\n\n    private anchorElement: Element | PkPopupVirtualElement | null = null;\n    private cleanup?: () => void;\n    /** True while waiting for layout-stable coords before first paint. */\n    private settlingInitialPosition = false;\n    private settleGeneration = 0;\n\n    override disconnectedCallback(): void {\n        void this.stop();\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        super.updated(changed);\n\n        if (changed.has('active')) {\n            if (this.active) {\n                this.resolveAnchor();\n                this.start();\n            } else {\n                this.stop();\n            }\n        }\n\n        if (changed.has('anchor')) {\n            void this.handleAnchorChange();\n        }\n\n        if (this.active && !changed.has('active')) {\n            this.reposition();\n        }\n    }\n\n    /** Forces the popup to recalculate and reposition itself. */\n    reposition(): void {\n        if (this.settlingInitialPosition) {\n            return;\n        }\n\n        void this.repositionAsync();\n    }\n\n    /**\n     * Runs Floating UI once and applies coords. Does not reveal an unpositioned\n     * popup — `settleInitialPosition()` owns the first paint.\n     */\n    private async repositionAsync(emitEvent = true): Promise<boolean> {\n        const floatingElement = this.popupElement;\n        const arrowTarget = this.arrow ? this.arrowElement : null;\n\n        if (!this.active || !this.anchorElement || !floatingElement) {\n            return false;\n        }\n\n        const scrollBoundary = resolveScrollBoundary(this.anchorElement, this.boundary);\n\n        const middleware = [\n            offset({ mainAxis: this.distance, crossAxis: this.skidding }),\n        ];\n\n        if (this.sync) {\n            middleware.push(\n                size({\n                    apply: ({ rects }) => {\n                        const syncWidth = this.sync === 'width' || this.sync === 'both';\n                        const syncHeight = this.sync === 'height' || this.sync === 'both';\n                        floatingElement.style.width = syncWidth ? `${rects.reference.width}px` : '';\n                        floatingElement.style.height = syncHeight ? `${rects.reference.height}px` : '';\n                    },\n                }),\n            );\n        } else {\n            floatingElement.style.width = '';\n            floatingElement.style.height = '';\n        }\n\n        if (this.flip) {\n            middleware.push(\n                flip({\n                    boundary: scrollBoundary,\n                    fallbackPlacements: this.flipFallbackPlacements\n                        ? this.flipFallbackPlacements.split(' ').map((value) => value.trim()).filter(Boolean) as Placement[]\n                        : undefined,\n                    fallbackStrategy: this.flipFallbackStrategy === 'best-fit' ? 'bestFit' : 'initialPlacement',\n                    padding: this.flipPadding,\n                }),\n            );\n        }\n\n        if (this.shift) {\n            middleware.push(\n                shift({\n                    boundary: scrollBoundary,\n                    padding: this.shiftPadding,\n                }),\n            );\n        }\n\n        if (this.arrow && arrowTarget) {\n            middleware.push(\n                arrow({\n                    element: arrowTarget,\n                    padding: this.arrowPadding,\n                }),\n            );\n        }\n\n        const strategy = resolvePositionStrategy(this.positionMethod);\n        const useFixedFallback = strategy === 'fixed';\n\n        floatingElement.classList.toggle('popup-fixed', useFixedFallback);\n\n        const getOffsetParentFn = SUPPORTS_POPOVER\n            ? (element: Element) => platform.getOffsetParent(element, offsetParent)\n            : platform.getOffsetParent;\n\n        const { x, y, middlewareData, placement } = await computePosition(this.anchorElement, floatingElement, {\n            placement: this.placement,\n            middleware,\n            strategy,\n            platform: {\n                ...platform,\n                getOffsetParent: getOffsetParentFn,\n            },\n        });\n\n        if (!this.active || !floatingElement.isConnected) {\n            return false;\n        }\n\n        const staticSide = { top: 'bottom', right: 'left', bottom: 'top', left: 'right' }[\n            placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left'\n        ]!;\n\n        this.setAttribute('data-current-placement', placement);\n\n        Object.assign(floatingElement.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n            ...(useFixedFallback ? { position: 'fixed' } : { position: '' }),\n        });\n\n        if (this.anchorElement) {\n            // Use viewport rects for both sides — computePosition x/y can be offset-parent\n            // relative, and mixing that with getBoundingClientRect shifts transform-origin\n            // sideways (menu appears to slide in from the right).\n            const referenceRect = this.anchorElement.getBoundingClientRect();\n            const floatingRect = floatingElement.getBoundingClientRect();\n\n            floatingElement.style.setProperty('--pk-anchor-width', `${referenceRect.width}px`);\n            floatingElement.style.setProperty('--pk-anchor-height', `${referenceRect.height}px`);\n\n            const transformOrigin = computePopupTransformOrigin(\n                placement,\n                referenceRect,\n                floatingRect,\n                this.distance,\n                middlewareData.shift,\n            );\n\n            floatingElement.style.setProperty('--pk-transform-origin', transformOrigin);\n        }\n\n        if (this.arrow && arrowTarget) {\n            const arrowX = middlewareData.arrow?.x;\n            const arrowY = middlewareData.arrow?.y;\n            let top = '';\n            let right = '';\n            let bottom = '';\n            let left = '';\n\n            if (this.arrowPlacement === 'start') {\n                const value = typeof arrowX === 'number' ? `${this.arrowPadding}px` : '';\n                top = typeof arrowY === 'number' ? `${this.arrowPadding}px` : '';\n                left = value;\n            } else if (this.arrowPlacement === 'end') {\n                right = typeof arrowX === 'number' ? `${this.arrowPadding}px` : '';\n                bottom = typeof arrowY === 'number' ? `${this.arrowPadding}px` : '';\n            } else if (this.arrowPlacement === 'center') {\n                left = typeof arrowX === 'number' ? '50%' : '';\n                top = typeof arrowY === 'number' ? '50%' : '';\n            } else {\n                left = typeof arrowX === 'number' ? `${arrowX}px` : '';\n                top = typeof arrowY === 'number' ? `${arrowY}px` : '';\n            }\n\n            Object.assign(arrowTarget.style, {\n                top,\n                right,\n                bottom,\n                left,\n                transform: '',\n                [staticSide]: 'calc(-1 * var(--pk-popup-arrow-size, 6px) / 2)',\n            });\n        }\n\n        requestAnimationFrame(() => this.updateHoverBridge());\n\n        if (emitEvent) {\n            this.dispatchEvent(new PkRepositionEvent());\n        }\n\n        return true;\n    }\n\n    private frames(count: number): Promise<void> {\n        return new Promise((resolve) => {\n            const step = (remaining: number): void => {\n                if (remaining <= 0) {\n                    resolve();\n                    return;\n                }\n\n                requestAnimationFrame(() => step(remaining - 1));\n            };\n\n            step(count);\n        });\n    }\n\n    /**\n     * Hide → layout → measure → confirm flip → reveal.\n     * A single computePosition often runs before slotted content has height, so flip\n     * picks the preferred side; autoUpdate then jumps — that was the visible flash.\n     */\n    private async settleInitialPosition(): Promise<void> {\n        const generation = ++this.settleGeneration;\n        const floatingElement = this.popupElement;\n\n        if (!floatingElement) {\n            this.settlingInitialPosition = false;\n            return;\n        }\n\n        // Two frames: display:none→block + slotted panel unhide need a layout pass.\n        await this.frames(2);\n\n        if (!this.active || generation !== this.settleGeneration) {\n            return;\n        }\n\n        // Quiet passes — consumers waiting on pk-reposition should see the settled place.\n        await this.repositionAsync(false);\n\n        // Confirm after the first coords are applied (size middleware / content height).\n        void floatingElement.offsetHeight;\n        await this.frames(1);\n\n        if (!this.active || generation !== this.settleGeneration) {\n            return;\n        }\n\n        await this.repositionAsync(false);\n\n        if (!this.active || generation !== this.settleGeneration) {\n            return;\n        }\n\n        floatingElement.classList.add('positioned');\n        this.settlingInitialPosition = false;\n        requestAnimationFrame(() => this.updateHoverBridge());\n        this.dispatchEvent(new PkRepositionEvent());\n    }\n\n    private resolveAnchor(): void {\n        if (typeof this.anchor === 'string' && this.anchor) {\n            this.anchorElement = resolveElementById(this, this.anchor);\n            return;\n        }\n\n        if (this.anchor instanceof Element || isVirtualElement(this.anchor)) {\n            this.anchorElement = this.anchor;\n            return;\n        }\n\n        let slotted = this.querySelector('[slot=\"anchor\"]');\n\n        if (slotted instanceof HTMLSlotElement) {\n            slotted = slotted.assignedElements({ flatten: true })[0] ?? null;\n        }\n\n        this.anchorElement = slotted;\n    }\n\n    private async handleAnchorChange(): Promise<void> {\n        await this.stop();\n        this.resolveAnchor();\n\n        if (this.anchorElement && this.active) {\n            this.start();\n        }\n    }\n\n    /** When false, skip popover top layer (e.g. menu/select use fixed coords to simplify modal handoff). */\n    private usesPopoverTopLayer(): boolean {\n        return SUPPORTS_POPOVER && this.positionMethod !== 'fixed';\n    }\n\n    /** `stop()` — sync hidePopover + cleanup autoUpdate. */\n    stop(): Promise<void> {\n        return new Promise((resolve) => {\n            const popup = this.popupElement;\n            this.settleGeneration += 1;\n            this.settlingInitialPosition = false;\n            popup?.classList.remove('positioned');\n\n            if (this.usesPopoverTopLayer()) {\n                popup?.hidePopover?.();\n            }\n\n            if (this.cleanup) {\n                this.cleanup();\n                this.cleanup = undefined;\n                popup?.style.removeProperty('--pk-transform-origin');\n                requestAnimationFrame(() => resolve());\n            } else {\n                resolve();\n            }\n\n            // Always clear — even when autoUpdate never started — so the next open\n            // cannot short-circuit waitForPopupReposition on a stale placement.\n            this.removeAttribute('data-current-placement');\n        });\n    }\n\n    /** @deprecated Prefer `stop()` — kept for select/combobox handoff call sites. */\n    releasePositioning(): void {\n        if (this.cleanup) {\n            this.cleanup();\n            this.cleanup = undefined;\n        }\n    }\n\n    /** @deprecated Prefer `stop()`. */\n    async awaitHidden(): Promise<void> {\n        await this.stop();\n    }\n\n    private start(): void {\n        if (!this.anchorElement || !this.active || !this.isConnected || !this.popupElement) {\n            return;\n        }\n\n        // Stay invisible until settleInitialPosition confirms flip with real content size.\n        this.popupElement.classList.remove('positioned');\n        this.settlingInitialPosition = true;\n\n        if (this.usesPopoverTopLayer()) {\n            this.popupElement.showPopover?.();\n        }\n\n        if (this.anchorTracking) {\n            this.cleanup = autoUpdate(this.anchorElement, this.popupElement, () => {\n                // Ignore the sync autoUpdate kick during settle — it races layout.\n                if (this.settlingInitialPosition) {\n                    return;\n                }\n\n                this.reposition();\n            });\n        }\n\n        void this.settleInitialPosition();\n    }\n\n    /** Slotted popup content root (e.g. `.panel`) —  keeps content in-tree. */\n    getContentElement(): HTMLElement | null {\n        const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n        const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n        const slotted = assigned.find((node): node is HTMLElement => node instanceof HTMLElement);\n\n        if (slotted) {\n            return slotted;\n        }\n\n        for (const node of this.childNodes) {\n            if (node instanceof HTMLElement && node.getAttribute('slot') !== 'anchor') {\n                return node;\n            }\n        }\n\n        return null;\n    }\n\n    private updateHoverBridge(): void {\n        const floatingElement = this.popupElement;\n\n        if (!this.hoverBridge || !this.anchorElement || !floatingElement) {\n            return;\n        }\n\n        const anchorRect = this.anchorElement.getBoundingClientRect();\n        const popupRect = floatingElement.getBoundingClientRect();\n        const isVertical = this.placement.includes('top') || this.placement.includes('bottom');\n\n        let topLeftX = 0;\n        let topLeftY = 0;\n        let topRightX = 0;\n        let topRightY = 0;\n        let bottomLeftX = 0;\n        let bottomLeftY = 0;\n        let bottomRightX = 0;\n        let bottomRightY = 0;\n\n        if (isVertical) {\n            if (anchorRect.top < popupRect.top) {\n                topLeftX = anchorRect.left;\n                topLeftY = anchorRect.bottom;\n                topRightX = anchorRect.right;\n                topRightY = anchorRect.bottom;\n                bottomLeftX = popupRect.left;\n                bottomLeftY = popupRect.top;\n                bottomRightX = popupRect.right;\n                bottomRightY = popupRect.top;\n            } else {\n                topLeftX = popupRect.left;\n                topLeftY = popupRect.bottom;\n                topRightX = popupRect.right;\n                topRightY = popupRect.bottom;\n                bottomLeftX = anchorRect.left;\n                bottomLeftY = anchorRect.top;\n                bottomRightX = anchorRect.right;\n                bottomRightY = anchorRect.top;\n            }\n        } else if (anchorRect.left < popupRect.left) {\n            topLeftX = anchorRect.right;\n            topLeftY = anchorRect.top;\n            topRightX = popupRect.left;\n            topRightY = popupRect.top;\n            bottomLeftX = anchorRect.right;\n            bottomLeftY = anchorRect.bottom;\n            bottomRightX = popupRect.left;\n            bottomRightY = popupRect.bottom;\n        } else {\n            topLeftX = popupRect.right;\n            topLeftY = popupRect.top;\n            topRightX = anchorRect.left;\n            topRightY = anchorRect.top;\n            bottomLeftX = popupRect.right;\n            bottomLeftY = popupRect.bottom;\n            bottomRightX = anchorRect.left;\n            bottomRightY = anchorRect.bottom;\n        }\n\n        this.style.setProperty('--pk-hover-bridge-top-left-x', `${topLeftX}px`);\n        this.style.setProperty('--pk-hover-bridge-top-left-y', `${topLeftY}px`);\n        this.style.setProperty('--pk-hover-bridge-top-right-x', `${topRightX}px`);\n        this.style.setProperty('--pk-hover-bridge-top-right-y', `${topRightY}px`);\n        this.style.setProperty('--pk-hover-bridge-bottom-left-x', `${bottomLeftX}px`);\n        this.style.setProperty('--pk-hover-bridge-bottom-left-y', `${bottomLeftY}px`);\n        this.style.setProperty('--pk-hover-bridge-bottom-right-x', `${bottomRightX}px`);\n        this.style.setProperty('--pk-hover-bridge-bottom-right-y', `${bottomRightY}px`);\n    }\n\n    override render() {\n        const useFixedFallback = !SUPPORTS_POPOVER || this.positionMethod === 'fixed';\n        const usePopoverTopLayer = this.usesPopoverTopLayer();\n\n        return html`\n            <slot name=\"anchor\" @slotchange=${() => { void this.handleAnchorChange(); }}></slot>\n            ${this.hoverBridge ? html`\n                <div\n                    part=\"hover-bridge\"\n                    class=${classMap({\n                        'hover-bridge': true,\n                        'hover-bridge-visible': this.active,\n                    })}\n                    aria-hidden=\"true\"\n                ></div>\n            ` : nothing}\n            <div\n                popover=${usePopoverTopLayer ? 'manual' : nothing}\n                part=\"popup\"\n                class=${classMap({\n                    popup: true,\n                    active: this.active,\n                    'popup-fixed': useFixedFallback,\n                })}\n            >\n                ${this.arrow ? html`<div part=\"arrow\" class=\"arrow\"></div>` : nothing}\n                <slot></slot>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-popup': PkPopup;\n    }\n}\n"],"mappings":"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"}