@cratis/components 0.1.16 → 0.1.17

package/dist/cjs/PivotViewer/components/PivotCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"PivotCanvas.js","sources":["../../../../PivotViewer/components/PivotCanvas.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport * as PIXI from 'pixi.js';\nimport type { ItemId, LayoutResult, GroupingResult } from '../engine/types';\nimport type { ViewMode } from './Toolbar';\nimport { createCssColorResolver, resolveCardColors } from './pivot/colorResolver';\nimport { createCardSprite as createCardSpriteExternal, updateCardContent as updateCardContentExternal, clearSpritePool } from './pivot/sprites';\nimport { syncSpritesToViewport } from './pivot/visibility';\nimport { updateBucketBackgrounds as updateBucketBackgroundsExternal, updateHighlight as updateHighlightExternal } from './pivot/buckets';\nimport { startAnimationLoop as startAnimationLoopExternal, updatePositions as updatePositionsExternal } from './pivot/animation';\nimport { ANIMATION_SPEED, DEFAULT_COLORS, type CardSprite, type CardColors } from './pivot/constants';\n\nexport interface PivotCanvasProps<TItem extends object> {\n  /** Original items array */\n  items: TItem[];\n\n  /** Layout positions */\n  layout: LayoutResult;\n\n  /** Grouping information */\n  grouping: GroupingResult;\n\n  /** Visible item IDs */\n  visibleIds: Uint32Array;\n\n  /** Card dimensions */\n  cardWidth: number;\n  cardHeight: number;\n\n  /** Zoom level */\n  zoomLevel: number;\n\n  /** Pan offset */\n  panX: number;\n  panY: number;\n\n  /** Viewport dimensions (visible area) */\n  viewportWidth: number;\n  viewportHeight: number;\n\n  /** Selected item ID */\n  selectedId: ItemId | null;\n\n  /** Hovered group index */\n  hoveredGroupIndex: number | null;\n\n  /** Current view mode */\n  viewMode: ViewMode;\n\n  /** Is zooming animation in progress */\n  isZooming?: boolean;\n\n  /** Card renderer function */\n  cardRenderer?: (item: TItem) => ReactNode;\n\n  /** ID resolver */\n  resolveId: (item: TItem, index: number) => string | number;\n\n  /** Click handler */\n  onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void;\n\n  /** Pan handlers */\n  onPanStart: (e: React.MouseEvent) => void;\n  onPanMove: (e: React.MouseEvent) => void;\n  onPanEnd: () => void;\n  containerRef: React.RefObject<HTMLDivElement | null>;\n}\n\n// `CardSprite` type moved to ./pivot/constants and imported above\n\n// constants and CardColors type moved to ./pivot/constants\n\nexport function PivotCanvas<TItem extends object>({\n  items,\n  layout,\n  grouping,\n  visibleIds,\n  cardWidth,\n  cardHeight,\n  zoomLevel,\n  panX,\n  panY,\n  viewportWidth,\n  viewportHeight,\n  selectedId,\n  hoveredGroupIndex,\n  isZooming: _isZooming = false,\n  resolveId: _resolveId,\n  onCardClick,\n  onPanStart,\n  onPanMove,\n  onPanEnd,\n  viewMode,\n  cardRenderer,\n  containerRef,\n}: PivotCanvasProps<TItem>) {\n  // Use the containerRef passed from the parent viewport so we append the Pixi\n  // canvas and spacer into the actual scrollable element.\n  const parentContainerRef = containerRef;\n  // Mark intentionally-unused destructured props as used to satisfy lint\n  void _isZooming;\n  void _resolveId;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const spacerRef = useRef<HTMLDivElement | null>(null);\n  const appRef = useRef<PIXI.Application | null>(null);\n  const rootRef = useRef<PIXI.Container | null>(null);\n  const bucketsContainerRef = useRef<PIXI.Container | null>(null);\n  const spritesRef = useRef<Map<ItemId, CardSprite>>(new Map());\n  const animationFrameRef = useRef<number>(0);\n  const mountedRef = useRef(true);\n  const [pixiReady, setPixiReady] = useState(false);\n  const isAnimatingRef = useRef(false);\n  const needsRenderRef = useRef(false);\n  const initializingRef = useRef(false);\n  const isViewTransitionRef = useRef(false);\n  const lastViewChangeTimeRef = useRef(0);\n  const previousViewModeRef = useRef<ViewMode>(viewMode);\n  const prevLayoutRef = useRef<LayoutResult | null>(null);\n  const prevGroupingRef = useRef<GroupingResult | null>(null);\n  const cardColorsRef = useRef<CardColors>(DEFAULT_COLORS);\n  void cardRenderer; // unused in Pixi renderer but keep prop compatibility\n\n  const cssColorResolver = useMemo(() => createCssColorResolver(), []);\n\n  const onPanStartRef = useRef(onPanStart);\n  const onPanMoveRef = useRef(onPanMove);\n  const onPanEndRef = useRef(onPanEnd);\n  const onCardClickRef = useRef(onCardClick);\n  const prevPanRef = useRef({ x: panX, y: panY });\n\n  // Initialize Pixi Application\n  useEffect(() => {\n    // ... existing code ...\n    onPanMoveRef.current = onPanMove;\n    onPanEndRef.current = onPanEnd;\n    onCardClickRef.current = onCardClick;\n  }, [onPanStart, onPanMove, onPanEnd, onCardClick]);\n\n  useEffect(() => {\n    cardColorsRef.current = resolveCardColors(cssColorResolver);\n  }, [cssColorResolver]);\n\n  useEffect(() => {\n    // Reset mounted flag\n    mountedRef.current = true;\n\n    if (!parentContainerRef || !parentContainerRef.current) {\n      return;\n    }\n\n    // Prevent multiple simultaneous initializations\n    if (initializingRef.current || appRef.current) {\n      return;\n    }\n\n    initializingRef.current = true;\n    let app: PIXI.Application | null = null;\n    // Handler references declared here so cleanup can remove them later.\n\n    (async () => {\n      try {\n        // Prefer the new init API (v8+) to avoid deprecation issues. Fall back\n        // to the constructor options when `init` is not available.\n        const options = {\n          backgroundAlpha: 0,\n          antialias: false,\n          autoStart: false,\n          autoDensity: true,\n          resolution: window.devicePixelRatio || 1,\n          width: viewportWidth > 0 ? viewportWidth : 800,\n          height: viewportHeight > 0 ? viewportHeight : 600,\n        } as PIXI.ApplicationOptions;\n\n          app = new PIXI.Application();\n        if ((app as unknown as { init?: unknown }).init && typeof (app as unknown as { init: (...args: unknown[]) => unknown }).init === 'function') {\n          // init may return a promise in some builds\n           \n          // @ts-ignore\n          await app.init(options);\n        } else {\n          // Fall back to constructor that accepts options\n          app.destroy?.();\n          app = new PIXI.Application(options);\n        }\n\n        if (!mountedRef.current || !parentContainerRef.current) {\n          // Component unmounted during initialization\n          if (app && typeof app.destroy === 'function') app.destroy(true, { children: true });\n          initializingRef.current = false;\n          return;\n        }\n\n        appRef.current = app;\n\n        const bucketsContainer = new PIXI.Container();\n        bucketsContainerRef.current = bucketsContainer;\n        app.stage.addChild(bucketsContainer);\n\n        const root = new PIXI.Container();\n        rootRef.current = root;\n        app.stage.addChild(root);\n\n        // Resolve canvas element (different Pixi builds expose it as `view` or\n        // `canvas`).\n        const canvasEl = (app.view ?? (app as unknown as { canvas?: HTMLCanvasElement }).canvas ?? app.renderer?.view) as HTMLCanvasElement | undefined;\n\n        // Place canvas outside the scrollable content so native scrolling\n        // doesn't move the canvas DOM element itself. We overlay the canvas\n        // on top of the scroll area by inserting it into the parent element\n        // (or the container itself if parent is not available). This ensures\n        // the Pixi canvas remains stable while we move the Pixi world inside\n        // it to represent camera pan.\n        const overlayParent = parentContainerRef.current.parentElement ?? parentContainerRef.current;\n        if (canvasEl) {\n          if (canvasEl.parentElement) {\n            canvasEl.parentElement.removeChild(canvasEl);\n          }\n          overlayParent.appendChild(canvasEl);\n          canvasRef.current = canvasEl;\n        } else if ((app as unknown as { canvas?: HTMLCanvasElement }).canvas) {\n          const c = (app as unknown as { canvas: HTMLCanvasElement }).canvas;\n          if (c.parentElement) {\n            c.parentElement.removeChild(c);\n          }\n          overlayParent.appendChild(c);\n          canvasRef.current = c;\n        }\n\n        // Position the canvas to overlay the scrollable container area.\n        if (canvasRef.current && parentContainerRef.current) {\n          const parentBounds = parentContainerRef.current.getBoundingClientRect();\n          void parentBounds;\n          canvasRef.current.style.position = 'absolute';\n          // Place canvas relative to the overlayParent's coordinate space.\n          // If overlayParent is the immediate parent, top/left 0 aligns it.\n          const offsetLeft = parentContainerRef.current.offsetLeft;\n          const offsetTop = parentContainerRef.current.offsetTop;\n          canvasRef.current.style.left = `${offsetLeft}px`;\n          canvasRef.current.style.top = `${offsetTop}px`;\n          canvasRef.current.style.width = `${parentContainerRef.current.clientWidth}px`;\n          canvasRef.current.style.height = `${parentContainerRef.current.clientHeight}px`;\n          // Place canvas behind the scrollable container (which has z-index 1)\n          // so scrollbars appear on top.\n          canvasRef.current.style.zIndex = '0';\n          // Disable pointer events on canvas so they pass through to the viewport if needed,\n          // though viewport is on top anyway.\n          canvasRef.current.style.pointerEvents = 'none';\n        }\n\n        // We handle clicks and interactions manually in PivotViewerMain now,\n        // so we don't need to configure Pixi events on the container.\n        // This avoids z-index conflicts and event propagation issues.\n\n        // Make canvas fill container with absolute positioning\n        if (canvasRef.current) {\n          canvasRef.current.style.display = 'block';\n          // Ensure canvas does not capture events so they pass through to the viewport\n          canvasRef.current.style.pointerEvents = 'none';\n        }\n\n        // Setup stage events for background panning\n        app.stage.eventMode = 'static';\n        app.stage.hitArea = new PIXI.Rectangle(0, 0, viewportWidth, viewportHeight);\n\n        app.stage.on('pointerdown', (e) => {\n          // Only handle if it reached the stage (background)\n          // Sprites stop propagation, so this is safe\n          onPanStartRef.current(e.nativeEvent as unknown as React.MouseEvent);\n        });\n\n        app.stage.on('globalpointermove', (e) => {\n          onPanMoveRef.current(e.nativeEvent as unknown as React.MouseEvent);\n        });\n\n        app.stage.on('globalpointerup', () => {\n          onPanEndRef.current();\n        });\n\n        // We no longer need manual event listeners on parentEl because Pixi\n        // is now listening to events on parentEl directly via setTargetElement.\n        // This allows Pixi to handle hit testing through the transparent container.\n        const parentEl = parentContainerRef.current;\n        if (parentEl) {\n          // handleMouseDown = (e: Event) => onPanStartRef.current(e as unknown);\n          // handleMouseMove = (e: Event) => onPanMoveRef.current(e as unknown);\n          // handleMouseUp = () => onPanEndRef.current();\n          // parentEl.addEventListener('mousedown', handleMouseDown);\n          // parentEl.addEventListener('mousemove', handleMouseMove);\n          // parentEl.addEventListener('mouseup', handleMouseUp);\n          // parentEl.addEventListener('mouseleave', handleMouseUp);\n          // window.addEventListener('mouseup', handleMouseUp);\n          // window.addEventListener('pointerup', handleMouseUp);\n        }\n\n        // Immediately size to container to avoid delay\n        if (viewportWidth > 0 && viewportHeight > 0) {\n          app.renderer?.resize(viewportWidth, viewportHeight);\n        }\n\n        setPixiReady(true);\n        initializingRef.current = false;\n\n        // Trigger initial render\n        needsRenderRef.current = true;\n        app.renderer?.render(app.stage);\n      } catch (error) {\n        console.error('Failed to initialize Pixi.js:', error);\n        initializingRef.current = false;\n      }\n    })();\n\n    return () => {\n      mountedRef.current = false;\n      setPixiReady(false);\n      cancelAnimationFrame(animationFrameRef.current);\n\n      if (appRef.current && typeof appRef.current.destroy === 'function') {\n        appRef.current.destroy(true, { children: true });\n        appRef.current = null;\n        rootRef.current = null;\n      }\n\n      // Clear sprite pool to avoid holding onto destroyed textures\n      clearSpritePool();\n\n      // Remove any event listeners we attached to the parent container\n      try {\n        const parentEl = parentContainerRef.current;\n        if (parentEl) {\n          // if (handleMouseDown) parentEl.removeEventListener('mousedown', handleMouseDown);\n          // if (handleMouseMove) parentEl.removeEventListener('mousemove', handleMouseMove);\n          // if (handleMouseUp) parentEl.removeEventListener('mouseup', handleMouseUp);\n          // if (handleMouseUp) parentEl.removeEventListener('mouseleave', handleMouseUp);\n          // if (handleMouseUp) {\n          //   window.removeEventListener('mouseup', handleMouseUp);\n          //   window.removeEventListener('pointerup', handleMouseUp);\n          // }\n        }\n      } catch (e) {\n        void e;\n      }\n      // Remove DOM nodes we appended\n      try {\n        if (canvasRef.current && canvasRef.current.parentElement) {\n          canvasRef.current.parentElement.removeChild(canvasRef.current);\n        }\n      } catch (e) {\n        void e;\n      }\n    };\n  }, [viewportWidth, viewportHeight]);\n\n  // Handle canvas resize\n  useEffect(() => {\n    if (!parentContainerRef || !parentContainerRef.current || !appRef.current || !pixiReady) return;\n\n    const container = parentContainerRef.current;\n    const app = appRef.current;\n\n    let resizeTimeout: ReturnType<typeof setTimeout>;\n\n    const handleResize = () => {\n      // Size canvas to viewport dimensions from props\n      if (viewportWidth > 0 && viewportHeight > 0) {\n        app.renderer?.resize(viewportWidth, viewportHeight);\n        app.stage.hitArea = new PIXI.Rectangle(0, 0, viewportWidth, viewportHeight);\n\n        // Keep canvas DOM size in sync with container\n        if (canvasRef.current && parentContainerRef.current) {\n          canvasRef.current.style.width = `${parentContainerRef.current.clientWidth}px`;\n          canvasRef.current.style.height = `${parentContainerRef.current.clientHeight}px`;\n          // Also update left/top in case the container moved\n          canvasRef.current.style.left = `${parentContainerRef.current.offsetLeft}px`;\n          canvasRef.current.style.top = `${parentContainerRef.current.offsetTop}px`;\n        }\n      }\n    };\n\n    const debouncedResize = () => {\n      clearTimeout(resizeTimeout);\n      resizeTimeout = setTimeout(handleResize, 150);\n    };\n\n    // Initial resize (immediate)\n    handleResize();\n\n    // Watch for size changes (debounced)\n    const resizeObserver = new ResizeObserver(debouncedResize);\n    resizeObserver.observe(container);\n\n    return () => {\n      clearTimeout(resizeTimeout);\n      resizeObserver.disconnect();\n    };\n  }, [pixiReady, viewportWidth, viewportHeight]);\n\n  // Update bucket backgrounds only when layout/grouping changes\n  useEffect(() => {\n    if (!bucketsContainerRef.current || !parentContainerRef.current || !pixiReady) return;\n    updateBucketBackgroundsExternal(bucketsContainerRef.current, parentContainerRef.current, grouping, layout, zoomLevel, cardColorsRef.current, viewMode);\n    needsRenderRef.current = true;\n    appRef.current?.renderer?.render(appRef.current.stage);\n  }, [grouping, layout, zoomLevel, viewMode, pixiReady]);\n\n  useEffect(() => {\n    if (!rootRef.current || !parentContainerRef.current || !pixiReady) {\n      return;\n    }\n\n    // Check if this is a view mode change (not just pan/scroll)\n    const viewModeChanged = previousViewModeRef.current !== viewMode;\n    const groupingChanged = prevGroupingRef.current !== grouping;\n\n    if (viewModeChanged || groupingChanged) {\n      isViewTransitionRef.current = true;\n      lastViewChangeTimeRef.current = Date.now();\n      previousViewModeRef.current = viewMode;\n      prevGroupingRef.current = grouping;\n      \n      // When switching modes, mark all sprites for cleanup by hiding them\n      // The normal sweep logic will remove them after SWEEP_MS delay\n      for (const sprite of spritesRef.current.values()) {\n        try {\n          if (sprite.container) {\n            sprite.container.visible = false;\n          }\n          (sprite as unknown as { __lastHiddenAt?: number }).__lastHiddenAt = Date.now();\n        } catch (e) {\n          void e;\n        }\n      }\n    }\n\n    // Update spacer dimensions to match scaled world size\n    if (spacerRef.current) {\n      const spacer = spacerRef.current;\n      const worldWidth = (layout.totalWidth || viewportWidth) * zoomLevel;\n      const worldHeight = (layout.totalHeight || viewportHeight) * zoomLevel;\n      spacer.style.width = `${Math.max(worldWidth, viewportWidth)}px`;\n      spacer.style.height = `${Math.max(worldHeight, viewportHeight)}px`;\n    }\n\n    // Ensure scroll spacer matches layout so the container becomes scrollable and\n    // native scrollLeft/scrollTop reflect the camera position.\n    if (parentContainerRef.current) {\n      const spacer = spacerRef.current;\n      if (spacer) {\n        // Debug: log spacer and layout values to detect mismatches\n      }\n    }\n\n    const panDeltaX = panX - prevPanRef.current.x;\n    const panDeltaY = panY - prevPanRef.current.y;\n    prevPanRef.current = { x: panX, y: panY };\n\n    // Sync sprites into viewport and create/remove as needed\n    // Provide wrappers for sprite creation and content update so helpers have required context\n    syncSpritesToViewport({\n      root: rootRef.current,\n      container: parentContainerRef.current,\n      sprites: spritesRef.current,\n      layout,\n      visibleIds,\n      items,\n      cardWidth,\n      cardHeight,\n      panX,\n      panY,\n      panDeltaX,\n      panDeltaY,\n      zoomLevel,\n      viewportWidth,\n      viewportHeight,\n      createCardSprite: (id: string | number, x: number, y: number) => createCardSpriteExternal(\n        id,\n        x,\n        y,\n        items as TItem[],\n        (item: TItem, e: MouseEvent, id: string | number) => (onCardClickRef.current)(item, e, id),\n        (e: MouseEvent) => (onPanStart)(e as unknown as React.MouseEvent),\n        cardWidth,\n        cardHeight,\n        cardColorsRef.current\n      ),\n      updateCardContent: (sprite: CardSprite, item: TItem) => updateCardContentExternal(sprite, item, selectedId, cardWidth, cardHeight, cardColorsRef.current),\n      isViewTransition: isViewTransitionRef.current || (Date.now() - lastViewChangeTimeRef.current < 1000),\n      prevLayout: prevLayoutRef.current,\n    });\n    needsRenderRef.current = true;\n    \n    // Force an immediate render after syncing sprites to ensure cards appear\n    if (appRef.current?.renderer && rootRef.current) {\n      appRef.current.renderer.render(appRef.current.stage);\n      needsRenderRef.current = false;\n    }\n    \n    startAnimationLoopExternal({\n      mountedRef,\n      appRef,\n      animationFrameRef,\n      isAnimatingRef,\n      needsRenderRef,\n      spritesRef,\n      isViewTransitionRef,\n    });\n  }, [layout, visibleIds, items, cardWidth, cardHeight, pixiReady, zoomLevel, panX, panY, grouping, viewMode]);\n\n  // Update prevLayoutRef after processing layout changes\n  useEffect(() => {\n    prevLayoutRef.current = layout;\n  }, [layout]);\n\n  useEffect(() => {\n    if (!rootRef.current || !bucketsContainerRef.current) return;\n\n    // Camera transform: move world opposite to camera position. Prefer the\n    // native container scroll positions where available (they are authoritative\n    // during user scrolls) and fall back to the passed pan props.\n    const effectivePanX = parentContainerRef.current ? parentContainerRef.current.scrollLeft : panX;\n    const effectivePanY = parentContainerRef.current ? parentContainerRef.current.scrollTop : panY;\n\n    // Apply zoom and position to root and buckets.\n    if (rootRef.current.scale && bucketsContainerRef.current.scale) {\n      rootRef.current.scale.set(zoomLevel);\n      bucketsContainerRef.current.scale.set(zoomLevel);\n    }\n    if (rootRef.current.position && bucketsContainerRef.current.position) {\n      rootRef.current.position.set(-effectivePanX, -effectivePanY);\n      bucketsContainerRef.current.position.set(-effectivePanX, -effectivePanY);\n    }\n    appRef.current?.renderer?.render(appRef.current.stage);\n  }, [zoomLevel, panX, panY]);\n\n  useEffect(() => {\n    if (!rootRef.current) return;\n    updateSelection();\n    needsRenderRef.current = true;\n    appRef.current?.renderer.render(appRef.current.stage);\n  }, [selectedId, items]);\n\n  useEffect(() => {\n    if (!rootRef.current) return;\n    updateHighlight();\n    needsRenderRef.current = true;\n    appRef.current?.renderer.render(appRef.current.stage);\n  }, [hoveredGroupIndex, layout, grouping]);\n\n  // Note: animation loop and bucket background updates are delegated to\n  // external helpers (`startAnimationLoopExternal` and\n  // `updateBucketBackgroundsExternal`) and invoked where needed. We don't\n  // expose local wrappers to avoid unused-function lint warnings.\n\n  // Listen to native scroll events on the parent container so we update the\n  // Pixi world immediately when the user scrolls (native scrollbar or\n  // programmatic). This ensures `syncSpritesToViewport` runs on scroll and\n  // creates/destroys sprites as the viewport moves.\n  useEffect(() => {\n    if (!pixiReady || !parentContainerRef || !parentContainerRef.current || !appRef.current || !rootRef.current) return;\n\n    const container = parentContainerRef.current;\n    const app = appRef.current;\n\n    // rAF-batched scroll handling: store the latest scroll values and process\n    // them once per animation frame to avoid heavy synchronous work inside\n    // the scroll event which causes jank and de-synchronisation between the\n    // compositor and Pixi render updates.\n    const lastScroll = { x: container.scrollLeft, y: container.scrollTop };\n    const pendingRef = { scheduled: false } as { scheduled: boolean };\n\n    const processScroll = () => {\n      pendingRef.scheduled = false;\n      try {\n        // Read directly from container to ensure consistency with visibility logic\n        // and to handle cases where scroll changes without event (e.g. resize clamping)\n        const effectivePanX = container.scrollLeft;\n        const effectivePanY = container.scrollTop;\n\n        // Update lastScroll to keep it in sync\n        lastScroll.x = effectivePanX;\n        lastScroll.y = effectivePanY;\n\n        if (rootRef.current && bucketsContainerRef.current) {\n          if (rootRef.current.scale && bucketsContainerRef.current.scale) {\n            rootRef.current.scale.set(zoomLevel);\n            bucketsContainerRef.current.scale.set(zoomLevel);\n          }\n          const invScale = zoomLevel && zoomLevel !== 0 ? 1 / zoomLevel : 1;\n          void invScale;\n          if (rootRef.current.position && bucketsContainerRef.current.position) {\n            rootRef.current.position.set(-effectivePanX, -effectivePanY);\n            bucketsContainerRef.current.position.set(-effectivePanX, -effectivePanY);\n          }\n        }\n\n        syncSpritesToViewport({\n          root: rootRef.current,\n          container: parentContainerRef.current,\n          sprites: spritesRef.current,\n          layout,\n          visibleIds,\n          items,\n          cardWidth,\n          cardHeight,\n          panX,\n          panY,\n          zoomLevel,\n          viewportWidth,\n          viewportHeight,\n          createCardSprite: (id: string | number, x: number, y: number) => createCardSpriteExternal(\n            id, x, y, items as TItem[],\n            (item, e, id) => (onCardClickRef.current)(item, e, id),\n            (e) => (onPanStartRef.current)(e as unknown as React.MouseEvent), // Pixi events to React events\n            cardWidth, cardHeight, cardColorsRef.current\n          ),\n          updateCardContent: (sprite: CardSprite, item: TItem) => updateCardContentExternal(sprite, item, selectedId, cardWidth, cardHeight, cardColorsRef.current),\n          isViewTransition: isViewTransitionRef.current || (Date.now() - lastViewChangeTimeRef.current < 1000),\n        });\n        needsRenderRef.current = true;\n        app.renderer?.render(app.stage);\n      } catch (e) {\n        console.error('[PivotCanvas] processScroll error', e);\n      }\n    };\n\n    const onScroll = () => {\n      // capture latest scroll positions quickly and schedule work\n      lastScroll.x = container.scrollLeft;\n      lastScroll.y = container.scrollTop;\n      if (!pendingRef.scheduled) {\n        pendingRef.scheduled = true;\n        requestAnimationFrame(processScroll);\n      }\n    };\n\n    container.addEventListener('scroll', onScroll, { passive: true });\n\n    return () => {\n      container.removeEventListener('scroll', onScroll);\n    };\n  }, [pixiReady, layout, visibleIds, items, cardWidth, cardHeight, zoomLevel, viewportWidth, viewportHeight, panX, panY, grouping, viewMode, selectedId, onCardClick, onPanStart]);\n\n  function createCardSprite(id: ItemId, x: number, y: number): CardSprite {\n    return createCardSpriteExternal(\n      id, x, y, items as TItem[],\n      (item, e, id) => (onCardClickRef.current)(item, e, id),\n      (e) => (onPanStartRef.current)(e as unknown as React.MouseEvent),\n      cardWidth, cardHeight, cardColorsRef.current\n    );\n  }\n  // Mark these helpers as used (they may be referenced externally or via callbacks)\n  void createCardSprite;\n\n  function updateCardContent(sprite: CardSprite, item: TItem) {\n    return updateCardContentExternal(sprite, item, selectedId, cardWidth, cardHeight, cardColorsRef.current);\n  }\n\n  function updatePositions(): boolean {\n    return updatePositionsExternal(spritesRef.current, isViewTransitionRef, ANIMATION_SPEED);\n  }\n\n  void updatePositions;\n\n  function updateSelection() {\n    const sprites = spritesRef.current;\n\n    for (const sprite of sprites.values()) {\n      const val = (items as TItem[])[Number(sprite.itemId)];\n      updateCardContent(sprite, val);\n    }\n  }\n\n  function updateHighlight() {\n    updateHighlightExternal(bucketsContainerRef.current, parentContainerRef.current, grouping, layout, hoveredGroupIndex, cardWidth, zoomLevel);\n  }\n\n  void updateHighlight;\n\n  // This component renders into the parent `containerRef` (we append Pixi canvas\n  // and spacer directly into that DOM node). Return null so we don't replace or\n  // reassign the parent's ref which must remain the scrollable viewport element.\n  return null;\n}\n"],"names":["useRef","useState","DEFAULT_COLORS","useMemo","createCssColorResolver","useEffect","resolveCardColors","PIXI","clearSpritePool","updateBucketBackgroundsExternal","syncSpritesToViewport","createCardSpriteExternal","updateCardContentExternal","startAnimationLoopExternal","updateHighlightExternal"],"mappings":"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"}
+{"version":3,"file":"PivotCanvas.js","sources":["../../../../PivotViewer/components/PivotCanvas.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport * as PIXI from 'pixi.js';\nimport type { ItemId, LayoutResult, GroupingResult } from '../engine/types';\nimport type { ViewMode } from './Toolbar';\nimport { createCssColorResolver, resolveCardColors } from './pivot/colorResolver';\nimport { createCardSprite as createCardSpriteExternal, updateCardContent as updateCardContentExternal } from './pivot/sprites';\nimport { syncSpritesToViewport } from './pivot/visibility';\nimport { updateGroupBackgrounds as updateGroupBackgroundsExternal, updateHighlight as updateHighlightExternal } from './pivot/groups';\nimport { startAnimationLoop as startAnimationLoopExternal, updatePositions as updatePositionsExternal } from './pivot/animation';\nimport { ANIMATION_SPEED, DEFAULT_COLORS, type CardSprite, type CardColors } from './pivot/constants';\n\nexport interface PivotCanvasProps<TItem extends object> {\n  /** Original items array */\n  items: TItem[];\n\n  /** Layout positions */\n  layout: LayoutResult;\n\n  /** Grouping information */\n  grouping: GroupingResult;\n\n  /** Visible item IDs */\n  visibleIds: Uint32Array;\n\n  /** Card dimensions */\n  cardWidth: number;\n  cardHeight: number;\n\n  /** Zoom level */\n  zoomLevel: number;\n\n  /** Pan offset */\n  panX: number;\n  panY: number;\n\n  /** Viewport dimensions (visible area) */\n  viewportWidth: number;\n  viewportHeight: number;\n\n  /** Selected item ID */\n  selectedId: ItemId | null;\n\n  /** Hovered group index */\n  hoveredGroupIndex: number | null;\n\n  /** Current view mode */\n  viewMode: ViewMode;\n\n  /** Is zooming animation in progress */\n  isZooming?: boolean;\n\n  /** Card renderer function */\n  cardRenderer?: (item: TItem) => ReactNode;\n\n  /** ID resolver */\n  resolveId: (item: TItem, index: number) => string | number;\n\n  /** Click handler */\n  onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void;\n\n  /** Pan handlers */\n  onPanStart: (e: React.MouseEvent) => void;\n  onPanMove: (e: React.MouseEvent) => void;\n  onPanEnd: () => void;\n  containerRef: React.RefObject<HTMLDivElement | null>;\n}\n\n// `CardSprite` type moved to ./pivot/constants and imported above\n\n// constants and CardColors type moved to ./pivot/constants\n\nexport function PivotCanvas<TItem extends object>({\n  items,\n  layout,\n  grouping,\n  visibleIds,\n  cardWidth,\n  cardHeight,\n  zoomLevel,\n  panX,\n  panY,\n  viewportWidth,\n  viewportHeight,\n  selectedId,\n  hoveredGroupIndex,\n  isZooming: _isZooming = false,\n  resolveId: _resolveId,\n  onCardClick,\n  onPanStart,\n  onPanMove,\n  onPanEnd,\n  viewMode,\n  cardRenderer,\n  containerRef,\n}: PivotCanvasProps<TItem>) {\n  // Use the containerRef passed from the parent viewport so we append the Pixi\n  // canvas and spacer into the actual scrollable element.\n  const parentContainerRef = containerRef;\n  // Mark intentionally-unused destructured props as used to satisfy lint\n  void _isZooming;\n  void _resolveId;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const spacerRef = useRef<HTMLDivElement | null>(null);\n  const appRef = useRef<PIXI.Application | null>(null);\n  const rootRef = useRef<PIXI.Container | null>(null);\n  const groupsContainerRef = useRef<PIXI.Container | null>(null);\n  const spritesRef = useRef<Map<ItemId, CardSprite>>(new Map());\n  const animationFrameRef = useRef<number>(0);\n  const mountedRef = useRef(true);\n  const [pixiReady, setPixiReady] = useState(false);\n  const isAnimatingRef = useRef(false);\n  const needsRenderRef = useRef(false);\n  const initializingRef = useRef(false);\n  const isViewTransitionRef = useRef(false);\n  const lastViewChangeTimeRef = useRef(0);\n  const previousViewModeRef = useRef<ViewMode>(viewMode);\n  const prevLayoutRef = useRef<LayoutResult | null>(null);\n  const prevGroupingRef = useRef<GroupingResult | null>(null);\n  const prevScrollTopRef = useRef<number>(0);\n  const prevScrollLeftRef = useRef<number>(0);\n  const cardColorsRef = useRef<CardColors>(DEFAULT_COLORS);\n  void cardRenderer; // unused in Pixi renderer but keep prop compatibility\n\n  const cssColorResolver = useMemo(() => createCssColorResolver(), []);\n\n  const onPanStartRef = useRef(onPanStart);\n  const onPanMoveRef = useRef(onPanMove);\n  const onPanEndRef = useRef(onPanEnd);\n  const onCardClickRef = useRef(onCardClick);\n  const prevPanRef = useRef({ x: panX, y: panY });\n\n  // Initialize Pixi Application\n  useEffect(() => {\n    // ... existing code ...\n    onPanMoveRef.current = onPanMove;\n    onPanEndRef.current = onPanEnd;\n    onCardClickRef.current = onCardClick;\n  }, [onPanStart, onPanMove, onPanEnd, onCardClick]);\n\n  useEffect(() => {\n    cardColorsRef.current = resolveCardColors(cssColorResolver);\n  }, [cssColorResolver]);\n\n  useEffect(() => {\n    // Reset mounted flag\n    mountedRef.current = true;\n\n    if (!parentContainerRef || !parentContainerRef.current) {\n      return;\n    }\n\n    // Prevent multiple simultaneous initializations\n    if (initializingRef.current || appRef.current) {\n      return;\n    }\n\n    initializingRef.current = true;\n    let app: PIXI.Application | null = null;\n    // Handler references declared here so cleanup can remove them later.\n\n    (async () => {\n      try {\n        // Prefer the new init API (v8+) to avoid deprecation issues. Fall back\n        // to the constructor options when `init` is not available.\n        const options = {\n          backgroundAlpha: 0,\n          antialias: false,\n          autoStart: false,\n          autoDensity: true,\n          resolution: window.devicePixelRatio || 1,\n          width: viewportWidth > 0 ? viewportWidth : 800,\n          height: viewportHeight > 0 ? viewportHeight : 600,\n        } as PIXI.ApplicationOptions;\n\n          app = new PIXI.Application();\n        if ((app as unknown as { init?: unknown }).init && typeof (app as unknown as { init: (...args: unknown[]) => unknown }).init === 'function') {\n          // init may return a promise in some builds\n           \n          // @ts-ignore\n          await app.init(options);\n        } else {\n          // Fall back to constructor that accepts options\n          app.destroy?.();\n          app = new PIXI.Application(options);\n        }\n\n        if (!mountedRef.current || !parentContainerRef.current) {\n          // Component unmounted during initialization\n          if (app && typeof app.destroy === 'function') app.destroy(true, { children: true });\n          initializingRef.current = false;\n          return;\n        }\n\n        appRef.current = app;\n\n        const groupsContainer = new PIXI.Container();\n        groupsContainerRef.current = groupsContainer;\n        app.stage.addChild(groupsContainer);\n\n        const root = new PIXI.Container();\n        rootRef.current = root;\n        app.stage.addChild(root);\n\n        // Resolve canvas element (different Pixi builds expose it as `view` or\n        // `canvas`).\n        const canvasEl = (app.view ?? (app as unknown as { canvas?: HTMLCanvasElement }).canvas ?? app.renderer?.view) as HTMLCanvasElement | undefined;\n\n        // Place canvas outside the scrollable content so native scrolling\n        // doesn't move the canvas DOM element itself. We overlay the canvas\n        // on top of the scroll area by inserting it into the parent element\n        // (or the container itself if parent is not available). This ensures\n        // the Pixi canvas remains stable while we move the Pixi world inside\n        // it to represent camera pan.\n        const overlayParent = parentContainerRef.current.parentElement ?? parentContainerRef.current;\n\n        if (canvasEl) {\n          if (canvasEl.parentElement) {\n            canvasEl.parentElement.removeChild(canvasEl);\n          }\n          overlayParent.appendChild(canvasEl);\n          canvasRef.current = canvasEl;\n        } else if ((app as unknown as { canvas?: HTMLCanvasElement }).canvas) {\n          const c = (app as unknown as { canvas: HTMLCanvasElement }).canvas;\n          if (c.parentElement) {\n            c.parentElement.removeChild(c);\n          }\n          overlayParent.appendChild(c);\n          canvasRef.current = c;\n        } else {\n             console.error('PivotCanvas: Could not find canvas element from Pixi application');\n        }\n\n        // Position the canvas to overlay the scrollable container area.\n        if (canvasRef.current && parentContainerRef.current) {\n          const parentBounds = parentContainerRef.current.getBoundingClientRect();\n          void parentBounds;\n          canvasRef.current.style.position = 'absolute';\n          // Place canvas relative to the overlayParent's coordinate space.\n          // If overlayParent is the immediate parent, top/left 0 aligns it.\n          const offsetLeft = parentContainerRef.current.offsetLeft;\n          const offsetTop = parentContainerRef.current.offsetTop;\n          canvasRef.current.style.left = `${offsetLeft}px`;\n          canvasRef.current.style.top = `${offsetTop}px`;\n          canvasRef.current.style.width = `${parentContainerRef.current.clientWidth}px`;\n          canvasRef.current.style.height = `${parentContainerRef.current.clientHeight}px`;\n          // Place canvas behind the scrollable container (which has z-index 1)\n          // so scrollbars appear on top.\n          canvasRef.current.style.zIndex = '0';\n          // Disable pointer events on canvas so they pass through to the viewport if needed,\n          // though viewport is on top anyway.\n          canvasRef.current.style.pointerEvents = 'none';\n        }\n\n        // We handle clicks and interactions manually in PivotViewerMain now,\n        // so we don't need to configure Pixi events on the container.\n        // This avoids z-index conflicts and event propagation issues.\n\n        // Make canvas fill container with absolute positioning\n        if (canvasRef.current) {\n          canvasRef.current.style.display = 'block';\n          // Ensure canvas does not capture events so they pass through to the viewport\n          canvasRef.current.style.pointerEvents = 'none';\n        }\n\n        // Setup stage events for background panning\n        app.stage.eventMode = 'static';\n        app.stage.hitArea = new PIXI.Rectangle(0, 0, viewportWidth, viewportHeight);\n\n        app.stage.on('pointerdown', (e) => {\n          // Only handle if it reached the stage (background)\n          // Sprites stop propagation, so this is safe\n          onPanStartRef.current(e.nativeEvent as unknown as React.MouseEvent);\n        });\n\n        app.stage.on('globalpointermove', (e) => {\n          onPanMoveRef.current(e.nativeEvent as unknown as React.MouseEvent);\n        });\n\n        app.stage.on('globalpointerup', () => {\n          onPanEndRef.current();\n        });\n\n        // We no longer need manual event listeners on parentEl because Pixi\n        // is now listening to events on parentEl directly via setTargetElement.\n        // This allows Pixi to handle hit testing through the transparent container.\n        const parentEl = parentContainerRef.current;\n        if (parentEl) {\n          // handleMouseDown = (e: Event) => onPanStartRef.current(e as unknown);\n          // handleMouseMove = (e: Event) => onPanMoveRef.current(e as unknown);\n          // handleMouseUp = () => onPanEndRef.current();\n          // parentEl.addEventListener('mousedown', handleMouseDown);\n          // parentEl.addEventListener('mousemove', handleMouseMove);\n          // parentEl.addEventListener('mouseup', handleMouseUp);\n          // parentEl.addEventListener('mouseleave', handleMouseUp);\n          // window.addEventListener('mouseup', handleMouseUp);\n          // window.addEventListener('pointerup', handleMouseUp);\n        }\n\n        // Immediately size to container to avoid delay\n        if (viewportWidth > 0 && viewportHeight > 0) {\n          app.renderer?.resize(viewportWidth, viewportHeight);\n        }\n\n        setPixiReady(true);\n        initializingRef.current = false;\n\n        // Trigger initial render\n        needsRenderRef.current = true;\n        app.renderer?.render(app.stage);\n      } catch (error) {\n        console.error('Failed to initialize Pixi.js:', error);\n        initializingRef.current = false;\n      }\n    })();\n\n    return () => {\n      mountedRef.current = false;\n      setPixiReady(false);\n      cancelAnimationFrame(animationFrameRef.current);\n\n      if (appRef.current && typeof appRef.current.destroy === 'function') {\n        appRef.current.destroy(true, { children: true });\n        appRef.current = null;\n        rootRef.current = null;\n      }\n\n      // Clear local sprite references to prevent re-use of destroyed sprites\n      spritesRef.current.clear();\n\n      // Clear sprite pool to avoid holding onto destroyed textures\n      // clearSpritePool();\n\n      // Remove any event listeners we attached to the parent container\n      try {\n        const parentEl = parentContainerRef.current;\n        if (parentEl) {\n          // if (handleMouseDown) parentEl.removeEventListener('mousedown', handleMouseDown);\n          // if (handleMouseMove) parentEl.removeEventListener('mousemove', handleMouseMove);\n          // if (handleMouseUp) parentEl.removeEventListener('mouseup', handleMouseUp);\n          // if (handleMouseUp) parentEl.removeEventListener('mouseleave', handleMouseUp);\n          // if (handleMouseUp) {\n          //   window.removeEventListener('mouseup', handleMouseUp);\n          //   window.removeEventListener('pointerup', handleMouseUp);\n          // }\n        }\n      } catch (e) {\n        void e;\n      }\n      // Remove DOM nodes we appended\n      try {\n        if (canvasRef.current && canvasRef.current.parentElement) {\n          canvasRef.current.parentElement.removeChild(canvasRef.current);\n        }\n      } catch (e) {\n        void e;\n      }\n    };\n  }, [viewportWidth, viewportHeight]);\n\n  // Handle canvas resize\n  useEffect(() => {\n    if (!parentContainerRef || !parentContainerRef.current || !appRef.current || !pixiReady) return;\n\n    const container = parentContainerRef.current;\n    const app = appRef.current;\n\n    let resizeTimeout: ReturnType<typeof setTimeout>;\n\n    const handleResize = () => {\n      // Size canvas to viewport dimensions from props\n      if (viewportWidth > 0 && viewportHeight > 0) {\n        app.renderer?.resize(viewportWidth, viewportHeight);\n        app.stage.hitArea = new PIXI.Rectangle(0, 0, viewportWidth, viewportHeight);\n\n        // Keep canvas DOM size in sync with container\n        if (canvasRef.current && parentContainerRef.current) {\n          canvasRef.current.style.width = `${parentContainerRef.current.clientWidth}px`;\n          canvasRef.current.style.height = `${parentContainerRef.current.clientHeight}px`;\n          // Also update left/top in case the container moved\n          canvasRef.current.style.left = `${parentContainerRef.current.offsetLeft}px`;\n          canvasRef.current.style.top = `${parentContainerRef.current.offsetTop}px`;\n        }\n      }\n    };\n\n    const debouncedResize = () => {\n      clearTimeout(resizeTimeout);\n      resizeTimeout = setTimeout(handleResize, 150);\n    };\n\n    // Initial resize (immediate)\n    handleResize();\n\n    // Watch for size changes (debounced)\n    const resizeObserver = new ResizeObserver(debouncedResize);\n    resizeObserver.observe(container);\n\n    return () => {\n      clearTimeout(resizeTimeout);\n      resizeObserver.disconnect();\n    };\n  }, [pixiReady, viewportWidth, viewportHeight]);\n\n  // Update group backgrounds only when layout/grouping changes\n  useEffect(() => {\n    if (!groupsContainerRef.current || !parentContainerRef.current || !pixiReady) return;\n    updateGroupBackgroundsExternal(groupsContainerRef.current, parentContainerRef.current, grouping, layout, zoomLevel, cardColorsRef.current, viewMode);\n    needsRenderRef.current = true;\n    appRef.current?.renderer?.render(appRef.current.stage);\n  }, [grouping, layout, zoomLevel, viewMode, pixiReady]);\n\n  useEffect(() => {\n    if (!rootRef.current || !parentContainerRef.current || !pixiReady) {\n      return;\n    }\n\n    // Check if this is a view mode change (not just pan/scroll)\n    const viewModeChanged = previousViewModeRef.current !== viewMode;\n    const groupingChanged = prevGroupingRef.current !== grouping;\n    const layoutChanged = prevLayoutRef.current !== layout;\n\n    if (viewModeChanged || groupingChanged || layoutChanged) {\n      isViewTransitionRef.current = true;\n      lastViewChangeTimeRef.current = Date.now();\n      previousViewModeRef.current = viewMode;\n      prevGroupingRef.current = grouping;\n      \n      // Don't hide sprites here - let visibility.ts handle the transition\n      // The syncSpritesToViewport function will properly animate sprites to new positions\n      // during view transitions (isViewTransitionRef.current = true), and visibility.ts\n      // will handle cleanup of sprites that no longer have positions in the layout.\n      // Previously, hiding sprites here caused sorting/transitions to not work because\n      // sprites were destroyed before they could animate.\n    }\n\n    // Update spacer dimensions to match scaled world size\n    if (spacerRef.current) {\n      const spacer = spacerRef.current;\n      const worldWidth = (layout.totalWidth || viewportWidth) * zoomLevel;\n      const worldHeight = (layout.totalHeight || viewportHeight) * zoomLevel;\n      spacer.style.width = `${Math.max(worldWidth, viewportWidth)}px`;\n      spacer.style.height = `${Math.max(worldHeight, viewportHeight)}px`;\n    }\n\n    // Ensure scroll spacer matches layout so the container becomes scrollable and\n    // native scrollLeft/scrollTop reflect the camera position.\n    if (parentContainerRef.current) {\n      const spacer = spacerRef.current;\n      if (spacer) {\n        // Debug: log spacer and layout values to detect mismatches\n      }\n    }\n\n    const panDeltaX = panX - prevPanRef.current.x;\n    const panDeltaY = panY - prevPanRef.current.y;\n    prevPanRef.current = { x: panX, y: panY };\n\n    // Sync sprites into viewport and create/remove as needed\n    // Provide wrappers for sprite creation and content update so helpers have required context\n    const currentScrollTop = parentContainerRef.current?.scrollTop || 0;\n    const currentScrollLeft = parentContainerRef.current?.scrollLeft || 0;\n    \n    syncSpritesToViewport({\n      root: rootRef.current,\n      groupsContainer: groupsContainerRef.current,\n      container: parentContainerRef.current,\n      sprites: spritesRef.current,\n      layout,\n      visibleIds,\n      items,\n      cardWidth,\n      cardHeight,\n      panX,\n      panY,\n      panDeltaX,\n      panDeltaY,\n      zoomLevel,\n      viewportWidth,\n      viewportHeight,\n      viewMode,\n      createCardSprite: (id: string | number, x: number, y: number) => createCardSpriteExternal(\n        id,\n        x,\n        y,\n        items as TItem[],\n        (item: TItem, e: MouseEvent, id: string | number) => (onCardClickRef.current)(item, e, id),\n        (e: MouseEvent) => (onPanStart)(e as unknown as React.MouseEvent),\n        cardWidth,\n        cardHeight,\n        cardColorsRef.current\n      ),\n      updateCardContent: (sprite: CardSprite, item: TItem) => updateCardContentExternal(sprite, item, selectedId, cardWidth, cardHeight, cardColorsRef.current),\n      isViewTransition: isViewTransitionRef.current,\n      prevLayout: prevLayoutRef.current,\n      prevScrollTop: prevScrollTopRef.current,\n      prevScrollLeft: prevScrollLeftRef.current,\n    });\n    \n    // Update previous scroll position for next frame\n    prevScrollTopRef.current = currentScrollTop;\n    prevScrollLeftRef.current = currentScrollLeft;\n    needsRenderRef.current = true;\n    \n    // Force an immediate render after syncing sprites to ensure cards appear\n    if (appRef.current?.renderer && rootRef.current) {\n      appRef.current.renderer.render(appRef.current.stage);\n      needsRenderRef.current = false;\n    }\n    \n    startAnimationLoopExternal({\n      mountedRef,\n      appRef,\n      animationFrameRef,\n      isAnimatingRef,\n      needsRenderRef,\n      spritesRef,\n      isViewTransitionRef,\n    });\n  }, [layout, visibleIds, items, cardWidth, cardHeight, pixiReady, zoomLevel, panX, panY, grouping, viewMode]);\n\n  // Update prevLayoutRef after processing layout changes\n  useEffect(() => {\n    prevLayoutRef.current = layout;\n  }, [layout]);\n\n  // Duplicate camera position effect removed -- syncSpritesToViewport handles this with correct offsetY logic logic\n  /*\n  useEffect(() => {\n    if (!rootRef.current || !groupsContainerRef.current) return;\n\n    // Camera transform: move world opposite to camera position. Prefer the\n    // native container scroll positions where available (they are authoritative\n    // during user scrolls) and fall back to the passed pan props.\n    const effectivePanX = parentContainerRef.current ? parentContainerRef.current.scrollLeft : panX;\n    const effectivePanY = parentContainerRef.current ? parentContainerRef.current.scrollTop : panY;\n\n    // Apply zoom and position to root and groups.\n    if (rootRef.current.scale && groupsContainerRef.current.scale) {\n      rootRef.current.scale.set(zoomLevel);\n      groupsContainerRef.current.scale.set(zoomLevel);\n    }\n    if (rootRef.current.position && groupsContainerRef.current.position) {\n      rootRef.current.position.set(-effectivePanX, -effectivePanY);\n      groupsContainerRef.current.position.set(-effectivePanX, -effectivePanY);\n    }\n    appRef.current?.renderer?.render(appRef.current.stage);\n  }, [zoomLevel, panX, panY]);\n  */\n\n  useEffect(() => {\n    if (!rootRef.current) return;\n    updateSelection();\n    needsRenderRef.current = true;\n    appRef.current?.renderer.render(appRef.current.stage);\n  }, [selectedId, items]);\n\n  useEffect(() => {\n    if (!rootRef.current) return;\n    updateHighlight();\n    needsRenderRef.current = true;\n    appRef.current?.renderer.render(appRef.current.stage);\n  }, [hoveredGroupIndex, layout, grouping]);\n\n  // Note: animation loop and group background updates are delegated to\n  // external helpers (`startAnimationLoopExternal` and\n  // `updateGroupBackgroundsExternal`) and invoked where needed. We don't\n  // expose local wrappers to avoid unused-function lint warnings.\n\n  // Listen to native scroll events on the parent container so we update the\n  // Pixi world immediately when the user scrolls (native scrollbar or\n  // programmatic). This ensures `syncSpritesToViewport` runs on scroll and\n  // creates/destroys sprites as the viewport moves.\n  useEffect(() => {\n    if (!pixiReady || !parentContainerRef || !parentContainerRef.current || !appRef.current || !rootRef.current) return;\n\n    const container = parentContainerRef.current;\n    const app = appRef.current;\n\n    // rAF-batched scroll handling: store the latest scroll values and process\n    // them once per animation frame to avoid heavy synchronous work inside\n    // the scroll event which causes jank and de-synchronisation between the\n    // compositor and Pixi render updates.\n    const lastScroll = { x: container.scrollLeft, y: container.scrollTop };\n    const pendingRef = { scheduled: false } as { scheduled: boolean };\n\n    const processScroll = () => {\n      pendingRef.scheduled = false;\n      try {\n        // Read directly from container to ensure consistency with visibility logic\n        // and to handle cases where scroll changes without event (e.g. resize clamping)\n        const effectivePanX = container.scrollLeft;\n        const effectivePanY = container.scrollTop;\n\n        // Update lastScroll to keep it in sync\n        lastScroll.x = effectivePanX;\n        lastScroll.y = effectivePanY;\n\n        // Note: We delegate root/groups container positioning to syncSpritesToViewport\n        // because it encapsulates the logic for conditional vertical alignment (offsetY)\n        // in different view modes. Manually setting position here would overwrite that logic.\n\n        syncSpritesToViewport({\n          root: rootRef.current,\n          groupsContainer: groupsContainerRef.current,\n          container: parentContainerRef.current,\n          sprites: spritesRef.current,\n          layout,\n          visibleIds,\n          items,\n          cardWidth,\n          cardHeight,\n          panX,\n          panY,\n          zoomLevel,\n          viewportWidth,\n          viewportHeight,\n          createCardSprite: (id: string | number, x: number, y: number) => createCardSpriteExternal(\n            id, x, y, items as TItem[],\n            (item, e, id) => (onCardClickRef.current)(item, e, id),\n            (e) => (onPanStartRef.current)(e as unknown as React.MouseEvent), // Pixi events to React events\n            cardWidth, cardHeight, cardColorsRef.current\n          ),\n          updateCardContent: (sprite: CardSprite, item: TItem) => updateCardContentExternal(sprite, item, selectedId, cardWidth, cardHeight, cardColorsRef.current),\n          isViewTransition: isViewTransitionRef.current,\n          viewMode,\n          prevScrollTop: prevScrollTopRef.current,\n          prevScrollLeft: prevScrollLeftRef.current,\n        });\n        \n        // Update previous scroll position for next frame\n        prevScrollTopRef.current = container.scrollTop || 0;\n        prevScrollLeftRef.current = container.scrollLeft || 0;\n        needsRenderRef.current = true;\n        app.renderer?.render(app.stage);\n      } catch (e) {\n        console.error('[PivotCanvas] processScroll error', e);\n      }\n    };\n\n    const onScroll = () => {\n      // capture latest scroll positions quickly and schedule work\n      lastScroll.x = container.scrollLeft;\n      lastScroll.y = container.scrollTop;\n      if (!pendingRef.scheduled) {\n        pendingRef.scheduled = true;\n        requestAnimationFrame(processScroll);\n      }\n    };\n\n    container.addEventListener('scroll', onScroll, { passive: true });\n\n    return () => {\n      container.removeEventListener('scroll', onScroll);\n    };\n  }, [pixiReady, layout, visibleIds, items, cardWidth, cardHeight, zoomLevel, viewportWidth, viewportHeight, panX, panY, grouping, viewMode, selectedId, onCardClick, onPanStart]);\n\n  function createCardSprite(id: ItemId, x: number, y: number): CardSprite {\n    return createCardSpriteExternal(\n      id, x, y, items as TItem[],\n      (item, e, id) => (onCardClickRef.current)(item, e, id),\n      (e) => (onPanStartRef.current)(e as unknown as React.MouseEvent),\n      cardWidth, cardHeight, cardColorsRef.current\n    );\n  }\n  // Mark these helpers as used (they may be referenced externally or via callbacks)\n  void createCardSprite;\n\n  function updateCardContent(sprite: CardSprite, item: TItem) {\n    return updateCardContentExternal(sprite, item, selectedId, cardWidth, cardHeight, cardColorsRef.current);\n  }\n\n  function updatePositions(): boolean {\n    return updatePositionsExternal(spritesRef.current, isViewTransitionRef, ANIMATION_SPEED);\n  }\n\n  void updatePositions;\n\n  function updateSelection() {\n    const sprites = spritesRef.current;\n\n    for (const sprite of sprites.values()) {\n      const val = (items as TItem[])[Number(sprite.itemId)];\n      updateCardContent(sprite, val);\n    }\n  }\n\n  function updateHighlight() {\n    updateHighlightExternal(groupsContainerRef.current, parentContainerRef.current, grouping, layout, hoveredGroupIndex, cardWidth, zoomLevel);\n  }\n\n  void updateHighlight;\n\n  // This component renders into the parent `containerRef` (we append Pixi canvas\n  // and spacer directly into that DOM node). Return null so we don't replace or\n  // reassign the parent's ref which must remain the scrollable viewport element.\n  return null;\n}\n"],"names":["useRef","useState","DEFAULT_COLORS","useMemo","createCssColorResolver","useEffect","resolveCardColors","PIXI","updateGroupBackgroundsExternal","syncSpritesToViewport","createCardSpriteExternal","updateCardContentExternal","startAnimationLoopExternal","updateHighlightExternal"],"mappings":"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"}

package/dist/cjs/PivotViewer/components/Toolbar.js

@@ -5,7 +5,7 @@ var utils = require('../utils/utils.js');
 
 function Toolbar({ hasFilters, filtersOpen, filteredCount, viewMode, zoomLevel, activeDimensionKey, dimensions, activeFilterCount, onFiltersToggle, onViewModeChange, onZoomIn, onZoomOut, onZoomSlider, onDimensionChange, filterButtonRef, }) {
     const labelText = 'Sort by';
-    return (jsxRuntime.jsxs("header", { className: "pv-toolbar", children: [jsxRuntime.jsxs("div", { className: "pv-toolbar-left", children: [hasFilters && (jsxRuntime.jsxs("button", { ref: filterButtonRef, type: "button", className: `pv-filter-icon-button ${filtersOpen ? 'active' : ''}`, onClick: onFiltersToggle, title: "Filters", children: [jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }) }), activeFilterCount > 0 && (jsxRuntime.jsx("span", { className: "pv-filter-badge", children: activeFilterCount }))] })), jsxRuntime.jsx("h1", { children: "Pivot Viewer" }), jsxRuntime.jsxs("span", { className: "pv-count", children: [filteredCount, " events"] })] }), jsxRuntime.jsxs("div", { className: "pv-toolbar-right", children: [jsxRuntime.jsxs("div", { className: "pv-zoom-controls", children: [jsxRuntime.jsx("button", { type: "button", onClick: onZoomOut, disabled: zoomLevel <= utils.ZOOM_MIN, title: "Zoom out", children: "\u2212" }), jsxRuntime.jsx("input", { type: "range", className: "pv-zoom-slider", min: utils.ZOOM_MIN, max: utils.ZOOM_MAX, step: utils.ZOOM_STEP, value: zoomLevel, onChange: onZoomSlider, title: `Zoom: ${Math.round(zoomLevel * 100)}%` }), jsxRuntime.jsxs("span", { className: "pv-zoom-level", children: [Math.round(zoomLevel * 100), "%"] }), jsxRuntime.jsx("button", { type: "button", onClick: onZoomIn, disabled: zoomLevel >= utils.ZOOM_MAX, title: "Zoom in", children: "+" })] }), jsxRuntime.jsxs("div", { className: "pv-view-toggle", children: [jsxRuntime.jsx("button", { type: "button", className: viewMode === 'collection' ? 'active' : '', onClick: () => onViewModeChange('collection'), children: "Collection" }), jsxRuntime.jsx("button", { type: "button", className: viewMode === 'grouped' ? 'active' : '', onClick: () => onViewModeChange('grouped'), children: "Buckets" })] }), jsxRuntime.jsxs("label", { className: "pv-dimension-select", children: [jsxRuntime.jsx("span", { children: labelText }), jsxRuntime.jsx("select", { value: activeDimensionKey, onChange: (event) => onDimensionChange(event.target.value), children: dimensions.map((dimension) => (jsxRuntime.jsx("option", { value: dimension.key, children: dimension.label }, dimension.key))) })] })] })] }));
+    return (jsxRuntime.jsxs("header", { className: "pv-toolbar", children: [jsxRuntime.jsxs("div", { className: "pv-toolbar-left", children: [hasFilters && (jsxRuntime.jsxs("button", { ref: filterButtonRef, type: "button", className: `pv-filter-icon-button ${filtersOpen ? 'active' : ''}`, onClick: onFiltersToggle, title: "Filters", children: [jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }) }), activeFilterCount > 0 && (jsxRuntime.jsx("span", { className: "pv-filter-badge", children: activeFilterCount }))] })), jsxRuntime.jsx("h1", { children: "Pivot Viewer" }), jsxRuntime.jsxs("span", { className: "pv-count", children: [filteredCount, " events"] })] }), jsxRuntime.jsxs("div", { className: "pv-toolbar-right", children: [jsxRuntime.jsxs("div", { className: "pv-zoom-controls", children: [jsxRuntime.jsx("button", { type: "button", onClick: onZoomOut, disabled: zoomLevel <= utils.ZOOM_MIN, title: "Zoom out", children: "\u2212" }), jsxRuntime.jsx("input", { type: "range", className: "pv-zoom-slider", min: utils.ZOOM_MIN, max: utils.ZOOM_MAX, step: utils.ZOOM_STEP, value: zoomLevel, onChange: onZoomSlider, title: `Zoom: ${Math.round(zoomLevel * 100)}%` }), jsxRuntime.jsxs("span", { className: "pv-zoom-level", children: [Math.round(zoomLevel * 100), "%"] }), jsxRuntime.jsx("button", { type: "button", onClick: onZoomIn, disabled: zoomLevel >= utils.ZOOM_MAX, title: "Zoom in", children: "+" })] }), jsxRuntime.jsxs("div", { className: "pv-view-toggle", children: [jsxRuntime.jsx("button", { type: "button", className: viewMode === 'collection' ? 'active' : '', onClick: () => onViewModeChange('collection'), children: "Collection" }), jsxRuntime.jsx("button", { type: "button", className: viewMode === 'grouped' ? 'active' : '', onClick: () => onViewModeChange('grouped'), children: "Grouped" })] }), jsxRuntime.jsxs("label", { className: "pv-dimension-select", children: [jsxRuntime.jsx("span", { children: labelText }), jsxRuntime.jsx("select", { value: activeDimensionKey, onChange: (event) => onDimensionChange(event.target.value), children: dimensions.map((dimension) => (jsxRuntime.jsx("option", { value: dimension.key, children: dimension.label }, dimension.key))) })] })] })] }));
 }
 
 exports.Toolbar = Toolbar;

package/dist/cjs/PivotViewer/components/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../PivotViewer/components/Toolbar.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { PivotDimension } from '../types';\nimport { ZOOM_MIN, ZOOM_MAX, ZOOM_STEP } from '../utils/utils';\n\nexport type ViewMode = 'collection' | 'grouped';\n\nexport interface ToolbarProps<TItem extends object> {\n  hasFilters: boolean;\n  filtersOpen: boolean;\n  filteredCount: number;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  activeDimensionKey: string;\n  dimensions: PivotDimension<TItem>[];\n  activeFilterCount: number;\n  onFiltersToggle: () => void;\n  onViewModeChange: (mode: ViewMode) => void;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onZoomSlider: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onDimensionChange: (key: string) => void;\n  filterButtonRef: React.RefObject<HTMLButtonElement | null>;\n}\n\nexport function Toolbar<TItem extends object>({\n  hasFilters,\n  filtersOpen,\n  filteredCount,\n  viewMode,\n  zoomLevel,\n  activeDimensionKey,\n  dimensions,\n  activeFilterCount,\n  onFiltersToggle,\n  onViewModeChange,\n  onZoomIn,\n  onZoomOut,\n  onZoomSlider,\n  onDimensionChange,\n  filterButtonRef,\n}: ToolbarProps<TItem>) {\n  const labelText = 'Sort by';\n\n  return (\n    <header className=\"pv-toolbar\">\n      <div className=\"pv-toolbar-left\">\n        {hasFilters && (\n          <button\n            ref={filterButtonRef}\n            type=\"button\"\n            className={`pv-filter-icon-button ${filtersOpen ? 'active' : ''}`}\n            onClick={onFiltersToggle}\n            title=\"Filters\"\n          >\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\" />\n            </svg>\n            {activeFilterCount > 0 && (\n              <span className=\"pv-filter-badge\">{activeFilterCount}</span>\n            )}\n          </button>\n        )}\n        <h1>Pivot Viewer</h1>\n        <span className=\"pv-count\">{filteredCount} events</span>\n      </div>\n      <div className=\"pv-toolbar-right\">\n        <div className=\"pv-zoom-controls\">\n          <button\n            type=\"button\"\n            onClick={onZoomOut}\n            disabled={zoomLevel <= ZOOM_MIN}\n            title=\"Zoom out\"\n          >\n            −\n          </button>\n          <input\n            type=\"range\"\n            className=\"pv-zoom-slider\"\n            min={ZOOM_MIN}\n            max={ZOOM_MAX}\n            step={ZOOM_STEP}\n            value={zoomLevel}\n            onChange={onZoomSlider}\n            title={`Zoom: ${Math.round(zoomLevel * 100)}%`}\n          />\n          <span className=\"pv-zoom-level\">{Math.round(zoomLevel * 100)}%</span>\n          <button\n            type=\"button\"\n            onClick={onZoomIn}\n            disabled={zoomLevel >= ZOOM_MAX}\n            title=\"Zoom in\"\n          >\n            +\n          </button>\n        </div>\n        <div className=\"pv-view-toggle\">\n          <button\n            type=\"button\"\n            className={viewMode === 'collection' ? 'active' : ''}\n            onClick={() => onViewModeChange('collection')}\n          >\n            Collection\n          </button>\n          <button\n            type=\"button\"\n            className={viewMode === 'grouped' ? 'active' : ''}\n            onClick={() => onViewModeChange('grouped')}\n          >\n            Buckets\n          </button>\n        </div>\n        <label className=\"pv-dimension-select\">\n          <span>{labelText}</span>\n          <select\n            value={activeDimensionKey}\n            onChange={(event) => onDimensionChange(event.target.value)}\n          >\n            {dimensions.map((dimension) => (\n              <option key={dimension.key} value={dimension.key}>\n                {dimension.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </div>\n    </header>\n  );\n}\n"],"names":["_jsxs","_jsx","ZOOM_MIN","ZOOM_MAX","ZOOM_STEP"],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sources":["../../../../PivotViewer/components/Toolbar.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { PivotDimension } from '../types';\nimport { ZOOM_MIN, ZOOM_MAX, ZOOM_STEP } from '../utils/utils';\n\nexport type ViewMode = 'collection' | 'grouped';\n\nexport interface ToolbarProps<TItem extends object> {\n  hasFilters: boolean;\n  filtersOpen: boolean;\n  filteredCount: number;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  activeDimensionKey: string;\n  dimensions: PivotDimension<TItem>[];\n  activeFilterCount: number;\n  onFiltersToggle: () => void;\n  onViewModeChange: (mode: ViewMode) => void;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onZoomSlider: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onDimensionChange: (key: string) => void;\n  filterButtonRef: React.RefObject<HTMLButtonElement | null>;\n}\n\nexport function Toolbar<TItem extends object>({\n  hasFilters,\n  filtersOpen,\n  filteredCount,\n  viewMode,\n  zoomLevel,\n  activeDimensionKey,\n  dimensions,\n  activeFilterCount,\n  onFiltersToggle,\n  onViewModeChange,\n  onZoomIn,\n  onZoomOut,\n  onZoomSlider,\n  onDimensionChange,\n  filterButtonRef,\n}: ToolbarProps<TItem>) {\n  const labelText = 'Sort by';\n\n  return (\n    <header className=\"pv-toolbar\">\n      <div className=\"pv-toolbar-left\">\n        {hasFilters && (\n          <button\n            ref={filterButtonRef}\n            type=\"button\"\n            className={`pv-filter-icon-button ${filtersOpen ? 'active' : ''}`}\n            onClick={onFiltersToggle}\n            title=\"Filters\"\n          >\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\" />\n            </svg>\n            {activeFilterCount > 0 && (\n              <span className=\"pv-filter-badge\">{activeFilterCount}</span>\n            )}\n          </button>\n        )}\n        <h1>Pivot Viewer</h1>\n        <span className=\"pv-count\">{filteredCount} events</span>\n      </div>\n      <div className=\"pv-toolbar-right\">\n        <div className=\"pv-zoom-controls\">\n          <button\n            type=\"button\"\n            onClick={onZoomOut}\n            disabled={zoomLevel <= ZOOM_MIN}\n            title=\"Zoom out\"\n          >\n            −\n          </button>\n          <input\n            type=\"range\"\n            className=\"pv-zoom-slider\"\n            min={ZOOM_MIN}\n            max={ZOOM_MAX}\n            step={ZOOM_STEP}\n            value={zoomLevel}\n            onChange={onZoomSlider}\n            title={`Zoom: ${Math.round(zoomLevel * 100)}%`}\n          />\n          <span className=\"pv-zoom-level\">{Math.round(zoomLevel * 100)}%</span>\n          <button\n            type=\"button\"\n            onClick={onZoomIn}\n            disabled={zoomLevel >= ZOOM_MAX}\n            title=\"Zoom in\"\n          >\n            +\n          </button>\n        </div>\n        <div className=\"pv-view-toggle\">\n          <button\n            type=\"button\"\n            className={viewMode === 'collection' ? 'active' : ''}\n            onClick={() => onViewModeChange('collection')}\n          >\n            Collection\n          </button>\n          <button\n            type=\"button\"\n            className={viewMode === 'grouped' ? 'active' : ''}\n            onClick={() => onViewModeChange('grouped')}\n          >\n            Grouped\n          </button>\n        </div>\n        <label className=\"pv-dimension-select\">\n          <span>{labelText}</span>\n          <select\n            value={activeDimensionKey}\n            onChange={(event) => onDimensionChange(event.target.value)}\n          >\n            {dimensions.map((dimension) => (\n              <option key={dimension.key} value={dimension.key}>\n                {dimension.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </div>\n    </header>\n  );\n}\n"],"names":["_jsxs","_jsx","ZOOM_MIN","ZOOM_MAX","ZOOM_STEP"],"mappings":"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"}

package/dist/cjs/PivotViewer/components/pivot/animation.js

@@ -71,10 +71,11 @@ function startAnimationLoop(refs, animationSpeed = 0.15) {
             isAnimatingRef.current = false;
         }
     };
-    if (!isAnimatingRef.current) {
-        isAnimatingRef.current = true;
-        animate();
+    if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
     }
+    isAnimatingRef.current = true;
+    animate();
 }
 
 exports.startAnimationLoop = startAnimationLoop;

package/dist/cjs/PivotViewer/components/pivot/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","sources":["../../../../../PivotViewer/components/pivot/animation.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { CardSprite } from './constants';\nimport type * as PIXI from 'pixi.js';\n\nexport function updatePositions(sprites: Map<unknown, CardSprite>, isViewTransitionRef: { current: boolean }, animationSpeed = 0.15) {\n  let isAnimating = false;\n  const threshold = 0.5;\n  const shouldAnimate = isViewTransitionRef.current;\n  const now = Date.now();\n  const DURATION = 600; // ms\n\n  for (const sprite of sprites.values()) {\n    // Handle explicit time-based animation (view transitions)\n    if (sprite.animationStartTime !== undefined) {\n      const elapsed = now - sprite.animationStartTime;\n      const delay = sprite.animationDelay || 0;\n\n      if (elapsed < delay) {\n        isAnimating = true;\n        continue;\n      }\n\n      const progress = Math.min(1, (elapsed - delay) / DURATION);\n      // Ease out cubic: 1 - (1-t)^3\n      const t = 1 - Math.pow(1 - progress, 3);\n\n      if (sprite.startX !== undefined && sprite.startY !== undefined) {\n        sprite.currentX = sprite.startX + (sprite.targetX - sprite.startX) * t;\n        sprite.currentY = sprite.startY + (sprite.targetY - sprite.startY) * t;\n      }\n\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n\n      if (progress < 1) {\n        isAnimating = true;\n      } else {\n        // Animation finished, clean up\n        sprite.currentX = sprite.targetX;\n        sprite.currentY = sprite.targetY;\n        delete sprite.animationStartTime;\n        delete sprite.animationDelay;\n        delete sprite.startX;\n        delete sprite.startY;\n      }\n      continue;\n    }\n\n    const dx = sprite.targetX - sprite.currentX;\n    const dy = sprite.targetY - sprite.currentY;\n    const distance = Math.sqrt(dx * dx + dy * dy);\n\n    if (shouldAnimate && distance > threshold) {\n      sprite.currentX += dx * animationSpeed;\n      sprite.currentY += dy * animationSpeed;\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n      isAnimating = true;\n    } else if (distance > 0) {\n      sprite.currentX = sprite.targetX;\n      sprite.currentY = sprite.targetY;\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n    }\n  }\n\n  if (!isAnimating && isViewTransitionRef.current) {\n    isViewTransitionRef.current = false;\n  }\n\n  return isAnimating;\n}\n\nexport function startAnimationLoop(\n  refs: {\n    mountedRef: { current: boolean };\n    appRef: { current: PIXI.Application | null };\n    animationFrameRef: { current: number };\n    isAnimatingRef: { current: boolean };\n    needsRenderRef: { current: boolean };\n    spritesRef: { current: Map<unknown, CardSprite> };\n    isViewTransitionRef: { current: boolean };\n  },\n  animationSpeed = 0.15,\n) {\n  const { mountedRef, appRef, animationFrameRef, isAnimatingRef, needsRenderRef, spritesRef, isViewTransitionRef } = refs;\n\n  const animate = () => {\n    if (!mountedRef.current) return;\n\n    const stillAnimating = updatePositions(spritesRef.current, isViewTransitionRef, animationSpeed);\n\n    if (stillAnimating || needsRenderRef.current) {\n      appRef.current?.renderer.render(appRef.current.stage);\n      needsRenderRef.current = false;\n    }\n\n    if (stillAnimating) {\n      animationFrameRef.current = requestAnimationFrame(animate);\n    } else {\n      isAnimatingRef.current = false;\n    }\n  };\n\n  if (!isAnimatingRef.current) {\n    isAnimatingRef.current = true;\n    animate();\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"animation.js","sources":["../../../../../PivotViewer/components/pivot/animation.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { CardSprite } from './constants';\nimport type * as PIXI from 'pixi.js';\n\nexport function updatePositions(sprites: Map<unknown, CardSprite>, isViewTransitionRef: { current: boolean }, animationSpeed = 0.15) {\n  let isAnimating = false;\n  const threshold = 0.5;\n  const shouldAnimate = isViewTransitionRef.current;\n  const now = Date.now();\n  const DURATION = 600; // ms\n\n  for (const sprite of sprites.values()) {\n    // Handle explicit time-based animation (view transitions)\n    if (sprite.animationStartTime !== undefined) {\n      const elapsed = now - sprite.animationStartTime;\n      const delay = sprite.animationDelay || 0;\n\n      if (elapsed < delay) {\n        isAnimating = true;\n        continue;\n      }\n\n      const progress = Math.min(1, (elapsed - delay) / DURATION);\n      // Ease out cubic: 1 - (1-t)^3\n      const t = 1 - Math.pow(1 - progress, 3);\n\n      if (sprite.startX !== undefined && sprite.startY !== undefined) {\n        sprite.currentX = sprite.startX + (sprite.targetX - sprite.startX) * t;\n        sprite.currentY = sprite.startY + (sprite.targetY - sprite.startY) * t;\n      }\n\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n\n      if (progress < 1) {\n        isAnimating = true;\n      } else {\n        // Animation finished, clean up\n        sprite.currentX = sprite.targetX;\n        sprite.currentY = sprite.targetY;\n        delete sprite.animationStartTime;\n        delete sprite.animationDelay;\n        delete sprite.startX;\n        delete sprite.startY;\n      }\n      continue;\n    }\n\n    const dx = sprite.targetX - sprite.currentX;\n    const dy = sprite.targetY - sprite.currentY;\n    const distance = Math.sqrt(dx * dx + dy * dy);\n\n    if (shouldAnimate && distance > threshold) {\n      sprite.currentX += dx * animationSpeed;\n      sprite.currentY += dy * animationSpeed;\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n      isAnimating = true;\n    } else if (distance > 0) {\n      sprite.currentX = sprite.targetX;\n      sprite.currentY = sprite.targetY;\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n    }\n  }\n\n  if (!isAnimating && isViewTransitionRef.current) {\n    isViewTransitionRef.current = false;\n  }\n\n  return isAnimating;\n}\n\nexport function startAnimationLoop(\n  refs: {\n    mountedRef: { current: boolean };\n    appRef: { current: PIXI.Application | null };\n    animationFrameRef: { current: number };\n    isAnimatingRef: { current: boolean };\n    needsRenderRef: { current: boolean };\n    spritesRef: { current: Map<unknown, CardSprite> };\n    isViewTransitionRef: { current: boolean };\n  },\n  animationSpeed = 0.15,\n) {\n  const { mountedRef, appRef, animationFrameRef, isAnimatingRef, needsRenderRef, spritesRef, isViewTransitionRef } = refs;\n\n  const animate = () => {\n    if (!mountedRef.current) return;\n\n    const stillAnimating = updatePositions(spritesRef.current, isViewTransitionRef, animationSpeed);\n\n    if (stillAnimating || needsRenderRef.current) {\n      appRef.current?.renderer.render(appRef.current.stage);\n      needsRenderRef.current = false;\n    }\n\n    if (stillAnimating) {\n      animationFrameRef.current = requestAnimationFrame(animate);\n    } else {\n      isAnimatingRef.current = false;\n    }\n  };\n\n  // Always restart animation when called to ensure animations continue\n  // Cancel any existing animation frame and start fresh\n  if (animationFrameRef.current) {\n    cancelAnimationFrame(animationFrameRef.current);\n  }\n  isAnimatingRef.current = true;\n  animate();\n}\n"],"names":[],"mappings":";;AAMM,SAAU,eAAe,CAAC,OAAiC,EAAE,mBAAyC,EAAE,cAAc,GAAG,IAAI,EAAA;IACjI,IAAI,WAAW,GAAG,KAAK;IACvB,MAAM,SAAS,GAAG,GAAG;AACrB,IAAA,MAAM,aAAa,GAAG,mBAAmB,CAAC,OAAO;AACjD,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACtB,MAAM,QAAQ,GAAG,GAAG;IAEpB,KAAK,MAAM,MAAM,IAAI,OAAO,CAAC,MAAM,EAAE,EAAE;AAErC,QAAA,IAAI,MAAM,CAAC,kBAAkB,KAAK,SAAS,EAAE;AAC3C,YAAA,MAAM,OAAO,GAAG,GAAG,GAAG,MAAM,CAAC,kBAAkB;AAC/C,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,IAAI,CAAC;AAExC,YAAA,IAAI,OAAO,GAAG,KAAK,EAAE;gBACnB,WAAW,GAAG,IAAI;gBAClB;YACF;AAEA,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAC;AAE1D,YAAA,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;AAEvC,YAAA,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE;AAC9D,gBAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC;AACtE,gBAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC;YACxE;AAEA,YAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC;AAE/D,YAAA,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,WAAW,GAAG,IAAI;YACpB;iBAAO;AAEL,gBAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,OAAO;AAChC,gBAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,OAAO;gBAChC,OAAO,MAAM,CAAC,kBAAkB;gBAChC,OAAO,MAAM,CAAC,cAAc;gBAC5B,OAAO,MAAM,CAAC,MAAM;gBACpB,OAAO,MAAM,CAAC,MAAM;YACtB;YACA;QACF;QAEA,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,QAAQ;QAC3C,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,QAAQ;AAC3C,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7C,QAAA,IAAI,aAAa,IAAI,QAAQ,GAAG,SAAS,EAAE;AACzC,YAAA,MAAM,CAAC,QAAQ,IAAI,EAAE,GAAG,cAAc;AACtC,YAAA,MAAM,CAAC,QAAQ,IAAI,EAAE,GAAG,cAAc;AACtC,YAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC;YAC/D,WAAW,GAAG,IAAI;QACpB;AAAO,aAAA,IAAI,QAAQ,GAAG,CAAC,EAAE;AACvB,YAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,OAAO;AAChC,YAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,OAAO;AAChC,YAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC;QACjE;IACF;AAEA,IAAA,IAAI,CAAC,WAAW,IAAI,mBAAmB,CAAC,OAAO,EAAE;AAC/C,QAAA,mBAAmB,CAAC,OAAO,GAAG,KAAK;IACrC;AAEA,IAAA,OAAO,WAAW;AACpB;SAEgB,kBAAkB,CAChC,IAQC,EACD,cAAc,GAAG,IAAI,EAAA;AAErB,IAAA,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAI;IAEvH,MAAM,OAAO,GAAG,MAAK;QACnB,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE;AAEzB,QAAA,MAAM,cAAc,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,CAAC;AAE/F,QAAA,IAAI,cAAc,IAAI,cAAc,CAAC,OAAO,EAAE;AAC5C,YAAA,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;AACrD,YAAA,cAAc,CAAC,OAAO,GAAG,KAAK;QAChC;QAEA,IAAI,cAAc,EAAE;AAClB,YAAA,iBAAiB,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC;QAC5D;aAAO;AACL,YAAA,cAAc,CAAC,OAAO,GAAG,KAAK;QAChC;AACF,IAAA,CAAC;AAID,IAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,QAAA,oBAAoB,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACjD;AACA,IAAA,cAAc,CAAC,OAAO,GAAG,IAAI;AAC7B,IAAA,OAAO,EAAE;AACX;;;;;"}

package/dist/cjs/PivotViewer/components/pivot/groups.js

@@ -0,0 +1,151 @@
+'use strict';
+
+var PIXI = require('pixi.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var PIXI__namespace = /*#__PURE__*/_interopNamespaceDefault(PIXI);
+
+function updateGroupBackgrounds(groupsContainer, container, grouping, layout, zoomLevel, cardColors, viewMode) {
+    if (!groupsContainer)
+        return;
+    if (!container || grouping.groups.length === 0 || viewMode === 'collection') {
+        for (const child of groupsContainer.children) {
+            if (child.name !== 'highlight') {
+                child.visible = false;
+            }
+        }
+        return;
+    }
+    const invScale = zoomLevel && zoomLevel !== 0 ? 1 / zoomLevel : 1;
+    const containerWorldHeight = Math.max((container.scrollHeight || container.clientHeight) * invScale, container.clientHeight * invScale);
+    const baseWorldHeight = Math.max(layout.totalHeight || 0, containerWorldHeight);
+    const bufferWorld = Math.max(500, baseWorldHeight * 0.5, containerWorldHeight);
+    const worldHeight = baseWorldHeight + bufferWorld * 3;
+    const startY = -bufferWorld * 2;
+    const backgroundGraphics = groupsContainer.children.filter(c => c.name !== 'highlight');
+    let bgIndex = 0;
+    for (let index = 0; index < grouping.groups.length; index++) {
+        const group = grouping.groups[index];
+        let minX = Infinity;
+        let maxX = -Infinity;
+        for (let j = 0; j < group.ids.length; j++) {
+            const id = group.ids[j];
+            const pos = layout.positions.get(id);
+            if (pos) {
+                minX = Math.min(minX, pos.x);
+                maxX = Math.max(maxX, pos.x);
+            }
+        }
+        if (minX === Infinity && (!layout.groupXs || layout.groupXs[index] === undefined))
+            continue;
+        const bucketWidths = layout.bucketWidths || [];
+        const groupXs = layout.groupXs || [];
+        const widthFromLayout = bucketWidths[index];
+        const xFromLayout = groupXs[index];
+        const width = widthFromLayout && widthFromLayout > 0 ? widthFromLayout : ((maxX - minX) || 0);
+        const x = xFromLayout !== undefined ? xFromLayout : minX;
+        if (index % 2 === 0 && width > 0) {
+            let bg;
+            if (bgIndex < backgroundGraphics.length) {
+                bg = backgroundGraphics[bgIndex];
+                bg.clear();
+            }
+            else {
+                bg = new PIXI__namespace.Graphics();
+                const highlightIndex = groupsContainer.children.findIndex(c => c.name === 'highlight');
+                if (highlightIndex >= 0) {
+                    groupsContainer.addChildAt(bg, highlightIndex);
+                }
+                else {
+                    groupsContainer.addChild(bg);
+                }
+            }
+            bg.rect(x, startY, width, worldHeight);
+            bg.fill(cardColors.base);
+            bg.alpha = 0.15;
+            bg.visible = true;
+            bgIndex++;
+        }
+    }
+    for (let i = bgIndex; i < backgroundGraphics.length; i++) {
+        backgroundGraphics[i].visible = false;
+    }
+}
+function updateHighlight(groupsContainer, container, grouping, layout, hoveredGroupIndex, cardWidth, zoomLevel) {
+    if (!groupsContainer || !container || grouping.groups.length === 0)
+        return;
+    const invScale = zoomLevel && zoomLevel !== 0 ? 1 / zoomLevel : 1;
+    let highlight = groupsContainer.children.find(child => child.name === 'highlight');
+    if (!highlight) {
+        highlight = new PIXI__namespace.Graphics();
+        highlight.name = 'highlight';
+        groupsContainer.addChild(highlight);
+    }
+    highlight.clear();
+    if (hoveredGroupIndex === null || hoveredGroupIndex < 0) {
+        highlight.visible = false;
+        return;
+    }
+    const group = grouping.groups[hoveredGroupIndex];
+    if (!group || group.ids.length === 0) {
+        highlight.visible = false;
+        return;
+    }
+    const bucketWidths = layout.bucketWidths || [];
+    const groupXs = layout.groupXs || [];
+    const widthFromLayout = bucketWidths[hoveredGroupIndex];
+    const xFromLayout = groupXs[hoveredGroupIndex];
+    let rectX = 0;
+    let rectWidth = 0;
+    if (widthFromLayout !== undefined && xFromLayout !== undefined) {
+        rectX = xFromLayout;
+        rectWidth = widthFromLayout;
+    }
+    else {
+        let minX = Infinity;
+        let maxX = -Infinity;
+        for (let j = 0; j < group.ids.length; j++) {
+            const id = group.ids[j];
+            const pos = layout.positions.get(id);
+            if (pos) {
+                minX = Math.min(minX, pos.x);
+                maxX = Math.max(maxX, pos.x + cardWidth);
+            }
+        }
+        if (minX === Infinity) {
+            highlight.visible = false;
+            return;
+        }
+        rectX = minX;
+        rectWidth = maxX - minX;
+    }
+    const containerWorldHeight = Math.max((container.scrollHeight || container.clientHeight) * invScale, container.clientHeight * invScale);
+    const baseWorldHeight = Math.max(layout.totalHeight || 0, containerWorldHeight);
+    const bufferWorld = Math.max(200, baseWorldHeight * 0.25);
+    const worldHeight = baseWorldHeight + bufferWorld * 2;
+    const startY = -bufferWorld;
+    highlight.rect(rectX, startY, rectWidth, worldHeight);
+    highlight.fill(0xffffff);
+    highlight.alpha = 0.05;
+    highlight.visible = true;
+}
+
+exports.updateGroupBackgrounds = updateGroupBackgrounds;
+exports.updateHighlight = updateHighlight;
+//# sourceMappingURL=groups.js.map

package/dist/cjs/PivotViewer/components/pivot/groups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groups.js","sources":["../../../../../PivotViewer/components/pivot/groups.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport * as PIXI from 'pixi.js';\nimport type { CardColors } from './constants';\nimport type { GroupingResult, LayoutResult } from '../../engine/types';\n\nexport function updateGroupBackgrounds(\n  groupsContainer: PIXI.Container | null,\n  container: HTMLDivElement | null,\n  grouping: GroupingResult,\n  layout: LayoutResult,\n  zoomLevel: number,\n  cardColors: CardColors,\n  viewMode: string,\n) {\n  if (!groupsContainer) return;\n\n  // keep parameter referenced to avoid unused param lint when callers pass zoomLevel\n  void zoomLevel;\n\n  if (!container || grouping.groups.length === 0 || viewMode === 'collection') {\n    // If we shouldn't show anything, hide all existing backgrounds\n    // We keep the highlight if it exists\n    for (const child of groupsContainer.children) {\n      if ((child as unknown as { name?: string }).name !== 'highlight') {\n        child.visible = false;\n      }\n    }\n    return;\n  }\n\n  // Derive a world-space height that always covers the visible viewport even when zoomed out.\n  const invScale = zoomLevel && zoomLevel !== 0 ? 1 / zoomLevel : 1;\n  const containerWorldHeight = Math.max(\n    (container.scrollHeight || container.clientHeight) * invScale,\n    container.clientHeight * invScale,\n  );\n  const baseWorldHeight = Math.max(layout.totalHeight || 0, containerWorldHeight);\n  // Use larger buffer and extend further above the viewport to ensure full coverage\n  // when zoomed out and cards are positioned at the bottom\n  const bufferWorld = Math.max(500, baseWorldHeight * 0.5, containerWorldHeight);\n  const worldHeight = baseWorldHeight + bufferWorld * 3;\n  const startY = -bufferWorld * 2;\n\n  // Get existing background graphics (excluding highlight)\n  const backgroundGraphics = groupsContainer.children.filter(c => (c as unknown as { name?: string }).name !== 'highlight') as PIXI.Graphics[];\n  let bgIndex = 0;\n\n  // Instead of re-deriving bucket geometry from constants, compute bucket bounds\n  // directly from the positions stored in the layout so backgrounds align exactly.\n  for (let index = 0; index < grouping.groups.length; index++) {\n    const group = grouping.groups[index];\n    let minX = Infinity;\n    let maxX = -Infinity;\n\n    for (let j = 0; j < group.ids.length; j++) {\n      const id = group.ids[j];\n      const pos = layout.positions.get(id);\n      if (pos) {\n        minX = Math.min(minX, pos.x);\n        maxX = Math.max(maxX, pos.x);\n      }\n    }\n\n    if (minX === Infinity && (!layout.groupXs || layout.groupXs[index] === undefined)) continue;\n\n    // Prefer explicit bucket width and position from layout when available\n    const bucketWidths = layout.bucketWidths || [];\n    const groupXs = layout.groupXs || [];\n    const widthFromLayout = bucketWidths[index];\n    const xFromLayout = groupXs[index];\n\n    const width = widthFromLayout && widthFromLayout > 0 ? widthFromLayout : ((maxX - minX) || 0);\n    const x = xFromLayout !== undefined ? xFromLayout : minX;\n\n    if (index % 2 === 0 && width > 0) {\n      let bg: PIXI.Graphics;\n\n      if (bgIndex < backgroundGraphics.length) {\n        bg = backgroundGraphics[bgIndex];\n        bg.clear();\n      } else {\n        bg = new PIXI.Graphics();\n        // Insert before highlight if it exists, otherwise at end\n        const highlightIndex = groupsContainer.children.findIndex(c => (c as unknown as { name?: string }).name === 'highlight');\n        if (highlightIndex >= 0) {\n          groupsContainer.addChildAt(bg, highlightIndex);\n        } else {\n          groupsContainer.addChild(bg);\n        }\n      }\n\n      bg.rect(x, startY, width, worldHeight);\n      bg.fill(cardColors.base);\n      bg.alpha = 0.15;\n      bg.visible = true;\n      bgIndex++;\n    }\n  }\n\n  // Hide unused background graphics\n  for (let i = bgIndex; i < backgroundGraphics.length; i++) {\n    backgroundGraphics[i].visible = false;\n  }\n}\n\nexport function updateHighlight(\n  groupsContainer: PIXI.Container | null,\n  container: HTMLDivElement | null,\n  grouping: GroupingResult,\n  layout: LayoutResult,\n  hoveredGroupIndex: number | null,\n  cardWidth: number,\n  zoomLevel: number,\n) {\n  if (!groupsContainer || !container || grouping.groups.length === 0) return;\n\n  const invScale = zoomLevel && zoomLevel !== 0 ? 1 / zoomLevel : 1;\n\n  let highlight = groupsContainer.children.find(child => (child as unknown as { name?: string }).name === 'highlight') as PIXI.Graphics;\n\n  if (!highlight) {\n    highlight = new PIXI.Graphics();\n    (highlight as unknown as { name: string }).name = 'highlight';\n    groupsContainer.addChild(highlight);\n  }\n\n  highlight.clear();\n\n  if (hoveredGroupIndex === null || hoveredGroupIndex < 0) {\n    highlight.visible = false;\n    return;\n  }\n\n  const group = grouping.groups[hoveredGroupIndex];\n  if (!group || group.ids.length === 0) {\n    highlight.visible = false;\n    return;\n  }\n\n  // Use layout info if available\n  const bucketWidths = layout.bucketWidths || [];\n  const groupXs = layout.groupXs || [];\n  const widthFromLayout = bucketWidths[hoveredGroupIndex];\n  const xFromLayout = groupXs[hoveredGroupIndex];\n\n  let rectX = 0;\n  let rectWidth = 0;\n\n  if (widthFromLayout !== undefined && xFromLayout !== undefined) {\n    rectX = xFromLayout;\n    rectWidth = widthFromLayout;\n  } else {\n    // Fallback: derive from items bounding box\n    let minX = Infinity;\n    let maxX = -Infinity;\n\n    for (let j = 0; j < group.ids.length; j++) {\n      const id = group.ids[j];\n      const pos = layout.positions.get(id);\n      if (pos) {\n        minX = Math.min(minX, pos.x);\n        maxX = Math.max(maxX, pos.x + cardWidth);\n      }\n    }\n\n    if (minX === Infinity) {\n      highlight.visible = false;\n      return;\n    }\n    rectX = minX;\n    rectWidth = maxX - minX;\n  }\n\n  const containerWorldHeight = Math.max(\n    (container.scrollHeight || container.clientHeight) * invScale,\n    container.clientHeight * invScale,\n  );\n  const baseWorldHeight = Math.max(layout.totalHeight || 0, containerWorldHeight);\n  const bufferWorld = Math.max(200, baseWorldHeight * 0.25);\n  const worldHeight = baseWorldHeight + bufferWorld * 2;\n  const startY = -bufferWorld;\n\n  highlight.rect(rectX, startY, rectWidth, worldHeight);\n  highlight.fill(0xffffff);\n  highlight.alpha = 0.05;\n  highlight.visible = true;\n}\n"],"names":["PIXI"],"mappings":"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"}

package/dist/cjs/PivotViewer/components/pivot/sprites.js

@@ -100,6 +100,7 @@ function createCardSprite(id, x, y, items, onCardClick, onPanStart, cardWidth, c
     container.eventMode = 'static';
     container.cursor = 'pointer';
     container.position.set(x, y);
+    container.hitArea = new PIXI__namespace.Rectangle(constants.CARD_GAP / 2, constants.CARD_GAP / 2, cardWidth - constants.CARD_GAP, cardHeight - constants.CARD_GAP);
     container._eventContext = { items, onCardClick, id };
     const graphics = new PIXI__namespace.Graphics();
     const actualWidth = cardWidth - constants.CARD_GAP;
@@ -172,20 +173,6 @@ function destroySprite(sprite) {
     }
     spritePool.push(sprite);
 }
-function clearSpritePool() {
-    for (const sprite of spritePool) {
-        try {
-            sprite.graphics?.destroy();
-            sprite.titleText?.destroy();
-            sprite.labelsText?.destroy();
-            sprite.valuesText?.destroy();
-            sprite.container?.destroy();
-        }
-        catch (e) {
-        }
-    }
-    spritePool.length = 0;
-}
 function updateCardContent(sprite, item, selectedId, cardWidth, cardHeight, cardColors) {
     if (!item)
         return;
@@ -284,7 +271,6 @@ function updateCardContent(sprite, item, selectedId, cardWidth, cardHeight, card
     }
 }
 
-exports.clearSpritePool = clearSpritePool;
 exports.createCardSprite = createCardSprite;
 exports.destroySprite = destroySprite;
 exports.updateCardContent = updateCardContent;