@plexui/vue 0.0.0-stage → 0.1.1

package/dist/es/components/Popover/Popover.js

@@ -0,0 +1,424 @@
+import { computed, createCommentVNode, defineComponent, h, markRaw, onBeforeUnmount, onMounted, provide, ref, shallowRef, watch, watchPostEffect, } from "vue";
+import { PopoverAnchor as RekaPopoverAnchor, PopoverContent as RekaPopoverContent, PopoverPortal as RekaPopoverPortal, PopoverRoot as RekaPopoverRoot, injectPopoverRootContext, useForwardExpose, useId, } from "reka-ui";
+import { useEscCloseStack } from "../../composables/useEscCloseStack.js";
+import { focusableElements, preventDefaultHandler, toCssVariables } from "../../lib/helpers.js";
+import { TransitionGroup } from "../Transition/index.js";
+import { withRadixVariableNames } from "../Tooltip/Tooltip.js";
+import { composeEventHandlers, firstElementChild, mergeSlotProps } from "../Tooltip/slot.js";
+import { useDeferredPointerDownOutside } from "./deferredPointerDownOutside.js";
+import { createPointerIntentArea, isPointInPolygon } from "./pointerIntent.js";
+import { PopoverContextKey, usePopoverContext } from "./usePopoverContext.js";
+import { usePopoverController } from "./usePopoverController.js";
+import s from "@plexui/styles/components/Popover/Popover.module.css";
+const PopoverComponent = defineComponent({
+    name: "Popover",
+    props: {
+        /** Controlled visibility (`v-model:open`); uncontrolled when omitted */
+        open: { type: Boolean, default: undefined },
+        /** Opens on hover and focus instead of click. @default false */
+        showOnHover: { type: Boolean, default: false },
+        /** Delay before a hover popover opens, in milliseconds. @default 150 */
+        hoverOpenDelay: { type: Number, default: 150 },
+    },
+    emits: {
+        "update:open": (_nextState) => true,
+    },
+    setup(props, { slots, emit }) {
+        const open = ref(false);
+        const shake = ref(false);
+        const triggerRef = shallowRef(null);
+        const contentRef = shallowRef(null);
+        let openTimer;
+        const hoverOpenFocusedWithTab = { current: false };
+        const isPointerInTransitRef = { current: false };
+        const isOpen = computed(() => props.open ?? open.value);
+        const temporarilyPreventClickToClose = ref(false);
+        watch(temporarilyPreventClickToClose, (prevent, _, onCleanup) => {
+            if (!prevent)
+                return;
+            const id = setTimeout(() => {
+                temporarilyPreventClickToClose.value = false;
+            }, 500);
+            onCleanup(() => clearTimeout(id));
+        });
+        const handleOpenChange = (nextState) => {
+            clearTimeout(openTimer);
+            // No-op if the state is not changing
+            if (isOpen.value === nextState) {
+                return;
+            }
+            if (!nextState) {
+                // clear any running shake animation on close
+                shake.value = false;
+                // Check for specific hover conditions where focus should be
+                // immediately restored to the trigger before closing
+                if (props.showOnHover && hoverOpenFocusedWithTab.current) {
+                    triggerRef.value?.focus();
+                }
+                // Always cleanup this state
+                hoverOpenFocusedWithTab.current = false;
+            }
+            emit("update:open", nextState);
+            open.value = nextState;
+            if (props.showOnHover) {
+                temporarilyPreventClickToClose.value = nextState;
+            }
+        };
+        const handleTriggerEnter = () => {
+            openTimer = setTimeout(() => handleOpenChange(true), props.hoverOpenDelay);
+        };
+        const handleTriggerLeave = () => {
+            clearTimeout(openTimer);
+        };
+        onBeforeUnmount(() => {
+            clearTimeout(openTimer);
+        });
+        const store = {
+            open: isOpen,
+            setOpen: handleOpenChange,
+            shake,
+            setShake: (next) => {
+                shake.value = next;
+            },
+            showOnHover: computed(() => props.showOnHover),
+            temporarilyPreventClickToClose,
+            onTriggerEnter: handleTriggerEnter,
+            onTriggerLeave: handleTriggerLeave,
+            isPointerInTransitRef,
+            triggerRef,
+            contentRef,
+            hoverOpenFocusedWithTab,
+        };
+        provide(PopoverContextKey, store);
+        return () => h(RekaPopoverRoot, { "open": isOpen.value, "onUpdate:open": handleOpenChange, "modal": false }, { default: () => slots.default?.() });
+    },
+});
+/**
+ * Renders its child (a button, link, ...) as the popover trigger. Like
+ * `Popover.Trigger` in React it takes no other props: attributes on it are
+ * not passed on.
+ */
+export const PopoverTrigger = defineComponent({
+    name: "PopoverTrigger",
+    inheritAttrs: false,
+    emits: {
+        pointerdown: (_event) => true,
+        click: (_event) => true,
+    },
+    setup(_props, { slots, emit }) {
+        const { open, setOpen, showOnHover, temporarilyPreventClickToClose, onTriggerEnter, onTriggerLeave, isPointerInTransitRef, triggerRef, contentRef, } = usePopoverContext();
+        const rootContext = injectPopoverRootContext();
+        rootContext.contentId ||= useId(undefined, "reka-popover-content");
+        const { forwardRef, currentElement } = useForwardExpose();
+        let hasPointerMoveOpened = false;
+        // Focus returns here on close, and pointer-downs on it are not "outside".
+        // Follows a replaced child element, as Radix's composed ref does
+        watchPostEffect(() => {
+            triggerRef.value = currentElement.value ?? null;
+            rootContext.triggerElement.value = currentElement.value;
+        });
+        const maybePreventClickClose = (evt) => {
+            // Don't prevent temporary close if the trigger is an anchor tag itself
+            const isLink = evt.currentTarget.nodeName.toLocaleLowerCase() === "a";
+            if (!isLink && temporarilyPreventClickToClose.value) {
+                // Prevents tooltip listeners from closing
+                evt.preventDefault();
+                evt.stopPropagation();
+            }
+        };
+        const handlePointerMove = (evt) => {
+            if (evt.pointerType === "touch") {
+                return;
+            }
+            if (!hasPointerMoveOpened && !isPointerInTransitRef.current) {
+                onTriggerEnter();
+                hasPointerMoveOpened = true;
+            }
+        };
+        const handlePointerLeave = () => {
+            if (!hasPointerMoveOpened) {
+                return;
+            }
+            onTriggerLeave();
+            hasPointerMoveOpened = false;
+        };
+        const handleBlur = () => {
+            setTimeout(() => {
+                // Ignore this handler if focus has moved into the popover
+                if (contentRef.value?.contains(document.activeElement)) {
+                    return;
+                }
+                setOpen(false);
+            }, 50);
+        };
+        const onPointerdown = (evt) => {
+            maybePreventClickClose(evt);
+            emit("pointerdown", evt);
+        };
+        const onClick = composeEventHandlers((evt) => {
+            maybePreventClickClose(evt);
+            emit("click", evt);
+        }, () => rootContext.onOpenToggle());
+        return () => {
+            const child = firstElementChild(slots.default?.());
+            if (!child)
+                return null;
+            const isOpen = open.value;
+            const hover = showOnHover.value;
+            // Radix's PopoverTrigger props, then Plex's handlers
+            const triggerProps = {
+                "type": "button",
+                "aria-haspopup": "dialog",
+                "aria-expanded": isOpen,
+                "aria-controls": isOpen ? rootContext.contentId : undefined,
+                "data-state": isOpen ? "open" : "closed",
+                onPointerdown,
+                onClick,
+                "onPointermove": hover ? handlePointerMove : undefined,
+                "onPointerleave": hover ? handlePointerLeave : undefined,
+                "onFocus": hover ? () => setOpen(true) : undefined,
+                "onBlur": hover ? handleBlur : undefined,
+            };
+            return h(RekaPopoverAnchor, { asChild: true, ref: forwardRef }, { default: () => mergeSlotProps(child, triggerProps) });
+        };
+    },
+});
+const contentProps = {
+    /** Avoids collisions with the viewport and scroll containers. @default true */
+    avoidCollisions: { type: Boolean, default: undefined },
+    /** `width` of the popover; numbers are pixels. @default "auto" */
+    width: [Number, String],
+    /** `min-width` of the popover; numbers are pixels. @default 300 */
+    minWidth: [Number, String],
+    /** `max-width` of the popover, in pixels */
+    maxWidth: Number,
+    /** Preferred side of the trigger. @default "bottom" */
+    side: String,
+    /** Distance from the trigger, in pixels. @default 8 */
+    sideOffset: { type: Number, default: 8 },
+    /** Preferred alignment against the trigger. @default "center" */
+    align: String,
+    /** Offset from the "start" or "end" alignment, in pixels. @default 0 */
+    alignOffset: Number,
+    /** Translucent popover surface. @default false */
+    translucent: { type: Boolean, default: undefined },
+    /** Moves focus into the popover when it opens. @default true */
+    autoFocus: { type: Boolean, default: true },
+};
+// The element Reka's content renders (`as`). Raw: Reka passes `as` through
+// reactive props, and Vue warns about a component made reactive.
+const PopoverContentElement = markRaw(defineComponent({
+    name: "PopoverContentElement",
+    inheritAttrs: false,
+    setup(_props, { slots, attrs }) {
+        const { contentRef } = usePopoverContext();
+        const setContentRef = (el) => {
+            contentRef.value = el ?? null;
+        };
+        return () => {
+            const { "dir": _dir, "aria-labelledby": _labelledBy, style, ...rest } = attrs;
+            return h("div", { ...rest, style: withRadixVariableNames(style, "popover"), ref: setContentRef }, slots.default?.());
+        };
+    },
+}));
+const PopoverContentImpl = defineComponent({
+    name: "PopoverContentImpl",
+    inheritAttrs: false,
+    props: contentProps,
+    setup(props, { slots, attrs }) {
+        const { showOnHover, shake, contentRef, setOpen, triggerRef } = usePopoverContext();
+        const controller = usePopoverController();
+        // Radix's non-modal content: a press on the trigger is left to the
+        // trigger, and focus does not return to it after a press outside
+        let pressedOutside = false;
+        const outsidePress = useDeferredPointerDownOutside((originalEvent) => {
+            if (triggerRef.value?.contains(originalEvent.target))
+                return;
+            pressedOutside = true;
+            setOpen(false);
+        });
+        const handleCloseAutoFocus = (event) => {
+            if (showOnHover.value || pressedOutside)
+                event.preventDefault();
+        };
+        const handleKeyDown = (evt) => {
+            const contentElement = contentRef.value;
+            if (
+            // When the current target is our container
+            contentElement &&
+                evt.target === contentElement &&
+                // We know that shift key tabs will lead to closing the popover (because we don't use `modal`)
+                evt.key === "Tab" &&
+                evt.shiftKey) {
+                // Prevent that from happening
+                evt.preventDefault();
+                evt.stopPropagation();
+                // Move focus to the last focusable element, placing the user in the focus loop
+                const focusable = focusableElements(contentElement);
+                const lastFocusable = focusable[focusable.length - 1];
+                lastFocusable?.focus();
+            }
+        };
+        // Important that we send initial focus into the popover, placing it onto the container.
+        // This allows focus looping to begin, as well as capturing scoped key presses.
+        // We prevent Reka's default behavior of focusing an element, because this can have adverse side-effects.
+        onMounted(() => {
+            watch([showOnHover, () => props.autoFocus], () => {
+                const contentElement = contentRef.value;
+                if (!contentElement || !props.autoFocus) {
+                    return;
+                }
+                // If we're already focused within the content area, no-op.
+                // This would be true if some inner component declares autoFocus
+                if (contentElement.contains(document.activeElement)) {
+                    return;
+                }
+                // Our focus isn't in the content area - move it there.
+                // NOTE: Don't automatically shift focus on hover popovers
+                if (!showOnHover.value) {
+                    contentElement.focus({ preventScroll: true });
+                }
+            }, { immediate: true });
+        });
+        return () => h(RekaPopoverContent, {
+            "as": PopoverContentElement,
+            "class": [s.Popover, attrs.class],
+            "style": toCssVariables({
+                "popover-width": props.width,
+                "popover-min-width": props.minWidth,
+                "popover-max-width": props.maxWidth,
+            }),
+            "onCloseAutoFocus": handleCloseAutoFocus,
+            "onPointerDownOutside": outsidePress.onPointerDownOutside,
+            "onFocusOutside": outsidePress.onFocusOutside,
+            "data-animate": shake.value ? "shake" : undefined,
+            "data-translucent": props.translucent ? "true" : undefined,
+            "side": props.side,
+            "sideOffset": props.sideOffset,
+            "align": props.align,
+            "alignOffset": props.alignOffset ?? (props.align === "center" ? 0 : -5),
+            "avoidCollisions": props.avoidCollisions ?? true,
+            "hideWhenDetached": true,
+            "collisionPadding": 20,
+            "onOpenAutoFocus": preventDefaultHandler,
+            // Escape is handled by the Escape stack in PopoverContent
+            "onEscapeKeyDown": preventDefaultHandler,
+            "onKeydown": handleKeyDown,
+        }, { default: () => slots.default?.(controller) });
+    },
+});
+const PopoverContentHoverable = defineComponent({
+    name: "PopoverContentHoverable",
+    inheritAttrs: false,
+    props: contentProps,
+    setup(props, { slots, attrs }) {
+        const { setOpen, triggerRef, contentRef, isPointerInTransitRef, hoverOpenFocusedWithTab } = usePopoverContext();
+        const pointerGraceArea = shallowRef(null);
+        const handleRemoveGraceArea = () => {
+            pointerGraceArea.value = null;
+            isPointerInTransitRef.current = false;
+        };
+        const handleCreateGraceArea = (event, hoverTarget) => {
+            const graceArea = createPointerIntentArea(event, hoverTarget);
+            pointerGraceArea.value = graceArea;
+            isPointerInTransitRef.current = true;
+        };
+        onBeforeUnmount(handleRemoveGraceArea);
+        let removeLeaveListeners = () => { };
+        onMounted(() => {
+            const trigger = triggerRef.value;
+            const content = contentRef.value;
+            if (!trigger || !content) {
+                return;
+            }
+            const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
+            const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
+            trigger.addEventListener("pointerleave", handleTriggerLeave);
+            content.addEventListener("pointerleave", handleContentLeave);
+            removeLeaveListeners = () => {
+                trigger.removeEventListener("pointerleave", handleTriggerLeave);
+                content.removeEventListener("pointerleave", handleContentLeave);
+            };
+        });
+        onBeforeUnmount(() => removeLeaveListeners());
+        watch(pointerGraceArea, (graceArea, _, onCleanup) => {
+            if (!graceArea) {
+                return;
+            }
+            const handleTrackPointerGrace = (event) => {
+                const trigger = triggerRef.value;
+                const content = contentRef.value;
+                const target = event.target;
+                const pointerPosition = { x: event.clientX, y: event.clientY };
+                const hasEnteredTarget = trigger?.contains(target) || content?.contains(target);
+                const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, graceArea);
+                // Stop considering grace areas when the pointer runs into other control triggers
+                const targetHasPopup = target.hasAttribute("aria-haspopup");
+                if (hasEnteredTarget) {
+                    handleRemoveGraceArea();
+                }
+                else if (isPointerOutsideGraceArea || targetHasPopup) {
+                    handleRemoveGraceArea();
+                    setOpen(false);
+                }
+            };
+            document.addEventListener("pointermove", handleTrackPointerGrace);
+            onCleanup(() => document.removeEventListener("pointermove", handleTrackPointerGrace));
+        });
+        // Hoverable doesn't place focus in the popover by default.
+        // If it is open and Tab is pressed, focus the first focusable element and
+        // remember to restore focus to the trigger on close.
+        const handleKeyDown = (evt) => {
+            if (!contentRef.value) {
+                return;
+            }
+            // Only assume forward tab is attempting to move into the popup
+            if (evt.key === "Tab" && !evt.shiftKey) {
+                const [firstFocusable] = focusableElements(contentRef.value);
+                if (firstFocusable) {
+                    evt.preventDefault();
+                    firstFocusable.focus();
+                    hoverOpenFocusedWithTab.current = true;
+                    document.removeEventListener("keydown", handleKeyDown);
+                }
+            }
+        };
+        onMounted(() => document.addEventListener("keydown", handleKeyDown));
+        onBeforeUnmount(() => document.removeEventListener("keydown", handleKeyDown));
+        return () => h(PopoverContentImpl, { ...props, class: attrs.class }, slots);
+    },
+});
+/**
+ * The floating panel. `class` lands on the panel. The default slot receives
+ * `{ close, shake }`, the same functions `usePopoverController()` returns.
+ */
+export const PopoverContent = defineComponent({
+    name: "PopoverContent",
+    inheritAttrs: false,
+    props: contentProps,
+    setup(props, { slots, attrs }) {
+        const { open, showOnHover, setOpen } = usePopoverContext();
+        useEscCloseStack(open, () => {
+            setOpen(false);
+        });
+        return () => h(RekaPopoverPortal, null, {
+            default: () => [
+                h(TransitionGroup, { class: s.Transition, enterDuration: 600, exitDuration: 300, disableAnimations: true }, {
+                    default: () => [
+                        open.value
+                            ? h(showOnHover.value ? PopoverContentHoverable : PopoverContentImpl, { key: showOnHover.value ? "popover-hover" : "popover", ...props, class: attrs.class }, slots)
+                            : createCommentVNode(),
+                    ],
+                }),
+            ],
+        });
+    },
+});
+/** Popover root. Uncontrolled by default; bind `v-model:open` to control it. */
+// Typed explicitly so the published declaration refers to the parts instead of
+// expanding them (an expanded component type fails consumers' type checks)
+export const Popover = Object.assign(PopoverComponent, {
+    Trigger: PopoverTrigger,
+    Content: PopoverContent,
+});
+//# sourceMappingURL=Popover.js.map

package/dist/es/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  createCommentVNode,\n  defineComponent,\n  h,\n  markRaw,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  watch,\n  watchPostEffect,\n  type ExtractPropTypes,\n  type PropType,\n} from \"vue\"\nimport {\n  PopoverAnchor as RekaPopoverAnchor,\n  PopoverContent as RekaPopoverContent,\n  PopoverPortal as RekaPopoverPortal,\n  PopoverRoot as RekaPopoverRoot,\n  injectPopoverRootContext,\n  useForwardExpose,\n  useId,\n} from \"reka-ui\"\nimport { useEscCloseStack } from \"../../composables/useEscCloseStack.js\"\nimport { focusableElements, preventDefaultHandler, toCssVariables } from \"../../lib/helpers.js\"\nimport { TransitionGroup } from \"../Transition/index.js\"\nimport { withRadixVariableNames } from \"../Tooltip/Tooltip.js\"\nimport { composeEventHandlers, firstElementChild, mergeSlotProps } from \"../Tooltip/slot.js\"\nimport { useDeferredPointerDownOutside } from \"./deferredPointerDownOutside.js\"\nimport { createPointerIntentArea, isPointInPolygon, type Polygon } from \"./pointerIntent.js\"\nimport { PopoverContextKey, usePopoverContext, type PopoverContextValue } from \"./usePopoverContext.js\"\nimport { usePopoverController } from \"./usePopoverController.js\"\nimport s from \"@plexui/styles/components/Popover/Popover.module.css\"\n\n// Vue port of packages/ui/src/components/Popover/Popover.tsx on Reka UI.\n// Exports are flat (`PopoverTrigger`, `PopoverContent`) because\n// runtime-compiled templates cannot resolve `Popover.Trigger`; the static\n// properties are kept for render functions and SFCs.\n//\n// Reka keeps positioning, the dismissable layer, the focus scope and focus\n// return. As in Tooltip, the port follows Radix where they differ:\n// - The trigger is Radix's: it runs after the child's handlers and toggles\n//   only when none called preventDefault(), carries no `id`, and has\n//   `aria-controls` only while open.\n// - The content element is rendered here (Reka's `as`): Radix's custom\n//   property names (the shared CSS reads `--radix-popover-content-*`), no\n//   `dir`, no `aria-labelledby`.\n// - A press outside closes it on the click that follows, as Radix's\n//   deferred outside press does (./deferredPointerDownOutside.ts).\n// - The portal renders once mounted, as Radix's does, so a closed popover\n//   server-renders nothing.\n\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\"\nexport type PopoverAlign = \"start\" | \"center\" | \"end\"\n\nconst PopoverComponent = defineComponent({\n  name: \"Popover\",\n  props: {\n    /** Controlled visibility (`v-model:open`); uncontrolled when omitted */\n    open: { type: Boolean, default: undefined },\n    /** Opens on hover and focus instead of click. @default false */\n    showOnHover: { type: Boolean, default: false },\n    /** Delay before a hover popover opens, in milliseconds. @default 150 */\n    hoverOpenDelay: { type: Number, default: 150 },\n  },\n  emits: {\n    \"update:open\": (_nextState: boolean) => true,\n  },\n  setup(props, { slots, emit }) {\n    const open = ref(false)\n    const shake = ref(false)\n    const triggerRef = shallowRef<HTMLElement | null>(null)\n    const contentRef = shallowRef<HTMLElement | null>(null)\n    let openTimer: ReturnType<typeof setTimeout> | undefined\n    const hoverOpenFocusedWithTab = { current: false }\n    const isPointerInTransitRef = { current: false }\n    const isOpen = computed(() => props.open ?? open.value)\n\n    const temporarilyPreventClickToClose = ref(false)\n    watch(temporarilyPreventClickToClose, (prevent, _, onCleanup) => {\n      if (!prevent) return\n      const id = setTimeout(() => {\n        temporarilyPreventClickToClose.value = false\n      }, 500)\n      onCleanup(() => clearTimeout(id))\n    })\n\n    const handleOpenChange = (nextState: boolean) => {\n      clearTimeout(openTimer)\n\n      // No-op if the state is not changing\n      if (isOpen.value === nextState) {\n        return\n      }\n\n      if (!nextState) {\n        // clear any running shake animation on close\n        shake.value = false\n\n        // Check for specific hover conditions where focus should be\n        // immediately restored to the trigger before closing\n        if (props.showOnHover && hoverOpenFocusedWithTab.current) {\n          triggerRef.value?.focus()\n        }\n\n        // Always cleanup this state\n        hoverOpenFocusedWithTab.current = false\n      }\n\n      emit(\"update:open\", nextState)\n      open.value = nextState\n\n      if (props.showOnHover) {\n        temporarilyPreventClickToClose.value = nextState\n      }\n    }\n\n    const handleTriggerEnter = () => {\n      openTimer = setTimeout(() => handleOpenChange(true), props.hoverOpenDelay)\n    }\n\n    const handleTriggerLeave = () => {\n      clearTimeout(openTimer)\n    }\n\n    onBeforeUnmount(() => {\n      clearTimeout(openTimer)\n    })\n\n    const store: PopoverContextValue = {\n      open: isOpen,\n      setOpen: handleOpenChange,\n      shake,\n      setShake: (next) => {\n        shake.value = next\n      },\n      showOnHover: computed(() => props.showOnHover),\n      temporarilyPreventClickToClose,\n      onTriggerEnter: handleTriggerEnter,\n      onTriggerLeave: handleTriggerLeave,\n      isPointerInTransitRef,\n      triggerRef,\n      contentRef,\n      hoverOpenFocusedWithTab,\n    }\n    provide(PopoverContextKey, store)\n\n    return () =>\n      h(\n        RekaPopoverRoot,\n        { \"open\": isOpen.value, \"onUpdate:open\": handleOpenChange, \"modal\": false },\n        { default: () => slots.default?.() },\n      )\n  },\n})\n\n/**\n * Renders its child (a button, link, ...) as the popover trigger. Like\n * `Popover.Trigger` in React it takes no other props: attributes on it are\n * not passed on.\n */\nexport const PopoverTrigger = defineComponent({\n  name: \"PopoverTrigger\",\n  inheritAttrs: false,\n  emits: {\n    pointerdown: (_event: PointerEvent) => true,\n    click: (_event: MouseEvent) => true,\n  },\n  setup(_props, { slots, emit }) {\n    const {\n      open,\n      setOpen,\n      showOnHover,\n      temporarilyPreventClickToClose,\n      onTriggerEnter,\n      onTriggerLeave,\n      isPointerInTransitRef,\n      triggerRef,\n      contentRef,\n    } = usePopoverContext()\n    const rootContext = injectPopoverRootContext()\n    rootContext.contentId ||= useId(undefined, \"reka-popover-content\")\n    const { forwardRef, currentElement } = useForwardExpose()\n    let hasPointerMoveOpened = false\n\n    // Focus returns here on close, and pointer-downs on it are not \"outside\".\n    // Follows a replaced child element, as Radix's composed ref does\n    watchPostEffect(() => {\n      triggerRef.value = currentElement.value ?? null\n      rootContext.triggerElement.value = currentElement.value\n    })\n\n    const maybePreventClickClose = (evt: Event) => {\n      // Don't prevent temporary close if the trigger is an anchor tag itself\n      const isLink = (evt.currentTarget as Element).nodeName.toLocaleLowerCase() === \"a\"\n\n      if (!isLink && temporarilyPreventClickToClose.value) {\n        // Prevents tooltip listeners from closing\n        evt.preventDefault()\n        evt.stopPropagation()\n      }\n    }\n\n    const handlePointerMove = (evt: PointerEvent) => {\n      if (evt.pointerType === \"touch\") {\n        return\n      }\n\n      if (!hasPointerMoveOpened && !isPointerInTransitRef.current) {\n        onTriggerEnter()\n        hasPointerMoveOpened = true\n      }\n    }\n\n    const handlePointerLeave = () => {\n      if (!hasPointerMoveOpened) {\n        return\n      }\n\n      onTriggerLeave()\n      hasPointerMoveOpened = false\n    }\n\n    const handleBlur = () => {\n      setTimeout(() => {\n        // Ignore this handler if focus has moved into the popover\n        if (contentRef.value?.contains(document.activeElement)) {\n          return\n        }\n\n        setOpen(false)\n      }, 50)\n    }\n\n    const onPointerdown = (evt: PointerEvent) => {\n      maybePreventClickClose(evt)\n      emit(\"pointerdown\", evt)\n    }\n\n    const onClick = composeEventHandlers(\n      (evt: MouseEvent) => {\n        maybePreventClickClose(evt)\n        emit(\"click\", evt)\n      },\n      () => rootContext.onOpenToggle(),\n    )\n\n    return () => {\n      const child = firstElementChild(slots.default?.())\n      if (!child) return null\n\n      const isOpen = open.value\n      const hover = showOnHover.value\n      // Radix's PopoverTrigger props, then Plex's handlers\n      const triggerProps = {\n        \"type\": \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": isOpen,\n        \"aria-controls\": isOpen ? rootContext.contentId : undefined,\n        \"data-state\": isOpen ? \"open\" : \"closed\",\n        onPointerdown,\n        onClick,\n        \"onPointermove\": hover ? handlePointerMove : undefined,\n        \"onPointerleave\": hover ? handlePointerLeave : undefined,\n        \"onFocus\": hover ? () => setOpen(true) : undefined,\n        \"onBlur\": hover ? handleBlur : undefined,\n      }\n\n      return h(RekaPopoverAnchor, { asChild: true, ref: forwardRef }, { default: () => mergeSlotProps(child, triggerProps) })\n    }\n  },\n})\n\nconst contentProps = {\n  /** Avoids collisions with the viewport and scroll containers. @default true */\n  avoidCollisions: { type: Boolean, default: undefined },\n  /** `width` of the popover; numbers are pixels. @default \"auto\" */\n  width: [Number, String] as PropType<number | \"auto\">,\n  /** `min-width` of the popover; numbers are pixels. @default 300 */\n  minWidth: [Number, String] as PropType<number | \"auto\">,\n  /** `max-width` of the popover, in pixels */\n  maxWidth: Number,\n  /** Preferred side of the trigger. @default \"bottom\" */\n  side: String as PropType<PopoverSide>,\n  /** Distance from the trigger, in pixels. @default 8 */\n  sideOffset: { type: Number, default: 8 },\n  /** Preferred alignment against the trigger. @default \"center\" */\n  align: String as PropType<PopoverAlign>,\n  /** Offset from the \"start\" or \"end\" alignment, in pixels. @default 0 */\n  alignOffset: Number,\n  /** Translucent popover surface. @default false */\n  translucent: { type: Boolean, default: undefined },\n  /** Moves focus into the popover when it opens. @default true */\n  autoFocus: { type: Boolean, default: true },\n}\n\ntype ContentProps = ExtractPropTypes<typeof contentProps>\n\n// The element Reka's content renders (`as`). Raw: Reka passes `as` through\n// reactive props, and Vue warns about a component made reactive.\nconst PopoverContentElement = markRaw(defineComponent({\n  name: \"PopoverContentElement\",\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    const { contentRef } = usePopoverContext()\n    const setContentRef = (el: unknown) => {\n      contentRef.value = (el as HTMLElement | null) ?? null\n    }\n\n    return () => {\n      const { \"dir\": _dir, \"aria-labelledby\": _labelledBy, style, ...rest } = attrs\n      return h(\n        \"div\",\n        { ...rest, style: withRadixVariableNames(style, \"popover\"), ref: setContentRef },\n        slots.default?.(),\n      )\n    }\n  },\n}))\n\nconst PopoverContentImpl = defineComponent({\n  name: \"PopoverContentImpl\",\n  inheritAttrs: false,\n  props: contentProps,\n  setup(props, { slots, attrs }) {\n    const { showOnHover, shake, contentRef, setOpen, triggerRef } = usePopoverContext()\n    const controller = usePopoverController()\n\n    // Radix's non-modal content: a press on the trigger is left to the\n    // trigger, and focus does not return to it after a press outside\n    let pressedOutside = false\n    const outsidePress = useDeferredPointerDownOutside((originalEvent) => {\n      if (triggerRef.value?.contains(originalEvent.target as Node)) return\n      pressedOutside = true\n      setOpen(false)\n    })\n    const handleCloseAutoFocus = (event: Event) => {\n      if (showOnHover.value || pressedOutside) event.preventDefault()\n    }\n\n    const handleKeyDown = (evt: KeyboardEvent) => {\n      const contentElement = contentRef.value\n\n      if (\n        // When the current target is our container\n        contentElement &&\n        evt.target === contentElement &&\n        // We know that shift key tabs will lead to closing the popover (because we don't use `modal`)\n        evt.key === \"Tab\" &&\n        evt.shiftKey\n      ) {\n        // Prevent that from happening\n        evt.preventDefault()\n        evt.stopPropagation()\n\n        // Move focus to the last focusable element, placing the user in the focus loop\n        const focusable = focusableElements(contentElement)\n        const lastFocusable = focusable[focusable.length - 1]\n        lastFocusable?.focus()\n      }\n    }\n\n    // Important that we send initial focus into the popover, placing it onto the container.\n    // This allows focus looping to begin, as well as capturing scoped key presses.\n    // We prevent Reka's default behavior of focusing an element, because this can have adverse side-effects.\n    onMounted(() => {\n      watch(\n        [showOnHover, () => props.autoFocus],\n        () => {\n          const contentElement = contentRef.value\n\n          if (!contentElement || !props.autoFocus) {\n            return\n          }\n\n          // If we're already focused within the content area, no-op.\n          // This would be true if some inner component declares autoFocus\n          if (contentElement.contains(document.activeElement)) {\n            return\n          }\n\n          // Our focus isn't in the content area - move it there.\n          // NOTE: Don't automatically shift focus on hover popovers\n          if (!showOnHover.value) {\n            contentElement.focus({ preventScroll: true })\n          }\n        },\n        { immediate: true },\n      )\n    })\n\n    return () =>\n      h(\n        RekaPopoverContent,\n        {\n          \"as\": PopoverContentElement,\n          \"class\": [s.Popover, attrs.class],\n          \"style\": toCssVariables({\n            \"popover-width\": props.width,\n            \"popover-min-width\": props.minWidth,\n            \"popover-max-width\": props.maxWidth,\n          }),\n          \"onCloseAutoFocus\": handleCloseAutoFocus,\n          \"onPointerDownOutside\": outsidePress.onPointerDownOutside,\n          \"onFocusOutside\": outsidePress.onFocusOutside,\n          \"data-animate\": shake.value ? \"shake\" : undefined,\n          \"data-translucent\": props.translucent ? \"true\" : undefined,\n          \"side\": props.side,\n          \"sideOffset\": props.sideOffset,\n          \"align\": props.align,\n          \"alignOffset\": props.alignOffset ?? (props.align === \"center\" ? 0 : -5),\n          \"avoidCollisions\": props.avoidCollisions ?? true,\n          \"hideWhenDetached\": true,\n          \"collisionPadding\": 20,\n          \"onOpenAutoFocus\": preventDefaultHandler,\n          // Escape is handled by the Escape stack in PopoverContent\n          \"onEscapeKeyDown\": preventDefaultHandler,\n          \"onKeydown\": handleKeyDown,\n        },\n        { default: () => slots.default?.(controller) },\n      )\n  },\n})\n\nconst PopoverContentHoverable = defineComponent({\n  name: \"PopoverContentHoverable\",\n  inheritAttrs: false,\n  props: contentProps,\n  setup(props, { slots, attrs }) {\n    const { setOpen, triggerRef, contentRef, isPointerInTransitRef, hoverOpenFocusedWithTab } = usePopoverContext()\n    const pointerGraceArea = shallowRef<Polygon | null>(null)\n\n    const handleRemoveGraceArea = () => {\n      pointerGraceArea.value = null\n      isPointerInTransitRef.current = false\n    }\n\n    const handleCreateGraceArea = (event: PointerEvent, hoverTarget: HTMLElement) => {\n      const graceArea = createPointerIntentArea(event, hoverTarget)\n      pointerGraceArea.value = graceArea\n      isPointerInTransitRef.current = true\n    }\n\n    onBeforeUnmount(handleRemoveGraceArea)\n\n    let removeLeaveListeners = () => {}\n    onMounted(() => {\n      const trigger = triggerRef.value\n      const content = contentRef.value\n\n      if (!trigger || !content) {\n        return\n      }\n\n      const handleTriggerLeave = (event: PointerEvent) => handleCreateGraceArea(event, content)\n      const handleContentLeave = (event: PointerEvent) => handleCreateGraceArea(event, trigger)\n\n      trigger.addEventListener(\"pointerleave\", handleTriggerLeave)\n      content.addEventListener(\"pointerleave\", handleContentLeave)\n      removeLeaveListeners = () => {\n        trigger.removeEventListener(\"pointerleave\", handleTriggerLeave)\n        content.removeEventListener(\"pointerleave\", handleContentLeave)\n      }\n    })\n    onBeforeUnmount(() => removeLeaveListeners())\n\n    watch(pointerGraceArea, (graceArea, _, onCleanup) => {\n      if (!graceArea) {\n        return\n      }\n\n      const handleTrackPointerGrace = (event: PointerEvent) => {\n        const trigger = triggerRef.value\n        const content = contentRef.value\n        const target = event.target as HTMLElement\n        const pointerPosition = { x: event.clientX, y: event.clientY }\n        const hasEnteredTarget = trigger?.contains(target) || content?.contains(target)\n        const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, graceArea)\n        // Stop considering grace areas when the pointer runs into other control triggers\n        const targetHasPopup = target.hasAttribute(\"aria-haspopup\")\n\n        if (hasEnteredTarget) {\n          handleRemoveGraceArea()\n        } else if (isPointerOutsideGraceArea || targetHasPopup) {\n          handleRemoveGraceArea()\n          setOpen(false)\n        }\n      }\n      document.addEventListener(\"pointermove\", handleTrackPointerGrace)\n      onCleanup(() => document.removeEventListener(\"pointermove\", handleTrackPointerGrace))\n    })\n\n    // Hoverable doesn't place focus in the popover by default.\n    // If it is open and Tab is pressed, focus the first focusable element and\n    // remember to restore focus to the trigger on close.\n    const handleKeyDown = (evt: KeyboardEvent) => {\n      if (!contentRef.value) {\n        return\n      }\n\n      // Only assume forward tab is attempting to move into the popup\n      if (evt.key === \"Tab\" && !evt.shiftKey) {\n        const [firstFocusable] = focusableElements(contentRef.value)\n        if (firstFocusable) {\n          evt.preventDefault()\n          firstFocusable.focus()\n          hoverOpenFocusedWithTab.current = true\n          document.removeEventListener(\"keydown\", handleKeyDown)\n        }\n      }\n    }\n    onMounted(() => document.addEventListener(\"keydown\", handleKeyDown))\n    onBeforeUnmount(() => document.removeEventListener(\"keydown\", handleKeyDown))\n\n    return () => h(PopoverContentImpl, { ...props, class: attrs.class }, slots)\n  },\n})\n\n/**\n * The floating panel. `class` lands on the panel. The default slot receives\n * `{ close, shake }`, the same functions `usePopoverController()` returns.\n */\nexport const PopoverContent = defineComponent({\n  name: \"PopoverContent\",\n  inheritAttrs: false,\n  props: contentProps,\n  setup(props, { slots, attrs }) {\n    const { open, showOnHover, setOpen } = usePopoverContext()\n\n    useEscCloseStack(open, () => {\n      setOpen(false)\n    })\n\n    return () =>\n      h(RekaPopoverPortal, null, {\n        default: () => [\n          h(\n            TransitionGroup,\n            { class: s.Transition, enterDuration: 600, exitDuration: 300, disableAnimations: true },\n            {\n              default: () => [\n                open.value\n                  ? h(\n                      showOnHover.value ? PopoverContentHoverable : PopoverContentImpl,\n                      { key: showOnHover.value ? \"popover-hover\" : \"popover\", ...(props as ContentProps), class: attrs.class },\n                      slots,\n                    )\n                  : createCommentVNode(),\n              ],\n            },\n          ),\n        ],\n      })\n  },\n})\n\n/** Popover root. Uncontrolled by default; bind `v-model:open` to control it. */\n// Typed explicitly so the published declaration refers to the parts instead of\n// expanding them (an expanded component type fails consumers' type checks)\nexport const Popover: typeof PopoverComponent & {\n  Trigger: typeof PopoverTrigger\n  Content: typeof PopoverContent\n} = Object.assign(PopoverComponent, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n})\n\nexport type PopoverProps = InstanceType<typeof PopoverComponent>[\"$props\"]\nexport type PopoverContentProps = InstanceType<typeof PopoverContent>[\"$props\"]\n"]}

package/dist/es/components/Popover/deferredPointerDownOutside.js

@@ -0,0 +1,74 @@
+import { onBeforeUnmount } from "vue";
+const OUTSIDE_INTERACTION_EVENTS = ["pointerup", "mousedown", "mouseup", "touchstart", "touchend", "click"];
+/**
+ * A layer's own dismiss affordance (a dialog overlay): pressing it dismisses
+ * even when something stops the events, as Radix's dismissable surfaces.
+ */
+export const dismissableSurfaces = new Set();
+const isOnDismissableSurface = (target) => target instanceof Node && [...dismissableSurfaces].some((surface) => surface.contains(target));
+/**
+ * Listeners for Reka's `pointerDownOutside` and `focusOutside`; `dismiss`
+ * runs on the click that completes a deferred press. `reset` drops a pending
+ * press (the layer closed some other way); unmounting does it too.
+ */
+export const useDeferredPointerDownOutside = (dismiss) => {
+    let stop;
+    const reset = () => {
+        stop?.();
+        stop = undefined;
+    };
+    onBeforeUnmount(reset);
+    const onPointerDownOutside = (event) => {
+        reset();
+        const originalEvent = event.detail.originalEvent;
+        if (originalEvent.button !== 0 || originalEvent.pointerType === "touch")
+            return;
+        // Reka must not dismiss now
+        event.preventDefault();
+        const ownerDocument = originalEvent.target?.ownerDocument ?? document;
+        const intercepted = new Map();
+        let active = true;
+        const finish = () => {
+            if (!active)
+                return;
+            const wasIntercepted = [...intercepted.values()].some(Boolean);
+            reset();
+            if (!wasIntercepted)
+                dismiss(originalEvent);
+        };
+        const handleCapture = (evt) => {
+            if (!isOnDismissableSurface(evt.target))
+                intercepted.set(evt.type, true);
+            // A click stopped on its way to the document still ends the press
+            if (evt.type === "click")
+                window.setTimeout(finish, 0);
+        };
+        const handleBubble = (evt) => {
+            intercepted.set(evt.type, false);
+        };
+        // Any later press replaces this one (Reka reports the outside ones again)
+        const handlePointerDown = () => reset();
+        for (const name of OUTSIDE_INTERACTION_EVENTS) {
+            ownerDocument.addEventListener(name, handleCapture, true);
+            ownerDocument.addEventListener(name, handleBubble);
+        }
+        // After the bubble listener, so a click that got here counts as not stopped
+        ownerDocument.addEventListener("click", finish);
+        ownerDocument.addEventListener("pointerdown", handlePointerDown, true);
+        stop = () => {
+            active = false;
+            for (const name of OUTSIDE_INTERACTION_EVENTS) {
+                ownerDocument.removeEventListener(name, handleCapture, true);
+                ownerDocument.removeEventListener(name, handleBubble);
+            }
+            ownerDocument.removeEventListener("click", finish);
+            ownerDocument.removeEventListener("pointerdown", handlePointerDown, true);
+        };
+    };
+    const onFocusOutside = (event) => {
+        if (stop)
+            event.preventDefault();
+    };
+    return { onPointerDownOutside, onFocusOutside, reset };
+};
+//# sourceMappingURL=deferredPointerDownOutside.js.map

package/dist/es/components/Popover/deferredPointerDownOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferredPointerDownOutside.js","sourceRoot":"","sources":["../../../../src/components/Popover/deferredPointerDownOutside.ts"],"names":[],"mappings":"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","sourcesContent":["import { onBeforeUnmount } from \"vue\"\n\n// Internal: radix-ui 1.8's deferred outside press (DismissableLayer's\n// `deferPointerDownOutside`), which Radix Popover and Dialog turn on and\n// Reka's dismissable layer does not have. Reka dismisses on the pointerdown\n// outside; Radix waits for the click that follows a primary-button press,\n// keeps the layer when something outside stopped that click (or the\n// pointerup / mouse / touch events before it) from reaching the document,\n// and ignores focus moving outside meanwhile. Other buttons are left to Reka,\n// which dismisses at once, as Radix does, and so are touches, which Reka\n// already reports on their click.\n\ntype OutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>\n\nconst OUTSIDE_INTERACTION_EVENTS = [\"pointerup\", \"mousedown\", \"mouseup\", \"touchstart\", \"touchend\", \"click\"]\n\n/**\n * A layer's own dismiss affordance (a dialog overlay): pressing it dismisses\n * even when something stops the events, as Radix's dismissable surfaces.\n */\nexport const dismissableSurfaces = new Set<Element>()\n\nconst isOnDismissableSurface = (target: EventTarget | null) =>\n  target instanceof Node && [...dismissableSurfaces].some((surface) => surface.contains(target))\n\n/**\n * Listeners for Reka's `pointerDownOutside` and `focusOutside`; `dismiss`\n * runs on the click that completes a deferred press. `reset` drops a pending\n * press (the layer closed some other way); unmounting does it too.\n */\nexport const useDeferredPointerDownOutside = (dismiss: (originalEvent: PointerEvent) => void) => {\n  let stop: (() => void) | undefined\n\n  const reset = () => {\n    stop?.()\n    stop = undefined\n  }\n\n  onBeforeUnmount(reset)\n\n  const onPointerDownOutside = (event: OutsideEvent) => {\n    reset()\n    const originalEvent = event.detail.originalEvent\n    if (originalEvent.button !== 0 || originalEvent.pointerType === \"touch\") return\n    // Reka must not dismiss now\n    event.preventDefault()\n\n    const ownerDocument = (originalEvent.target as Node | null)?.ownerDocument ?? document\n    const intercepted = new Map<string, boolean>()\n    let active = true\n\n    const finish = () => {\n      if (!active) return\n      const wasIntercepted = [...intercepted.values()].some(Boolean)\n      reset()\n      if (!wasIntercepted) dismiss(originalEvent)\n    }\n    const handleCapture = (evt: Event) => {\n      if (!isOnDismissableSurface(evt.target)) intercepted.set(evt.type, true)\n      // A click stopped on its way to the document still ends the press\n      if (evt.type === \"click\") window.setTimeout(finish, 0)\n    }\n    const handleBubble = (evt: Event) => {\n      intercepted.set(evt.type, false)\n    }\n    // Any later press replaces this one (Reka reports the outside ones again)\n    const handlePointerDown = () => reset()\n\n    for (const name of OUTSIDE_INTERACTION_EVENTS) {\n      ownerDocument.addEventListener(name, handleCapture, true)\n      ownerDocument.addEventListener(name, handleBubble)\n    }\n    // After the bubble listener, so a click that got here counts as not stopped\n    ownerDocument.addEventListener(\"click\", finish)\n    ownerDocument.addEventListener(\"pointerdown\", handlePointerDown, true)\n\n    stop = () => {\n      active = false\n      for (const name of OUTSIDE_INTERACTION_EVENTS) {\n        ownerDocument.removeEventListener(name, handleCapture, true)\n        ownerDocument.removeEventListener(name, handleBubble)\n      }\n      ownerDocument.removeEventListener(\"click\", finish)\n      ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown, true)\n    }\n  }\n\n  const onFocusOutside = (event: Event) => {\n    if (stop) event.preventDefault()\n  }\n\n  return { onPointerDownOutside, onFocusOutside, reset }\n}\n"]}

package/dist/es/components/Popover/index.js

@@ -0,0 +1,3 @@
+export { Popover, PopoverContent, PopoverTrigger, } from "./Popover.js";
+export { usePopoverController } from "./usePopoverController.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GAKf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA","sourcesContent":["export {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  type PopoverAlign,\n  type PopoverContentProps,\n  type PopoverProps,\n  type PopoverSide,\n} from \"./Popover.js\"\nexport { usePopoverController } from \"./usePopoverController.js\"\n"]}