@cratis/components 0.1.15 → 0.1.17

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

@@ -98,31 +98,23 @@ function animateZoomAndScroll({ container, cardPosition, targetCardPosition, get
 function calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailPanelWidth = 0, totalHeight) {
     const cardCenterX = cardPosition.x * zoomLevel + (cardPosition.width * zoomLevel) / 2;
     const cardCenterY = cardPosition.y * zoomLevel + (cardPosition.height * zoomLevel) / 2;
+    const cardBottomY = (cardPosition.y + cardPosition.height) * zoomLevel;
     const availableWidth = container.clientWidth - detailPanelWidth;
     const targetX = availableWidth / 2;
-    const targetY = container.clientHeight / 2;
+    const viewportHeight = container.clientHeight;
+    const targetYCenter = viewportHeight / 2;
+    const targetYForBottom = viewportHeight * 0.7;
     const scrollLeft = Math.max(0, cardCenterX - targetX);
-    let scrollTop = Math.max(0, cardCenterY - targetY);
-    console.log('[Animation] calculateCenterScrollPosition', {
-        cardY: cardPosition.y,
-        zoomLevel,
-        cardCenterY,
-        targetY,
-        initialScrollTop: scrollTop,
-        totalHeight,
-        containerHeight: container.clientHeight
-    });
+    let scrollTopForCenter = cardCenterY - targetYCenter;
+    const scrollTopForBottomVisible = cardBottomY - viewportHeight + 50;
+    let scrollTop = scrollTopForCenter;
+    if (scrollTopForCenter > scrollTopForBottomVisible + (cardPosition.height * zoomLevel / 2)) {
+        scrollTop = Math.max(0, cardCenterY - targetYForBottom);
+    }
+    scrollTop = Math.max(0, scrollTop);
     if (totalHeight) {
         const contentHeight = totalHeight * zoomLevel;
-        const viewportHeight = container.clientHeight;
         const maxScrollTop = Math.max(0, contentHeight - viewportHeight);
-        console.log('[Animation] Clamping', {
-            contentHeight,
-            viewportHeight,
-            maxScrollTop,
-            currentScrollTop: scrollTop,
-            clamped: Math.min(scrollTop, maxScrollTop)
-        });
         scrollTop = Math.min(scrollTop, maxScrollTop);
     }
     return { scrollLeft, scrollTop };

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\n  const availableWidth = container.clientWidth - detailPanelWidth;\n  const targetX = availableWidth / 2;\n  const targetY = container.clientHeight / 2;\n\n  const scrollLeft = Math.max(0, cardCenterX - targetX);\n  let scrollTop = Math.max(0, cardCenterY - targetY);\n\n  console.log('[Animation] calculateCenterScrollPosition', {\n    cardY: cardPosition.y,\n    zoomLevel,\n    cardCenterY,\n    targetY,\n    initialScrollTop: scrollTop,\n    totalHeight,\n    containerHeight: container.clientHeight\n  });\n\n  // If totalHeight is provided, clamp to valid scroll range\n  if (totalHeight) {\n    const contentHeight = totalHeight * zoomLevel;\n    const viewportHeight = container.clientHeight;\n    const maxScrollTop = Math.max(0, contentHeight - viewportHeight);\n\n    console.log('[Animation] Clamping', {\n      contentHeight,\n      viewportHeight,\n      maxScrollTop,\n      currentScrollTop: scrollTop,\n      clamped: Math.min(scrollTop, maxScrollTop)\n    });\n\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  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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"}

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

@@ -1,5 +1,5 @@
 import { computeLayout } from '../engine/layout.js';
-import { BASE_CARD_HEIGHT, BASE_CARD_WIDTH, GROUP_SPACING, CARDS_PER_COLUMN } from '../constants.js';
+import { BASE_CARD_HEIGHT, BASE_CARD_WIDTH, CARDS_PER_COLUMN } from '../constants.js';
 
 function getCardPositionAtZoom(zoom, itemId, grouping, viewMode, containerWidth, containerHeight) {
     const scaledContainerWidth = containerWidth / zoom;
@@ -11,7 +11,6 @@ function getCardPositionAtZoom(zoom, itemId, grouping, viewMode, containerWidth,
         cardWidth: BASE_CARD_WIDTH,
         cardHeight: BASE_CARD_HEIGHT,
         cardsPerColumn: CARDS_PER_COLUMN,
-        groupSpacing: GROUP_SPACING,
         containerWidth: scaledContainerWidth,
         containerHeight: scaledContainerHeight,
     });
@@ -33,7 +32,6 @@ function getLayoutSizeAtZoom(zoom, grouping, viewMode, containerWidth, container
             cardWidth: BASE_CARD_WIDTH,
             cardHeight: BASE_CARD_HEIGHT,
             cardsPerColumn: CARDS_PER_COLUMN,
-            groupSpacing: GROUP_SPACING,
             containerWidth,
             containerHeight,
         });
@@ -46,7 +44,6 @@ function getLayoutSizeAtZoom(zoom, grouping, viewMode, containerWidth, container
         cardWidth: BASE_CARD_WIDTH,
         cardHeight: BASE_CARD_HEIGHT,
         cardsPerColumn: CARDS_PER_COLUMN,
-        groupSpacing: GROUP_SPACING,
         containerWidth: scaledContainerWidth,
         containerHeight: scaledContainerHeight,
     });

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

@@ -1 +1 @@
-{"version":3,"file":"cardPosition.js","sources":["../../../../PivotViewer/utils/cardPosition.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 { GroupingResult } from '../engine/types';\nimport { computeLayout } from '../engine/layout';\nimport {\n    BASE_CARD_WIDTH,\n    BASE_CARD_HEIGHT,\n    CARDS_PER_COLUMN,\n    GROUP_SPACING,\n} from '../constants';\nimport type { ViewMode } from '../components/Toolbar';\nimport type { LayoutResult } from '../engine/types';\nimport type { CardPosition } from './idResolution';\n\nexport type Layout = LayoutResult;\n\n/**\n * Computes the card position at a specific zoom level\n */\nexport function getCardPositionAtZoom(\n    zoom: number,\n    itemId: string | number,\n    grouping: GroupingResult,\n    viewMode: ViewMode,\n    containerWidth: number,\n    containerHeight: number,\n): CardPosition | null {\n    const scaledContainerWidth = containerWidth / zoom;\n    const scaledContainerHeight = viewMode === 'collection'\n        ? containerHeight / zoom\n        : containerHeight;\n\n    const layout = computeLayout(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        grouping as unknown as any, {\n        viewMode,\n        cardWidth: BASE_CARD_WIDTH,\n        cardHeight: BASE_CARD_HEIGHT,\n        cardsPerColumn: CARDS_PER_COLUMN,\n        groupSpacing: GROUP_SPACING,\n        containerWidth: scaledContainerWidth,\n        containerHeight: scaledContainerHeight,\n    });\n\n    const position = layout.positions.get(itemId);\n    if (!position) {\n        return null;\n    }\n\n    return {\n        x: position.x,\n        y: position.y,\n        width: BASE_CARD_WIDTH,\n        height: BASE_CARD_HEIGHT,\n    };\n}\n\n/**\n * Computes layout size at a specific zoom level\n */\nexport function getLayoutSizeAtZoom(\n    zoom: number,\n    grouping: GroupingResult,\n    viewMode: ViewMode,\n    containerWidth: number,\n    containerHeight: number,\n): { width: number; height: number } {\n    if (viewMode === 'collection') {\n        const layout = computeLayout(\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            grouping as unknown as any, {\n            viewMode,\n            cardWidth: BASE_CARD_WIDTH,\n            cardHeight: BASE_CARD_HEIGHT,\n            cardsPerColumn: CARDS_PER_COLUMN,\n            groupSpacing: GROUP_SPACING,\n            containerWidth,\n            containerHeight,\n        });\n        return { width: layout.totalWidth, height: layout.totalHeight };\n    }\n\n    const scaledContainerWidth = containerWidth / zoom;\n    const scaledContainerHeight = containerHeight;\n\n    const layout = computeLayout(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        grouping as unknown as any, {\n        viewMode,\n        cardWidth: BASE_CARD_WIDTH,\n        cardHeight: BASE_CARD_HEIGHT,\n        cardsPerColumn: CARDS_PER_COLUMN,\n        groupSpacing: GROUP_SPACING,\n        containerWidth: scaledContainerWidth,\n        containerHeight: scaledContainerHeight,\n    });\n\n    return { width: layout.totalWidth, height: layout.totalHeight };\n}\n\n/**\n * Creates callback functions for card position calculations at various zoom levels\n * Used for smooth animations during zoom and pan operations\n */\nexport function createCardPositionCallbacks(\n    itemId: string | number,\n    grouping: GroupingResult,\n    viewMode: ViewMode,\n    containerWidth: number,\n    containerHeight: number,\n) {\n    return {\n        getCardPositionAtZoom: (zoom: number) =>\n            getCardPositionAtZoom(zoom, itemId, grouping, viewMode, containerWidth, containerHeight),\n        \n        getLayoutSizeAtZoom: (zoom: number) =>\n            getLayoutSizeAtZoom(zoom, grouping, viewMode, containerWidth, containerHeight),\n    };\n}\n"],"names":[],"mappings":";;;AAoBM,SAAU,qBAAqB,CACjC,IAAY,EACZ,MAAuB,EACvB,QAAwB,EACxB,QAAkB,EAClB,cAAsB,EACtB,eAAuB,EAAA;AAEvB,IAAA,MAAM,oBAAoB,GAAG,cAAc,GAAG,IAAI;AAClD,IAAA,MAAM,qBAAqB,GAAG,QAAQ,KAAK;UACrC,eAAe,GAAG;UAClB,eAAe;AAErB,IAAA,MAAM,MAAM,GAAG,aAAa,CAExB,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,UAAU,EAAE,gBAAgB;AAC5B,QAAA,cAAc,EAAE,gBAAgB;AAChC,QAAA,YAAY,EAAE,aAAa;AAC3B,QAAA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;IAC7C,IAAI,CAAC,QAAQ,EAAE;AACX,QAAA,OAAO,IAAI;IACf;IAEA,OAAO;QACH,CAAC,EAAE,QAAQ,CAAC,CAAC;QACb,CAAC,EAAE,QAAQ,CAAC,CAAC;AACb,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,MAAM,EAAE,gBAAgB;KAC3B;AACL;AAKM,SAAU,mBAAmB,CAC/B,IAAY,EACZ,QAAwB,EACxB,QAAkB,EAClB,cAAsB,EACtB,eAAuB,EAAA;AAEvB,IAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;AAC3B,QAAA,MAAM,MAAM,GAAG,aAAa,CAExB,QAA0B,EAAE;YAC5B,QAAQ;AACR,YAAA,SAAS,EAAE,eAAe;AAC1B,YAAA,UAAU,EAAE,gBAAgB;AAC5B,YAAA,cAAc,EAAE,gBAAgB;AAChC,YAAA,YAAY,EAAE,aAAa;YAC3B,cAAc;YACd,eAAe;AAClB,SAAA,CAAC;AACF,QAAA,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE;IACnE;AAEA,IAAA,MAAM,oBAAoB,GAAG,cAAc,GAAG,IAAI;IAClD,MAAM,qBAAqB,GAAG,eAAe;AAE7C,IAAA,MAAM,MAAM,GAAG,aAAa,CAExB,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,UAAU,EAAE,gBAAgB;AAC5B,QAAA,cAAc,EAAE,gBAAgB;AAChC,QAAA,YAAY,EAAE,aAAa;AAC3B,QAAA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE;AACnE;AAMM,SAAU,2BAA2B,CACvC,MAAuB,EACvB,QAAwB,EACxB,QAAkB,EAClB,cAAsB,EACtB,eAAuB,EAAA;IAEvB,OAAO;AACH,QAAA,qBAAqB,EAAE,CAAC,IAAY,KAChC,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,CAAC;AAE5F,QAAA,mBAAmB,EAAE,CAAC,IAAY,KAC9B,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,CAAC;KACrF;AACL;;;;"}
+{"version":3,"file":"cardPosition.js","sources":["../../../../PivotViewer/utils/cardPosition.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 { GroupingResult } from '../engine/types';\nimport { computeLayout } from '../engine/layout';\nimport {\n    BASE_CARD_WIDTH,\n    BASE_CARD_HEIGHT,\n    CARDS_PER_COLUMN,\n    GROUP_SPACING,\n} from '../constants';\nimport type { ViewMode } from '../components/Toolbar';\nimport type { LayoutResult } from '../engine/types';\nimport type { CardPosition } from './idResolution';\n\nexport type Layout = LayoutResult;\n\n/**\n * Computes the card position at a specific zoom level\n */\nexport function getCardPositionAtZoom(\n    zoom: number,\n    itemId: string | number,\n    grouping: GroupingResult,\n    viewMode: ViewMode,\n    containerWidth: number,\n    containerHeight: number,\n): CardPosition | null {\n    const scaledContainerWidth = containerWidth / zoom;\n    const scaledContainerHeight = viewMode === 'collection'\n        ? containerHeight / zoom\n        : containerHeight;\n\n    const layout = computeLayout(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        grouping as unknown as any, {\n        viewMode,\n        cardWidth: BASE_CARD_WIDTH,\n        cardHeight: BASE_CARD_HEIGHT,\n        cardsPerColumn: CARDS_PER_COLUMN,\n        groupSpacing: GROUP_SPACING,\n        containerWidth: scaledContainerWidth,\n        containerHeight: scaledContainerHeight,\n    });\n\n    const position = layout.positions.get(itemId);\n    if (!position) {\n        return null;\n    }\n\n    return {\n        x: position.x,\n        y: position.y,\n        width: BASE_CARD_WIDTH,\n        height: BASE_CARD_HEIGHT,\n    };\n}\n\n/**\n * Computes layout size at a specific zoom level\n */\nexport function getLayoutSizeAtZoom(\n    zoom: number,\n    grouping: GroupingResult,\n    viewMode: ViewMode,\n    containerWidth: number,\n    containerHeight: number,\n): { width: number; height: number } {\n    if (viewMode === 'collection') {\n        const layout = computeLayout(\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            grouping as unknown as any, {\n            viewMode,\n            cardWidth: BASE_CARD_WIDTH,\n            cardHeight: BASE_CARD_HEIGHT,\n            cardsPerColumn: CARDS_PER_COLUMN,\n            groupSpacing: GROUP_SPACING,\n            containerWidth,\n            containerHeight,\n        });\n        return { width: layout.totalWidth, height: layout.totalHeight };\n    }\n\n    const scaledContainerWidth = containerWidth / zoom;\n    const scaledContainerHeight = containerHeight;\n\n    const layout = computeLayout(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        grouping as unknown as any, {\n        viewMode,\n        cardWidth: BASE_CARD_WIDTH,\n        cardHeight: BASE_CARD_HEIGHT,\n        cardsPerColumn: CARDS_PER_COLUMN,\n        groupSpacing: GROUP_SPACING,\n        containerWidth: scaledContainerWidth,\n        containerHeight: scaledContainerHeight,\n    });\n\n    return { width: layout.totalWidth, height: layout.totalHeight };\n}\n\n/**\n * Creates callback functions for card position calculations at various zoom levels\n * Used for smooth animations during zoom and pan operations\n */\nexport function createCardPositionCallbacks(\n    itemId: string | number,\n    grouping: GroupingResult,\n    viewMode: ViewMode,\n    containerWidth: number,\n    containerHeight: number,\n) {\n    return {\n        getCardPositionAtZoom: (zoom: number) =>\n            getCardPositionAtZoom(zoom, itemId, grouping, viewMode, containerWidth, containerHeight),\n        \n        getLayoutSizeAtZoom: (zoom: number) =>\n            getLayoutSizeAtZoom(zoom, grouping, viewMode, containerWidth, containerHeight),\n    };\n}\n"],"names":[],"mappings":";;;AAoBM,SAAU,qBAAqB,CACjC,IAAY,EACZ,MAAuB,EACvB,QAAwB,EACxB,QAAkB,EAClB,cAAsB,EACtB,eAAuB,EAAA;AAEvB,IAAA,MAAM,oBAAoB,GAAG,cAAc,GAAG,IAAI;AAClD,IAAA,MAAM,qBAAqB,GAAG,QAAQ,KAAK;UACrC,eAAe,GAAG;UAClB,eAAe;AAErB,IAAA,MAAM,MAAM,GAAG,aAAa,CAExB,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,UAAU,EAAE,gBAAgB;AAC5B,QAAA,cAAc,EAAE,gBAAgB;AAChC,QACA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;IAC7C,IAAI,CAAC,QAAQ,EAAE;AACX,QAAA,OAAO,IAAI;IACf;IAEA,OAAO;QACH,CAAC,EAAE,QAAQ,CAAC,CAAC;QACb,CAAC,EAAE,QAAQ,CAAC,CAAC;AACb,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,MAAM,EAAE,gBAAgB;KAC3B;AACL;AAKM,SAAU,mBAAmB,CAC/B,IAAY,EACZ,QAAwB,EACxB,QAAkB,EAClB,cAAsB,EACtB,eAAuB,EAAA;AAEvB,IAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;AAC3B,QAAA,MAAM,MAAM,GAAG,aAAa,CAExB,QAA0B,EAAE;YAC5B,QAAQ;AACR,YAAA,SAAS,EAAE,eAAe;AAC1B,YAAA,UAAU,EAAE,gBAAgB;AAC5B,YAAA,cAAc,EAAE,gBAAgB;AAChC,YACA,cAAc;YACd,eAAe;AAClB,SAAA,CAAC;AACF,QAAA,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE;IACnE;AAEA,IAAA,MAAM,oBAAoB,GAAG,cAAc,GAAG,IAAI;IAClD,MAAM,qBAAqB,GAAG,eAAe;AAE7C,IAAA,MAAM,MAAM,GAAG,aAAa,CAExB,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,UAAU,EAAE,gBAAgB;AAC5B,QAAA,cAAc,EAAE,gBAAgB;AAChC,QACA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE;AACnE;AAMM,SAAU,2BAA2B,CACvC,MAAuB,EACvB,QAAwB,EACxB,QAAkB,EAClB,cAAsB,EACtB,eAAuB,EAAA;IAEvB,OAAO;AACH,QAAA,qBAAqB,EAAE,CAAC,IAAY,KAChC,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,CAAC;AAE5F,QAAA,mBAAmB,EAAE,CAAC,IAAY,KAC9B,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,CAAC;KACrF;AACL;;;;"}

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

@@ -1,11 +1,11 @@
 export declare const ZOOM_MIN = 0.1;
 export declare const ZOOM_MAX = 3;
 export declare const ZOOM_STEP = 0.05;
-export declare const GROUP_SPACING = 40;
-export declare const CARD_GAP = 8;
+export declare const GROUP_SPACING = 20;
+export declare const CARD_GAP = 10;
 export declare const CARDS_PER_COLUMN = 5;
-export declare const BASE_CARD_WIDTH = 180;
-export declare const BASE_CARD_HEIGHT = 140;
+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;

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,IAAI,CAAC;AAC1B,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,OAAO,CAAC;AACpC,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

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

@@ -1,6 +1,6 @@
 const ZOOM_MAX = 3;
-const BASE_CARD_WIDTH = 180;
-const BASE_CARD_HEIGHT = 140;
+const BASE_CARD_WIDTH = 200;
+const BASE_CARD_HEIGHT = 176;
 const DETAIL_PANEL_WIDTH = 380;
 const ZOOM_MULTIPLIER = 1.15;
 const MIN_ZOOM_ON_SELECT = 1.2;

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\nexport const GROUP_SPACING = 40;\nexport const CARD_GAP = 8;\nexport const CARDS_PER_COLUMN = 5;\nexport const BASE_CARD_WIDTH = 180;\nexport const BASE_CARD_HEIGHT = 140;\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.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;;;;"}