@sky.ui/core 0.0.45 → 0.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +2539 -2337
- package/dist/helper/controllers/popover-controller.js +1 -1
- package/dist/helper/controllers/popover-controller.js.map +1 -1
- package/dist/helper/controllers/preset-controller.d.ts +9 -0
- package/dist/helper/controllers/preset-controller.js +1 -1
- package/dist/helper/controllers/preset-controller.js.map +1 -1
- package/dist/helper/index.js +1 -1
- package/dist/helper/utils/component-presets.d.ts +9 -0
- package/dist/helper/utils/component-presets.js +1 -1
- package/dist/helper/utils/component-presets.js.map +1 -1
- package/dist/helper/utils/index.js +1 -1
- package/dist/index.js +1 -1
- package/dist/sky-combobox/sky-combobox.d.ts +64 -0
- package/dist/sky-combobox/sky-combobox.js +63 -59
- package/dist/sky-combobox/sky-combobox.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-controller.js","sources":["../../../src/helper/controllers/popover-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\r\n\r\nexport type PopoverSide = \"top\" | \"bottom\" | \"left\" | \"right\";\r\nexport type PopoverPlacement = PopoverSide | \"auto\";\r\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\r\nexport type MaxWidthMode = \"cap\" | \"fill\";\r\nexport type CloseReason = \"api\" | \"toggle\" | \"escape\" | \"light-dismiss\" | \"group\";\r\ntype ArrowAlign = \"center\" | \"start\" | \"end\";\r\ntype ScrollContainerMode = \"auto\" | \"window\";\r\n\r\n/** Named animation presets; consumer selects by name. */\r\nexport type PopoverPreset =\r\n | \"none\"\r\n | \"fade\"\r\n | \"scale\"\r\n | \"slide\"\r\n | \"iosMenu\"\r\n | \"iosSheet\"\r\n | \"materialMenu\"\r\n | \"materialSheet\"\r\n | \"floaty\"\r\n | \"soft\"\r\n | \"sharp\"\r\n | \"blurIn\"\r\n | \"blurFade\"\r\n | \"zoomFromAnchor\"\r\n | \"zoomFromCorner\"\r\n | \"flip3d\"\r\n | \"card3d\"\r\n | \"tilt3d\"\r\n | \"depth3d\"\r\n | \"rotate3d\"\r\n | \"springy\"\r\n | \"bouncy\"\r\n | \"glide\"\r\n | \"pop\"\r\n | \"drop\"\r\n | \"grow\";\r\n\r\nexport type PopoverPresetConfig = {\r\n enterPx?: number; // translate distance\r\n exitPx?: number;\r\n enterScale?: number;\r\n exitScale?: number;\r\n blurInPx?: number;\r\n blurOutPx?: number;\r\n perspectivePx?: number;\r\n rotateDeg?: number; // 3d rotation magnitude\r\n tiltDeg?: number; // 3d tilt magnitude\r\n origin?: \"auto\" | \"anchor\" | \"center\" | \"corner\";\r\n easingOpen?: string;\r\n easingClose?: string;\r\n enterDuration?: number;\r\n exitDuration?: number;\r\n};\r\n\r\ntype PresetDef = {\r\n name: PopoverPreset;\r\n defaults: Required<PopoverPresetConfig>;\r\n getKeyframes: (\r\n args: {\r\n side: PopoverSide;\r\n phase: \"open\" | \"close\";\r\n cfg: Required<PopoverPresetConfig>;\r\n origin: string;\r\n }\r\n ) => Keyframe[];\r\n};\r\n\r\nexport interface PopoverControllerOptions {\r\n // Required functions\r\n getAnchor: () => HTMLElement | null;\r\n getPopover: () => HTMLElement | null;\r\n\r\n // CSS variable names\r\n cssVarLeft?: string;\r\n cssVarTop?: string;\r\n cssVarWidth?: string;\r\n\r\n // Reactive property getters\r\n // (Preferred - automatically update when component properties change)\r\n getPlacement?: () => PopoverPlacement;\r\n getAlign?: () => PopoverAlign;\r\n getGap?: () => number;\r\n getPadding?: () => number;\r\n getMatchAnchorWidth?: () => boolean;\r\n getMaxWidthToViewport?: () => boolean;\r\n getMaxWidthMode?: () => MaxWidthMode;\r\n getFlip?: () => boolean;\r\n getFlipOrder?: () => PopoverSide[];\r\n getPreset?: () => PopoverPreset;\r\n getDuration?: () => number;\r\n getCloseDuration?: () => number;\r\n getAnimateReposition?: () => boolean;\r\n getRepositionMs?: () => number;\r\n getCloseOnEscape?: () => boolean;\r\n getRestoreFocusOnClose?: () => boolean;\r\n getCloseOnOutside?: () => boolean;\r\n getIgnoreOutsideSelector?: () => string;\r\n getIgnoreOutsideAttr?: () => string;\r\n\r\n // Static fallback values\r\n // (For backward compatibility or when values don't change)\r\n placement?: PopoverPlacement;\r\n align?: PopoverAlign;\r\n gap?: number;\r\n padding?: number;\r\n matchAnchorWidth?: boolean;\r\n maxWidthToViewport?: boolean;\r\n maxWidthMode?: MaxWidthMode;\r\n flip?: boolean;\r\n flipOrder?: PopoverSide[];\r\n preset?: PopoverPreset;\r\n duration?: number;\r\n closeDuration?: number;\r\n animateReposition?: boolean;\r\n repositionMs?: number;\r\n closeOnEscape?: boolean;\r\n restoreFocusOnClose?: boolean;\r\n closeOnOutside?: boolean;\r\n ignoreOutsideSelector?: string;\r\n ignoreOutsideAttr?: string;\r\n\r\n // Scroll and focus\r\n focusOnOpen?: () => void;\r\n scrollContainer?: ScrollContainerMode | HTMLElement;\r\n\r\n // Group behavior\r\n groupEventName?: string;\r\n groupId?: unknown;\r\n\r\n // Callbacks\r\n onOpenChange?: (open: boolean, meta: { reason: CloseReason }) => void;\r\n /** Focus target on close; defaults to {@link getAnchor} when omitted. */\r\n getFocusTarget?: () => HTMLElement | null;\r\n\r\n // Other options\r\n sideAttr?: string;\r\n respectReducedMotion?: boolean;\r\n}\r\n\r\n/**\r\n * PopoverController with Reactive Getter Bindings\r\n * - Automatically reads latest values from host component via getter functions\r\n * - No manual updates needed when host properties change\r\n * - WAAPI preset animations with side-aware enter/exit\r\n * - Smooth reposition animation on flip/move\r\n */\r\nexport class PopoverController implements ReactiveController {\r\n private host: ReactiveControllerHost;\r\n private _open = false;\r\n\r\n private raf = 0;\r\n\r\n private anchorRO?: ResizeObserver;\r\n private popoverRO?: ResizeObserver;\r\n\r\n private boundScrollParents: Array<{ el: EventTarget; fn: EventListener }> = [];\r\n private visualViewport?: VisualViewport;\r\n /** When true, global listeners and observers are attached (deferred until first open for perf with many instances). */\r\n private _listenersAttached = false;\r\n\r\n private lastCloseReason: CloseReason = \"toggle\";\r\n private lastFocusedEl: Element | null = null;\r\n\r\n private hasEverOpened = false;\r\n private _skipNextReposition = false;\r\n\r\n private lastMeta: { place: PopoverSide; arrowAlign: ArrowAlign } = {\r\n place: \"bottom\",\r\n arrowAlign: \"center\",\r\n };\r\n\r\n private _phase: \"idle\" | \"opening\" | \"open\" | \"closing\" = \"idle\";\r\n private presetAnim?: Animation;\r\n private moveAnim?: Animation;\r\n\r\n // Helper to create getters with fallback to static values\r\n private static createGetter<T>(\r\n getter: (() => T) | undefined,\r\n staticValue: T | undefined,\r\n defaultValue: T\r\n ): () => T {\r\n return getter || (() => staticValue ?? defaultValue);\r\n }\r\n\r\n private opts: {\r\n // Required functions\r\n getAnchor: () => HTMLElement | null;\r\n getPopover: () => HTMLElement | null;\r\n\r\n // Reactive property getters\r\n getPlacement: () => PopoverPlacement;\r\n getAlign: () => PopoverAlign;\r\n getGap: () => number;\r\n getPadding: () => number;\r\n getMatchAnchorWidth: () => boolean;\r\n getMaxWidthToViewport: () => boolean;\r\n getMaxWidthMode: () => MaxWidthMode;\r\n getFlip: () => boolean;\r\n getFlipOrder: () => PopoverSide[];\r\n getPreset: () => PopoverPreset;\r\n getDuration: () => number;\r\n getCloseDuration: () => number;\r\n getAnimateReposition: () => boolean;\r\n getRepositionMs: () => number;\r\n getCloseOnEscape: () => boolean;\r\n getRestoreFocusOnClose: () => boolean;\r\n getCloseOnOutside: () => boolean;\r\n getIgnoreOutsideSelector: () => string;\r\n getIgnoreOutsideAttr: () => string;\r\n\r\n // Other options\r\n cssVarLeft: string;\r\n cssVarTop: string;\r\n cssVarWidth: string;\r\n focusOnOpen?: () => void;\r\n scrollContainer: ScrollContainerMode | HTMLElement;\r\n groupEventName?: string;\r\n groupId?: unknown;\r\n onOpenChange?: (open: boolean, meta: { reason: CloseReason }) => void;\r\n getFocusTarget?: () => HTMLElement | null;\r\n sideAttr: string;\r\n respectReducedMotion: boolean;\r\n };\r\n\r\n constructor(host: ReactiveControllerHost, options: PopoverControllerOptions) {\r\n this.host = host;\r\n host.addController(this);\r\n\r\n // Initialize getters with fallback values\r\n const dur = options.duration ?? 220;\r\n const closeDur = options.closeDuration ?? Math.min(180, dur);\r\n\r\n this.opts = {\r\n // Required functions\r\n getAnchor: options.getAnchor,\r\n getPopover: options.getPopover,\r\n\r\n // Reactive property getters\r\n getPlacement: PopoverController.createGetter(\r\n options.getPlacement,\r\n options.placement,\r\n \"auto\"\r\n ),\r\n getAlign: PopoverController.createGetter(\r\n options.getAlign,\r\n options.align,\r\n \"start\"\r\n ),\r\n getGap: PopoverController.createGetter(\r\n options.getGap,\r\n options.gap,\r\n 6\r\n ),\r\n getPadding: PopoverController.createGetter(\r\n options.getPadding,\r\n options.padding,\r\n 8\r\n ),\r\n getMatchAnchorWidth: PopoverController.createGetter(\r\n options.getMatchAnchorWidth,\r\n options.matchAnchorWidth,\r\n true\r\n ),\r\n getMaxWidthToViewport: PopoverController.createGetter(\r\n options.getMaxWidthToViewport,\r\n options.maxWidthToViewport,\r\n true\r\n ),\r\n getMaxWidthMode: PopoverController.createGetter(\r\n options.getMaxWidthMode,\r\n options.maxWidthMode,\r\n \"cap\"\r\n ),\r\n getFlip: PopoverController.createGetter(\r\n options.getFlip,\r\n options.flip,\r\n true\r\n ),\r\n getFlipOrder: PopoverController.createGetter(\r\n options.getFlipOrder,\r\n options.flipOrder,\r\n []\r\n ),\r\n getPreset: PopoverController.createGetter(\r\n options.getPreset,\r\n options.preset,\r\n \"slide\"\r\n ),\r\n getDuration: PopoverController.createGetter(\r\n options.getDuration,\r\n options.duration,\r\n dur\r\n ),\r\n getCloseDuration: PopoverController.createGetter(\r\n options.getCloseDuration,\r\n options.closeDuration,\r\n closeDur\r\n ),\r\n getAnimateReposition: PopoverController.createGetter(\r\n options.getAnimateReposition,\r\n options.animateReposition,\r\n true\r\n ),\r\n getRepositionMs: PopoverController.createGetter(\r\n options.getRepositionMs,\r\n options.repositionMs,\r\n 160\r\n ),\r\n getCloseOnEscape: PopoverController.createGetter(\r\n options.getCloseOnEscape,\r\n options.closeOnEscape,\r\n true\r\n ),\r\n getCloseOnOutside: PopoverController.createGetter(\r\n options.getCloseOnOutside,\r\n options.closeOnOutside,\r\n false\r\n ),\r\n\r\n getIgnoreOutsideSelector: PopoverController.createGetter(\r\n options.getIgnoreOutsideSelector,\r\n options.ignoreOutsideSelector,\r\n \"\" // none by default\r\n ),\r\n\r\n getIgnoreOutsideAttr: PopoverController.createGetter(\r\n options.getIgnoreOutsideAttr,\r\n options.ignoreOutsideAttr,\r\n \"data-popover-ignore-outside\"\r\n ),\r\n getRestoreFocusOnClose: PopoverController.createGetter(\r\n options.getRestoreFocusOnClose,\r\n options.restoreFocusOnClose,\r\n true\r\n ),\r\n\r\n // Other options\r\n cssVarLeft: options.cssVarLeft ?? \"--sky-pop-left\",\r\n cssVarTop: options.cssVarTop ?? \"--sky-pop-top\",\r\n cssVarWidth: options.cssVarWidth ?? \"--sky-pop-width\",\r\n focusOnOpen: options.focusOnOpen,\r\n scrollContainer: options.scrollContainer ?? \"auto\",\r\n groupEventName: options.groupEventName,\r\n groupId: options.groupId,\r\n onOpenChange: options.onOpenChange,\r\n getFocusTarget: options.getFocusTarget,\r\n sideAttr: options.sideAttr ?? \"data-side\",\r\n respectReducedMotion: options.respectReducedMotion ?? true,\r\n };\r\n }\r\n\r\n get open() {\r\n return this._open;\r\n }\r\n\r\n get meta() {\r\n return this.lastMeta;\r\n }\r\n\r\n hostConnected() {\r\n if (typeof window === \"undefined\") return;\r\n this.visualViewport = window.visualViewport ?? undefined;\r\n // Defer global listeners and observers until first open (avoids N×listeners with many instances, e.g. combobox in every flow node).\r\n }\r\n\r\n hostDisconnected() {\r\n this.detachGlobalListenersIfAttached();\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n }\r\n\r\n /** Attach window/document listeners and observers. Called on first open. */\r\n private attachGlobalListeners() {\r\n if (typeof window === \"undefined\" || this._listenersAttached) return;\r\n this._listenersAttached = true;\r\n\r\n if (this.visualViewport) {\r\n this.visualViewport.addEventListener(\"resize\", this.onViewportMove, { passive: true });\r\n this.visualViewport.addEventListener(\"scroll\", this.onViewportMove, { passive: true });\r\n }\r\n window.addEventListener(\"resize\", this.onViewportMove, { passive: true });\r\n window.addEventListener(\"scroll\", this.onViewportMove, { passive: true, capture: true });\r\n\r\n if (this.opts.groupEventName) {\r\n window.addEventListener(this.opts.groupEventName, this.onGroupOpen as EventListener);\r\n }\r\n if (this.opts.getCloseOnEscape()) {\r\n window.addEventListener(\"keydown\", this.onKeydown, true);\r\n }\r\n document.addEventListener(\"pointerdown\", this.onDocumentPointerDown, true);\r\n\r\n this.setupObserversAndScrollParents();\r\n }\r\n\r\n /** Remove window/document listeners and observers. Called on close and on hostDisconnected. */\r\n private detachGlobalListenersIfAttached() {\r\n if (!this._listenersAttached) return;\r\n this._listenersAttached = false;\r\n\r\n if (typeof window !== \"undefined\") {\r\n window.removeEventListener(\"resize\", this.onViewportMove);\r\n window.removeEventListener(\"scroll\", this.onViewportMove, true);\r\n if (this.visualViewport) {\r\n this.visualViewport.removeEventListener(\"resize\", this.onViewportMove);\r\n this.visualViewport.removeEventListener(\"scroll\", this.onViewportMove);\r\n }\r\n if (this.opts.groupEventName) {\r\n window.removeEventListener(this.opts.groupEventName, this.onGroupOpen as EventListener);\r\n }\r\n window.removeEventListener(\"keydown\", this.onKeydown, true);\r\n }\r\n document.removeEventListener(\"pointerdown\", this.onDocumentPointerDown, true);\r\n\r\n this.teardownScrollParents();\r\n this.anchorRO?.disconnect();\r\n this.anchorRO = undefined;\r\n this.popoverRO?.disconnect();\r\n this.popoverRO = undefined;\r\n }\r\n\r\n refreshTargets() {\r\n if (this._listenersAttached) this.setupObserversAndScrollParents();\r\n if (this._open) this.position();\r\n }\r\n\r\n /** Wire to popover element: @toggle=${controller.onToggle} */\r\n onToggle = (e: Event) => {\r\n if (this.lastCloseReason === \"light-dismiss\") {\r\n this.lastCloseReason = \"toggle\";\r\n return;\r\n }\r\n const pop = this.opts.getPopover();\r\n const ev = e as any;\r\n\r\n let isOpen: boolean | null = null;\r\n if (typeof ev?.newState === \"string\") isOpen = ev.newState === \"open\";\r\n if (isOpen === null && pop) isOpen = pop.matches?.(\":popover-open\") ?? false;\r\n if (isOpen === null) return;\r\n\r\n if (!isOpen) {\r\n this._open = false;\r\n this.detachGlobalListenersIfAttached();\r\n this.opts.onOpenChange?.(false, { reason: this.lastCloseReason });\r\n if (this.opts.getRestoreFocusOnClose()) this.restoreFocus();\r\n return;\r\n }\r\n\r\n this._open = true;\r\n this.attachGlobalListeners();\r\n this.opts.onOpenChange?.(true, { reason: \"toggle\" });\r\n\r\n this.position();\r\n this.raf = requestAnimationFrame(() => this.opts.focusOnOpen?.());\r\n };\r\n\r\n toggle() {\r\n this._open ? this.closePopover(\"api\") : this.openPopover();\r\n }\r\n\r\n openPopover() {\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n this.raf = 0;\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n\r\n if (typeof window !== \"undefined\" && this.opts.groupEventName) {\r\n window.dispatchEvent(\r\n new CustomEvent(this.opts.groupEventName, {\r\n detail: { id: this.opts.groupId ?? this.host },\r\n }),\r\n );\r\n }\r\n\r\n this.captureFocusBeforeOpen();\r\n this.ensurePopoverMarginZero();\r\n\r\n this._open = true;\r\n this.attachGlobalListeners();\r\n this.opts.onOpenChange?.(true, { reason: \"api\" });\r\n\r\n // Hide until positioned to avoid first-paint flicker.\r\n const prevVisibility = pop.style.visibility;\r\n pop.style.visibility = \"hidden\";\r\n\r\n (pop as any).showPopover?.();\r\n const wasEverOpen = this.hasEverOpened;\r\n this.hasEverOpened = true;\r\n\r\n // later: pass this to position or set a field\r\n this._skipNextReposition = !wasEverOpen;\r\n\r\n // 1) compute and apply css-var position ASAP\r\n this.position();\r\n\r\n // 2) force style/layout flush so left/top vars take effect before animation\r\n pop.getBoundingClientRect();\r\n\r\n // 3) now animate + reveal\r\n const side = this.lastMeta.place;\r\n this.setSideAttr(side);\r\n\r\n // reveal on next frame so hidden state doesn't get captured mid-animation\r\n this.raf = requestAnimationFrame(() => {\r\n pop.style.visibility = prevVisibility || \"visible\";\r\n\r\n this.playPreset(pop, side, \"open\").then(() => this.opts.focusOnOpen?.());\r\n });\r\n }\r\n\r\n private onDocumentPointerDown = (e: PointerEvent) => {\r\n if (!this._open) return;\r\n if (!this.opts.getCloseOnOutside()) return;\r\n\r\n const pop = this.opts.getPopover();\r\n const anchor = this.opts.getAnchor();\r\n if (!pop || !anchor) return;\r\n\r\n // ignore non-primary clicks\r\n if (typeof e.button === \"number\" && e.button !== 0) return;\r\n\r\n const path = (e.composedPath?.() ?? []) as EventTarget[];\r\n\r\n // If click is on anchor or inside popover => not outside\r\n const insidePopover = path.includes(pop);\r\n const insideAnchor = path.includes(anchor);\r\n if (insidePopover || insideAnchor) return;\r\n\r\n // Ignore scrollbar clicks (rare but real)\r\n const x = e.clientX, y = e.clientY;\r\n if (x >= window.innerWidth || y >= window.innerHeight) return;\r\n\r\n // Ignore zones: attr + selector\r\n const ignoreAttr = this.opts.getIgnoreOutsideAttr();\r\n const ignoreSel = (this.opts.getIgnoreOutsideSelector() || \"\").trim();\r\n\r\n for (const node of path) {\r\n if (!(node instanceof HTMLElement)) continue;\r\n\r\n // attr ignore\r\n if (ignoreAttr && node.hasAttribute(ignoreAttr)) return;\r\n\r\n // selector ignore\r\n if (ignoreSel) {\r\n // If any node in the path matches OR is inside an element that matches\r\n if (node.matches(ignoreSel)) return;\r\n if (node.closest(ignoreSel)) return;\r\n }\r\n }\r\n\r\n this.closePopover(\"light-dismiss\");\r\n };\r\n\r\n\r\n\r\n async closePopover(reason: CloseReason = \"api\") {\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n\r\n this.lastCloseReason = reason;\r\n\r\n if (!this._open) {\r\n (pop as any).hidePopover?.();\r\n return;\r\n }\r\n\r\n this._open = false;\r\n // Restore focus before onOpenChange so the host can re-render with aria-hidden=\"true\"\r\n // without violating \"aria-hidden must not hide a focused element\" (focus is already on anchor).\r\n if (this.opts.getRestoreFocusOnClose()) this.restoreFocus();\r\n this.detachGlobalListenersIfAttached();\r\n this.opts.onOpenChange?.(false, { reason });\r\n\r\n const side = this.lastMeta.place;\r\n this.setSideAttr(side);\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n this.raf = 0;\r\n this.moveAnim?.cancel();\r\n await this.playPreset(pop, side, \"close\");\r\n\r\n (pop as any).hidePopover?.();\r\n }\r\n\r\n private normalizeFlipOrder(order?: PopoverSide[]) {\r\n const base: PopoverSide[] = [\"bottom\", \"top\", \"right\", \"left\"];\r\n if (!order || !order.length) return base;\r\n\r\n const valid = new Set<PopoverSide>([\"top\", \"bottom\", \"left\", \"right\"]);\r\n const out: PopoverSide[] = [];\r\n for (const s of order) if (valid.has(s) && !out.includes(s)) out.push(s);\r\n for (const s of base) if (!out.includes(s)) out.push(s);\r\n return out;\r\n }\r\n\r\n private defaultOrderFromPlacement(p: PopoverPlacement): PopoverSide[] {\r\n switch (p) {\r\n case \"top\": return [\"top\", \"bottom\", \"right\", \"left\"];\r\n case \"bottom\": return [\"bottom\", \"top\", \"right\", \"left\"];\r\n case \"left\": return [\"left\", \"right\", \"bottom\", \"top\"];\r\n case \"right\": return [\"right\", \"left\", \"bottom\", \"top\"];\r\n default: return [\"bottom\", \"top\", \"right\", \"left\"];\r\n }\r\n }\r\n\r\n position() {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const anchor = this.opts.getAnchor();\r\n const pop = this.opts.getPopover();\r\n if (!anchor || !pop) return;\r\n\r\n this.ensurePopoverMarginZero();\r\n\r\n const isActuallyVisible =\r\n (pop as any).matches?.(\":popover-open\") && pop.offsetParent !== null;\r\n\r\n const before = (this._open && isActuallyVisible) ? pop.getBoundingClientRect() : null;\r\n\r\n const pad = this.opts.getPadding();\r\n const gap = this.opts.getGap();\r\n\r\n const a = anchor.getBoundingClientRect();\r\n\r\n const vv = window.visualViewport ?? null;\r\n const vw = vv?.width ?? window.innerWidth;\r\n const vh = vv?.height ?? window.innerHeight;\r\n\r\n const offsetX = vv?.offsetLeft ?? 0;\r\n const offsetY = vv?.offsetTop ?? 0;\r\n\r\n if (this.opts.getMaxWidthToViewport()) {\r\n const maxW = Math.max(0, vw - pad * 2);\r\n pop.style.maxWidth = `${maxW}px`;\r\n pop.style.boxSizing = \"border-box\";\r\n }\r\n\r\n const pr = pop.getBoundingClientRect();\r\n const popW = pr.width || 220;\r\n const popH = pr.height || 50;\r\n\r\n const space = {\r\n top: a.top - gap - offsetY,\r\n bottom: vh - (a.bottom - offsetY) - gap,\r\n left: a.left - gap - offsetX,\r\n right: vw - (a.right - offsetX) - gap,\r\n };\r\n\r\n const fits = (side: PopoverSide) => {\r\n if (side === \"top\") return space.top >= popH;\r\n if (side === \"bottom\") return space.bottom >= popH;\r\n if (side === \"left\") return space.left >= popW;\r\n return space.right >= popW;\r\n };\r\n\r\n const requested = this.opts.getPlacement();\r\n const flipEnabled = this.opts.getFlip();\r\n\r\n const baseOrder =\r\n this.opts.getFlipOrder()?.length\r\n ? this.normalizeFlipOrder(this.opts.getFlipOrder())\r\n : this.normalizeFlipOrder(this.defaultOrderFromPlacement(requested));\r\n\r\n let place: PopoverSide;\r\n\r\n if (requested === \"auto\") {\r\n const firstFit = baseOrder.find(fits);\r\n place =\r\n firstFit ??\r\n (baseOrder\r\n .map((s) => [s, space[s]] as const)\r\n .sort((x, y) => y[1] - x[1])[0][0]);\r\n } else if (!flipEnabled) {\r\n place = requested as PopoverSide;\r\n } else {\r\n const req = requested as PopoverSide;\r\n const prioritized = baseOrder.includes(req)\r\n ? [req, ...baseOrder.filter((s) => s !== req)]\r\n : [req, ...baseOrder];\r\n\r\n const firstFit = prioritized.find(fits);\r\n place =\r\n firstFit ??\r\n (prioritized\r\n .map((s) => [s, space[s]] as const)\r\n .sort((x, y) => y[1] - x[1])[0][0]);\r\n }\r\n\r\n let top = 0;\r\n let left = 0;\r\n let arrowAlign: ArrowAlign = \"center\";\r\n\r\n const isRTL = getComputedStyle(anchor).direction === \"rtl\";\r\n let align = this.opts.getAlign();\r\n if (isRTL) {\r\n if (align === \"start\") align = \"end\";\r\n else if (align === \"end\") align = \"start\";\r\n }\r\n\r\n const ax1 = a.left - offsetX;\r\n const ax2 = a.right - offsetX;\r\n const ay1 = a.top - offsetY;\r\n const ay2 = a.bottom - offsetY;\r\n const aw = a.width;\r\n const ah = a.height;\r\n\r\n if (place === \"top\" || place === \"bottom\") {\r\n if (align === \"start\") left = ax1;\r\n else if (align === \"end\") left = ax2 - popW;\r\n else left = ax1 + aw / 2 - popW / 2;\r\n\r\n top = place === \"top\" ? ay1 - popH - gap : ay2 + gap;\r\n\r\n const clampedLeft = Math.max(pad, Math.min(vw - popW - pad, left));\r\n if (clampedLeft !== left) arrowAlign = clampedLeft <= pad + 0.5 ? \"start\" : \"end\";\r\n left = clampedLeft;\r\n\r\n top = Math.max(pad, Math.min(vh - popH - pad, top));\r\n } else {\r\n left = place === \"left\" ? ax1 - popW - gap : ax2 + gap;\r\n top = ay1 + ah / 2 - popH / 2;\r\n\r\n const clampedTop = Math.max(pad, Math.min(vh - popH - pad, top));\r\n if (clampedTop !== top) arrowAlign = clampedTop <= pad + 0.5 ? \"start\" : \"end\";\r\n top = clampedTop;\r\n\r\n left = Math.max(pad, Math.min(vw - popW - pad, left));\r\n }\r\n\r\n left += offsetX;\r\n top += offsetY;\r\n\r\n const hostEl = this.host as unknown as HTMLElement;\r\n\r\n if (this.opts.getMatchAnchorWidth()) {\r\n const maxW = Math.max(0, vw - pad * 2);\r\n const width = Math.min(a.width, maxW);\r\n hostEl.style.setProperty(this.opts.cssVarWidth, `${width}px`);\r\n } else {\r\n hostEl.style.removeProperty(this.opts.cssVarWidth);\r\n }\r\n\r\n hostEl.style.setProperty(this.opts.cssVarLeft, `${left}px`);\r\n hostEl.style.setProperty(this.opts.cssVarTop, `${top}px`);\r\n\r\n const prevPlace = this.lastMeta.place;\r\n this.lastMeta = { place, arrowAlign };\r\n this.setSideAttr(place);\r\n\r\n const canReposition =\r\n this._open &&\r\n this.opts.getAnimateReposition() &&\r\n before &&\r\n !this._skipNextReposition &&\r\n pop.matches?.(\":popover-open\") &&\r\n isActuallyVisible &&\r\n this._phase === \"open\" &&\r\n !this.presetAnim; // extra safety\r\n\r\n if (canReposition) {\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n this.raf = requestAnimationFrame(() => {\r\n const after = pop.getBoundingClientRect();\r\n this.animateMove(pop, before, after);\r\n });\r\n }\r\n\r\n this._skipNextReposition = false;\r\n }\r\n\r\n private vec(side: PopoverSide, v: number) {\r\n if (side === \"top\") return { x: 0, y: +v };\r\n if (side === \"bottom\") return { x: 0, y: -v };\r\n if (side === \"left\") return { x: +v, y: 0 };\r\n return { x: -v, y: 0 };\r\n }\r\n\r\n private prefersReducedMotion() {\r\n if (!this.opts.respectReducedMotion) return false;\r\n return typeof window !== \"undefined\"\r\n && window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\r\n }\r\n\r\n /** sets transformOrigin according to preset + side */\r\n private computeOrigin(side: PopoverSide, mode: PopoverPresetConfig[\"origin\"]) {\r\n if (mode === \"center\") return \"50% 50%\";\r\n if (mode === \"corner\") {\r\n // corner opposite of side looks best\r\n if (side === \"top\") return \"50% 100%\";\r\n if (side === \"bottom\") return \"50% 0%\";\r\n if (side === \"left\") return \"100% 50%\";\r\n return \"0% 50%\";\r\n }\r\n if (mode === \"anchor\") {\r\n // you can refine this using anchor rect; for now side-based is good\r\n if (side === \"top\") return \"50% 100%\";\r\n if (side === \"bottom\") return \"50% 0%\";\r\n if (side === \"left\") return \"100% 50%\";\r\n return \"0% 50%\";\r\n }\r\n // auto\r\n if (side === \"top\") return \"50% 100%\";\r\n if (side === \"bottom\") return \"50% 0%\";\r\n if (side === \"left\") return \"100% 50%\";\r\n return \"0% 50%\";\r\n }\r\n\r\n private kf(opacity: number, transform: string, filter?: string): Keyframe {\r\n const out: any = { opacity, transform };\r\n if (filter) out.filter = filter;\r\n return out as Keyframe;\r\n }\r\n\r\n // Preset registry\r\n private presetRegistry(): Record<PopoverPreset, PresetDef> {\r\n\r\n const fade: PresetDef = {\r\n name: \"fade\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n easingClose: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n enterDuration: 180, exitDuration: 150,\r\n },\r\n getKeyframes: ({ phase }) =>\r\n phase === \"open\"\r\n ? [{ opacity: 0 }, { opacity: 1 }]\r\n : [{ opacity: 1 }, { opacity: 0 }],\r\n };\r\n\r\n const scale: PresetDef = {\r\n name: \"scale\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.9, exitScale: 0.95,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n easingClose: \"cubic-bezier(0.36, 0, 0.66, -0.56)\",\r\n enterDuration: 200, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, `scale(${cfg.enterScale})`), this.kf(1, \"scale(1)\")]\r\n : [this.kf(1, \"scale(1)\"), this.kf(0, `scale(${cfg.exitScale})`)],\r\n };\r\n\r\n const slide: PresetDef = {\r\n name: \"slide\",\r\n defaults: {\r\n enterPx: 12, exitPx: 8, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.23, 1, 0.32, 1)\",\r\n easingClose: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n enterDuration: 250, exitDuration: 220,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px, 0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px, 0)`)];\r\n },\r\n };\r\n\r\n const iosMenu: PresetDef = {\r\n name: \"iosMenu\",\r\n defaults: {\r\n enterPx: 12, exitPx: 8, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 6, blurOutPx: 3, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n easingClose: \"cubic-bezier(0.55, 0.085, 0.68, 0.53)\",\r\n enterDuration: 250, exitDuration: 220,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `translate3d(${a.x}px, ${a.y}px, 0) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n this.kf(0, `translate3d(${b.x}px, ${b.y}px, 0) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ];\r\n },\r\n };\r\n\r\n const iosSheet: PresetDef = {\r\n name: \"iosSheet\",\r\n defaults: {\r\n enterPx: 16, exitPx: 12, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.36, 0, 0.66, -0.56)\",\r\n easingClose: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n enterDuration: 200, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0)`)];\r\n },\r\n };\r\n\r\n const materialMenu: PresetDef = {\r\n name: \"materialMenu\",\r\n defaults: {\r\n enterPx: 10, exitPx: 6, enterScale: 0.96, exitScale: 0.98,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n easingClose: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n ]\r\n : [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const materialSheet: PresetDef = {\r\n name: \"materialSheet\",\r\n defaults: {\r\n enterPx: 18, exitPx: 14, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.05, 0.7, 0.1, 1)\",\r\n easingClose: \"cubic-bezier(0.3, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0)`)];\r\n },\r\n };\r\n\r\n const floaty: PresetDef = {\r\n name: \"floaty\",\r\n defaults: {\r\n enterPx: 14, exitPx: 10, enterScale: 0.985, exitScale: 0.99,\r\n blurInPx: 10, blurOutPx: 6, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.22, 0.61, 0.36, 1)\",\r\n easingClose: \"cubic-bezier(0.55, 0.06, 0.68, 0.19)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ];\r\n },\r\n };\r\n\r\n const soft: PresetDef = {\r\n name: \"soft\",\r\n defaults: {\r\n enterPx: 10, exitPx: 8, enterScale: 0.97, exitScale: 0.98,\r\n blurInPx: 4, blurOutPx: 2, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.33, 1, 0.68, 1)\",\r\n easingClose: \"cubic-bezier(0.32, 0, 0.67, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`), this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`)];\r\n },\r\n };\r\n\r\n const sharp: PresetDef = {\r\n name: \"sharp\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.2, 1)\",\r\n easingClose: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`), this.kf(1, \"translate3d(0,0,0) scale(1)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`)];\r\n },\r\n };\r\n\r\n const blurIn: PresetDef = {\r\n name: \"blurIn\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 1, exitScale: 1,\r\n blurInPx: 12, blurOutPx: 8, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n easingClose: \"cubic-bezier(0.33, 0, 0.67, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, \"translate3d(0,0,0)\", `blur(${cfg.blurInPx}px)`), this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\"), this.kf(0, \"translate3d(0,0,0)\", `blur(${cfg.blurOutPx}px)`)],\r\n };\r\n\r\n const blurFade: PresetDef = {\r\n name: \"blurFade\",\r\n defaults: {\r\n enterPx: 10, exitPx: 8, enterScale: 0.99, exitScale: 0.99,\r\n blurInPx: 10, blurOutPx: 6, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.45, 0, 0.55, 1)\",\r\n easingClose: \"cubic-bezier(0.3, 0, 0.7, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0)`, `blur(${cfg.blurInPx}px)`), this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0)`, `blur(${cfg.blurOutPx}px)`)];\r\n },\r\n };\r\n\r\n const zoomFromAnchor: PresetDef = {\r\n name: \"zoomFromAnchor\",\r\n defaults: {\r\n enterPx: 6, exitPx: 4, enterScale: 0.92, exitScale: 0.96,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n easingClose: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`), this.kf(1, \"translate3d(0,0,0) scale(1)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`)];\r\n },\r\n };\r\n\r\n const zoomFromCorner: PresetDef = {\r\n name: \"zoomFromCorner\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.88, exitScale: 0.94,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.18, 0.89, 0.32, 1.28)\",\r\n easingClose: \"cubic-bezier(0.6, -0.28, 0.74, 0.05)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, `scale(${cfg.enterScale})`), this.kf(1, \"scale(1)\")]\r\n : [this.kf(1, \"scale(1)\"), this.kf(0, `scale(${cfg.exitScale})`)],\r\n };\r\n\r\n const flip3d: PresetDef = {\r\n name: \"flip3d\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 14, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n easingClose: \"cubic-bezier(0.33, 0, 0.67, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg, origin }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const axis = (side === \"left\" || side === \"right\") ? \"Y\" : \"X\";\r\n const sign = (side === \"top\" || side === \"left\") ? 1 : -1;\r\n const r = cfg.rotateDeg * sign;\r\n\r\n if (phase === \"open\") {\r\n return [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotate${axis}(${r}deg) scale(${cfg.enterScale})`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`),\r\n ];\r\n }\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v2.x}px, ${v2.y}px, 0) rotate${axis}(${r * 0.7}deg) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const card3d: PresetDef = {\r\n name: \"card3d\",\r\n defaults: {\r\n enterPx: 10, exitPx: 8, enterScale: 0.96, exitScale: 0.98,\r\n blurInPx: 6, blurOutPx: 3, perspectivePx: 1000,\r\n rotateDeg: 10, tiltDeg: 10, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n easingClose: \"cubic-bezier(0.55, 0.085, 0.68, 0.53)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const axis = (side === \"left\" || side === \"right\") ? \"Y\" : \"X\";\r\n const sign = (side === \"top\" || side === \"left\") ? 1 : -1;\r\n const t = cfg.tiltDeg * sign;\r\n\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotate${axis}(${t}deg) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`, \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`, \"blur(0px)\"),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${this.vec(side, cfg.exitPx).x}px, ${this.vec(side, cfg.exitPx).y}px, 0) rotate${axis}(${t * 0.7}deg) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ];\r\n },\r\n };\r\n\r\n const tilt3d: PresetDef = {\r\n name: \"tilt3d\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 12, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.23, 1, 0.32, 1)\",\r\n easingClose: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const rx = (side === \"top\" ? cfg.tiltDeg : side === \"bottom\" ? -cfg.tiltDeg : 0);\r\n const ry = (side === \"left\" ? cfg.tiltDeg : side === \"right\" ? -cfg.tiltDeg : 0);\r\n\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotateX(${rx}deg) rotateY(${ry}deg) scale(${cfg.enterScale})`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1)`),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1)`),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${this.vec(side, cfg.exitPx).x}px, ${this.vec(side, cfg.exitPx).y}px, 0) rotateX(${rx * 0.6}deg) rotateY(${ry * 0.6}deg) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const depth3d: PresetDef = {\r\n name: \"depth3d\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.9, exitScale: 0.94,\r\n blurInPx: 8, blurOutPx: 5, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.22, 0.61, 0.36, 1)\",\r\n easingClose: \"cubic-bezier(0.55, 0.06, 0.68, 0.19)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(0,0,-40px) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) scale(1)`, \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) scale(1)`, \"blur(0px)\"),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(0,0,-30px) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ],\r\n };\r\n\r\n const rotate3d: PresetDef = {\r\n name: \"rotate3d\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 12, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.36, 0, 0.66, -0.56)\",\r\n easingClose: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const sign = (side === \"top\" || side === \"left\") ? 1 : -1;\r\n const r = cfg.rotateDeg * sign;\r\n\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotateZ(${r}deg) scale(${cfg.enterScale})`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateZ(0deg) scale(1)`),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateZ(0deg) scale(1)`),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${this.vec(side, cfg.exitPx).x}px, ${this.vec(side, cfg.exitPx).y}px, 0) rotateZ(${r * 0.7}deg) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const springy: PresetDef = {\r\n name: \"springy\",\r\n defaults: {\r\n enterPx: 12, exitPx: 8, enterScale: 0.94, exitScale: 0.98,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.18, 1.15)\",\r\n easingClose: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n if (phase === \"open\") {\r\n return [\r\n this.kf(0, `translate3d(${v.x}px, ${v.y}px,0) scale(${cfg.enterScale})`),\r\n this.kf(1, `translate3d(0,0,0) scale(1.02)`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n ];\r\n }\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const bouncy: PresetDef = {\r\n name: \"bouncy\",\r\n defaults: {\r\n enterPx: 14, exitPx: 10, enterScale: 0.9, exitScale: 0.96,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.18, 1.15)\",\r\n easingClose: \"cubic-bezier(0.6, -0.28, 0.74, 0.05)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n if (phase === \"open\") {\r\n return [\r\n this.kf(0, `translate3d(${v.x}px, ${v.y}px,0) scale(${cfg.enterScale})`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1.03)\"),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n ];\r\n }\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const glide: PresetDef = {\r\n name: \"glide\",\r\n defaults: {\r\n enterPx: 18, exitPx: 12, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.08, 0.82, 0.17, 1)\",\r\n easingClose: \"cubic-bezier(0.3, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 200,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${v.x}px, ${v.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0)`)];\r\n },\r\n };\r\n\r\n const pop: PresetDef = {\r\n name: \"pop\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.85, exitScale: 0.95,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.18, 0.89, 0.32, 1.28)\",\r\n easingClose: \"cubic-bezier(0.6, -0.28, 0.74, 0.05)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, `scale(${cfg.enterScale})`), this.kf(1, \"scale(1.03)\"), this.kf(1, \"scale(1)\")]\r\n : [this.kf(1, \"scale(1)\"), this.kf(0, `scale(${cfg.exitScale})`)],\r\n };\r\n\r\n const drop: PresetDef = {\r\n name: \"drop\",\r\n defaults: {\r\n enterPx: 22, exitPx: 14, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.18, 1)\",\r\n easingClose: \"cubic-bezier(0.45, 0, 0.55, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${v.x}px, ${v.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0)`)];\r\n },\r\n };\r\n\r\n const grow: PresetDef = {\r\n name: \"grow\",\r\n defaults: {\r\n enterPx: 6, exitPx: 4, enterScale: 0.95, exitScale: 0.98,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n easingClose: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${v.x}px, ${v.y}px,0) scale(${cfg.enterScale})`), this.kf(1, \"translate3d(0,0,0) scale(1)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\"), this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0) scale(${cfg.exitScale})`)];\r\n },\r\n };\r\n\r\n const none: PresetDef = {\r\n name: \"none\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n easingClose: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: () => [{ opacity: 1 }],\r\n };\r\n\r\n const floatAlias = floaty;\r\n\r\n return {\r\n none,\r\n fade,\r\n scale,\r\n slide,\r\n iosMenu,\r\n iosSheet,\r\n materialMenu,\r\n materialSheet,\r\n floaty: floatAlias,\r\n soft,\r\n sharp,\r\n blurIn,\r\n blurFade,\r\n zoomFromAnchor,\r\n zoomFromCorner,\r\n flip3d,\r\n card3d,\r\n tilt3d,\r\n depth3d,\r\n rotate3d,\r\n springy,\r\n bouncy,\r\n glide,\r\n pop,\r\n drop,\r\n grow,\r\n };\r\n }\r\n\r\n // Update the getPresetKeyframes method:\r\n private getPresetKeyframes(\r\n preset: PopoverPreset,\r\n side: PopoverSide,\r\n phase: \"open\" | \"close\",\r\n overrides?: PopoverPresetConfig,\r\n ) {\r\n const reg = this.presetRegistry();\r\n const def = reg[preset] ?? reg.iosMenu;\r\n\r\n // Merge base defaults with preset defaults, then with overrides\r\n const baseDefaults = this.getBaseDefaults();\r\n const cfg = {\r\n\r\n ...def.defaults,\r\n ...(overrides ?? {})\r\n } as Required<PopoverPresetConfig>;\r\n\r\n const origin = this.computeOrigin(side, cfg.origin);\r\n\r\n return {\r\n keyframes: def.getKeyframes({ side, phase, cfg, origin }),\r\n cfg,\r\n origin\r\n };\r\n }\r\n\r\n // Add this helper method for base defaults:\r\n private getBaseDefaults(): Required<PopoverPresetConfig> {\r\n return {\r\n enterPx: 12,\r\n exitPx: 8,\r\n enterScale: 0.98,\r\n exitScale: 0.99,\r\n blurInPx: 6,\r\n blurOutPx: 3,\r\n perspectivePx: 900,\r\n rotateDeg: 10,\r\n tiltDeg: 8,\r\n origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n easingClose: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n enterDuration: 220,\r\n exitDuration: 180,\r\n };\r\n }\r\n\r\n private async playPreset(pop: HTMLElement, side: PopoverSide, phase: \"open\" | \"close\") {\r\n this.checkForConflictingCSS(pop);\r\n if (this.prefersReducedMotion()) return;\r\n\r\n const preset = this.opts.getPreset();\r\n if (preset === \"none\") return;\r\n\r\n // cancel transform-related animations\r\n this.moveAnim?.cancel();\r\n this.presetAnim?.cancel();\r\n\r\n this._phase = phase === \"open\" ? \"opening\" : \"closing\";\r\n\r\n pop.style.transition = \"none\";\r\n\r\n\r\n // Get keyframes and config for the current preset\r\n const { keyframes, cfg, origin } = this.getPresetKeyframes(preset, side, phase);\r\n\r\n // Use duration from config, fallback to controller options\r\n const duration = phase === \"open\" ? cfg.enterDuration : cfg.exitDuration;\r\n\r\n const is3d = this.is3dPreset(preset);\r\n if (is3d) {\r\n pop.style.transformStyle = \"preserve-3d\";\r\n pop.style.backfaceVisibility = \"hidden\";\r\n // Perspective lives in the transform; do not set it here.\r\n } else {\r\n pop.style.transformStyle = \"\";\r\n pop.style.backfaceVisibility = \"\";\r\n }\r\n pop.style.transformOrigin = origin;\r\n\r\n const easing = phase === \"open\" ? cfg.easingOpen : cfg.easingClose;\r\n\r\n const anim = pop.animate(keyframes as any, {\r\n duration,\r\n easing,\r\n fill: \"both\",\r\n });\r\n\r\n this.presetAnim = anim;\r\n\r\n try {\r\n await anim.finished;\r\n } catch {\r\n // cancelled is fine\r\n } finally {\r\n if (this.presetAnim === anim) this.presetAnim = undefined;\r\n pop.style.transition = \"\";\r\n if (is3d) {\r\n pop.style.transformStyle = \"\";\r\n pop.style.backfaceVisibility = \"\";\r\n }\r\n\r\n this._phase = phase === \"open\" ? \"open\" : \"idle\";\r\n }\r\n }\r\n\r\n private checkForConflictingCSS(pop: HTMLElement) {\r\n const transitions = pop.style.transition || \"\";\r\n\r\n // Check for conflicting CSS transitions\r\n if (transitions.includes(\"transform\") && transitions.includes(\"opacity\")) {\r\n console.warn(\r\n \"Warning: Using 3D animation (WAAPI) alongside CSS transitions on 'transform' or 'opacity' can cause conflicts. Consider removing CSS transitions on these properties.\"\r\n );\r\n }\r\n\r\n if (transitions.includes(\"margin\") || transitions.includes(\"padding\")) {\r\n console.warn(\r\n \"Warning: Animating 'margin' or 'padding' alongside 3D animation (WAAPI) may cause visual glitches. Please avoid transitioning these properties during WAAPI animations.\"\r\n );\r\n }\r\n }\r\n\r\n private animateMove(pop: HTMLElement, from: DOMRect, to: DOMRect) {\r\n if (this._phase !== \"open\") return;\r\n\r\n const dx = from.left - to.left;\r\n const dy = from.top - to.top;\r\n if (Math.abs(dx) < 0.5 && Math.abs(dy) < 0.5) return;\r\n\r\n this.moveAnim?.cancel();\r\n\r\n const duration = this.opts.getRepositionMs();\r\n\r\n const anim = pop.animate(\r\n [\r\n { transform: `translate3d(${dx}px, ${dy}px, 0)` },\r\n { transform: \"translate3d(0, 0, 0)\" },\r\n ],\r\n {\r\n duration,\r\n easing: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n fill: \"both\",\r\n },\r\n );\r\n\r\n this.moveAnim = anim;\r\n anim.finished.finally(() => {\r\n if (this.moveAnim === anim) this.moveAnim = undefined;\r\n });\r\n }\r\n\r\n private is3dPreset(preset: PopoverPreset) {\r\n return (\r\n preset === \"flip3d\" ||\r\n preset === \"card3d\" ||\r\n preset === \"tilt3d\" ||\r\n preset === \"depth3d\" ||\r\n preset === \"rotate3d\"\r\n );\r\n }\r\n\r\n private setSideAttr(side: PopoverSide) {\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n pop.setAttribute(this.opts.sideAttr, side);\r\n }\r\n\r\n private setupObserversAndScrollParents() {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const anchor = this.opts.getAnchor();\r\n const pop = this.opts.getPopover();\r\n\r\n if (anchor && \"ResizeObserver\" in window) {\r\n this.anchorRO?.disconnect();\r\n this.anchorRO = new ResizeObserver(() => {\r\n if (this._open) this.position();\r\n });\r\n this.anchorRO.observe(anchor);\r\n }\r\n\r\n if (pop && \"ResizeObserver\" in window) {\r\n this.popoverRO?.disconnect();\r\n this.popoverRO = new ResizeObserver(() => {\r\n if (this._open) this.position();\r\n });\r\n this.popoverRO.observe(pop);\r\n }\r\n\r\n this.teardownScrollParents();\r\n\r\n const mode = this.opts.scrollContainer;\r\n if (mode === \"window\") return;\r\n\r\n if (mode instanceof HTMLElement) {\r\n this.bindScroll(mode);\r\n return;\r\n }\r\n\r\n if (anchor) {\r\n for (const p of this.getScrollParents(anchor)) this.bindScroll(p);\r\n }\r\n }\r\n\r\n private bindScroll(el: HTMLElement) {\r\n const fn = this.onViewportMove as EventListener;\r\n el.addEventListener(\"scroll\", fn, { passive: true });\r\n this.boundScrollParents.push({ el, fn });\r\n }\r\n\r\n private teardownScrollParents() {\r\n for (const { el, fn } of this.boundScrollParents) {\r\n (el as any).removeEventListener?.(\"scroll\", fn);\r\n }\r\n this.boundScrollParents = [];\r\n }\r\n\r\n private getScrollParents(node: HTMLElement): HTMLElement[] {\r\n const parents: HTMLElement[] = [];\r\n let el: HTMLElement | null = node.parentElement;\r\n\r\n while (el && el !== document.body) {\r\n const style = getComputedStyle(el);\r\n const overflowY = style.overflowY;\r\n const overflowX = style.overflowX;\r\n\r\n const canScrollY =\r\n (overflowY === \"auto\" || overflowY === \"scroll\" || overflowY === \"overlay\") &&\r\n el.scrollHeight > el.clientHeight;\r\n\r\n const canScrollX =\r\n (overflowX === \"auto\" || overflowX === \"scroll\" || overflowX === \"overlay\") &&\r\n el.scrollWidth > el.clientWidth;\r\n\r\n if (canScrollY || canScrollX) parents.push(el);\r\n el = el.parentElement;\r\n }\r\n\r\n return parents;\r\n }\r\n\r\n private onViewportMove = () => {\r\n if (this._open) this.position();\r\n };\r\n\r\n private onKeydown = (e: KeyboardEvent) => {\r\n if (!this._open) return;\r\n if (e.key !== \"Escape\") return;\r\n\r\n if (!this.opts.getCloseOnEscape()) return;\r\n\r\n const pop = this.opts.getPopover();\r\n const anchor = this.opts.getAnchor();\r\n const active = document.activeElement;\r\n\r\n const withinPopover = !!(pop && active && pop.contains(active));\r\n const onAnchor = !!(anchor && active && anchor.contains(active));\r\n\r\n if (withinPopover || onAnchor) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.closePopover(\"escape\");\r\n }\r\n };\r\n\r\n private onGroupOpen = (e: CustomEvent) => {\r\n const other = e.detail?.id;\r\n const mine = this.opts.groupId ?? this.host;\r\n\r\n if (other !== mine && this._open) {\r\n this.closePopover(\"group\");\r\n }\r\n };\r\n\r\n private captureFocusBeforeOpen() {\r\n this.lastFocusedEl = document.activeElement;\r\n }\r\n\r\n private elementIsTriggerRelated(el: EventTarget | null | undefined): boolean {\r\n if (!(el instanceof HTMLElement)) return false;\r\n\r\n const anchor = this.opts.getAnchor();\r\n const focusTarget = this.opts.getFocusTarget?.() ?? null;\r\n\r\n if (focusTarget && (el === focusTarget || focusTarget.contains(el))) {\r\n return true;\r\n }\r\n if (!anchor) return false;\r\n if (el === anchor || anchor.contains(el)) return true;\r\n if (anchor.shadowRoot?.contains(el)) return true;\r\n return false;\r\n }\r\n\r\n private restoreFocus() {\r\n if (!this.opts.getRestoreFocusOnClose()) return;\r\n\r\n const anchor = this.opts.getAnchor();\r\n if (!anchor) return;\r\n\r\n const focusTarget = this.opts.getFocusTarget?.() ?? anchor;\r\n const active = document.activeElement;\r\n const last = this.lastFocusedEl;\r\n const pop = this.opts.getPopover();\r\n\r\n const lastWasInsidePopover = !!(pop && last && pop.contains(last));\r\n const lastWasInsideTrigger = this.elementIsTriggerRelated(last);\r\n const activeInsidePopover = !!(pop && active && pop.contains(active));\r\n\r\n if (activeInsidePopover || lastWasInsidePopover || lastWasInsideTrigger) {\r\n focusTarget.focus?.({ preventScroll: true });\r\n }\r\n }\r\n\r\n private ensurePopoverMarginZero() {\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n if (!pop.style.margin) pop.style.margin = \"0\";\r\n }\r\n\r\n /**\r\n * Utility method to manually update a specific option\r\n * (Useful for edge cases where you need direct control)\r\n */\r\n updateOption<T extends keyof typeof this.opts>(\r\n key: T,\r\n value: typeof this.opts[T]\r\n ) {\r\n if (typeof value === \"function\") {\r\n // For getters, replace the function\r\n (this.opts as any)[key] = value;\r\n } else {\r\n // For other values, wrap in a getter\r\n (this.opts as any)[key] = () => value;\r\n }\r\n\r\n if (this._open && key.startsWith(\"get\")) {\r\n // Reposition if open and a positioning property changed\r\n this.position();\r\n }\r\n }\r\n}"],"names":["PopoverController","constructor","host","options","this","_open","raf","boundScrollParents","_listenersAttached","lastCloseReason","lastFocusedEl","hasEverOpened","_skipNextReposition","lastMeta","place","arrowAlign","_phase","onToggle","e","pop","opts","getPopover","ev","isOpen","newState","matches","detachGlobalListenersIfAttached","onOpenChange","reason","getRestoreFocusOnClose","restoreFocus","attachGlobalListeners","position","requestAnimationFrame","focusOnOpen","onDocumentPointerDown","getCloseOnOutside","anchor","getAnchor","button","path","composedPath","insidePopover","includes","insideAnchor","x","clientX","y","clientY","window","innerWidth","innerHeight","ignoreAttr","getIgnoreOutsideAttr","ignoreSel","getIgnoreOutsideSelector","trim","node","HTMLElement","hasAttribute","closest","closePopover","onViewportMove","onKeydown","key","getCloseOnEscape","active","document","activeElement","withinPopover","contains","onAnchor","preventDefault","stopPropagation","onGroupOpen","other","detail","id","groupId","addController","dur","duration","closeDur","closeDuration","Math","min","getPlacement","createGetter","placement","getAlign","align","getGap","gap","getPadding","padding","getMatchAnchorWidth","matchAnchorWidth","getMaxWidthToViewport","maxWidthToViewport","getMaxWidthMode","maxWidthMode","getFlip","flip","getFlipOrder","flipOrder","getPreset","preset","getDuration","getCloseDuration","getAnimateReposition","animateReposition","getRepositionMs","repositionMs","closeOnEscape","closeOnOutside","ignoreOutsideSelector","ignoreOutsideAttr","restoreFocusOnClose","cssVarLeft","cssVarTop","cssVarWidth","scrollContainer","groupEventName","getFocusTarget","sideAttr","respectReducedMotion","getter","staticValue","defaultValue","open","meta","hostConnected","visualViewport","hostDisconnected","cancelAnimationFrame","addEventListener","passive","capture","setupObserversAndScrollParents","removeEventListener","teardownScrollParents","anchorRO","disconnect","popoverRO","refreshTargets","toggle","openPopover","dispatchEvent","CustomEvent","captureFocusBeforeOpen","ensurePopoverMarginZero","prevVisibility","style","visibility","showPopover","wasEverOpen","getBoundingClientRect","side","setSideAttr","playPreset","then","hidePopover","moveAnim","cancel","normalizeFlipOrder","order","base","length","valid","Set","out","s","has","push","defaultOrderFromPlacement","p","isActuallyVisible","offsetParent","before","pad","a","vv","vw","width","vh","height","offsetX","offsetLeft","offsetY","offsetTop","maxW","max","maxWidth","boxSizing","pr","popW","popH","space","top","bottom","left","right","fits","requested","flipEnabled","baseOrder","find","map","sort","req","prioritized","filter","isRTL","getComputedStyle","direction","ax1","ax2","ay1","ay2","aw","ah","clampedLeft","clampedTop","hostEl","setProperty","removeProperty","presetAnim","after","animateMove","vec","v","prefersReducedMotion","matchMedia","computeOrigin","mode","kf","opacity","transform","presetRegistry","none","name","defaults","enterPx","exitPx","enterScale","exitScale","blurInPx","blurOutPx","perspectivePx","rotateDeg","tiltDeg","origin","easingOpen","easingClose","enterDuration","exitDuration","getKeyframes","fade","phase","scale","cfg","slide","b","iosMenu","iosSheet","materialMenu","materialSheet","floaty","soft","sharp","blurIn","blurFade","zoomFromAnchor","zoomFromCorner","flip3d","axis","sign","r","v2","card3d","t","tilt3d","rx","ry","depth3d","rotate3d","springy","bouncy","glide","drop","grow","getPresetKeyframes","overrides","reg","def","getBaseDefaults","keyframes","checkForConflictingCSS","transition","is3d","is3dPreset","transformStyle","backfaceVisibility","transformOrigin","easing","anim","animate","fill","finished","transitions","console","warn","from","to","dx","dy","abs","finally","setAttribute","ResizeObserver","observe","bindScroll","getScrollParents","el","fn","parents","parentElement","body","overflowY","overflowX","canScrollY","scrollHeight","clientHeight","canScrollX","scrollWidth","clientWidth","elementIsTriggerRelated","focusTarget","shadowRoot","last","lastWasInsidePopover","lastWasInsideTrigger","focus","preventScroll","margin","updateOption","value","startsWith"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"popover-controller.js","sources":["../../../src/helper/controllers/popover-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\r\n\r\nexport type PopoverSide = \"top\" | \"bottom\" | \"left\" | \"right\";\r\nexport type PopoverPlacement = PopoverSide | \"auto\";\r\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\r\nexport type MaxWidthMode = \"cap\" | \"fill\";\r\nexport type CloseReason = \"api\" | \"toggle\" | \"escape\" | \"light-dismiss\" | \"group\";\r\ntype ArrowAlign = \"center\" | \"start\" | \"end\";\r\ntype ScrollContainerMode = \"auto\" | \"window\";\r\n\r\n/** Named animation presets; consumer selects by name. */\r\nexport type PopoverPreset =\r\n | \"none\"\r\n | \"fade\"\r\n | \"scale\"\r\n | \"slide\"\r\n | \"iosMenu\"\r\n | \"iosSheet\"\r\n | \"materialMenu\"\r\n | \"materialSheet\"\r\n | \"floaty\"\r\n | \"soft\"\r\n | \"sharp\"\r\n | \"blurIn\"\r\n | \"blurFade\"\r\n | \"zoomFromAnchor\"\r\n | \"zoomFromCorner\"\r\n | \"flip3d\"\r\n | \"card3d\"\r\n | \"tilt3d\"\r\n | \"depth3d\"\r\n | \"rotate3d\"\r\n | \"springy\"\r\n | \"bouncy\"\r\n | \"glide\"\r\n | \"pop\"\r\n | \"drop\"\r\n | \"grow\";\r\n\r\nexport type PopoverPresetConfig = {\r\n enterPx?: number; // translate distance\r\n exitPx?: number;\r\n enterScale?: number;\r\n exitScale?: number;\r\n blurInPx?: number;\r\n blurOutPx?: number;\r\n perspectivePx?: number;\r\n rotateDeg?: number; // 3d rotation magnitude\r\n tiltDeg?: number; // 3d tilt magnitude\r\n origin?: \"auto\" | \"anchor\" | \"center\" | \"corner\";\r\n easingOpen?: string;\r\n easingClose?: string;\r\n enterDuration?: number;\r\n exitDuration?: number;\r\n};\r\n\r\ntype PresetDef = {\r\n name: PopoverPreset;\r\n defaults: Required<PopoverPresetConfig>;\r\n getKeyframes: (\r\n args: {\r\n side: PopoverSide;\r\n phase: \"open\" | \"close\";\r\n cfg: Required<PopoverPresetConfig>;\r\n origin: string;\r\n }\r\n ) => Keyframe[];\r\n};\r\n\r\nexport interface PopoverControllerOptions {\r\n // Required functions\r\n getAnchor: () => HTMLElement | null;\r\n getPopover: () => HTMLElement | null;\r\n\r\n // CSS variable names\r\n cssVarLeft?: string;\r\n cssVarTop?: string;\r\n cssVarWidth?: string;\r\n\r\n // Reactive property getters\r\n // (Preferred - automatically update when component properties change)\r\n getPlacement?: () => PopoverPlacement;\r\n getAlign?: () => PopoverAlign;\r\n getGap?: () => number;\r\n getPadding?: () => number;\r\n getMatchAnchorWidth?: () => boolean;\r\n getMaxWidthToViewport?: () => boolean;\r\n getMaxWidthMode?: () => MaxWidthMode;\r\n getFlip?: () => boolean;\r\n getFlipOrder?: () => PopoverSide[];\r\n getPreset?: () => PopoverPreset;\r\n getDuration?: () => number;\r\n getCloseDuration?: () => number;\r\n getAnimateReposition?: () => boolean;\r\n getRepositionMs?: () => number;\r\n getCloseOnEscape?: () => boolean;\r\n getRestoreFocusOnClose?: () => boolean;\r\n getCloseOnOutside?: () => boolean;\r\n getIgnoreOutsideSelector?: () => string;\r\n getIgnoreOutsideAttr?: () => string;\r\n\r\n // Static fallback values\r\n // (For backward compatibility or when values don't change)\r\n placement?: PopoverPlacement;\r\n align?: PopoverAlign;\r\n gap?: number;\r\n padding?: number;\r\n matchAnchorWidth?: boolean;\r\n maxWidthToViewport?: boolean;\r\n maxWidthMode?: MaxWidthMode;\r\n flip?: boolean;\r\n flipOrder?: PopoverSide[];\r\n preset?: PopoverPreset;\r\n duration?: number;\r\n closeDuration?: number;\r\n animateReposition?: boolean;\r\n repositionMs?: number;\r\n closeOnEscape?: boolean;\r\n restoreFocusOnClose?: boolean;\r\n closeOnOutside?: boolean;\r\n ignoreOutsideSelector?: string;\r\n ignoreOutsideAttr?: string;\r\n\r\n // Scroll and focus\r\n focusOnOpen?: () => void;\r\n scrollContainer?: ScrollContainerMode | HTMLElement;\r\n\r\n // Group behavior\r\n groupEventName?: string;\r\n groupId?: unknown;\r\n\r\n // Callbacks\r\n onOpenChange?: (open: boolean, meta: { reason: CloseReason }) => void;\r\n /** Focus target on close; defaults to {@link getAnchor} when omitted. */\r\n getFocusTarget?: () => HTMLElement | null;\r\n\r\n // Other options\r\n sideAttr?: string;\r\n respectReducedMotion?: boolean;\r\n}\r\n\r\n/**\r\n * PopoverController with Reactive Getter Bindings\r\n * - Automatically reads latest values from host component via getter functions\r\n * - No manual updates needed when host properties change\r\n * - WAAPI preset animations with side-aware enter/exit\r\n * - Smooth reposition animation on flip/move\r\n */\r\nexport class PopoverController implements ReactiveController {\r\n private host: ReactiveControllerHost;\r\n private _open = false;\r\n\r\n private raf = 0;\r\n\r\n private anchorRO?: ResizeObserver;\r\n private popoverRO?: ResizeObserver;\r\n\r\n private boundScrollParents: Array<{ el: EventTarget; fn: EventListener }> = [];\r\n private visualViewport?: VisualViewport;\r\n /** When true, global listeners and observers are attached (deferred until first open for perf with many instances). */\r\n private _listenersAttached = false;\r\n\r\n private lastCloseReason: CloseReason = \"toggle\";\r\n private lastFocusedEl: Element | null = null;\r\n\r\n private hasEverOpened = false;\r\n private _skipNextReposition = false;\r\n\r\n private lastMeta: { place: PopoverSide; arrowAlign: ArrowAlign } = {\r\n place: \"bottom\",\r\n arrowAlign: \"center\",\r\n };\r\n\r\n private _phase: \"idle\" | \"opening\" | \"open\" | \"closing\" = \"idle\";\r\n private presetAnim?: Animation;\r\n private moveAnim?: Animation;\r\n\r\n // Helper to create getters with fallback to static values\r\n private static createGetter<T>(\r\n getter: (() => T) | undefined,\r\n staticValue: T | undefined,\r\n defaultValue: T\r\n ): () => T {\r\n return getter || (() => staticValue ?? defaultValue);\r\n }\r\n\r\n private opts: {\r\n // Required functions\r\n getAnchor: () => HTMLElement | null;\r\n getPopover: () => HTMLElement | null;\r\n\r\n // Reactive property getters\r\n getPlacement: () => PopoverPlacement;\r\n getAlign: () => PopoverAlign;\r\n getGap: () => number;\r\n getPadding: () => number;\r\n getMatchAnchorWidth: () => boolean;\r\n getMaxWidthToViewport: () => boolean;\r\n getMaxWidthMode: () => MaxWidthMode;\r\n getFlip: () => boolean;\r\n getFlipOrder: () => PopoverSide[];\r\n getPreset: () => PopoverPreset;\r\n getDuration: () => number;\r\n getCloseDuration: () => number;\r\n getAnimateReposition: () => boolean;\r\n getRepositionMs: () => number;\r\n getCloseOnEscape: () => boolean;\r\n getRestoreFocusOnClose: () => boolean;\r\n getCloseOnOutside: () => boolean;\r\n getIgnoreOutsideSelector: () => string;\r\n getIgnoreOutsideAttr: () => string;\r\n\r\n // Other options\r\n cssVarLeft: string;\r\n cssVarTop: string;\r\n cssVarWidth: string;\r\n focusOnOpen?: () => void;\r\n scrollContainer: ScrollContainerMode | HTMLElement;\r\n groupEventName?: string;\r\n groupId?: unknown;\r\n onOpenChange?: (open: boolean, meta: { reason: CloseReason }) => void;\r\n getFocusTarget?: () => HTMLElement | null;\r\n sideAttr: string;\r\n respectReducedMotion: boolean;\r\n };\r\n\r\n constructor(host: ReactiveControllerHost, options: PopoverControllerOptions) {\r\n this.host = host;\r\n host.addController(this);\r\n\r\n // Initialize getters with fallback values\r\n const dur = options.duration ?? 220;\r\n const closeDur = options.closeDuration ?? Math.min(180, dur);\r\n\r\n this.opts = {\r\n // Required functions\r\n getAnchor: options.getAnchor,\r\n getPopover: options.getPopover,\r\n\r\n // Reactive property getters\r\n getPlacement: PopoverController.createGetter(\r\n options.getPlacement,\r\n options.placement,\r\n \"auto\"\r\n ),\r\n getAlign: PopoverController.createGetter(\r\n options.getAlign,\r\n options.align,\r\n \"start\"\r\n ),\r\n getGap: PopoverController.createGetter(\r\n options.getGap,\r\n options.gap,\r\n 6\r\n ),\r\n getPadding: PopoverController.createGetter(\r\n options.getPadding,\r\n options.padding,\r\n 8\r\n ),\r\n getMatchAnchorWidth: PopoverController.createGetter(\r\n options.getMatchAnchorWidth,\r\n options.matchAnchorWidth,\r\n true\r\n ),\r\n getMaxWidthToViewport: PopoverController.createGetter(\r\n options.getMaxWidthToViewport,\r\n options.maxWidthToViewport,\r\n true\r\n ),\r\n getMaxWidthMode: PopoverController.createGetter(\r\n options.getMaxWidthMode,\r\n options.maxWidthMode,\r\n \"cap\"\r\n ),\r\n getFlip: PopoverController.createGetter(\r\n options.getFlip,\r\n options.flip,\r\n true\r\n ),\r\n getFlipOrder: PopoverController.createGetter(\r\n options.getFlipOrder,\r\n options.flipOrder,\r\n []\r\n ),\r\n getPreset: PopoverController.createGetter(\r\n options.getPreset,\r\n options.preset,\r\n \"slide\"\r\n ),\r\n getDuration: PopoverController.createGetter(\r\n options.getDuration,\r\n options.duration,\r\n dur\r\n ),\r\n getCloseDuration: PopoverController.createGetter(\r\n options.getCloseDuration,\r\n options.closeDuration,\r\n closeDur\r\n ),\r\n getAnimateReposition: PopoverController.createGetter(\r\n options.getAnimateReposition,\r\n options.animateReposition,\r\n true\r\n ),\r\n getRepositionMs: PopoverController.createGetter(\r\n options.getRepositionMs,\r\n options.repositionMs,\r\n 160\r\n ),\r\n getCloseOnEscape: PopoverController.createGetter(\r\n options.getCloseOnEscape,\r\n options.closeOnEscape,\r\n true\r\n ),\r\n getCloseOnOutside: PopoverController.createGetter(\r\n options.getCloseOnOutside,\r\n options.closeOnOutside,\r\n false\r\n ),\r\n\r\n getIgnoreOutsideSelector: PopoverController.createGetter(\r\n options.getIgnoreOutsideSelector,\r\n options.ignoreOutsideSelector,\r\n \"\" // none by default\r\n ),\r\n\r\n getIgnoreOutsideAttr: PopoverController.createGetter(\r\n options.getIgnoreOutsideAttr,\r\n options.ignoreOutsideAttr,\r\n \"data-popover-ignore-outside\"\r\n ),\r\n getRestoreFocusOnClose: PopoverController.createGetter(\r\n options.getRestoreFocusOnClose,\r\n options.restoreFocusOnClose,\r\n true\r\n ),\r\n\r\n // Other options\r\n cssVarLeft: options.cssVarLeft ?? \"--sky-pop-left\",\r\n cssVarTop: options.cssVarTop ?? \"--sky-pop-top\",\r\n cssVarWidth: options.cssVarWidth ?? \"--sky-pop-width\",\r\n focusOnOpen: options.focusOnOpen,\r\n scrollContainer: options.scrollContainer ?? \"auto\",\r\n groupEventName: options.groupEventName,\r\n groupId: options.groupId,\r\n onOpenChange: options.onOpenChange,\r\n getFocusTarget: options.getFocusTarget,\r\n sideAttr: options.sideAttr ?? \"data-side\",\r\n respectReducedMotion: options.respectReducedMotion ?? true,\r\n };\r\n }\r\n\r\n get open() {\r\n return this._open;\r\n }\r\n\r\n get meta() {\r\n return this.lastMeta;\r\n }\r\n\r\n hostConnected() {\r\n if (typeof window === \"undefined\") return;\r\n this.visualViewport = window.visualViewport ?? undefined;\r\n // Defer global listeners and observers until first open (avoids N×listeners with many instances, e.g. combobox in every flow node).\r\n }\r\n\r\n hostDisconnected() {\r\n this.detachGlobalListenersIfAttached();\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n }\r\n\r\n /** Attach window/document listeners and observers. Called on first open. */\r\n private attachGlobalListeners() {\r\n if (typeof window === \"undefined\" || this._listenersAttached) return;\r\n this._listenersAttached = true;\r\n\r\n if (this.visualViewport) {\r\n this.visualViewport.addEventListener(\"resize\", this.onViewportMove, { passive: true });\r\n this.visualViewport.addEventListener(\"scroll\", this.onViewportMove, { passive: true });\r\n }\r\n window.addEventListener(\"resize\", this.onViewportMove, { passive: true });\r\n window.addEventListener(\"scroll\", this.onViewportMove, { passive: true, capture: true });\r\n\r\n if (this.opts.groupEventName) {\r\n window.addEventListener(this.opts.groupEventName, this.onGroupOpen as EventListener);\r\n }\r\n if (this.opts.getCloseOnEscape()) {\r\n window.addEventListener(\"keydown\", this.onKeydown, true);\r\n }\r\n document.addEventListener(\"pointerdown\", this.onDocumentPointerDown, true);\r\n\r\n this.setupObserversAndScrollParents();\r\n }\r\n\r\n /** Remove window/document listeners and observers. Called on close and on hostDisconnected. */\r\n private detachGlobalListenersIfAttached() {\r\n if (!this._listenersAttached) return;\r\n this._listenersAttached = false;\r\n\r\n if (typeof window !== \"undefined\") {\r\n window.removeEventListener(\"resize\", this.onViewportMove);\r\n window.removeEventListener(\"scroll\", this.onViewportMove, true);\r\n if (this.visualViewport) {\r\n this.visualViewport.removeEventListener(\"resize\", this.onViewportMove);\r\n this.visualViewport.removeEventListener(\"scroll\", this.onViewportMove);\r\n }\r\n if (this.opts.groupEventName) {\r\n window.removeEventListener(this.opts.groupEventName, this.onGroupOpen as EventListener);\r\n }\r\n window.removeEventListener(\"keydown\", this.onKeydown, true);\r\n }\r\n document.removeEventListener(\"pointerdown\", this.onDocumentPointerDown, true);\r\n\r\n this.teardownScrollParents();\r\n this.anchorRO?.disconnect();\r\n this.anchorRO = undefined;\r\n this.popoverRO?.disconnect();\r\n this.popoverRO = undefined;\r\n }\r\n\r\n refreshTargets() {\r\n if (this._listenersAttached) this.setupObserversAndScrollParents();\r\n if (this._open) this.position();\r\n }\r\n\r\n /** Wire to popover element: @toggle=${controller.onToggle} */\r\n onToggle = (e: Event) => {\r\n if (this.lastCloseReason === \"light-dismiss\") {\r\n this.lastCloseReason = \"toggle\";\r\n return;\r\n }\r\n const pop = this.opts.getPopover();\r\n const ev = e as any;\r\n\r\n let isOpen: boolean | null = null;\r\n if (typeof ev?.newState === \"string\") isOpen = ev.newState === \"open\";\r\n if (isOpen === null && pop) isOpen = pop.matches?.(\":popover-open\") ?? false;\r\n if (isOpen === null) return;\r\n\r\n if (!isOpen) {\r\n this._open = false;\r\n this.detachGlobalListenersIfAttached();\r\n this.opts.onOpenChange?.(false, { reason: this.lastCloseReason });\r\n if (this.opts.getRestoreFocusOnClose()) this.restoreFocus();\r\n return;\r\n }\r\n\r\n this._open = true;\r\n this.attachGlobalListeners();\r\n this.opts.onOpenChange?.(true, { reason: \"toggle\" });\r\n\r\n this.position();\r\n this.raf = requestAnimationFrame(() => this.opts.focusOnOpen?.());\r\n };\r\n\r\n toggle() {\r\n this._open ? this.closePopover(\"api\") : this.openPopover();\r\n }\r\n\r\n openPopover() {\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n this.raf = 0;\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n\r\n if (typeof window !== \"undefined\" && this.opts.groupEventName) {\r\n window.dispatchEvent(\r\n new CustomEvent(this.opts.groupEventName, {\r\n detail: { id: this.opts.groupId ?? this.host },\r\n }),\r\n );\r\n }\r\n\r\n this.captureFocusBeforeOpen();\r\n this.ensurePopoverMarginZero();\r\n\r\n this._open = true;\r\n this.attachGlobalListeners();\r\n this.opts.onOpenChange?.(true, { reason: \"api\" });\r\n\r\n // Hide until positioned to avoid first-paint flicker.\r\n const prevVisibility = pop.style.visibility;\r\n pop.style.visibility = \"hidden\";\r\n\r\n (pop as any).showPopover?.();\r\n const wasEverOpen = this.hasEverOpened;\r\n this.hasEverOpened = true;\r\n\r\n // later: pass this to position or set a field\r\n this._skipNextReposition = !wasEverOpen;\r\n\r\n // 1) compute and apply css-var position ASAP\r\n this.position();\r\n\r\n // 2) force style/layout flush so left/top vars take effect before animation\r\n pop.getBoundingClientRect();\r\n\r\n // 3) now animate + reveal\r\n const side = this.lastMeta.place;\r\n this.setSideAttr(side);\r\n\r\n // reveal on next frame so hidden state doesn't get captured mid-animation\r\n this.raf = requestAnimationFrame(() => {\r\n pop.style.visibility = prevVisibility || \"visible\";\r\n\r\n this.playPreset(pop, side, \"open\").then(() => this.opts.focusOnOpen?.());\r\n });\r\n }\r\n\r\n private onDocumentPointerDown = (e: PointerEvent) => {\r\n if (!this._open) return;\r\n if (!this.opts.getCloseOnOutside()) return;\r\n\r\n const pop = this.opts.getPopover();\r\n const anchor = this.opts.getAnchor();\r\n if (!pop || !anchor) return;\r\n\r\n // ignore non-primary clicks\r\n if (typeof e.button === \"number\" && e.button !== 0) return;\r\n\r\n const path = (e.composedPath?.() ?? []) as EventTarget[];\r\n\r\n // If click is on anchor or inside popover => not outside\r\n const insidePopover = path.includes(pop);\r\n const insideAnchor = path.includes(anchor);\r\n if (insidePopover || insideAnchor) return;\r\n\r\n // Nested popovers (combobox lists, datepicker calendars, nested menus) live in\r\n // the top layer outside this popover. Treat those clicks as inside nested UI.\r\n for (const node of path) {\r\n if (!(node instanceof Element)) continue;\r\n if (typeof (node as Element).matches === \"function\") {\r\n if ((node as Element).matches(\":popover-open\")) return;\r\n }\r\n const openAncestor = (node as Element).closest?.(\":popover-open\");\r\n if (openAncestor && openAncestor !== pop) return;\r\n }\r\n\r\n // Ignore scrollbar clicks (rare but real)\r\n const x = e.clientX, y = e.clientY;\r\n if (x >= window.innerWidth || y >= window.innerHeight) return;\r\n\r\n // Ignore zones: attr + selector\r\n const ignoreAttr = this.opts.getIgnoreOutsideAttr();\r\n const ignoreSel = (this.opts.getIgnoreOutsideSelector() || \"\").trim();\r\n\r\n for (const node of path) {\r\n if (!(node instanceof HTMLElement)) continue;\r\n\r\n // attr ignore\r\n if (ignoreAttr && node.hasAttribute(ignoreAttr)) return;\r\n\r\n // selector ignore\r\n if (ignoreSel) {\r\n // If any node in the path matches OR is inside an element that matches\r\n if (node.matches(ignoreSel)) return;\r\n if (node.closest(ignoreSel)) return;\r\n }\r\n }\r\n\r\n this.closePopover(\"light-dismiss\");\r\n };\r\n\r\n\r\n\r\n async closePopover(reason: CloseReason = \"api\") {\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n\r\n this.lastCloseReason = reason;\r\n\r\n if (!this._open) {\r\n (pop as any).hidePopover?.();\r\n return;\r\n }\r\n\r\n this._open = false;\r\n // Restore focus before onOpenChange so the host can re-render with aria-hidden=\"true\"\r\n // without violating \"aria-hidden must not hide a focused element\" (focus is already on anchor).\r\n if (this.opts.getRestoreFocusOnClose()) this.restoreFocus();\r\n this.detachGlobalListenersIfAttached();\r\n this.opts.onOpenChange?.(false, { reason });\r\n\r\n const side = this.lastMeta.place;\r\n this.setSideAttr(side);\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n this.raf = 0;\r\n this.moveAnim?.cancel();\r\n await this.playPreset(pop, side, \"close\");\r\n\r\n (pop as any).hidePopover?.();\r\n }\r\n\r\n private normalizeFlipOrder(order?: PopoverSide[]) {\r\n const base: PopoverSide[] = [\"bottom\", \"top\", \"right\", \"left\"];\r\n if (!order || !order.length) return base;\r\n\r\n const valid = new Set<PopoverSide>([\"top\", \"bottom\", \"left\", \"right\"]);\r\n const out: PopoverSide[] = [];\r\n for (const s of order) if (valid.has(s) && !out.includes(s)) out.push(s);\r\n for (const s of base) if (!out.includes(s)) out.push(s);\r\n return out;\r\n }\r\n\r\n private defaultOrderFromPlacement(p: PopoverPlacement): PopoverSide[] {\r\n switch (p) {\r\n case \"top\": return [\"top\", \"bottom\", \"right\", \"left\"];\r\n case \"bottom\": return [\"bottom\", \"top\", \"right\", \"left\"];\r\n case \"left\": return [\"left\", \"right\", \"bottom\", \"top\"];\r\n case \"right\": return [\"right\", \"left\", \"bottom\", \"top\"];\r\n default: return [\"bottom\", \"top\", \"right\", \"left\"];\r\n }\r\n }\r\n\r\n position() {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const anchor = this.opts.getAnchor();\r\n const pop = this.opts.getPopover();\r\n if (!anchor || !pop) return;\r\n\r\n this.ensurePopoverMarginZero();\r\n\r\n const isActuallyVisible =\r\n (pop as any).matches?.(\":popover-open\") && pop.offsetParent !== null;\r\n\r\n const before = (this._open && isActuallyVisible) ? pop.getBoundingClientRect() : null;\r\n\r\n const pad = this.opts.getPadding();\r\n const gap = this.opts.getGap();\r\n\r\n const a = anchor.getBoundingClientRect();\r\n\r\n const vv = window.visualViewport ?? null;\r\n const vw = vv?.width ?? window.innerWidth;\r\n const vh = vv?.height ?? window.innerHeight;\r\n\r\n const offsetX = vv?.offsetLeft ?? 0;\r\n const offsetY = vv?.offsetTop ?? 0;\r\n\r\n if (this.opts.getMaxWidthToViewport()) {\r\n const maxW = Math.max(0, vw - pad * 2);\r\n pop.style.maxWidth = `${maxW}px`;\r\n pop.style.boxSizing = \"border-box\";\r\n }\r\n\r\n const pr = pop.getBoundingClientRect();\r\n const popW = pr.width || 220;\r\n const popH = pr.height || 50;\r\n\r\n const space = {\r\n top: a.top - gap - offsetY,\r\n bottom: vh - (a.bottom - offsetY) - gap,\r\n left: a.left - gap - offsetX,\r\n right: vw - (a.right - offsetX) - gap,\r\n };\r\n\r\n const fits = (side: PopoverSide) => {\r\n if (side === \"top\") return space.top >= popH;\r\n if (side === \"bottom\") return space.bottom >= popH;\r\n if (side === \"left\") return space.left >= popW;\r\n return space.right >= popW;\r\n };\r\n\r\n const requested = this.opts.getPlacement();\r\n const flipEnabled = this.opts.getFlip();\r\n\r\n const baseOrder =\r\n this.opts.getFlipOrder()?.length\r\n ? this.normalizeFlipOrder(this.opts.getFlipOrder())\r\n : this.normalizeFlipOrder(this.defaultOrderFromPlacement(requested));\r\n\r\n let place: PopoverSide;\r\n\r\n if (requested === \"auto\") {\r\n const firstFit = baseOrder.find(fits);\r\n place =\r\n firstFit ??\r\n (baseOrder\r\n .map((s) => [s, space[s]] as const)\r\n .sort((x, y) => y[1] - x[1])[0][0]);\r\n } else if (!flipEnabled) {\r\n place = requested as PopoverSide;\r\n } else {\r\n const req = requested as PopoverSide;\r\n const prioritized = baseOrder.includes(req)\r\n ? [req, ...baseOrder.filter((s) => s !== req)]\r\n : [req, ...baseOrder];\r\n\r\n const firstFit = prioritized.find(fits);\r\n place =\r\n firstFit ??\r\n (prioritized\r\n .map((s) => [s, space[s]] as const)\r\n .sort((x, y) => y[1] - x[1])[0][0]);\r\n }\r\n\r\n let top = 0;\r\n let left = 0;\r\n let arrowAlign: ArrowAlign = \"center\";\r\n\r\n const isRTL = getComputedStyle(anchor).direction === \"rtl\";\r\n let align = this.opts.getAlign();\r\n if (isRTL) {\r\n if (align === \"start\") align = \"end\";\r\n else if (align === \"end\") align = \"start\";\r\n }\r\n\r\n const ax1 = a.left - offsetX;\r\n const ax2 = a.right - offsetX;\r\n const ay1 = a.top - offsetY;\r\n const ay2 = a.bottom - offsetY;\r\n const aw = a.width;\r\n const ah = a.height;\r\n\r\n if (place === \"top\" || place === \"bottom\") {\r\n if (align === \"start\") left = ax1;\r\n else if (align === \"end\") left = ax2 - popW;\r\n else left = ax1 + aw / 2 - popW / 2;\r\n\r\n top = place === \"top\" ? ay1 - popH - gap : ay2 + gap;\r\n\r\n const clampedLeft = Math.max(pad, Math.min(vw - popW - pad, left));\r\n if (clampedLeft !== left) arrowAlign = clampedLeft <= pad + 0.5 ? \"start\" : \"end\";\r\n left = clampedLeft;\r\n\r\n top = Math.max(pad, Math.min(vh - popH - pad, top));\r\n } else {\r\n left = place === \"left\" ? ax1 - popW - gap : ax2 + gap;\r\n top = ay1 + ah / 2 - popH / 2;\r\n\r\n const clampedTop = Math.max(pad, Math.min(vh - popH - pad, top));\r\n if (clampedTop !== top) arrowAlign = clampedTop <= pad + 0.5 ? \"start\" : \"end\";\r\n top = clampedTop;\r\n\r\n left = Math.max(pad, Math.min(vw - popW - pad, left));\r\n }\r\n\r\n left += offsetX;\r\n top += offsetY;\r\n\r\n const hostEl = this.host as unknown as HTMLElement;\r\n\r\n if (this.opts.getMatchAnchorWidth()) {\r\n const maxW = Math.max(0, vw - pad * 2);\r\n const width = Math.min(a.width, maxW);\r\n hostEl.style.setProperty(this.opts.cssVarWidth, `${width}px`);\r\n } else {\r\n hostEl.style.removeProperty(this.opts.cssVarWidth);\r\n }\r\n\r\n hostEl.style.setProperty(this.opts.cssVarLeft, `${left}px`);\r\n hostEl.style.setProperty(this.opts.cssVarTop, `${top}px`);\r\n\r\n const prevPlace = this.lastMeta.place;\r\n this.lastMeta = { place, arrowAlign };\r\n this.setSideAttr(place);\r\n\r\n const canReposition =\r\n this._open &&\r\n this.opts.getAnimateReposition() &&\r\n before &&\r\n !this._skipNextReposition &&\r\n pop.matches?.(\":popover-open\") &&\r\n isActuallyVisible &&\r\n this._phase === \"open\" &&\r\n !this.presetAnim; // extra safety\r\n\r\n if (canReposition) {\r\n if (this.raf) cancelAnimationFrame(this.raf);\r\n this.raf = requestAnimationFrame(() => {\r\n const after = pop.getBoundingClientRect();\r\n this.animateMove(pop, before, after);\r\n });\r\n }\r\n\r\n this._skipNextReposition = false;\r\n }\r\n\r\n private vec(side: PopoverSide, v: number) {\r\n if (side === \"top\") return { x: 0, y: +v };\r\n if (side === \"bottom\") return { x: 0, y: -v };\r\n if (side === \"left\") return { x: +v, y: 0 };\r\n return { x: -v, y: 0 };\r\n }\r\n\r\n private prefersReducedMotion() {\r\n if (!this.opts.respectReducedMotion) return false;\r\n return typeof window !== \"undefined\"\r\n && window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\r\n }\r\n\r\n /** sets transformOrigin according to preset + side */\r\n private computeOrigin(side: PopoverSide, mode: PopoverPresetConfig[\"origin\"]) {\r\n if (mode === \"center\") return \"50% 50%\";\r\n if (mode === \"corner\") {\r\n // corner opposite of side looks best\r\n if (side === \"top\") return \"50% 100%\";\r\n if (side === \"bottom\") return \"50% 0%\";\r\n if (side === \"left\") return \"100% 50%\";\r\n return \"0% 50%\";\r\n }\r\n if (mode === \"anchor\") {\r\n // you can refine this using anchor rect; for now side-based is good\r\n if (side === \"top\") return \"50% 100%\";\r\n if (side === \"bottom\") return \"50% 0%\";\r\n if (side === \"left\") return \"100% 50%\";\r\n return \"0% 50%\";\r\n }\r\n // auto\r\n if (side === \"top\") return \"50% 100%\";\r\n if (side === \"bottom\") return \"50% 0%\";\r\n if (side === \"left\") return \"100% 50%\";\r\n return \"0% 50%\";\r\n }\r\n\r\n private kf(opacity: number, transform: string, filter?: string): Keyframe {\r\n const out: any = { opacity, transform };\r\n if (filter) out.filter = filter;\r\n return out as Keyframe;\r\n }\r\n\r\n // Preset registry\r\n private presetRegistry(): Record<PopoverPreset, PresetDef> {\r\n\r\n const fade: PresetDef = {\r\n name: \"fade\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n easingClose: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n enterDuration: 180, exitDuration: 150,\r\n },\r\n getKeyframes: ({ phase }) =>\r\n phase === \"open\"\r\n ? [{ opacity: 0 }, { opacity: 1 }]\r\n : [{ opacity: 1 }, { opacity: 0 }],\r\n };\r\n\r\n const scale: PresetDef = {\r\n name: \"scale\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.9, exitScale: 0.95,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n easingClose: \"cubic-bezier(0.36, 0, 0.66, -0.56)\",\r\n enterDuration: 200, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, `scale(${cfg.enterScale})`), this.kf(1, \"scale(1)\")]\r\n : [this.kf(1, \"scale(1)\"), this.kf(0, `scale(${cfg.exitScale})`)],\r\n };\r\n\r\n const slide: PresetDef = {\r\n name: \"slide\",\r\n defaults: {\r\n enterPx: 12, exitPx: 8, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.23, 1, 0.32, 1)\",\r\n easingClose: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n enterDuration: 250, exitDuration: 220,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px, 0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px, 0)`)];\r\n },\r\n };\r\n\r\n const iosMenu: PresetDef = {\r\n name: \"iosMenu\",\r\n defaults: {\r\n enterPx: 12, exitPx: 8, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 6, blurOutPx: 3, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n easingClose: \"cubic-bezier(0.55, 0.085, 0.68, 0.53)\",\r\n enterDuration: 250, exitDuration: 220,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `translate3d(${a.x}px, ${a.y}px, 0) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n this.kf(0, `translate3d(${b.x}px, ${b.y}px, 0) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ];\r\n },\r\n };\r\n\r\n const iosSheet: PresetDef = {\r\n name: \"iosSheet\",\r\n defaults: {\r\n enterPx: 16, exitPx: 12, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.36, 0, 0.66, -0.56)\",\r\n easingClose: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n enterDuration: 200, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0)`)];\r\n },\r\n };\r\n\r\n const materialMenu: PresetDef = {\r\n name: \"materialMenu\",\r\n defaults: {\r\n enterPx: 10, exitPx: 6, enterScale: 0.96, exitScale: 0.98,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n easingClose: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n ]\r\n : [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const materialSheet: PresetDef = {\r\n name: \"materialSheet\",\r\n defaults: {\r\n enterPx: 18, exitPx: 14, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.05, 0.7, 0.1, 1)\",\r\n easingClose: \"cubic-bezier(0.3, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0)`)];\r\n },\r\n };\r\n\r\n const floaty: PresetDef = {\r\n name: \"floaty\",\r\n defaults: {\r\n enterPx: 14, exitPx: 10, enterScale: 0.985, exitScale: 0.99,\r\n blurInPx: 10, blurOutPx: 6, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.22, 0.61, 0.36, 1)\",\r\n easingClose: \"cubic-bezier(0.55, 0.06, 0.68, 0.19)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"),\r\n this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ];\r\n },\r\n };\r\n\r\n const soft: PresetDef = {\r\n name: \"soft\",\r\n defaults: {\r\n enterPx: 10, exitPx: 8, enterScale: 0.97, exitScale: 0.98,\r\n blurInPx: 4, blurOutPx: 2, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.33, 1, 0.68, 1)\",\r\n easingClose: \"cubic-bezier(0.32, 0, 0.67, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`), this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\", \"blur(0px)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`)];\r\n },\r\n };\r\n\r\n const sharp: PresetDef = {\r\n name: \"sharp\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.2, 1)\",\r\n easingClose: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`), this.kf(1, \"translate3d(0,0,0) scale(1)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`)];\r\n },\r\n };\r\n\r\n const blurIn: PresetDef = {\r\n name: \"blurIn\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 1, exitScale: 1,\r\n blurInPx: 12, blurOutPx: 8, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n easingClose: \"cubic-bezier(0.33, 0, 0.67, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, \"translate3d(0,0,0)\", `blur(${cfg.blurInPx}px)`), this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\"), this.kf(0, \"translate3d(0,0,0)\", `blur(${cfg.blurOutPx}px)`)],\r\n };\r\n\r\n const blurFade: PresetDef = {\r\n name: \"blurFade\",\r\n defaults: {\r\n enterPx: 10, exitPx: 8, enterScale: 0.99, exitScale: 0.99,\r\n blurInPx: 10, blurOutPx: 6, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.45, 0, 0.55, 1)\",\r\n easingClose: \"cubic-bezier(0.3, 0, 0.7, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0)`, `blur(${cfg.blurInPx}px)`), this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\", \"blur(0px)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0)`, `blur(${cfg.blurOutPx}px)`)];\r\n },\r\n };\r\n\r\n const zoomFromAnchor: PresetDef = {\r\n name: \"zoomFromAnchor\",\r\n defaults: {\r\n enterPx: 6, exitPx: 4, enterScale: 0.92, exitScale: 0.96,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n easingClose: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const a = this.vec(side, cfg.enterPx);\r\n const b = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${a.x}px, ${a.y}px,0) scale(${cfg.enterScale})`), this.kf(1, \"translate3d(0,0,0) scale(1)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\"), this.kf(0, `translate3d(${b.x}px, ${b.y}px,0) scale(${cfg.exitScale})`)];\r\n },\r\n };\r\n\r\n const zoomFromCorner: PresetDef = {\r\n name: \"zoomFromCorner\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.88, exitScale: 0.94,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.18, 0.89, 0.32, 1.28)\",\r\n easingClose: \"cubic-bezier(0.6, -0.28, 0.74, 0.05)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, `scale(${cfg.enterScale})`), this.kf(1, \"scale(1)\")]\r\n : [this.kf(1, \"scale(1)\"), this.kf(0, `scale(${cfg.exitScale})`)],\r\n };\r\n\r\n const flip3d: PresetDef = {\r\n name: \"flip3d\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 14, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n easingClose: \"cubic-bezier(0.33, 0, 0.67, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg, origin }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const axis = (side === \"left\" || side === \"right\") ? \"Y\" : \"X\";\r\n const sign = (side === \"top\" || side === \"left\") ? 1 : -1;\r\n const r = cfg.rotateDeg * sign;\r\n\r\n if (phase === \"open\") {\r\n return [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotate${axis}(${r}deg) scale(${cfg.enterScale})`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`),\r\n ];\r\n }\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v2.x}px, ${v2.y}px, 0) rotate${axis}(${r * 0.7}deg) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const card3d: PresetDef = {\r\n name: \"card3d\",\r\n defaults: {\r\n enterPx: 10, exitPx: 8, enterScale: 0.96, exitScale: 0.98,\r\n blurInPx: 6, blurOutPx: 3, perspectivePx: 1000,\r\n rotateDeg: 10, tiltDeg: 10, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n easingClose: \"cubic-bezier(0.55, 0.085, 0.68, 0.53)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const axis = (side === \"left\" || side === \"right\") ? \"Y\" : \"X\";\r\n const sign = (side === \"top\" || side === \"left\") ? 1 : -1;\r\n const t = cfg.tiltDeg * sign;\r\n\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotate${axis}(${t}deg) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`, \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotate${axis}(0deg) scale(1)`, \"blur(0px)\"),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${this.vec(side, cfg.exitPx).x}px, ${this.vec(side, cfg.exitPx).y}px, 0) rotate${axis}(${t * 0.7}deg) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ];\r\n },\r\n };\r\n\r\n const tilt3d: PresetDef = {\r\n name: \"tilt3d\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 12, origin: \"corner\",\r\n easingOpen: \"cubic-bezier(0.23, 1, 0.32, 1)\",\r\n easingClose: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const rx = (side === \"top\" ? cfg.tiltDeg : side === \"bottom\" ? -cfg.tiltDeg : 0);\r\n const ry = (side === \"left\" ? cfg.tiltDeg : side === \"right\" ? -cfg.tiltDeg : 0);\r\n\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotateX(${rx}deg) rotateY(${ry}deg) scale(${cfg.enterScale})`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1)`),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1)`),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${this.vec(side, cfg.exitPx).x}px, ${this.vec(side, cfg.exitPx).y}px, 0) rotateX(${rx * 0.6}deg) rotateY(${ry * 0.6}deg) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const depth3d: PresetDef = {\r\n name: \"depth3d\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.9, exitScale: 0.94,\r\n blurInPx: 8, blurOutPx: 5, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.22, 0.61, 0.36, 1)\",\r\n easingClose: \"cubic-bezier(0.55, 0.06, 0.68, 0.19)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(0,0,-40px) scale(${cfg.enterScale})`, `blur(${cfg.blurInPx}px)`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) scale(1)`, \"blur(0px)\"),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) scale(1)`, \"blur(0px)\"),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(0,0,-30px) scale(${cfg.exitScale})`, `blur(${cfg.blurOutPx}px)`),\r\n ],\r\n };\r\n\r\n const rotate3d: PresetDef = {\r\n name: \"rotate3d\",\r\n defaults: {\r\n enterPx: 8, exitPx: 6, enterScale: 0.98, exitScale: 0.99,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 12, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.36, 0, 0.66, -0.56)\",\r\n easingClose: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const sign = (side === \"top\" || side === \"left\") ? 1 : -1;\r\n const r = cfg.rotateDeg * sign;\r\n\r\n return phase === \"open\"\r\n ? [\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${v.x}px, ${v.y}px, 0) rotateZ(${r}deg) scale(${cfg.enterScale})`),\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateZ(0deg) scale(1)`),\r\n ]\r\n : [\r\n this.kf(1, `perspective(${cfg.perspectivePx}px) translate3d(0,0,0) rotateZ(0deg) scale(1)`),\r\n this.kf(0, `perspective(${cfg.perspectivePx}px) translate3d(${this.vec(side, cfg.exitPx).x}px, ${this.vec(side, cfg.exitPx).y}px, 0) rotateZ(${r * 0.7}deg) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const springy: PresetDef = {\r\n name: \"springy\",\r\n defaults: {\r\n enterPx: 12, exitPx: 8, enterScale: 0.94, exitScale: 0.98,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.18, 1.15)\",\r\n easingClose: \"cubic-bezier(0.5, 0, 0.75, 0)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n if (phase === \"open\") {\r\n return [\r\n this.kf(0, `translate3d(${v.x}px, ${v.y}px,0) scale(${cfg.enterScale})`),\r\n this.kf(1, `translate3d(0,0,0) scale(1.02)`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n ];\r\n }\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const bouncy: PresetDef = {\r\n name: \"bouncy\",\r\n defaults: {\r\n enterPx: 14, exitPx: 10, enterScale: 0.9, exitScale: 0.96,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.18, 1.15)\",\r\n easingClose: \"cubic-bezier(0.6, -0.28, 0.74, 0.05)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n if (phase === \"open\") {\r\n return [\r\n this.kf(0, `translate3d(${v.x}px, ${v.y}px,0) scale(${cfg.enterScale})`),\r\n this.kf(1, \"translate3d(0,0,0) scale(1.03)\"),\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n ];\r\n }\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return [\r\n this.kf(1, \"translate3d(0,0,0) scale(1)\"),\r\n this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0) scale(${cfg.exitScale})`),\r\n ];\r\n },\r\n };\r\n\r\n const glide: PresetDef = {\r\n name: \"glide\",\r\n defaults: {\r\n enterPx: 18, exitPx: 12, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.08, 0.82, 0.17, 1)\",\r\n easingClose: \"cubic-bezier(0.3, 0, 1, 1)\",\r\n enterDuration: 220, exitDuration: 200,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${v.x}px, ${v.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0)`)];\r\n },\r\n };\r\n\r\n const pop: PresetDef = {\r\n name: \"pop\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 0.85, exitScale: 0.95,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.18, 0.89, 0.32, 1.28)\",\r\n easingClose: \"cubic-bezier(0.6, -0.28, 0.74, 0.05)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, cfg }) =>\r\n phase === \"open\"\r\n ? [this.kf(0, `scale(${cfg.enterScale})`), this.kf(1, \"scale(1.03)\"), this.kf(1, \"scale(1)\")]\r\n : [this.kf(1, \"scale(1)\"), this.kf(0, `scale(${cfg.exitScale})`)],\r\n };\r\n\r\n const drop: PresetDef = {\r\n name: \"drop\",\r\n defaults: {\r\n enterPx: 22, exitPx: 14, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"center\",\r\n easingOpen: \"cubic-bezier(0.12, 0.9, 0.18, 1)\",\r\n easingClose: \"cubic-bezier(0.45, 0, 0.55, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${v.x}px, ${v.y}px,0)`), this.kf(1, \"translate3d(0,0,0)\")]\r\n : [this.kf(1, \"translate3d(0,0,0)\"), this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0)`)];\r\n },\r\n };\r\n\r\n const grow: PresetDef = {\r\n name: \"grow\",\r\n defaults: {\r\n enterPx: 6, exitPx: 4, enterScale: 0.95, exitScale: 0.98,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"anchor\",\r\n easingOpen: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n easingClose: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: ({ phase, side, cfg }) => {\r\n const v = this.vec(side, cfg.enterPx);\r\n const v2 = this.vec(side, cfg.exitPx);\r\n return phase === \"open\"\r\n ? [this.kf(0, `translate3d(${v.x}px, ${v.y}px,0) scale(${cfg.enterScale})`), this.kf(1, \"translate3d(0,0,0) scale(1)\")]\r\n : [this.kf(1, \"translate3d(0,0,0) scale(1)\"), this.kf(0, `translate3d(${v2.x}px, ${v2.y}px,0) scale(${cfg.exitScale})`)];\r\n },\r\n };\r\n\r\n const none: PresetDef = {\r\n name: \"none\",\r\n defaults: {\r\n enterPx: 0, exitPx: 0, enterScale: 1, exitScale: 1,\r\n blurInPx: 0, blurOutPx: 0, perspectivePx: 900,\r\n rotateDeg: 10, tiltDeg: 8, origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n easingClose: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n enterDuration: 220, exitDuration: 180,\r\n },\r\n getKeyframes: () => [{ opacity: 1 }],\r\n };\r\n\r\n const floatAlias = floaty;\r\n\r\n return {\r\n none,\r\n fade,\r\n scale,\r\n slide,\r\n iosMenu,\r\n iosSheet,\r\n materialMenu,\r\n materialSheet,\r\n floaty: floatAlias,\r\n soft,\r\n sharp,\r\n blurIn,\r\n blurFade,\r\n zoomFromAnchor,\r\n zoomFromCorner,\r\n flip3d,\r\n card3d,\r\n tilt3d,\r\n depth3d,\r\n rotate3d,\r\n springy,\r\n bouncy,\r\n glide,\r\n pop,\r\n drop,\r\n grow,\r\n };\r\n }\r\n\r\n // Update the getPresetKeyframes method:\r\n private getPresetKeyframes(\r\n preset: PopoverPreset,\r\n side: PopoverSide,\r\n phase: \"open\" | \"close\",\r\n overrides?: PopoverPresetConfig,\r\n ) {\r\n const reg = this.presetRegistry();\r\n const def = reg[preset] ?? reg.iosMenu;\r\n\r\n // Merge base defaults with preset defaults, then with overrides\r\n const baseDefaults = this.getBaseDefaults();\r\n const cfg = {\r\n\r\n ...def.defaults,\r\n ...(overrides ?? {})\r\n } as Required<PopoverPresetConfig>;\r\n\r\n const origin = this.computeOrigin(side, cfg.origin);\r\n\r\n return {\r\n keyframes: def.getKeyframes({ side, phase, cfg, origin }),\r\n cfg,\r\n origin\r\n };\r\n }\r\n\r\n // Add this helper method for base defaults:\r\n private getBaseDefaults(): Required<PopoverPresetConfig> {\r\n return {\r\n enterPx: 12,\r\n exitPx: 8,\r\n enterScale: 0.98,\r\n exitScale: 0.99,\r\n blurInPx: 6,\r\n blurOutPx: 3,\r\n perspectivePx: 900,\r\n rotateDeg: 10,\r\n tiltDeg: 8,\r\n origin: \"auto\",\r\n easingOpen: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n easingClose: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n enterDuration: 220,\r\n exitDuration: 180,\r\n };\r\n }\r\n\r\n private async playPreset(pop: HTMLElement, side: PopoverSide, phase: \"open\" | \"close\") {\r\n this.checkForConflictingCSS(pop);\r\n if (this.prefersReducedMotion()) return;\r\n\r\n const preset = this.opts.getPreset();\r\n if (preset === \"none\") return;\r\n\r\n // cancel transform-related animations\r\n this.moveAnim?.cancel();\r\n this.presetAnim?.cancel();\r\n\r\n this._phase = phase === \"open\" ? \"opening\" : \"closing\";\r\n\r\n pop.style.transition = \"none\";\r\n\r\n\r\n // Get keyframes and config for the current preset\r\n const { keyframes, cfg, origin } = this.getPresetKeyframes(preset, side, phase);\r\n\r\n // Use duration from config, fallback to controller options\r\n const duration = phase === \"open\" ? cfg.enterDuration : cfg.exitDuration;\r\n\r\n const is3d = this.is3dPreset(preset);\r\n if (is3d) {\r\n pop.style.transformStyle = \"preserve-3d\";\r\n pop.style.backfaceVisibility = \"hidden\";\r\n // Perspective lives in the transform; do not set it here.\r\n } else {\r\n pop.style.transformStyle = \"\";\r\n pop.style.backfaceVisibility = \"\";\r\n }\r\n pop.style.transformOrigin = origin;\r\n\r\n const easing = phase === \"open\" ? cfg.easingOpen : cfg.easingClose;\r\n\r\n const anim = pop.animate(keyframes as any, {\r\n duration,\r\n easing,\r\n fill: \"both\",\r\n });\r\n\r\n this.presetAnim = anim;\r\n\r\n try {\r\n await anim.finished;\r\n } catch {\r\n // cancelled is fine\r\n } finally {\r\n if (this.presetAnim === anim) this.presetAnim = undefined;\r\n pop.style.transition = \"\";\r\n if (is3d) {\r\n pop.style.transformStyle = \"\";\r\n pop.style.backfaceVisibility = \"\";\r\n }\r\n\r\n this._phase = phase === \"open\" ? \"open\" : \"idle\";\r\n }\r\n }\r\n\r\n private checkForConflictingCSS(pop: HTMLElement) {\r\n const transitions = pop.style.transition || \"\";\r\n\r\n // Check for conflicting CSS transitions\r\n if (transitions.includes(\"transform\") && transitions.includes(\"opacity\")) {\r\n console.warn(\r\n \"Warning: Using 3D animation (WAAPI) alongside CSS transitions on 'transform' or 'opacity' can cause conflicts. Consider removing CSS transitions on these properties.\"\r\n );\r\n }\r\n\r\n if (transitions.includes(\"margin\") || transitions.includes(\"padding\")) {\r\n console.warn(\r\n \"Warning: Animating 'margin' or 'padding' alongside 3D animation (WAAPI) may cause visual glitches. Please avoid transitioning these properties during WAAPI animations.\"\r\n );\r\n }\r\n }\r\n\r\n private animateMove(pop: HTMLElement, from: DOMRect, to: DOMRect) {\r\n if (this._phase !== \"open\") return;\r\n\r\n const dx = from.left - to.left;\r\n const dy = from.top - to.top;\r\n if (Math.abs(dx) < 0.5 && Math.abs(dy) < 0.5) return;\r\n\r\n this.moveAnim?.cancel();\r\n\r\n const duration = this.opts.getRepositionMs();\r\n\r\n const anim = pop.animate(\r\n [\r\n { transform: `translate3d(${dx}px, ${dy}px, 0)` },\r\n { transform: \"translate3d(0, 0, 0)\" },\r\n ],\r\n {\r\n duration,\r\n easing: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n fill: \"both\",\r\n },\r\n );\r\n\r\n this.moveAnim = anim;\r\n anim.finished.finally(() => {\r\n if (this.moveAnim === anim) this.moveAnim = undefined;\r\n });\r\n }\r\n\r\n private is3dPreset(preset: PopoverPreset) {\r\n return (\r\n preset === \"flip3d\" ||\r\n preset === \"card3d\" ||\r\n preset === \"tilt3d\" ||\r\n preset === \"depth3d\" ||\r\n preset === \"rotate3d\"\r\n );\r\n }\r\n\r\n private setSideAttr(side: PopoverSide) {\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n pop.setAttribute(this.opts.sideAttr, side);\r\n }\r\n\r\n private setupObserversAndScrollParents() {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const anchor = this.opts.getAnchor();\r\n const pop = this.opts.getPopover();\r\n\r\n if (anchor && \"ResizeObserver\" in window) {\r\n this.anchorRO?.disconnect();\r\n this.anchorRO = new ResizeObserver(() => {\r\n if (this._open) this.position();\r\n });\r\n this.anchorRO.observe(anchor);\r\n }\r\n\r\n if (pop && \"ResizeObserver\" in window) {\r\n this.popoverRO?.disconnect();\r\n this.popoverRO = new ResizeObserver(() => {\r\n if (this._open) this.position();\r\n });\r\n this.popoverRO.observe(pop);\r\n }\r\n\r\n this.teardownScrollParents();\r\n\r\n const mode = this.opts.scrollContainer;\r\n if (mode === \"window\") return;\r\n\r\n if (mode instanceof HTMLElement) {\r\n this.bindScroll(mode);\r\n return;\r\n }\r\n\r\n if (anchor) {\r\n for (const p of this.getScrollParents(anchor)) this.bindScroll(p);\r\n }\r\n }\r\n\r\n private bindScroll(el: HTMLElement) {\r\n const fn = this.onViewportMove as EventListener;\r\n el.addEventListener(\"scroll\", fn, { passive: true });\r\n this.boundScrollParents.push({ el, fn });\r\n }\r\n\r\n private teardownScrollParents() {\r\n for (const { el, fn } of this.boundScrollParents) {\r\n (el as any).removeEventListener?.(\"scroll\", fn);\r\n }\r\n this.boundScrollParents = [];\r\n }\r\n\r\n private getScrollParents(node: HTMLElement): HTMLElement[] {\r\n const parents: HTMLElement[] = [];\r\n let el: HTMLElement | null = node.parentElement;\r\n\r\n while (el && el !== document.body) {\r\n const style = getComputedStyle(el);\r\n const overflowY = style.overflowY;\r\n const overflowX = style.overflowX;\r\n\r\n const canScrollY =\r\n (overflowY === \"auto\" || overflowY === \"scroll\" || overflowY === \"overlay\") &&\r\n el.scrollHeight > el.clientHeight;\r\n\r\n const canScrollX =\r\n (overflowX === \"auto\" || overflowX === \"scroll\" || overflowX === \"overlay\") &&\r\n el.scrollWidth > el.clientWidth;\r\n\r\n if (canScrollY || canScrollX) parents.push(el);\r\n el = el.parentElement;\r\n }\r\n\r\n return parents;\r\n }\r\n\r\n private onViewportMove = () => {\r\n if (this._open) this.position();\r\n };\r\n\r\n private onKeydown = (e: KeyboardEvent) => {\r\n if (!this._open) return;\r\n if (e.key !== \"Escape\") return;\r\n\r\n if (!this.opts.getCloseOnEscape()) return;\r\n\r\n const pop = this.opts.getPopover();\r\n const anchor = this.opts.getAnchor();\r\n const active = document.activeElement;\r\n\r\n const withinPopover = !!(pop && active && pop.contains(active));\r\n const onAnchor = !!(anchor && active && anchor.contains(active));\r\n\r\n if (withinPopover || onAnchor) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.closePopover(\"escape\");\r\n }\r\n };\r\n\r\n private onGroupOpen = (e: CustomEvent) => {\r\n const other = e.detail?.id;\r\n const mine = this.opts.groupId ?? this.host;\r\n\r\n if (other !== mine && this._open) {\r\n this.closePopover(\"group\");\r\n }\r\n };\r\n\r\n private captureFocusBeforeOpen() {\r\n this.lastFocusedEl = document.activeElement;\r\n }\r\n\r\n private elementIsTriggerRelated(el: EventTarget | null | undefined): boolean {\r\n if (!(el instanceof HTMLElement)) return false;\r\n\r\n const anchor = this.opts.getAnchor();\r\n const focusTarget = this.opts.getFocusTarget?.() ?? null;\r\n\r\n if (focusTarget && (el === focusTarget || focusTarget.contains(el))) {\r\n return true;\r\n }\r\n if (!anchor) return false;\r\n if (el === anchor || anchor.contains(el)) return true;\r\n if (anchor.shadowRoot?.contains(el)) return true;\r\n return false;\r\n }\r\n\r\n private restoreFocus() {\r\n if (!this.opts.getRestoreFocusOnClose()) return;\r\n\r\n const anchor = this.opts.getAnchor();\r\n if (!anchor) return;\r\n\r\n const focusTarget = this.opts.getFocusTarget?.() ?? anchor;\r\n const active = document.activeElement;\r\n const last = this.lastFocusedEl;\r\n const pop = this.opts.getPopover();\r\n\r\n const lastWasInsidePopover = !!(pop && last && pop.contains(last));\r\n const lastWasInsideTrigger = this.elementIsTriggerRelated(last);\r\n const activeInsidePopover = !!(pop && active && pop.contains(active));\r\n\r\n if (activeInsidePopover || lastWasInsidePopover || lastWasInsideTrigger) {\r\n focusTarget.focus?.({ preventScroll: true });\r\n }\r\n }\r\n\r\n private ensurePopoverMarginZero() {\r\n const pop = this.opts.getPopover();\r\n if (!pop) return;\r\n if (!pop.style.margin) pop.style.margin = \"0\";\r\n }\r\n\r\n /**\r\n * Utility method to manually update a specific option\r\n * (Useful for edge cases where you need direct control)\r\n */\r\n updateOption<T extends keyof typeof this.opts>(\r\n key: T,\r\n value: typeof this.opts[T]\r\n ) {\r\n if (typeof value === \"function\") {\r\n // For getters, replace the function\r\n (this.opts as any)[key] = value;\r\n } else {\r\n // For other values, wrap in a getter\r\n (this.opts as any)[key] = () => value;\r\n }\r\n\r\n if (this._open && key.startsWith(\"get\")) {\r\n // Reposition if open and a positioning property changed\r\n this.position();\r\n }\r\n }\r\n}"],"names":["PopoverController","constructor","host","options","this","_open","raf","boundScrollParents","_listenersAttached","lastCloseReason","lastFocusedEl","hasEverOpened","_skipNextReposition","lastMeta","place","arrowAlign","_phase","onToggle","e","pop","opts","getPopover","ev","isOpen","newState","matches","detachGlobalListenersIfAttached","onOpenChange","reason","getRestoreFocusOnClose","restoreFocus","attachGlobalListeners","position","requestAnimationFrame","focusOnOpen","onDocumentPointerDown","getCloseOnOutside","anchor","getAnchor","button","path","composedPath","insidePopover","includes","insideAnchor","node","Element","openAncestor","closest","x","clientX","y","clientY","window","innerWidth","innerHeight","ignoreAttr","getIgnoreOutsideAttr","ignoreSel","getIgnoreOutsideSelector","trim","HTMLElement","hasAttribute","closePopover","onViewportMove","onKeydown","key","getCloseOnEscape","active","document","activeElement","withinPopover","contains","onAnchor","preventDefault","stopPropagation","onGroupOpen","other","detail","id","groupId","addController","dur","duration","closeDur","closeDuration","Math","min","getPlacement","createGetter","placement","getAlign","align","getGap","gap","getPadding","padding","getMatchAnchorWidth","matchAnchorWidth","getMaxWidthToViewport","maxWidthToViewport","getMaxWidthMode","maxWidthMode","getFlip","flip","getFlipOrder","flipOrder","getPreset","preset","getDuration","getCloseDuration","getAnimateReposition","animateReposition","getRepositionMs","repositionMs","closeOnEscape","closeOnOutside","ignoreOutsideSelector","ignoreOutsideAttr","restoreFocusOnClose","cssVarLeft","cssVarTop","cssVarWidth","scrollContainer","groupEventName","getFocusTarget","sideAttr","respectReducedMotion","getter","staticValue","defaultValue","open","meta","hostConnected","visualViewport","hostDisconnected","cancelAnimationFrame","addEventListener","passive","capture","setupObserversAndScrollParents","removeEventListener","teardownScrollParents","anchorRO","disconnect","popoverRO","refreshTargets","toggle","openPopover","dispatchEvent","CustomEvent","captureFocusBeforeOpen","ensurePopoverMarginZero","prevVisibility","style","visibility","showPopover","wasEverOpen","getBoundingClientRect","side","setSideAttr","playPreset","then","hidePopover","moveAnim","cancel","normalizeFlipOrder","order","base","length","valid","Set","out","s","has","push","defaultOrderFromPlacement","p","isActuallyVisible","offsetParent","before","pad","a","vv","vw","width","vh","height","offsetX","offsetLeft","offsetY","offsetTop","maxW","max","maxWidth","boxSizing","pr","popW","popH","space","top","bottom","left","right","fits","requested","flipEnabled","baseOrder","find","map","sort","req","prioritized","filter","isRTL","getComputedStyle","direction","ax1","ax2","ay1","ay2","aw","ah","clampedLeft","clampedTop","hostEl","setProperty","removeProperty","presetAnim","after","animateMove","vec","v","prefersReducedMotion","matchMedia","computeOrigin","mode","kf","opacity","transform","presetRegistry","none","name","defaults","enterPx","exitPx","enterScale","exitScale","blurInPx","blurOutPx","perspectivePx","rotateDeg","tiltDeg","origin","easingOpen","easingClose","enterDuration","exitDuration","getKeyframes","fade","phase","scale","cfg","slide","b","iosMenu","iosSheet","materialMenu","materialSheet","floaty","soft","sharp","blurIn","blurFade","zoomFromAnchor","zoomFromCorner","flip3d","axis","sign","r","v2","card3d","t","tilt3d","rx","ry","depth3d","rotate3d","springy","bouncy","glide","drop","grow","getPresetKeyframes","overrides","reg","def","getBaseDefaults","keyframes","checkForConflictingCSS","transition","is3d","is3dPreset","transformStyle","backfaceVisibility","transformOrigin","easing","anim","animate","fill","finished","transitions","console","warn","from","to","dx","dy","abs","finally","setAttribute","ResizeObserver","observe","bindScroll","getScrollParents","el","fn","parents","parentElement","body","overflowY","overflowX","canScrollY","scrollHeight","clientHeight","canScrollX","scrollWidth","clientWidth","elementIsTriggerRelated","focusTarget","shadowRoot","last","lastWasInsidePopover","lastWasInsideTrigger","focus","preventScroll","margin","updateOption","value","startsWith"],"mappings":"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"}
|
|
@@ -25,6 +25,10 @@ export type PresetControllerOptions = {
|
|
|
25
25
|
* active defaults + named `preset` bag onto the host (unless the user set that
|
|
26
26
|
* attribute). Changing the provider config or `preset="…"` re-applies the bag.
|
|
27
27
|
*
|
|
28
|
+
* Hosts rendered inside another `sky-*` shadow tree (composite internals) skip
|
|
29
|
+
* presets entirely so app defaults do not restyle library chrome. Slotted /
|
|
30
|
+
* light-DOM instances still receive them. See `isSkyCompositeInternal`.
|
|
31
|
+
*
|
|
28
32
|
* Timing note (Lit reactive-element ≥2): controller `hostUpdate` runs *after*
|
|
29
33
|
* the host's `willUpdate` and *before* `update`/render. Components that derive
|
|
30
34
|
* paint from props must rebuild in `update()`/`updated()` (not `willUpdate`),
|
|
@@ -49,6 +53,11 @@ export declare class PresetController implements ReactiveController {
|
|
|
49
53
|
hostDisconnected(): void;
|
|
50
54
|
/** Force re-apply (e.g. after imperative config tweaks). */
|
|
51
55
|
reapply(): void;
|
|
56
|
+
/**
|
|
57
|
+
* Skip applying when `isPaused` says so, or when this host is sky composite
|
|
58
|
+
* chrome (inside another `sky-*` shadow root).
|
|
59
|
+
*/
|
|
60
|
+
private _isPaused;
|
|
52
61
|
private _scheduleApply;
|
|
53
62
|
private _applyNow;
|
|
54
63
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{ContextConsumer as s}from"@lit/context";import{configContext as t,captureBuiltInPropSnapshot as e,findNearestPresetsConfig as i,finalizeBuiltInPropSnapshot as
|
|
1
|
+
import{ContextConsumer as s}from"@lit/context";import{configContext as t,captureBuiltInPropSnapshot as e,findNearestPresetsConfig as i,finalizeBuiltInPropSnapshot as h,captureInitialUserAttributes as o,isSkyCompositeInternal as n,clearAppliedPresetLayer as p,getPresetLayer as l,applyPresetLayer as a}from"../utils/component-presets.js";class u{constructor(i,h={}){this.host=i,this.options=h,this.revision=0,this._lastPresetName="",this._lastPaused=!1,this._applyQueued=!1,this._consumer=new s(this.host,{context:t,subscribe:!0,callback:()=>{this._scheduleApply()}}),this.host.addController(this),e(this.host)}get componentKey(){return this.options.componentKey||this.host.localName||""}get config(){const s=this._consumer.value;return s&&(s.defaults||s.presets)?s:i(this.host)??s??null}hostConnected(){h(this.host),o(this.host),this._scheduleApply()}hostUpdate(){const s=String(this.host.preset??""),t=this._isPaused();(s!==this._lastPresetName||t!==this._lastPaused||this._applyQueued)&&this._applyNow()}hostDisconnected(){}reapply(){this._scheduleApply()}_isPaused(){return Boolean(this.options.isPaused?.())||n(this.host)}_scheduleApply(){this._applyQueued=!0,this.revision++,this.host.requestUpdate()}_applyNow(){this._applyQueued=!1;const s=String(this.host.preset??""),t=this._isPaused();this._lastPresetName=s,this._lastPaused=t;let e=!1;if(t)e=p(this.host);else{const t=l(this.config,this.componentKey,s||null);e=a(this.host,t,{skipKeys:this.options.skipKeys})}e&&(this.revision++,this.options.onChange?.(),queueMicrotask(()=>this.host.requestUpdate()))}}export{u as PresetController};
|
|
2
2
|
//# sourceMappingURL=preset-controller.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset-controller.js","sources":["../../../src/helper/controllers/preset-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport { ContextConsumer } from \"@lit/context\";\nimport {\n applyPresetLayer,\n captureBuiltInPropSnapshot,\n captureInitialUserAttributes,\n clearAppliedPresetLayer,\n configContext,\n finalizeBuiltInPropSnapshot,\n findNearestPresetsConfig,\n getPresetLayer,\n type ComponentPresetKey,\n type ComponentPresetsConfig,\n} from \"../utils/component-presets.js\";\n\ntype PresetHost = ReactiveControllerHost &\n HTMLElement & {\n preset?: string;\n };\n\nexport type PresetControllerOptions = {\n /**\n * Config key under `defaults` / `presets`.\n * Prefer the custom element tag (`sky-button`). Defaults to `host.localName`.\n * Short aliases (`button`) resolve to the same bag.\n */\n componentKey?: ComponentPresetKey;\n /**\n * When true, clear preset-applied props (e.g. `sky-button` inside a group\n * that owns visual knobs).\n */\n isPaused?: () => boolean;\n /** Called after props are applied / cleared (e.g. mark style cache dirty). */\n onChange?: () => void;\n /** Prop names never written from presets. */\n skipKeys?: string[];\n};\n\n/**\n * Consumes nearest `<sky-config-provider>` and **assigns every prop** from the\n * active defaults + named `preset` bag onto the host (unless the user set that\n * attribute). Changing the provider config or `preset=\"…\"` re-applies the bag.\n *\n * Timing note (Lit reactive-element ≥2): controller `hostUpdate` runs *after*\n * the host's `willUpdate` and *before* `update`/render. Components that derive\n * paint from props must rebuild in `update()`/`updated()` (not `willUpdate`),\n * or rely on the follow-up `requestUpdate` scheduled when props change.\n */\nexport class PresetController implements ReactiveController {\n private readonly _consumer: ContextConsumer<\n typeof configContext,\n PresetHost\n >;\n\n /** Bumps when context / applied props change. */\n revision = 0;\n\n private _lastPresetName = \"\";\n private _lastPaused = false;\n private _applyQueued = false;\n\n constructor(\n private readonly host: PresetHost,\n private readonly options: PresetControllerOptions = {},\n ) {\n this._consumer = new ContextConsumer(this.host, {\n context: configContext,\n subscribe: true,\n callback: () => {\n this._scheduleApply();\n },\n });\n this.host.addController(this);\n // Snapshot @property initials now (before Vue/React assign host props).\n // Keep this field initializer after presettable props on the host class.\n captureBuiltInPropSnapshot(this.host);\n }\n\n /** Tag name (or explicit override) used to look up config bags. */\n get componentKey(): ComponentPresetKey {\n return this.options.componentKey || this.host.localName || \"\";\n }\n\n /** Merged presets from context, or nearest provider via DOM walk. */\n get config(): ComponentPresetsConfig | null {\n const fromCtx = this._consumer.value;\n if (fromCtx && (fromCtx.defaults || fromCtx.presets)) {\n return fromCtx;\n }\n return findNearestPresetsConfig(this.host) ?? fromCtx ?? null;\n }\n\n hostConnected(): void {\n finalizeBuiltInPropSnapshot(this.host);\n captureInitialUserAttributes(this.host);\n this._scheduleApply();\n }\n\n hostUpdate(): void {\n const presetName = String(this.host.preset ?? \"\");\n const paused =
|
|
1
|
+
{"version":3,"file":"preset-controller.js","sources":["../../../src/helper/controllers/preset-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport { ContextConsumer } from \"@lit/context\";\nimport {\n applyPresetLayer,\n captureBuiltInPropSnapshot,\n captureInitialUserAttributes,\n clearAppliedPresetLayer,\n configContext,\n finalizeBuiltInPropSnapshot,\n findNearestPresetsConfig,\n getPresetLayer,\n isSkyCompositeInternal,\n type ComponentPresetKey,\n type ComponentPresetsConfig,\n} from \"../utils/component-presets.js\";\n\ntype PresetHost = ReactiveControllerHost &\n HTMLElement & {\n preset?: string;\n };\n\nexport type PresetControllerOptions = {\n /**\n * Config key under `defaults` / `presets`.\n * Prefer the custom element tag (`sky-button`). Defaults to `host.localName`.\n * Short aliases (`button`) resolve to the same bag.\n */\n componentKey?: ComponentPresetKey;\n /**\n * When true, clear preset-applied props (e.g. `sky-button` inside a group\n * that owns visual knobs).\n */\n isPaused?: () => boolean;\n /** Called after props are applied / cleared (e.g. mark style cache dirty). */\n onChange?: () => void;\n /** Prop names never written from presets. */\n skipKeys?: string[];\n};\n\n/**\n * Consumes nearest `<sky-config-provider>` and **assigns every prop** from the\n * active defaults + named `preset` bag onto the host (unless the user set that\n * attribute). Changing the provider config or `preset=\"…\"` re-applies the bag.\n *\n * Hosts rendered inside another `sky-*` shadow tree (composite internals) skip\n * presets entirely so app defaults do not restyle library chrome. Slotted /\n * light-DOM instances still receive them. See `isSkyCompositeInternal`.\n *\n * Timing note (Lit reactive-element ≥2): controller `hostUpdate` runs *after*\n * the host's `willUpdate` and *before* `update`/render. Components that derive\n * paint from props must rebuild in `update()`/`updated()` (not `willUpdate`),\n * or rely on the follow-up `requestUpdate` scheduled when props change.\n */\nexport class PresetController implements ReactiveController {\n private readonly _consumer: ContextConsumer<\n typeof configContext,\n PresetHost\n >;\n\n /** Bumps when context / applied props change. */\n revision = 0;\n\n private _lastPresetName = \"\";\n private _lastPaused = false;\n private _applyQueued = false;\n\n constructor(\n private readonly host: PresetHost,\n private readonly options: PresetControllerOptions = {},\n ) {\n this._consumer = new ContextConsumer(this.host, {\n context: configContext,\n subscribe: true,\n callback: () => {\n this._scheduleApply();\n },\n });\n this.host.addController(this);\n // Snapshot @property initials now (before Vue/React assign host props).\n // Keep this field initializer after presettable props on the host class.\n captureBuiltInPropSnapshot(this.host);\n }\n\n /** Tag name (or explicit override) used to look up config bags. */\n get componentKey(): ComponentPresetKey {\n return this.options.componentKey || this.host.localName || \"\";\n }\n\n /** Merged presets from context, or nearest provider via DOM walk. */\n get config(): ComponentPresetsConfig | null {\n const fromCtx = this._consumer.value;\n if (fromCtx && (fromCtx.defaults || fromCtx.presets)) {\n return fromCtx;\n }\n return findNearestPresetsConfig(this.host) ?? fromCtx ?? null;\n }\n\n hostConnected(): void {\n finalizeBuiltInPropSnapshot(this.host);\n captureInitialUserAttributes(this.host);\n this._scheduleApply();\n }\n\n hostUpdate(): void {\n const presetName = String(this.host.preset ?? \"\");\n const paused = this._isPaused();\n if (\n presetName !== this._lastPresetName ||\n paused !== this._lastPaused ||\n this._applyQueued\n ) {\n this._applyNow();\n }\n }\n\n hostDisconnected(): void {\n // ContextConsumer cleans up with the host.\n }\n\n /** Force re-apply (e.g. after imperative config tweaks). */\n reapply(): void {\n this._scheduleApply();\n }\n\n /**\n * Skip applying when `isPaused` says so, or when this host is sky composite\n * chrome (inside another `sky-*` shadow root).\n */\n private _isPaused(): boolean {\n return (\n Boolean(this.options.isPaused?.()) || isSkyCompositeInternal(this.host)\n );\n }\n\n private _scheduleApply(): void {\n this._applyQueued = true;\n this.revision++;\n this.host.requestUpdate();\n }\n\n private _applyNow(): void {\n this._applyQueued = false;\n const presetName = String(this.host.preset ?? \"\");\n const paused = this._isPaused();\n this._lastPresetName = presetName;\n this._lastPaused = paused;\n\n let changed = false;\n if (paused) {\n changed = clearAppliedPresetLayer(this.host);\n } else {\n const layer = getPresetLayer(\n this.config,\n this.componentKey,\n presetName || null,\n );\n changed = applyPresetLayer(this.host, layer, {\n skipKeys: this.options.skipKeys,\n });\n }\n\n if (changed) {\n this.revision++;\n this.options.onChange?.();\n // Props were written during hostUpdate (after willUpdate). Lit will not\n // enqueue another update while one is pending, and the mid-update writes\n // are wiped from the pending-change map at end of update — so schedule a\n // follow-up pass for hosts that still resolve styles in willUpdate.\n queueMicrotask(() => this.host.requestUpdate());\n }\n }\n}\n"],"names":["PresetController","constructor","host","options","this","revision","_lastPresetName","_lastPaused","_applyQueued","_consumer","ContextConsumer","context","configContext","subscribe","callback","_scheduleApply","addController","captureBuiltInPropSnapshot","componentKey","localName","config","fromCtx","value","defaults","presets","findNearestPresetsConfig","hostConnected","finalizeBuiltInPropSnapshot","captureInitialUserAttributes","hostUpdate","presetName","String","preset","paused","_isPaused","_applyNow","hostDisconnected","reapply","Boolean","isPaused","isSkyCompositeInternal","requestUpdate","changed","clearAppliedPresetLayer","layer","getPresetLayer","applyPresetLayer","skipKeys","onChange","queueMicrotask"],"mappings":"iVAqDO,MAAMA,EAaX,WAAAC,CACmBC,EACAC,EAAmC,IADnCC,KAAAF,KAAAA,EACAE,KAAAD,QAAAA,EARnBC,KAAAC,SAAW,EAEXD,KAAQE,gBAAkB,GAC1BF,KAAQG,aAAc,EACtBH,KAAQI,cAAe,EAMrBJ,KAAKK,UAAY,IAAIC,EAAgBN,KAAKF,KAAM,CAC9CS,QAASC,EACTC,WAAW,EACXC,SAAU,KACRV,KAAKW,oBAGTX,KAAKF,KAAKc,cAAcZ,MAGxBa,EAA2Bb,KAAKF,KAClC,CAGA,gBAAIgB,GACF,OAAOd,KAAKD,QAAQe,cAAgBd,KAAKF,KAAKiB,WAAa,EAC7D,CAGA,UAAIC,GACF,MAAMC,EAAUjB,KAAKK,UAAUa,MAC/B,OAAID,IAAYA,EAAQE,UAAYF,EAAQG,SACnCH,EAEFI,EAAyBrB,KAAKF,OAASmB,GAAW,IAC3D,CAEA,aAAAK,GACEC,EAA4BvB,KAAKF,MACjC0B,EAA6BxB,KAAKF,MAClCE,KAAKW,gBACP,CAEA,UAAAc,GACE,MAAMC,EAAaC,OAAO3B,KAAKF,KAAK8B,QAAU,IACxCC,EAAS7B,KAAK8B,aAElBJ,IAAe1B,KAAKE,iBACpB2B,IAAW7B,KAAKG,aAChBH,KAAKI,eAELJ,KAAK+B,WAET,CAEA,gBAAAC,GAEA,CAGA,OAAAC,GACEjC,KAAKW,gBACP,CAMQ,SAAAmB,GACN,OACEI,QAAQlC,KAAKD,QAAQoC,eAAiBC,EAAuBpC,KAAKF,KAEtE,CAEQ,cAAAa,GACNX,KAAKI,cAAe,EACpBJ,KAAKC,WACLD,KAAKF,KAAKuC,eACZ,CAEQ,SAAAN,GACN/B,KAAKI,cAAe,EACpB,MAAMsB,EAAaC,OAAO3B,KAAKF,KAAK8B,QAAU,IACxCC,EAAS7B,KAAK8B,YACpB9B,KAAKE,gBAAkBwB,EACvB1B,KAAKG,YAAc0B,EAEnB,IAAIS,GAAU,EACd,GAAIT,EACFS,EAAUC,EAAwBvC,KAAKF,UAClC,CACL,MAAM0C,EAAQC,EACZzC,KAAKgB,OACLhB,KAAKc,aACLY,GAAc,MAEhBY,EAAUI,EAAiB1C,KAAKF,KAAM0C,EAAO,CAC3CG,SAAU3C,KAAKD,QAAQ4C,UAE3B,CAEIL,IACFtC,KAAKC,WACLD,KAAKD,QAAQ6C,aAKbC,eAAe,IAAM7C,KAAKF,KAAKuC,iBAEnC"}
|
package/dist/helper/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{extractIconNames,fetchIconsForOffline,registerOfflineIcons}from"./iconify-offline.js";export{AnimationController}from"./controllers/animation-controller.js";export{CONTRAST_COLOR_SUPPORT_QUERY,ON_COLOR_FALLBACK_DARK,ON_COLOR_FALLBACK_LIGHT,contrastOnFill,contrastOverlay,contrastThemeInk,cssContrastColor,cssOnFill,cssOnFillEnhance,isLightFill,parseCssRgb,perceivedLuminance,relativeLuminance}from"./utils/contrast-color.js";export{ColorResolver,DEFAULT_COLOR_TOKENS,colorResolver,createGradient,darkShade,fadeMix,hoverShade,isDefaultColorToken,lightShade,parseGradientSpec,resolveAccentColorForToken,resolveColor,resolveGradientStop,resolveInkColorForToken,resolveSemanticSurfaceKey,semanticSoftSurfaceTokens,skyBorderPrimaryShorthand,skyBorderWidthSolid,tuneSurfaceVariantForDefaultColor}from"./utils/color-resolver.js";export{FormControlBase}from"./internals/form-control-base.js";export{PopoverController}from"./controllers/popover-controller.js";export{PresetController}from"./controllers/preset-controller.js";export{applyPresetLayer,camelToKebab,captureBuiltInPropSnapshot,captureInitialUserAttributes,clearAppliedPresetLayer,configContext,finalizeBuiltInPropSnapshot,findNearestPresetsConfig,getPresetLayer,isUserSetProp,lookupPresetSection,markUserSetProp,mergePresetsConfig,presetKeyAliases,refreshUserAttributes,resolveComponentProps,toPresetTagKey}from"./utils/component-presets.js";export{resolveRadius}from"./utils/size-resolver.js";
|
|
1
|
+
export{extractIconNames,fetchIconsForOffline,registerOfflineIcons}from"./iconify-offline.js";export{AnimationController}from"./controllers/animation-controller.js";export{CONTRAST_COLOR_SUPPORT_QUERY,ON_COLOR_FALLBACK_DARK,ON_COLOR_FALLBACK_LIGHT,contrastOnFill,contrastOverlay,contrastThemeInk,cssContrastColor,cssOnFill,cssOnFillEnhance,isLightFill,parseCssRgb,perceivedLuminance,relativeLuminance}from"./utils/contrast-color.js";export{ColorResolver,DEFAULT_COLOR_TOKENS,colorResolver,createGradient,darkShade,fadeMix,hoverShade,isDefaultColorToken,lightShade,parseGradientSpec,resolveAccentColorForToken,resolveColor,resolveGradientStop,resolveInkColorForToken,resolveSemanticSurfaceKey,semanticSoftSurfaceTokens,skyBorderPrimaryShorthand,skyBorderWidthSolid,tuneSurfaceVariantForDefaultColor}from"./utils/color-resolver.js";export{FormControlBase}from"./internals/form-control-base.js";export{PopoverController}from"./controllers/popover-controller.js";export{PresetController}from"./controllers/preset-controller.js";export{applyPresetLayer,camelToKebab,captureBuiltInPropSnapshot,captureInitialUserAttributes,clearAppliedPresetLayer,configContext,finalizeBuiltInPropSnapshot,findNearestPresetsConfig,getPresetLayer,isSkyCompositeInternal,isUserSetProp,lookupPresetSection,markUserSetProp,mergePresetsConfig,presetKeyAliases,refreshUserAttributes,resolveComponentProps,toPresetTagKey}from"./utils/component-presets.js";export{resolveRadius}from"./utils/size-resolver.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|