@cratis/components 0.1.17 → 0.1.19

package/dist/esm/PivotViewer/engine/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../PivotViewer/engine/layout.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 {\n  LayoutSpec,\n  LayoutResult,\n  ItemPosition,\n  GroupingResult,\n  ItemId,\n} from './types';\nimport { CARD_GAP, CANVAS_PADDING } from '../constants';\n\nexport function computeLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec\n): LayoutResult {\n  const positions = new Map<ItemId, ItemPosition>();\n\n  if (spec.viewMode === 'collection') {\n    return computeCollectionLayout(grouping, spec, positions);\n  } else {\n    return computeGroupedLayout(grouping, spec, positions);\n  }\n}\n\nfunction computeCollectionLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, containerWidth } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Calculate how many cards fit per row based on container width (include gap)\n  const cardsPerRow = Math.max(1, Math.floor((containerWidth + CARD_GAP - (CANVAS_PADDING * 2)) / slotWidth));\n\n  let x = CANVAS_PADDING;\n  let y = CANVAS_PADDING;\n  let column = 0;\n  let itemCount = 0;\n\n  for (const group of grouping.groups) {\n    for (let i = 0; i < group.ids.length; i++) {\n      const id = group.ids[i];\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex: 0,\n      });\n\n      // Move to next position horizontally (left to right)\n      column++;\n      x += slotWidth;\n\n      // Wrap to next row when we've filled the width\n      if (column >= cardsPerRow) {\n        column = 0;\n        x = CANVAS_PADDING;\n        y += slotHeight;\n      }\n\n      itemCount++;\n    }\n  }\n\n  const rows = Math.ceil(itemCount / cardsPerRow);\n  const contentWidth = Math.min(itemCount, cardsPerRow) * slotWidth;\n\n  return {\n    positions,\n    totalWidth: Math.max(containerWidth, contentWidth + (CANVAS_PADDING * 2)),\n    totalHeight: (rows * slotHeight) + (CANVAS_PADDING * 2),\n  };\n}\n\nfunction computeGroupedLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, cardsPerColumn } = spec;\n  // Override group spacing to ensure consistent card spacing across groups\n  // We want visual gap between groups to match gap between cards (CARD_GAP)\n  const effectiveGroupSpacing = 0;\n\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n  // Bottom margin of 0 - the CARD_GAP in slotHeight provides sufficient spacing\n  // between the bottom card and the footer label\n  const BOTTOM_MARGIN = 0;\n\n  // Fixed bucket width: 2 columns of cards per bucket (always)\n  const COLUMNS_PER_BUCKET = 2;\n  const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;\n\n  let groupX = 0;\n  // Use container height for layout, or fallback to cardsPerColumn height\n  const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);\n  const bucketWidths: number[] = [];\n  const groupXs: number[] = [];\n  let maxRows = 0;\n\n  // First pass: calculate max rows to determine total height\n  for (const group of grouping.groups) {\n    const itemsInGroup = group.ids.length;\n    const rowsInGroup = Math.ceil(itemsInGroup / COLUMNS_PER_BUCKET);\n    maxRows = Math.max(maxRows, rowsInGroup);\n  }\n\n  // Calculate actual content height needed (ensure it's at least as tall as the container)\n  // We need to fit the tallest column plus the bottom margin\n  const contentHeight = Math.max(layoutHeight, (maxRows * slotHeight) + BOTTOM_MARGIN);\n\n  for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {\n    const group = grouping.groups[groupIndex];\n    groupXs.push(groupX);\n\n    const itemsInGroup = group.ids.length;\n\n    for (let i = 0; i < itemsInGroup; i++) {\n      const id = group.ids[i];\n\n      // Cards fill from left to right, bottom to top\n      // For a 2-column bucket: i=0,1 in row 0; i=2,3 in row 1; etc.\n      const col = i % COLUMNS_PER_BUCKET;\n      const row = Math.floor(i / COLUMNS_PER_BUCKET);\n\n      // Center the cards within the bucket\n      // The bucket width fits 2 slots (2W + 2G). Cards take 2W + G.\n      // So we have G/2 padding on each side to center them.\n      const x = groupX + (col * slotWidth) + (CARD_GAP / 2);\n\n      // Position cards from bottom of container, stacking upwards, starting at row 0 (bottom)\n      const y = CANVAS_PADDING + contentHeight - BOTTOM_MARGIN - ((row + 1) * slotHeight);\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex,\n      });\n    }\n\n    // Always use fixed bucket width\n    bucketWidths.push(bucketWidth);\n\n    // Advance position by fixed bucket width + spacing\n    groupX += bucketWidth;\n    if (groupIndex < grouping.groups.length - 1) {\n      groupX += effectiveGroupSpacing;\n    }\n  }\n\n  return {\n    positions,\n    totalWidth: groupX + CANVAS_PADDING,\n    totalHeight: contentHeight + (CANVAS_PADDING * 2),\n    bucketWidths,\n    groupXs,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"layout.js","sources":["../../../../PivotViewer/engine/layout.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 {\n  LayoutSpec,\n  LayoutResult,\n  ItemPosition,\n  GroupingResult,\n  ItemId,\n} from './types';\nimport { CARD_GAP, CANVAS_PADDING } from '../constants';\n\nexport function computeLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec\n): LayoutResult {\n  const positions = new Map<ItemId, ItemPosition>();\n\n  if (spec.viewMode === 'collection') {\n    return computeCollectionLayout(grouping, spec, positions);\n  } else {\n    return computeGroupedLayout(grouping, spec, positions);\n  }\n}\n\nfunction computeCollectionLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, containerWidth } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Calculate how many cards fit per row based on container width (include gap)\n  const cardsPerRow = Math.max(1, Math.floor((containerWidth + CARD_GAP - (CANVAS_PADDING * 2)) / slotWidth));\n\n  let x = CANVAS_PADDING;\n  let y = CANVAS_PADDING;\n  let column = 0;\n  let itemCount = 0;\n\n  for (const group of grouping.groups) {\n    for (let i = 0; i < group.ids.length; i++) {\n      const id = group.ids[i];\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex: 0,\n      });\n\n      // Move to next position horizontally (left to right)\n      column++;\n      x += slotWidth;\n\n      // Wrap to next row when we've filled the width\n      if (column >= cardsPerRow) {\n        column = 0;\n        x = CANVAS_PADDING;\n        y += slotHeight;\n      }\n\n      itemCount++;\n    }\n  }\n\n  const rows = Math.ceil(itemCount / cardsPerRow);\n  const contentWidth = Math.min(itemCount, cardsPerRow) * slotWidth;\n\n  return {\n    positions,\n    totalWidth: Math.max(containerWidth, contentWidth + (CANVAS_PADDING * 2)),\n    totalHeight: (rows * slotHeight) + (CANVAS_PADDING * 2),\n  };\n}\n\nfunction computeGroupedLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, cardsPerColumn } = spec;\n  // Override group spacing to ensure consistent card spacing across groups\n  // We want visual gap between groups to match gap between cards (CARD_GAP)\n  const effectiveGroupSpacing = 0;\n\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n  // Bottom margin matches the canvas padding for visual consistency\n  const BOTTOM_MARGIN = CANVAS_PADDING;\n\n  // Fixed bucket width: 2 columns of cards per bucket (always)\n  const COLUMNS_PER_BUCKET = 2;\n  const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;\n\n  let groupX = 0;\n  // Use container height for layout, or fallback to cardsPerColumn height\n  const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);\n  const bucketWidths: number[] = [];\n  const groupXs: number[] = [];\n  let maxRows = 0;\n\n  // First pass: calculate max rows to determine total height\n  for (const group of grouping.groups) {\n    const itemsInGroup = group.ids.length;\n    const rowsInGroup = Math.ceil(itemsInGroup / COLUMNS_PER_BUCKET);\n    maxRows = Math.max(maxRows, rowsInGroup);\n  }\n\n  // Calculate actual content height needed (ensure it's at least as tall as the container)\n  // We need to fit the tallest column plus the bottom margin\n  const contentHeight = Math.max(layoutHeight, (maxRows * slotHeight) + BOTTOM_MARGIN);\n\n  for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {\n    const group = grouping.groups[groupIndex];\n    groupXs.push(groupX);\n\n    const itemsInGroup = group.ids.length;\n\n    for (let i = 0; i < itemsInGroup; i++) {\n      const id = group.ids[i];\n\n      // Cards fill from left to right, bottom to top\n      // For a 2-column bucket: i=0,1 in row 0; i=2,3 in row 1; etc.\n      const col = i % COLUMNS_PER_BUCKET;\n      const row = Math.floor(i / COLUMNS_PER_BUCKET);\n\n      // Center the cards within the bucket\n      // The bucket width fits 2 slots (2W + 2G). Cards take 2W + G.\n      // So we have G/2 padding on each side to center them.\n      const x = groupX + (col * slotWidth) + (CARD_GAP / 2);\n\n      // Position cards from bottom of container, stacking upwards, starting at row 0 (bottom)\n      const y = CANVAS_PADDING + contentHeight - BOTTOM_MARGIN - ((row + 1) * slotHeight);\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex,\n      });\n    }\n\n    // Always use fixed bucket width\n    bucketWidths.push(bucketWidth);\n\n    // Advance position by fixed bucket width + spacing\n    groupX += bucketWidth;\n    if (groupIndex < grouping.groups.length - 1) {\n      groupX += effectiveGroupSpacing;\n    }\n  }\n\n  return {\n    positions,\n    totalWidth: groupX + CANVAS_PADDING,\n    totalHeight: contentHeight + (CANVAS_PADDING * 2),\n    bucketWidths,\n    groupXs,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/PivotViewer/hooks/useCardSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCardSelection.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/hooks/useCardSelection.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,UAAU,sBAAsB,CAAC,KAAK,SAAS,MAAM;IACjD,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,cAAc,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,iBAAiB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClF,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC5D,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC3D,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,KAAK,IAAI,CAAC;CACzG;AAED,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,MAAM,EAAE,EACnD,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,oBAAoB,GACvB,EAAE,sBAAsB,CAAC,KAAK,CAAC,UACF,KAAK,KAAK,UAAU,OAAO,MAAM,GAAG,MAAM,UAwEvE"}
+{"version":3,"file":"useCardSelection.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/hooks/useCardSelection.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,UAAU,sBAAsB,CAAC,KAAK,SAAS,MAAM;IACjD,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,cAAc,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,iBAAiB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClF,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC5D,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC3D,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,KAAK,IAAI,CAAC;CACzG;AAED,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,MAAM,EAAE,EACnD,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,oBAAoB,GACvB,EAAE,sBAAsB,CAAC,KAAK,CAAC,UACF,KAAK,KAAK,UAAU,OAAO,MAAM,GAAG,MAAM,UAyEvE"}

package/dist/esm/PivotViewer/hooks/useCardSelection.js

@@ -16,7 +16,8 @@ function useCardSelection({ data, isPanning, selectedItem, zoomLevel, viewMode,
         const selectedId = selectedItem
             ? (() => {
                 const index = data.indexOf(selectedItem);
-                return index !== -1 ? index : resolveId(selectedItem, 0);
+                const rawSelectedId = index !== -1 ? resolveId(selectedItem, index) : resolveId(selectedItem, 0);
+                return normalizeIdToLayoutKey(rawSelectedId, layout);
             })()
             : null;
         const cardPosition = getCardPositionFromLayout(itemId, layout, BASE_CARD_WIDTH, BASE_CARD_HEIGHT);

package/dist/esm/PivotViewer/hooks/useCardSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardSelection.js","sources":["../../../../PivotViewer/hooks/useCardSelection.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 { useCallback } from 'react';\nimport { handleCardSelection } from '../utils/selection';\nimport type { Layout } from '../utils/cardPosition';\nimport type { ViewMode } from '../components/Toolbar';\nimport {\n    getCardPositionFromLayout,\n    normalizeIdToLayoutKey,\n    type CardPosition,\n} from '../utils/idResolution';\nimport { createCardPositionCallbacks } from '../utils/cardPosition';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, BASE_CARD_WIDTH, BASE_CARD_HEIGHT } from '../utils/constants';\n\ninterface UseCardSelectionParams<TItem extends object> {\n    data: TItem[];\n    isPanning: boolean;\n    selectedItem: TItem | null;\n    zoomLevel: number;\n    viewMode: ViewMode;\n    layout: Layout;\n    containerDimensions: { width: number; height: number };\n    scrollPosition: { x: number; y: number };\n    preSelectionState: { zoom: number; scrollLeft: number; scrollTop: number } | null;\n    grouping: unknown;\n    getItemId?: (item: TItem, index: number) => string | number;\n    resolveId: (item: TItem, index: number) => string | number;\n    setZoomLevel: (level: number) => void;\n    setIsZooming: (zooming: boolean) => void;\n    setSelectedItem: (item: TItem | null) => void;\n    setPreSelectionState: (state: { zoom: number; scrollLeft: number; scrollTop: number } | null) => void;\n}\n\nexport function useCardSelection<TItem extends object>({\n    data,\n    isPanning,\n    selectedItem,\n    zoomLevel,\n    viewMode,\n    layout,\n    containerDimensions,\n    scrollPosition,\n    preSelectionState,\n    grouping,\n    getItemId,\n    resolveId,\n    setZoomLevel,\n    setIsZooming,\n    setSelectedItem,\n    setPreSelectionState,\n}: UseCardSelectionParams<TItem>) {\n    return useCallback((item: TItem, e: MouseEvent, id?: number | string) => {\n        if (isPanning) return;\n\n        // Get container element from event target\n        const container = (e.target as Element)?.closest('.pv-main')?.parentElement as HTMLDivElement | null;\n        if (!container) return;\n\n        // Resolve item ID\n        let itemId = (id !== undefined && id !== null) ? id : resolveId(item, 0);\n        itemId = normalizeIdToLayoutKey(itemId, layout);\n\n        const selectedId = selectedItem\n            ? (() => {\n                const index = data.indexOf(selectedItem);\n                return index !== -1 ? index : resolveId(selectedItem, 0);\n            })()\n            : null;\n\n        // Get card position from layout\n        const cardPosition = getCardPositionFromLayout(itemId, layout, BASE_CARD_WIDTH, BASE_CARD_HEIGHT);\n\n        // Calculate target position for animation\n        let targetCardPosition: CardPosition | null = null;\n        let callbacks = { getCardPositionAtZoom: null as unknown as ((zoom: number) => CardPosition | null), getLayoutSizeAtZoom: null as unknown as ((zoom: number) => { width: number; height: number }) };\n        let targetTotalHeight = layout.totalHeight;\n\n        if (viewMode === 'grouped' && cardPosition) {\n            // Calculate target zoom\n            const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n\n            const targetContainerWidth = containerDimensions.width / targetZoom;\n            const targetContainerHeight = containerDimensions.height;\n\n            callbacks = createCardPositionCallbacks(\n                itemId,\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                grouping as unknown as any,\n                viewMode,\n                targetContainerWidth,\n                targetContainerHeight,\n            );\n\n            const targetPosition = callbacks.getCardPositionAtZoom(targetZoom);\n            if (targetPosition) {\n                targetCardPosition = targetPosition;\n            }\n\n            const targetLayout = callbacks.getLayoutSizeAtZoom(targetZoom);\n            targetTotalHeight = targetLayout.height;\n        }\n\n        handleCardSelection({\n            item,\n            itemId,\n            selectedItemId: selectedId,\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom: callbacks.getCardPositionAtZoom,\n            getLayoutSizeAtZoom: callbacks.getLayoutSizeAtZoom,\n            spacer: container.querySelector('.pv-spacer') as HTMLDivElement,\n            preSelectionState,\n            startScrollPosition: { x: scrollPosition.x, y: scrollPosition.y },\n            setZoomLevel,\n            setIsZooming,\n            setSelectedItem,\n            setPreSelectionState,\n            viewMode,\n            zoomLevel,\n            totalHeight: targetTotalHeight,\n        });\n    }, [isPanning, selectedItem, zoomLevel, preSelectionState, viewMode, resolveId, setZoomLevel, layout, grouping, containerDimensions, scrollPosition, data, getItemId]);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCardSelection.js","sources":["../../../../PivotViewer/hooks/useCardSelection.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 { useCallback } from 'react';\nimport { handleCardSelection } from '../utils/selection';\nimport type { Layout } from '../utils/cardPosition';\nimport type { ViewMode } from '../components/Toolbar';\nimport {\n    getCardPositionFromLayout,\n    normalizeIdToLayoutKey,\n    type CardPosition,\n} from '../utils/idResolution';\nimport { createCardPositionCallbacks } from '../utils/cardPosition';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, BASE_CARD_WIDTH, BASE_CARD_HEIGHT } from '../utils/constants';\n\ninterface UseCardSelectionParams<TItem extends object> {\n    data: TItem[];\n    isPanning: boolean;\n    selectedItem: TItem | null;\n    zoomLevel: number;\n    viewMode: ViewMode;\n    layout: Layout;\n    containerDimensions: { width: number; height: number };\n    scrollPosition: { x: number; y: number };\n    preSelectionState: { zoom: number; scrollLeft: number; scrollTop: number } | null;\n    grouping: unknown;\n    getItemId?: (item: TItem, index: number) => string | number;\n    resolveId: (item: TItem, index: number) => string | number;\n    setZoomLevel: (level: number) => void;\n    setIsZooming: (zooming: boolean) => void;\n    setSelectedItem: (item: TItem | null) => void;\n    setPreSelectionState: (state: { zoom: number; scrollLeft: number; scrollTop: number } | null) => void;\n}\n\nexport function useCardSelection<TItem extends object>({\n    data,\n    isPanning,\n    selectedItem,\n    zoomLevel,\n    viewMode,\n    layout,\n    containerDimensions,\n    scrollPosition,\n    preSelectionState,\n    grouping,\n    getItemId,\n    resolveId,\n    setZoomLevel,\n    setIsZooming,\n    setSelectedItem,\n    setPreSelectionState,\n}: UseCardSelectionParams<TItem>) {\n    return useCallback((item: TItem, e: MouseEvent, id?: number | string) => {\n        if (isPanning) return;\n\n        // Get container element from event target\n        const container = (e.target as Element)?.closest('.pv-main')?.parentElement as HTMLDivElement | null;\n        if (!container) return;\n\n        // Resolve item ID\n        let itemId = (id !== undefined && id !== null) ? id : resolveId(item, 0);\n        itemId = normalizeIdToLayoutKey(itemId, layout);\n\n        const selectedId = selectedItem\n            ? (() => {\n                const index = data.indexOf(selectedItem);\n                const rawSelectedId = index !== -1 ? resolveId(selectedItem, index) : resolveId(selectedItem, 0);\n                return normalizeIdToLayoutKey(rawSelectedId, layout);\n            })()\n            : null;\n\n        // Get card position from layout\n        const cardPosition = getCardPositionFromLayout(itemId, layout, BASE_CARD_WIDTH, BASE_CARD_HEIGHT);\n\n        // Calculate target position for animation\n        let targetCardPosition: CardPosition | null = null;\n        let callbacks = { getCardPositionAtZoom: null as unknown as ((zoom: number) => CardPosition | null), getLayoutSizeAtZoom: null as unknown as ((zoom: number) => { width: number; height: number }) };\n        let targetTotalHeight = layout.totalHeight;\n\n        if (viewMode === 'grouped' && cardPosition) {\n            // Calculate target zoom\n            const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n\n            const targetContainerWidth = containerDimensions.width / targetZoom;\n            const targetContainerHeight = containerDimensions.height;\n\n            callbacks = createCardPositionCallbacks(\n                itemId,\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                grouping as unknown as any,\n                viewMode,\n                targetContainerWidth,\n                targetContainerHeight,\n            );\n\n            const targetPosition = callbacks.getCardPositionAtZoom(targetZoom);\n            if (targetPosition) {\n                targetCardPosition = targetPosition;\n            }\n\n            const targetLayout = callbacks.getLayoutSizeAtZoom(targetZoom);\n            targetTotalHeight = targetLayout.height;\n        }\n\n        handleCardSelection({\n            item,\n            itemId,\n            selectedItemId: selectedId,\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom: callbacks.getCardPositionAtZoom,\n            getLayoutSizeAtZoom: callbacks.getLayoutSizeAtZoom,\n            spacer: container.querySelector('.pv-spacer') as HTMLDivElement,\n            preSelectionState,\n            startScrollPosition: { x: scrollPosition.x, y: scrollPosition.y },\n            setZoomLevel,\n            setIsZooming,\n            setSelectedItem,\n            setPreSelectionState,\n            viewMode,\n            zoomLevel,\n            totalHeight: targetTotalHeight,\n        });\n    }, [isPanning, selectedItem, zoomLevel, preSelectionState, viewMode, resolveId, setZoomLevel, layout, grouping, containerDimensions, scrollPosition, data, getItemId]);\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/PivotViewer/hooks/useZoomState.d.ts

@@ -5,5 +5,6 @@ export declare function useZoomState(initialZoom?: number): {
     handleZoomIn: () => void;
     handleZoomOut: () => void;
     handleZoomSlider: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleZoomReset: () => void;
 };
 //# sourceMappingURL=useZoomState.d.ts.map

package/dist/esm/PivotViewer/hooks/useZoomState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useZoomState.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/hooks/useZoomState.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,WAAW,SAAI;;;gCAGK,MAAM;;;0BAYZ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;EAY7E"}
+{"version":3,"file":"useZoomState.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/hooks/useZoomState.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,WAAW,SAAI;;;gCAGK,MAAM;;;0BAYZ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;;EAiB7E"}

package/dist/esm/PivotViewer/hooks/useZoomState.js

@@ -15,6 +15,9 @@ function useZoomState(initialZoom = 1) {
     const handleZoomSlider = useCallback((e) => {
         handleZoomChange(parseFloat(e.target.value));
     }, [handleZoomChange]);
+    const handleZoomReset = useCallback(() => {
+        handleZoomChange(1);
+    }, [handleZoomChange]);
     return {
         zoomLevel,
         setZoomLevel,
@@ -22,6 +25,7 @@ function useZoomState(initialZoom = 1) {
         handleZoomIn,
         handleZoomOut,
         handleZoomSlider,
+        handleZoomReset,
     };
 }
 

package/dist/esm/PivotViewer/hooks/useZoomState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useZoomState.js","sources":["../../../../PivotViewer/hooks/useZoomState.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 { useState, useCallback } from 'react';\nimport { ZOOM_MIN, ZOOM_MAX } from '../utils/utils';\n\nexport function useZoomState(initialZoom = 1) {\n  const [zoomLevel, setZoomLevel] = useState(initialZoom);\n\n  const handleZoomChange = useCallback((newZoom: number) => {\n    setZoomLevel(Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, newZoom)));\n  }, []);\n\n  const handleZoomIn = useCallback(() => {\n    handleZoomChange(zoomLevel + 0.2);\n  }, [zoomLevel, handleZoomChange]);\n\n  const handleZoomOut = useCallback(() => {\n    handleZoomChange(zoomLevel - 0.2);\n  }, [zoomLevel, handleZoomChange]);\n\n  const handleZoomSlider = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    handleZoomChange(parseFloat(e.target.value));\n  }, [handleZoomChange]);\n\n  return {\n    zoomLevel,\n    setZoomLevel,\n    handleZoomChange,\n    handleZoomIn,\n    handleZoomOut,\n    handleZoomSlider,\n  };\n}\n"],"names":[],"mappings":";;;AAMM,SAAU,YAAY,CAAC,WAAW,GAAG,CAAC,EAAA;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;AAEvD,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,OAAe,KAAI;AACvD,QAAA,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AACpC,QAAA,gBAAgB,CAAC,SAAS,GAAG,GAAG,CAAC;AACnC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;AACrC,QAAA,gBAAgB,CAAC,SAAS,GAAG,GAAG,CAAC;AACnC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAsC,KAAI;QAC9E,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,gBAAgB;QAChB,YAAY;QACZ,aAAa;QACb,gBAAgB;KACjB;AACH;;;;"}
+{"version":3,"file":"useZoomState.js","sources":["../../../../PivotViewer/hooks/useZoomState.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 { useState, useCallback } from 'react';\nimport { ZOOM_MIN, ZOOM_MAX } from '../utils/utils';\n\nexport function useZoomState(initialZoom = 1) {\n  const [zoomLevel, setZoomLevel] = useState(initialZoom);\n\n  const handleZoomChange = useCallback((newZoom: number) => {\n    setZoomLevel(Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, newZoom)));\n  }, []);\n\n  const handleZoomIn = useCallback(() => {\n    handleZoomChange(zoomLevel + 0.2);\n  }, [zoomLevel, handleZoomChange]);\n\n  const handleZoomOut = useCallback(() => {\n    handleZoomChange(zoomLevel - 0.2);\n  }, [zoomLevel, handleZoomChange]);\n\n  const handleZoomSlider = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    handleZoomChange(parseFloat(e.target.value));\n  }, [handleZoomChange]);\n\n  const handleZoomReset = useCallback(() => {\n    handleZoomChange(1);\n  }, [handleZoomChange]);\n\n  return {\n    zoomLevel,\n    setZoomLevel,\n    handleZoomChange,\n    handleZoomIn,\n    handleZoomOut,\n    handleZoomSlider,\n    handleZoomReset,\n  };\n}\n"],"names":[],"mappings":";;;AAMM,SAAU,YAAY,CAAC,WAAW,GAAG,CAAC,EAAA;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;AAEvD,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,OAAe,KAAI;AACvD,QAAA,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AACpC,QAAA,gBAAgB,CAAC,SAAS,GAAG,GAAG,CAAC;AACnC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;AACrC,QAAA,gBAAgB,CAAC,SAAS,GAAG,GAAG,CAAC;AACnC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAsC,KAAI;QAC9E,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAEtB,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;QACvC,gBAAgB,CAAC,CAAC,CAAC;AACrB,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,gBAAgB;QAChB,YAAY;QACZ,aAAa;QACb,gBAAgB;QAChB,eAAe;KAChB;AACH;;;;"}

package/dist/esm/PivotViewer/types.d.ts

@@ -38,7 +38,11 @@ export interface PivotViewerProps<TItem extends object> {
     dimensions: PivotDimension<TItem>[];
     filters?: PivotFilter<TItem>[];
     defaultDimensionKey?: string;
-    cardRenderer?: (item: TItem) => ReactNode;
+    cardRenderer: (item: TItem) => {
+        title: string;
+        labels?: string[];
+        values?: string[];
+    };
     detailRenderer?: (item: TItem, onClose: () => void) => ReactNode;
     getItemId?: (item: TItem, index: number) => string | number;
     searchFields?: PropertyAccessor<TItem>[];

package/dist/esm/PivotViewer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../PivotViewer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../PivotViewer/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/PivotViewer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../PivotViewer/types.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 { ReactNode } from 'react';\n\nexport type PivotPrimitive = string | number | boolean | Date | null | undefined;\n\n/**\n * Type-safe property accessor for accessing properties, including nested ones\n */\nexport type PropertyAccessor<TItem> = (item: TItem) => unknown;\n\n/**\n * Extract property path from a property accessor function\n * Supports nested properties like item => item.address.city\n */\nexport function getPropertyPath<TItem>(accessor: PropertyAccessor<TItem>): string {\n    const fnStr = accessor.toString();\n    // Match patterns like: item => item.prop or item => item.prop.nested or (item) => item.prop\n    const match = fnStr.match(/(?:=>|return)\\s*[a-zA-Z_$][a-zA-Z0-9_$]*\\.([a-zA-Z_$][a-zA-Z0-9_$.]*)/);\n    return match ? match[1] : '';\n}\n\n/**\n * Get the value from an item using a property path string\n * Supports nested properties like \"address.city\"\n */\nexport function getValueByPath<TItem>(item: TItem, path: string): unknown {\n    const parts = path.split('.');\n    let value: unknown = item;\n    for (const part of parts) {\n        if (value === null || value === undefined) {\n            return undefined;\n        }\n        value = value[part];\n    }\n    return value;\n}\n\nexport interface PivotGroup<TItem extends object> {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  items: TItem[];\n  count?: number;\n}\n\nexport interface PivotDimension<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  formatValue?: (value: PivotPrimitive) => string;\n  sort?: (a: PivotGroup<TItem>, b: PivotGroup<TItem>) => number;\n}\n\nexport interface PivotFilterOption {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  count: number;\n}\n\nexport interface PivotFilter<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  multi?: boolean;\n  options?: PivotFilterOption[];\n  sort?: (a: PivotFilterOption, b: PivotFilterOption) => number;\n  /** For numeric filters, enables range picker with histogram */\n  type?: 'string' | 'number' | 'date';\n  /** Number of buckets for the histogram in range filters */\n  buckets?: number;\n}\n\nexport interface PivotViewerProps<TItem extends object> {\n  data: TItem[];\n  dimensions: PivotDimension<TItem>[];\n  filters?: PivotFilter<TItem>[];\n  defaultDimensionKey?: string;\n  cardRenderer?: (item: TItem) => ReactNode;\n  /** Optional renderer for the slide-in detail panel when a card is selected */\n  detailRenderer?: (item: TItem, onClose: () => void) => ReactNode;\n  getItemId?: (item: TItem, index: number) => string | number;\n  searchFields?: PropertyAccessor<TItem>[];\n  className?: string;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  /**\n   * Optional color overrides mapped to PrimeReact-like CSS variables.\n   * If omitted, values are taken from the global theme (PrimeReact defaults).\n   */\n  colors?: Partial<{\n    primaryColor: string;\n    primaryColorText: string;\n    primary500: string;\n    surfaceGround: string;\n    surfaceCard: string;\n    surfaceSection: string;\n    surfaceOverlay: string;\n    surfaceBorder: string;\n    textColor: string;\n    textColorSecondary: string;\n    highlightBg: string;\n    maskbg: string;\n    focusRing: string;\n  }>;\n}\n\nexport type FilterState = Record<string, Set<string>>;\n\nexport type RangeFilterState = Record<string, [number, number] | null>;\n"],"names":[],"mappings":"AAgBM,SAAU,eAAe,CAAQ,QAAiC,EAAA;AACpE,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE;IAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,uEAAuE,CAAC;AAClG,IAAA,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE;AAChC;AAMM,SAAU,cAAc,CAAQ,IAAW,EAAE,IAAY,EAAA;IAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,IAAI,KAAK,GAAY,IAAI;AACzB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACtB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AACvC,YAAA,OAAO,SAAS;QACpB;AACA,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,OAAO,KAAK;AAChB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../PivotViewer/types.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 { ReactNode } from 'react';\n\nexport type PivotPrimitive = string | number | boolean | Date | null | undefined;\n\n/**\n * Type-safe property accessor for accessing properties, including nested ones\n */\nexport type PropertyAccessor<TItem> = (item: TItem) => unknown;\n\n/**\n * Extract property path from a property accessor function\n * Supports nested properties like item => item.address.city\n */\nexport function getPropertyPath<TItem>(accessor: PropertyAccessor<TItem>): string {\n    const fnStr = accessor.toString();\n    // Match patterns like: item => item.prop or item => item.prop.nested or (item) => item.prop\n    const match = fnStr.match(/(?:=>|return)\\s*[a-zA-Z_$][a-zA-Z0-9_$]*\\.([a-zA-Z_$][a-zA-Z0-9_$.]*)/);\n    return match ? match[1] : '';\n}\n\n/**\n * Get the value from an item using a property path string\n * Supports nested properties like \"address.city\"\n */\nexport function getValueByPath<TItem>(item: TItem, path: string): unknown {\n    const parts = path.split('.');\n    let value: unknown = item;\n    for (const part of parts) {\n        if (value === null || value === undefined) {\n            return undefined;\n        }\n        value = value[part];\n    }\n    return value;\n}\n\nexport interface PivotGroup<TItem extends object> {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  items: TItem[];\n  count?: number;\n}\n\nexport interface PivotDimension<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  formatValue?: (value: PivotPrimitive) => string;\n  sort?: (a: PivotGroup<TItem>, b: PivotGroup<TItem>) => number;\n}\n\nexport interface PivotFilterOption {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  count: number;\n}\n\nexport interface PivotFilter<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  multi?: boolean;\n  options?: PivotFilterOption[];\n  sort?: (a: PivotFilterOption, b: PivotFilterOption) => number;\n  /** For numeric filters, enables range picker with histogram */\n  type?: 'string' | 'number' | 'date';\n  /** Number of buckets for the histogram in range filters */\n  buckets?: number;\n}\n\nexport interface PivotViewerProps<TItem extends object> {\n  data: TItem[];\n  dimensions: PivotDimension<TItem>[];\n  filters?: PivotFilter<TItem>[];\n  defaultDimensionKey?: string;\n  /** Renderer for card content; returns structured text data for display */\n  cardRenderer: (item: TItem) => { title: string; labels?: string[]; values?: string[] };\n  /** Optional renderer for the detail content area; the drawer shell (header/close/layout) stays component-owned */\n  detailRenderer?: (item: TItem, onClose: () => void) => ReactNode;\n  getItemId?: (item: TItem, index: number) => string | number;\n  searchFields?: PropertyAccessor<TItem>[];\n  className?: string;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  /**\n   * Optional color overrides mapped to PrimeReact-like CSS variables.\n   * If omitted, values are taken from the global theme (PrimeReact defaults).\n   */\n  colors?: Partial<{\n    primaryColor: string;\n    primaryColorText: string;\n    primary500: string;\n    surfaceGround: string;\n    surfaceCard: string;\n    surfaceSection: string;\n    surfaceOverlay: string;\n    surfaceBorder: string;\n    textColor: string;\n    textColorSecondary: string;\n    highlightBg: string;\n    maskbg: string;\n    focusRing: string;\n  }>;\n}\n\nexport type FilterState = Record<string, Set<string>>;\n\nexport type RangeFilterState = Record<string, [number, number] | null>;\n"],"names":[],"mappings":"AAgBM,SAAU,eAAe,CAAQ,QAAiC,EAAA;AACpE,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE;IAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,uEAAuE,CAAC;AAClG,IAAA,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE;AAChC;AAMM,SAAU,cAAc,CAAQ,IAAW,EAAE,IAAY,EAAA;IAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,IAAI,KAAK,GAAY,IAAI;AACzB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACtB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AACvC,YAAA,OAAO,SAAS;QACpB;AACA,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,OAAO,KAAK;AAChB;;;;"}

package/dist/esm/PivotViewer/utils/animations.js

@@ -105,7 +105,7 @@ function calculateCenterScrollPosition(container, cardPosition, zoomLevel, detai
     const targetYCenter = viewportHeight / 2;
     const targetYForBottom = viewportHeight * 0.7;
     const scrollLeft = Math.max(0, cardCenterX - targetX);
-    let scrollTopForCenter = cardCenterY - targetYCenter;
+    const scrollTopForCenter = cardCenterY - targetYCenter;
     const scrollTopForBottomVisible = cardBottomY - viewportHeight + 50;
     let scrollTop = scrollTopForCenter;
     if (scrollTopForCenter > scrollTopForBottomVisible + (cardPosition.height * zoomLevel / 2)) {

package/dist/esm/PivotViewer/utils/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","sources":["../../../../PivotViewer/utils/animations.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\nexport type EasingFunction = (t: number) => number;\n\nexport const easeOutCubic: EasingFunction = (t: number) => 1 - Math.pow(1 - t, 3);\n\nexport interface ZoomAnimationParams {\n  startZoom: number;\n  targetZoom: number;\n  duration?: number;\n  easing?: EasingFunction;\n}\n\nexport interface ScrollAnimationParams {\n  targetScrollLeft: number;\n  targetScrollTop: number;\n}\n\nexport interface ZoomScrollAnimationParams extends ZoomAnimationParams, ScrollAnimationParams {\n  container: HTMLElement;\n  cardPosition?: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  onUpdate: (zoom: number) => void;\n  onComplete?: () => void;\n  startScrollLeft?: number; // Optional explicit start scroll\n  startScrollTop?: number; // Optional explicit start scroll\n}\n\n/**\n * Animate zoom and scroll together, keeping a specific element centered\n */\nexport function animateZoomAndScroll({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  startZoom,\n  targetZoom,\n  targetScrollLeft,\n  targetScrollTop,\n  duration = 300,\n  easing = easeOutCubic,\n  onUpdate,\n  onComplete,\n  startScrollLeft,\n  startScrollTop,\n}: ZoomScrollAnimationParams): () => void {\n  container.style.scrollBehavior = 'auto';\n\n  let startTime: number | null = null;\n  let rafId: number | null = null;\n\n  // Capture start scroll if not provided\n  const initialScrollLeft = startScrollLeft ?? container.scrollLeft;\n  const initialScrollTop = startScrollTop ?? container.scrollTop;\n\n  // Calculate initial center point relative to viewport\n  const startCardCenterX = cardPosition ? (cardPosition.x * startZoom + (cardPosition.width * startZoom) / 2) : 0;\n  const startCardCenterY = cardPosition ? (cardPosition.y * startZoom + (cardPosition.height * startZoom) / 2) : 0;\n\n  const startCardScreenX = startCardCenterX - initialScrollLeft;\n  const startCardScreenY = startCardCenterY - initialScrollTop;\n\n  const animate = (timestamp: number) => {\n    if (startTime === null) {\n      startTime = timestamp;\n    }\n\n    const elapsed = timestamp - startTime;\n    const progress = Math.min(1, elapsed / duration);\n    const easedProgress = easing(progress);\n\n    const currentZoom = startZoom + (targetZoom - startZoom) * easedProgress;\n\n    // Update spacer size synchronously if possible\n    if (spacer && getLayoutSizeAtZoom) {\n        const size = getLayoutSizeAtZoom(currentZoom);\n        if (size) {\n            spacer.style.width = `${size.width * currentZoom}px`;\n            spacer.style.height = `${size.height * currentZoom}px`;\n        }\n    }\n\n    onUpdate(currentZoom);\n\n    if (cardPosition) {\n      let currentCardX: number;\n      let currentCardY: number;\n\n      if (getCardPositionAtZoom) {\n        const pos = getCardPositionAtZoom(currentZoom);\n        if (pos) {\n          currentCardX = pos.x;\n          currentCardY = pos.y;\n        } else {\n          currentCardX = cardPosition.x;\n          currentCardY = cardPosition.y;\n        }\n      } else {\n        // Interpolate card position if target is provided (for layouts that change with zoom)\n        currentCardX = targetCardPosition\n          ? cardPosition.x + (targetCardPosition.x - cardPosition.x) * easedProgress\n          : cardPosition.x;\n        currentCardY = targetCardPosition\n          ? cardPosition.y + (targetCardPosition.y - cardPosition.y) * easedProgress\n          : cardPosition.y;\n      }\n\n      // Calculate where the card center is at current zoom\n      const currentCardCenterX = currentCardX * currentZoom + (cardPosition.width * currentZoom) / 2;\n      const currentCardCenterY = currentCardY * currentZoom + (cardPosition.height * currentZoom) / 2;\n\n      // Calculate where the card center will be at the end of animation (relative to viewport)\n      // Target scroll position is where we want to end up\n      const endCardX = targetCardPosition ? targetCardPosition.x : cardPosition.x;\n      const endCardY = targetCardPosition ? targetCardPosition.y : cardPosition.y;\n\n      const endCardCenterX = endCardX * targetZoom + (cardPosition.width * targetZoom) / 2;\n      const endCardCenterY = endCardY * targetZoom + (cardPosition.height * targetZoom) / 2;\n\n      const endCardScreenX = endCardCenterX - targetScrollLeft;\n      const endCardScreenY = endCardCenterY - targetScrollTop;\n\n      // Interpolate the desired screen position\n      const desiredScreenX = startCardScreenX + (endCardScreenX - startCardScreenX) * easedProgress;\n      const desiredScreenY = startCardScreenY + (endCardScreenY - startCardScreenY) * easedProgress;\n\n      // Calculate needed scroll position to put card at desired screen position\n      const neededScrollLeft = currentCardCenterX - desiredScreenX;\n      const neededScrollTop = currentCardCenterY - desiredScreenY;\n\n      let maxScrollLeft = container.scrollWidth - container.clientWidth;\n      let maxScrollTop = container.scrollHeight - container.clientHeight;\n\n      // If we have explicit layout size, use it for clamping to avoid DOM sync issues\n      if (getLayoutSizeAtZoom) {\n        const size = getLayoutSizeAtZoom(currentZoom);\n        if (size) {\n           maxScrollLeft = Math.max(0, size.width * currentZoom - container.clientWidth);\n           maxScrollTop = Math.max(0, size.height * currentZoom - container.clientHeight);\n        }\n      }\n\n      // We can't clamp strictly during animation because the scrollWidth/Height might not have updated yet\n      // if the spacer hasn't resized. But usually spacer resizes immediately on zoom update.\n      // For safety, we just set it.\n      container.scrollLeft = Math.min(Math.max(0, neededScrollLeft), maxScrollLeft);\n      container.scrollTop = Math.min(Math.max(0, neededScrollTop), maxScrollTop);\n    } else {\n      // If no card position, just interpolate scroll position\n      // Use captured initial scroll positions for linear interpolation\n      const currentScrollLeft = initialScrollLeft + (targetScrollLeft - initialScrollLeft) * easedProgress;\n      const currentScrollTop = initialScrollTop + (targetScrollTop - initialScrollTop) * easedProgress;\n\n      container.scrollLeft = currentScrollLeft;\n      container.scrollTop = currentScrollTop;\n    }\n\n    if (progress < 1) {\n      rafId = requestAnimationFrame(animate);\n    } else {\n      container.style.scrollBehavior = '';\n      container.scrollLeft = targetScrollLeft;\n      container.scrollTop = targetScrollTop;\n      onComplete?.();\n    }\n  };\n\n  rafId = requestAnimationFrame(animate);\n\n  return () => {\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId);\n      container.style.scrollBehavior = '';\n    }\n  };\n}\n\n/**\n * Calculate scroll position to center a card in viewport, accounting for detail panel\n */\nexport function calculateCenterScrollPosition(\n  container: HTMLElement,\n  cardPosition: { x: number; y: number; width: number; height: number },\n  zoomLevel: number,\n  detailPanelWidth: number = 0,\n  totalHeight?: number\n): { scrollLeft: number; scrollTop: number } {\n  const cardCenterX = cardPosition.x * zoomLevel + (cardPosition.width * zoomLevel) / 2;\n  const cardCenterY = cardPosition.y * zoomLevel + (cardPosition.height * zoomLevel) / 2;\n  const cardBottomY = (cardPosition.y + cardPosition.height) * zoomLevel;\n\n  const availableWidth = container.clientWidth - detailPanelWidth;\n  const targetX = availableWidth / 2;\n  \n  // For vertical centering, prefer putting the card center at viewport center.\n  // But ensure the card bottom stays visible (at least 20% from viewport bottom).\n  const viewportHeight = container.clientHeight;\n  const targetYCenter = viewportHeight / 2;\n  const targetYForBottom = viewportHeight * 0.7; // Card center should be at most 70% down\n\n  const scrollLeft = Math.max(0, cardCenterX - targetX);\n  \n  // Calculate scroll needed to center the card\n  let scrollTopForCenter = cardCenterY - targetYCenter;\n  \n  // Calculate scroll that ensures card bottom is visible with some margin\n  const scrollTopForBottomVisible = cardBottomY - viewportHeight + 50; // 50px margin from bottom\n  \n  // If centering would push the card bottom out of view, use the bottom-visible scroll\n  let scrollTop = scrollTopForCenter;\n  if (scrollTopForCenter > scrollTopForBottomVisible + (cardPosition.height * zoomLevel / 2)) {\n    // Card is near bottom of content, adjust to keep it visible\n    scrollTop = Math.max(0, cardCenterY - targetYForBottom);\n  }\n  \n  scrollTop = Math.max(0, scrollTop);\n\n  // If totalHeight is provided, clamp to valid scroll range\n  if (totalHeight) {\n    const contentHeight = totalHeight * zoomLevel;\n    const maxScrollTop = Math.max(0, contentHeight - viewportHeight);\n    scrollTop = Math.min(scrollTop, maxScrollTop);\n  }\n\n  return { scrollLeft, scrollTop };\n}\n\n/**\n * Smooth scroll to position\n */\nexport function smoothScrollTo(\n  container: HTMLElement,\n  scrollLeft: number,\n  scrollTop: number,\n  smooth: boolean = true\n): void {\n  container.scrollTo({\n    left: scrollLeft,\n    top: scrollTop,\n    behavior: smooth ? 'smooth' : 'auto',\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"animations.js","sources":["../../../../PivotViewer/utils/animations.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\nexport type EasingFunction = (t: number) => number;\n\nexport const easeOutCubic: EasingFunction = (t: number) => 1 - Math.pow(1 - t, 3);\n\nexport interface ZoomAnimationParams {\n  startZoom: number;\n  targetZoom: number;\n  duration?: number;\n  easing?: EasingFunction;\n}\n\nexport interface ScrollAnimationParams {\n  targetScrollLeft: number;\n  targetScrollTop: number;\n}\n\nexport interface ZoomScrollAnimationParams extends ZoomAnimationParams, ScrollAnimationParams {\n  container: HTMLElement;\n  cardPosition?: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  onUpdate: (zoom: number) => void;\n  onComplete?: () => void;\n  startScrollLeft?: number; // Optional explicit start scroll\n  startScrollTop?: number; // Optional explicit start scroll\n}\n\n/**\n * Animate zoom and scroll together, keeping a specific element centered\n */\nexport function animateZoomAndScroll({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  startZoom,\n  targetZoom,\n  targetScrollLeft,\n  targetScrollTop,\n  duration = 300,\n  easing = easeOutCubic,\n  onUpdate,\n  onComplete,\n  startScrollLeft,\n  startScrollTop,\n}: ZoomScrollAnimationParams): () => void {\n  container.style.scrollBehavior = 'auto';\n\n  let startTime: number | null = null;\n  let rafId: number | null = null;\n\n  // Capture start scroll if not provided\n  const initialScrollLeft = startScrollLeft ?? container.scrollLeft;\n  const initialScrollTop = startScrollTop ?? container.scrollTop;\n\n  // Calculate initial center point relative to viewport\n  const startCardCenterX = cardPosition ? (cardPosition.x * startZoom + (cardPosition.width * startZoom) / 2) : 0;\n  const startCardCenterY = cardPosition ? (cardPosition.y * startZoom + (cardPosition.height * startZoom) / 2) : 0;\n\n  const startCardScreenX = startCardCenterX - initialScrollLeft;\n  const startCardScreenY = startCardCenterY - initialScrollTop;\n\n  const animate = (timestamp: number) => {\n    if (startTime === null) {\n      startTime = timestamp;\n    }\n\n    const elapsed = timestamp - startTime;\n    const progress = Math.min(1, elapsed / duration);\n    const easedProgress = easing(progress);\n\n    const currentZoom = startZoom + (targetZoom - startZoom) * easedProgress;\n\n    // Update spacer size synchronously if possible\n    if (spacer && getLayoutSizeAtZoom) {\n        const size = getLayoutSizeAtZoom(currentZoom);\n        if (size) {\n            spacer.style.width = `${size.width * currentZoom}px`;\n            spacer.style.height = `${size.height * currentZoom}px`;\n        }\n    }\n\n    onUpdate(currentZoom);\n\n    if (cardPosition) {\n      let currentCardX: number;\n      let currentCardY: number;\n\n      if (getCardPositionAtZoom) {\n        const pos = getCardPositionAtZoom(currentZoom);\n        if (pos) {\n          currentCardX = pos.x;\n          currentCardY = pos.y;\n        } else {\n          currentCardX = cardPosition.x;\n          currentCardY = cardPosition.y;\n        }\n      } else {\n        // Interpolate card position if target is provided (for layouts that change with zoom)\n        currentCardX = targetCardPosition\n          ? cardPosition.x + (targetCardPosition.x - cardPosition.x) * easedProgress\n          : cardPosition.x;\n        currentCardY = targetCardPosition\n          ? cardPosition.y + (targetCardPosition.y - cardPosition.y) * easedProgress\n          : cardPosition.y;\n      }\n\n      // Calculate where the card center is at current zoom\n      const currentCardCenterX = currentCardX * currentZoom + (cardPosition.width * currentZoom) / 2;\n      const currentCardCenterY = currentCardY * currentZoom + (cardPosition.height * currentZoom) / 2;\n\n      // Calculate where the card center will be at the end of animation (relative to viewport)\n      // Target scroll position is where we want to end up\n      const endCardX = targetCardPosition ? targetCardPosition.x : cardPosition.x;\n      const endCardY = targetCardPosition ? targetCardPosition.y : cardPosition.y;\n\n      const endCardCenterX = endCardX * targetZoom + (cardPosition.width * targetZoom) / 2;\n      const endCardCenterY = endCardY * targetZoom + (cardPosition.height * targetZoom) / 2;\n\n      const endCardScreenX = endCardCenterX - targetScrollLeft;\n      const endCardScreenY = endCardCenterY - targetScrollTop;\n\n      // Interpolate the desired screen position\n      const desiredScreenX = startCardScreenX + (endCardScreenX - startCardScreenX) * easedProgress;\n      const desiredScreenY = startCardScreenY + (endCardScreenY - startCardScreenY) * easedProgress;\n\n      // Calculate needed scroll position to put card at desired screen position\n      const neededScrollLeft = currentCardCenterX - desiredScreenX;\n      const neededScrollTop = currentCardCenterY - desiredScreenY;\n\n      let maxScrollLeft = container.scrollWidth - container.clientWidth;\n      let maxScrollTop = container.scrollHeight - container.clientHeight;\n\n      // If we have explicit layout size, use it for clamping to avoid DOM sync issues\n      if (getLayoutSizeAtZoom) {\n        const size = getLayoutSizeAtZoom(currentZoom);\n        if (size) {\n           maxScrollLeft = Math.max(0, size.width * currentZoom - container.clientWidth);\n           maxScrollTop = Math.max(0, size.height * currentZoom - container.clientHeight);\n        }\n      }\n\n      // We can't clamp strictly during animation because the scrollWidth/Height might not have updated yet\n      // if the spacer hasn't resized. But usually spacer resizes immediately on zoom update.\n      // For safety, we just set it.\n      container.scrollLeft = Math.min(Math.max(0, neededScrollLeft), maxScrollLeft);\n      container.scrollTop = Math.min(Math.max(0, neededScrollTop), maxScrollTop);\n    } else {\n      // If no card position, just interpolate scroll position\n      // Use captured initial scroll positions for linear interpolation\n      const currentScrollLeft = initialScrollLeft + (targetScrollLeft - initialScrollLeft) * easedProgress;\n      const currentScrollTop = initialScrollTop + (targetScrollTop - initialScrollTop) * easedProgress;\n\n      container.scrollLeft = currentScrollLeft;\n      container.scrollTop = currentScrollTop;\n    }\n\n    if (progress < 1) {\n      rafId = requestAnimationFrame(animate);\n    } else {\n      container.style.scrollBehavior = '';\n      container.scrollLeft = targetScrollLeft;\n      container.scrollTop = targetScrollTop;\n      onComplete?.();\n    }\n  };\n\n  rafId = requestAnimationFrame(animate);\n\n  return () => {\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId);\n      container.style.scrollBehavior = '';\n    }\n  };\n}\n\n/**\n * Calculate scroll position to center a card in viewport, accounting for detail panel\n */\nexport function calculateCenterScrollPosition(\n  container: HTMLElement,\n  cardPosition: { x: number; y: number; width: number; height: number },\n  zoomLevel: number,\n  detailPanelWidth: number = 0,\n  totalHeight?: number\n): { scrollLeft: number; scrollTop: number } {\n  const cardCenterX = cardPosition.x * zoomLevel + (cardPosition.width * zoomLevel) / 2;\n  const cardCenterY = cardPosition.y * zoomLevel + (cardPosition.height * zoomLevel) / 2;\n  const cardBottomY = (cardPosition.y + cardPosition.height) * zoomLevel;\n\n  const availableWidth = container.clientWidth - detailPanelWidth;\n  const targetX = availableWidth / 2;\n  \n  // For vertical centering, prefer putting the card center at viewport center.\n  // But ensure the card bottom stays visible (at least 20% from viewport bottom).\n  const viewportHeight = container.clientHeight;\n  const targetYCenter = viewportHeight / 2;\n  const targetYForBottom = viewportHeight * 0.7; // Card center should be at most 70% down\n\n  const scrollLeft = Math.max(0, cardCenterX - targetX);\n  \n  // Calculate scroll needed to center the card\n  const scrollTopForCenter = cardCenterY - targetYCenter;\n  \n  // Calculate scroll that ensures card bottom is visible with some margin\n  const scrollTopForBottomVisible = cardBottomY - viewportHeight + 50; // 50px margin from bottom\n  \n  // If centering would push the card bottom out of view, use the bottom-visible scroll\n  let scrollTop = scrollTopForCenter;\n  if (scrollTopForCenter > scrollTopForBottomVisible + (cardPosition.height * zoomLevel / 2)) {\n    // Card is near bottom of content, adjust to keep it visible\n    scrollTop = Math.max(0, cardCenterY - targetYForBottom);\n  }\n  \n  scrollTop = Math.max(0, scrollTop);\n\n  // If totalHeight is provided, clamp to valid scroll range\n  if (totalHeight) {\n    const contentHeight = totalHeight * zoomLevel;\n    const maxScrollTop = Math.max(0, contentHeight - viewportHeight);\n    scrollTop = Math.min(scrollTop, maxScrollTop);\n  }\n\n  return { scrollLeft, scrollTop };\n}\n\n/**\n * Smooth scroll to position\n */\nexport function smoothScrollTo(\n  container: HTMLElement,\n  scrollLeft: number,\n  scrollTop: number,\n  smooth: boolean = true\n): void {\n  container.scrollTo({\n    left: scrollLeft,\n    top: scrollTop,\n    behavior: smooth ? 'smooth' : 'auto',\n  });\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/PivotViewer/utils/constants.d.ts

@@ -8,6 +8,6 @@ export declare const BASE_CARD_WIDTH = 200;
 export declare const BASE_CARD_HEIGHT = 176;
 export declare const DETAIL_PANEL_WIDTH = 380;
 export declare const ZOOM_ANIMATION_DURATION = 300;
-export declare const ZOOM_MULTIPLIER = 1.15;
+export declare const ZOOM_MULTIPLIER = 1.2;
 export declare const MIN_ZOOM_ON_SELECT = 1.2;
 //# sourceMappingURL=constants.d.ts.map

package/dist/esm/PivotViewer/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/utils/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,MAAM,CAAC;AAC5B,eAAO,MAAM,QAAQ,IAAI,CAAC;AAC1B,eAAO,MAAM,SAAS,OAAO,CAAC;AAG9B,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAGtC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,eAAe,OAAO,CAAC;AACpC,eAAO,MAAM,kBAAkB,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/utils/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,MAAM,CAAC;AAC5B,eAAO,MAAM,QAAQ,IAAI,CAAC;AAC1B,eAAO,MAAM,SAAS,OAAO,CAAC;AAG9B,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAGtC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

package/dist/esm/PivotViewer/utils/constants.js

@@ -2,7 +2,7 @@ const ZOOM_MAX = 3;
 const BASE_CARD_WIDTH = 200;
 const BASE_CARD_HEIGHT = 176;
 const DETAIL_PANEL_WIDTH = 380;
-const ZOOM_MULTIPLIER = 1.15;
+const ZOOM_MULTIPLIER = 1.2;
 const MIN_ZOOM_ON_SELECT = 1.2;
 
 export { BASE_CARD_HEIGHT, BASE_CARD_WIDTH, DETAIL_PANEL_WIDTH, MIN_ZOOM_ON_SELECT, ZOOM_MAX, ZOOM_MULTIPLIER };

package/dist/esm/PivotViewer/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../PivotViewer/utils/constants.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\n// Zoom constants\nexport const ZOOM_MIN = 0.1;\nexport const ZOOM_MAX = 3;\nexport const ZOOM_STEP = 0.05;\n\n// Layout constants - matched to main constants\nexport const GROUP_SPACING = 20;\nexport const CARD_GAP = 10;\nexport const CARDS_PER_COLUMN = 5;\nexport const BASE_CARD_WIDTH = 200;\nexport const BASE_CARD_HEIGHT = 176;\nexport const DETAIL_PANEL_WIDTH = 380;\n\n// Animation constants\nexport const ZOOM_ANIMATION_DURATION = 300;\nexport const ZOOM_MULTIPLIER = 1.15;\nexport const MIN_ZOOM_ON_SELECT = 1.2;\n"],"names":[],"mappings":"AAKO,MAAM,QAAQ,GAAG;AAOjB,MAAM,eAAe,GAAG;AACxB,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAI3B,MAAM,eAAe,GAAG;AACxB,MAAM,kBAAkB,GAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../PivotViewer/utils/constants.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\n// Zoom constants\nexport const ZOOM_MIN = 0.1;\nexport const ZOOM_MAX = 3;\nexport const ZOOM_STEP = 0.05;\n\n// Layout constants - matched to main constants\nexport const GROUP_SPACING = 20;\nexport const CARD_GAP = 10;\nexport const CARDS_PER_COLUMN = 5;\nexport const BASE_CARD_WIDTH = 200;\nexport const BASE_CARD_HEIGHT = 176;\nexport const DETAIL_PANEL_WIDTH = 380;\n\n// Animation constants\nexport const ZOOM_ANIMATION_DURATION = 300;\nexport const ZOOM_MULTIPLIER = 1.2;\nexport const MIN_ZOOM_ON_SELECT = 1.2;\n"],"names":[],"mappings":"AAKO,MAAM,QAAQ,GAAG;AAOjB,MAAM,eAAe,GAAG;AACxB,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAI3B,MAAM,eAAe,GAAG;AACxB,MAAM,kBAAkB,GAAG;;;;"}

package/dist/esm/PivotViewer/utils/selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/utils/selection.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB,CAAC,KAAK;IAC3C,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7E,kBAAkB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACpF,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzG,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1E,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9D;AAKD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,MAAM,EACN,cAAc,EACd,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,IAAI,GACL,EAAE,sBAAsB,CAAC,KAAK,CAAC,GAAG,IAAI,CAuEtC;AA8JD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI,CAMxG"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/utils/selection.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB,CAAC,KAAK;IAC3C,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7E,kBAAkB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACpF,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzG,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1E,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9D;AAgBD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,MAAM,EACN,cAAc,EACd,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,IAAI,GACL,EAAE,sBAAsB,CAAC,KAAK,CAAC,GAAG,IAAI,CAuEtC;AA8JD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI,CAMxG"}

package/dist/esm/PivotViewer/utils/selection.js

@@ -1,8 +1,15 @@
 import { calculateCenterScrollPosition, smoothScrollTo, animateZoomAndScroll } from './animations.js';
 import { DETAIL_PANEL_WIDTH, ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER } from './constants.js';
 
+function isSameItemId(id1, id2) {
+    if (id1 === null || id2 === null)
+        return false;
+    if (id1 === id2)
+        return true;
+    return String(id1) === String(id2);
+}
 function handleCardSelection({ itemId, selectedItemId, container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, viewMode, zoomLevel, totalHeight, preSelectionState, startScrollPosition, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, item, }) {
-    if (selectedItemId === itemId) {
+    if (isSameItemId(selectedItemId, itemId)) {
         deselectCard({
             container,
             cardPosition,

package/dist/esm/PivotViewer/utils/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","sources":["../../../../PivotViewer/utils/selection.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 { animateZoomAndScroll, calculateCenterScrollPosition, smoothScrollTo } from './animations';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, DETAIL_PANEL_WIDTH } from './constants';\nimport type { ViewMode } from '../components/Toolbar';\n\nexport interface SelectionState {\n  zoom: number;\n  scrollLeft: number;\n  scrollTop: number;\n}\n\nexport interface CardClickHandlerParams<TItem> {\n  item: TItem;\n  itemId: string | number;\n  selectedItemId: string | number | null;\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  totalHeight?: number;\n  preSelectionState: SelectionState | null;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: TItem | null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Handle card click for selection with zoom and scroll animation\n */\nexport function handleCardSelection<TItem>({\n  itemId,\n  selectedItemId,\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  totalHeight,\n  preSelectionState,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n  item,\n}: CardClickHandlerParams<TItem>): void {\n  // Clicking the same card - deselect\n  if (selectedItemId === itemId) {\n    deselectCard({\n      container,\n      cardPosition,\n      targetCardPosition,\n      getCardPositionAtZoom,\n      getLayoutSizeAtZoom,\n      spacer,\n      viewMode,\n      zoomLevel,\n      preSelectionState,\n      setZoomLevel,\n      setIsZooming,\n      setSelectedItem,\n      setPreSelectionState,\n    });\n    return;\n  }\n\n  // First selection - save state and zoom in\n  const isFirstSelection = selectedItemId === null;\n\n  if (isFirstSelection) {\n    setPreSelectionState({\n      zoom: zoomLevel,\n      scrollLeft: container.scrollLeft,\n      scrollTop: container.scrollTop,\n    });\n  }\n\n  setSelectedItem(item);\n\n  if (isFirstSelection) {\n    if (viewMode === 'collection') {\n      // Collection mode: just smooth scroll to center, no zoom\n      if (cardPosition) {\n        // In collection mode, we don't have a detail panel width offset because the panel is an overlay or separate\n        // But if we want to center it, we should consider if the detail panel pushes content\n        // For now, assume 0 offset as per original code\n        const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, 0, totalHeight);\n        smoothScrollTo(container, scrollLeft, scrollTop, true);\n      }\n    } else {\n      // Grouped mode: animate zoom and scroll\n      zoomAndCenterCard({\n        container,\n        cardPosition,\n        targetCardPosition,\n        getCardPositionAtZoom,\n        getLayoutSizeAtZoom,\n        spacer,\n        itemId,\n        zoomLevel,\n        totalHeight,\n        startScrollPosition,\n        setZoomLevel,\n        setIsZooming,\n      });\n    }\n  } else {\n    // Subsequent selections: just center the new card\n    if (cardPosition) {\n      // In collection mode, we don't zoom, so we just center.\n      // In grouped mode, we might be zoomed in, so we center with offset.\n      const detailWidth = viewMode === 'collection' ? 0 : DETAIL_PANEL_WIDTH;\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailWidth, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n  }\n}\n\ninterface DeselectParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  preSelectionState: SelectionState | null;\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Deselect card with zoom-out animation if needed\n */\nfunction deselectCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  preSelectionState,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n}: DeselectParams): void {\n  if (!preSelectionState) {\n    setSelectedItem(null);\n    return;\n  }\n\n  // Collection mode: just scroll back\n  if (viewMode === 'collection') {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Grouped mode: check if zoom changed\n  const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;\n\n  if (!zoomChanged || !cardPosition) {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Animate zoom out\n  setIsZooming(true);\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom: preSelectionState.zoom,\n    targetScrollLeft: preSelectionState.scrollLeft,\n    targetScrollTop: preSelectionState.scrollTop,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n      setSelectedItem(null);\n      setPreSelectionState(null);\n    },\n  });\n}\n\ninterface ZoomAndCenterParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  itemId: string | number;\n  zoomLevel: number;\n  totalHeight?: number;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n}\n\n/**\n * Zoom in and center a card\n */\nfunction zoomAndCenterCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  zoomLevel,\n  totalHeight,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n}: ZoomAndCenterParams): void {\n  const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n  const shouldZoom = Math.abs(targetZoom - zoomLevel) > 0.001;\n\n  if (!shouldZoom || !cardPosition) {\n    if (cardPosition) {\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, DETAIL_PANEL_WIDTH, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n    return;\n  }\n\n  setIsZooming(true);\n\n  // Use targetCardPosition if available, otherwise fallback to cardPosition\n  const { scrollLeft: targetScrollLeft, scrollTop: targetScrollTop } = calculateCenterScrollPosition(\n    container,\n    targetCardPosition || cardPosition,\n    targetZoom,\n    DETAIL_PANEL_WIDTH,\n    totalHeight\n  );\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom,\n    targetScrollLeft,\n    targetScrollTop,\n    startScrollLeft: startScrollPosition?.x,\n    startScrollTop: startScrollPosition?.y,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n    },\n  });\n}\n\n/**\n * Get card element by ID from container\n */\nexport function getCardElementById(_container: HTMLElement, _itemId: string | number): HTMLElement | null {\n  // Deprecated: Pixi renderer doesn't use DOM elements for cards\n  // Keep parameter names prefixed to indicate intentional non-use.\n  void _container;\n  void _itemId;\n  return null;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"selection.js","sources":["../../../../PivotViewer/utils/selection.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 { animateZoomAndScroll, calculateCenterScrollPosition, smoothScrollTo } from './animations';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, DETAIL_PANEL_WIDTH } from './constants';\nimport type { ViewMode } from '../components/Toolbar';\n\nexport interface SelectionState {\n  zoom: number;\n  scrollLeft: number;\n  scrollTop: number;\n}\n\nexport interface CardClickHandlerParams<TItem> {\n  item: TItem;\n  itemId: string | number;\n  selectedItemId: string | number | null;\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  totalHeight?: number;\n  preSelectionState: SelectionState | null;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: TItem | null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Compare two item IDs handling type coercion (string vs number)\n */\nfunction isSameItemId(id1: string | number | null, id2: string | number | null): boolean {\n  if (id1 === null || id2 === null) return false;\n  // Strict equality\n  if (id1 === id2) return true;\n  // Compare as strings to handle number/string mismatches\n  return String(id1) === String(id2);\n}\n\n/**\n * Handle card click for selection with zoom and scroll animation\n */\nexport function handleCardSelection<TItem>({\n  itemId,\n  selectedItemId,\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  totalHeight,\n  preSelectionState,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n  item,\n}: CardClickHandlerParams<TItem>): void {\n  // Clicking the same card - deselect (using type-coerced comparison)\n  if (isSameItemId(selectedItemId, itemId)) {\n    deselectCard({\n      container,\n      cardPosition,\n      targetCardPosition,\n      getCardPositionAtZoom,\n      getLayoutSizeAtZoom,\n      spacer,\n      viewMode,\n      zoomLevel,\n      preSelectionState,\n      setZoomLevel,\n      setIsZooming,\n      setSelectedItem,\n      setPreSelectionState,\n    });\n    return;\n  }\n\n  // First selection - save state and zoom in\n  const isFirstSelection = selectedItemId === null;\n\n  if (isFirstSelection) {\n    setPreSelectionState({\n      zoom: zoomLevel,\n      scrollLeft: container.scrollLeft,\n      scrollTop: container.scrollTop,\n    });\n  }\n\n  setSelectedItem(item);\n\n  if (isFirstSelection) {\n    if (viewMode === 'collection') {\n      // Collection mode: just smooth scroll to center, no zoom\n      if (cardPosition) {\n        // In collection mode, we don't have a detail panel width offset because the panel is an overlay or separate\n        // But if we want to center it, we should consider if the detail panel pushes content\n        // For now, assume 0 offset as per original code\n        const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, 0, totalHeight);\n        smoothScrollTo(container, scrollLeft, scrollTop, true);\n      }\n    } else {\n      // Grouped mode: animate zoom and scroll\n      zoomAndCenterCard({\n        container,\n        cardPosition,\n        targetCardPosition,\n        getCardPositionAtZoom,\n        getLayoutSizeAtZoom,\n        spacer,\n        itemId,\n        zoomLevel,\n        totalHeight,\n        startScrollPosition,\n        setZoomLevel,\n        setIsZooming,\n      });\n    }\n  } else {\n    // Subsequent selections: just center the new card\n    if (cardPosition) {\n      // In collection mode, we don't zoom, so we just center.\n      // In grouped mode, we might be zoomed in, so we center with offset.\n      const detailWidth = viewMode === 'collection' ? 0 : DETAIL_PANEL_WIDTH;\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailWidth, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n  }\n}\n\ninterface DeselectParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  preSelectionState: SelectionState | null;\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Deselect card with zoom-out animation if needed\n */\nfunction deselectCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  preSelectionState,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n}: DeselectParams): void {\n  if (!preSelectionState) {\n    setSelectedItem(null);\n    return;\n  }\n\n  // Collection mode: just scroll back\n  if (viewMode === 'collection') {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Grouped mode: check if zoom changed\n  const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;\n\n  if (!zoomChanged || !cardPosition) {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Animate zoom out\n  setIsZooming(true);\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom: preSelectionState.zoom,\n    targetScrollLeft: preSelectionState.scrollLeft,\n    targetScrollTop: preSelectionState.scrollTop,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n      setSelectedItem(null);\n      setPreSelectionState(null);\n    },\n  });\n}\n\ninterface ZoomAndCenterParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  itemId: string | number;\n  zoomLevel: number;\n  totalHeight?: number;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n}\n\n/**\n * Zoom in and center a card\n */\nfunction zoomAndCenterCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  zoomLevel,\n  totalHeight,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n}: ZoomAndCenterParams): void {\n  const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n  const shouldZoom = Math.abs(targetZoom - zoomLevel) > 0.001;\n\n  if (!shouldZoom || !cardPosition) {\n    if (cardPosition) {\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, DETAIL_PANEL_WIDTH, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n    return;\n  }\n\n  setIsZooming(true);\n\n  // Use targetCardPosition if available, otherwise fallback to cardPosition\n  const { scrollLeft: targetScrollLeft, scrollTop: targetScrollTop } = calculateCenterScrollPosition(\n    container,\n    targetCardPosition || cardPosition,\n    targetZoom,\n    DETAIL_PANEL_WIDTH,\n    totalHeight\n  );\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom,\n    targetScrollLeft,\n    targetScrollTop,\n    startScrollLeft: startScrollPosition?.x,\n    startScrollTop: startScrollPosition?.y,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n    },\n  });\n}\n\n/**\n * Get card element by ID from container\n */\nexport function getCardElementById(_container: HTMLElement, _itemId: string | number): HTMLElement | null {\n  // Deprecated: Pixi renderer doesn't use DOM elements for cards\n  // Keep parameter names prefixed to indicate intentional non-use.\n  void _container;\n  void _itemId;\n  return null;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/TimeMachine/TimeMachine.js

@@ -94,5 +94,5 @@ const Timeline = ({ versions, selectedIndex, hoveredIndex, onSelect, onHover, })
             }) }) }));
 };
 
-export { TimeMachine, TimeMachine as default };
+export { TimeMachine };
 //# sourceMappingURL=TimeMachine.js.map

package/dist/esm/index.d.ts

@@ -1,10 +1,12 @@
 import * as CommandDialog from './CommandDialog';
 import * as CommandForm from './CommandForm';
+import * as Common from './Common';
 import * as DataPage from './DataPage';
-import * as dataTables from './DataTables';
-import * as dialogs from './Dialogs';
+import * as DataTables from './DataTables';
+import * as Dialogs from './Dialogs';
 import * as Dropdown from './Dropdown';
+import * as EventModeling from './EventModeling';
 import * as PivotViewer from './PivotViewer';
 import * as TimeMachine from './TimeMachine';
-export { CommandDialog, CommandForm, DataPage, dataTables, dialogs, Dropdown, PivotViewer, TimeMachine, };
+export { CommandDialog, CommandForm, Common, DataPage, DataTables, Dialogs, Dropdown, EventModeling, PivotViewer, TimeMachine, };
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EACH,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EACH,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,GACd,CAAC"}

package/dist/esm/index.js

@@ -2,16 +2,20 @@ import * as index from './CommandDialog/index.js';
 export { index as CommandDialog };
 import * as index$1 from './CommandForm/index.js';
 export { index$1 as CommandForm };
-import * as index$2 from './DataPage/index.js';
-export { index$2 as DataPage };
-import * as index$3 from './DataTables/index.js';
-export { index$3 as dataTables };
-import * as index$4 from './Dialogs/index.js';
-export { index$4 as dialogs };
-import * as index$5 from './Dropdown/index.js';
-export { index$5 as Dropdown };
-import * as index$6 from './PivotViewer/index.js';
-export { index$6 as PivotViewer };
-import * as index$7 from './TimeMachine/index.js';
-export { index$7 as TimeMachine };
+import * as index$2 from './Common/index.js';
+export { index$2 as Common };
+import * as index$3 from './DataPage/index.js';
+export { index$3 as DataPage };
+import * as index$4 from './DataTables/index.js';
+export { index$4 as DataTables };
+import * as index$5 from './Dialogs/index.js';
+export { index$5 as Dialogs };
+import * as index$6 from './Dropdown/index.js';
+export { index$6 as Dropdown };
+import * as index$7 from './EventModeling/index.js';
+export { index$7 as EventModeling };
+import * as index$8 from './PivotViewer/index.js';
+export { index$8 as PivotViewer };
+import * as index$9 from './TimeMachine/index.js';
+export { index$9 as TimeMachine };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}