@cratis/components 0.1.9

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

@@ -0,0 +1,54 @@
+export type EasingFunction = (t: number) => number;
+export declare const easeOutCubic: EasingFunction;
+export interface ZoomAnimationParams {
+    startZoom: number;
+    targetZoom: number;
+    duration?: number;
+    easing?: EasingFunction;
+}
+export interface ScrollAnimationParams {
+    targetScrollLeft: number;
+    targetScrollTop: number;
+}
+export interface ZoomScrollAnimationParams extends ZoomAnimationParams, ScrollAnimationParams {
+    container: HTMLElement;
+    cardPosition?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    targetCardPosition?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    getCardPositionAtZoom?: (zoom: number) => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    getLayoutSizeAtZoom?: (zoom: number) => {
+        width: number;
+        height: number;
+    };
+    spacer?: HTMLElement | null;
+    onUpdate: (zoom: number) => void;
+    onComplete?: () => void;
+    startScrollLeft?: number;
+    startScrollTop?: number;
+}
+export declare function animateZoomAndScroll({ container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, startZoom, targetZoom, targetScrollLeft, targetScrollTop, duration, easing, onUpdate, onComplete, startScrollLeft, startScrollTop, }: ZoomScrollAnimationParams): () => void;
+export declare function calculateCenterScrollPosition(container: HTMLElement, cardPosition: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, zoomLevel: number, detailPanelWidth?: number, totalHeight?: number): {
+    scrollLeft: number;
+    scrollTop: number;
+};
+export declare function smoothScrollTo(container: HTMLElement, scrollLeft: number, scrollTop: number, smooth?: boolean): void;
+//# sourceMappingURL=animations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/utils/animations.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAEnD,eAAO,MAAM,YAAY,EAAE,cAAsD,CAAC;AAElF,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB,EAAE,qBAAqB;IAC3F,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,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;IAC9E,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,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,QAAc,EACd,MAAqB,EACrB,QAAQ,EACR,UAAU,EACV,eAAe,EACf,cAAc,GACf,EAAE,yBAAyB,GAAG,MAAM,IAAI,CAkIxC;AAKD,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,WAAW,EACtB,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACrE,SAAS,EAAE,MAAM,EACjB,gBAAgB,GAAE,MAAU,EAC5B,WAAW,CAAC,EAAE,MAAM,GACnB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAuC3C;AAKD,wBAAgB,cAAc,CAC5B,SAAS,EAAE,WAAW,EACtB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,MAAM,GAAE,OAAc,GACrB,IAAI,CAMN"}

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

@@ -0,0 +1,139 @@
+const easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+function animateZoomAndScroll({ container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, startZoom, targetZoom, targetScrollLeft, targetScrollTop, duration = 300, easing = easeOutCubic, onUpdate, onComplete, startScrollLeft, startScrollTop, }) {
+    container.style.scrollBehavior = 'auto';
+    let startTime = null;
+    let rafId = null;
+    const initialScrollLeft = startScrollLeft ?? container.scrollLeft;
+    const initialScrollTop = startScrollTop ?? container.scrollTop;
+    const startCardCenterX = cardPosition ? (cardPosition.x * startZoom + (cardPosition.width * startZoom) / 2) : 0;
+    const startCardCenterY = cardPosition ? (cardPosition.y * startZoom + (cardPosition.height * startZoom) / 2) : 0;
+    const startCardScreenX = startCardCenterX - initialScrollLeft;
+    const startCardScreenY = startCardCenterY - initialScrollTop;
+    const animate = (timestamp) => {
+        if (startTime === null) {
+            startTime = timestamp;
+        }
+        const elapsed = timestamp - startTime;
+        const progress = Math.min(1, elapsed / duration);
+        const easedProgress = easing(progress);
+        const currentZoom = startZoom + (targetZoom - startZoom) * easedProgress;
+        if (spacer && getLayoutSizeAtZoom) {
+            const size = getLayoutSizeAtZoom(currentZoom);
+            if (size) {
+                spacer.style.width = `${size.width * currentZoom}px`;
+                spacer.style.height = `${size.height * currentZoom}px`;
+            }
+        }
+        onUpdate(currentZoom);
+        if (cardPosition) {
+            let currentCardX;
+            let currentCardY;
+            if (getCardPositionAtZoom) {
+                const pos = getCardPositionAtZoom(currentZoom);
+                if (pos) {
+                    currentCardX = pos.x;
+                    currentCardY = pos.y;
+                }
+                else {
+                    currentCardX = cardPosition.x;
+                    currentCardY = cardPosition.y;
+                }
+            }
+            else {
+                currentCardX = targetCardPosition
+                    ? cardPosition.x + (targetCardPosition.x - cardPosition.x) * easedProgress
+                    : cardPosition.x;
+                currentCardY = targetCardPosition
+                    ? cardPosition.y + (targetCardPosition.y - cardPosition.y) * easedProgress
+                    : cardPosition.y;
+            }
+            const currentCardCenterX = currentCardX * currentZoom + (cardPosition.width * currentZoom) / 2;
+            const currentCardCenterY = currentCardY * currentZoom + (cardPosition.height * currentZoom) / 2;
+            const endCardX = targetCardPosition ? targetCardPosition.x : cardPosition.x;
+            const endCardY = targetCardPosition ? targetCardPosition.y : cardPosition.y;
+            const endCardCenterX = endCardX * targetZoom + (cardPosition.width * targetZoom) / 2;
+            const endCardCenterY = endCardY * targetZoom + (cardPosition.height * targetZoom) / 2;
+            const endCardScreenX = endCardCenterX - targetScrollLeft;
+            const endCardScreenY = endCardCenterY - targetScrollTop;
+            const desiredScreenX = startCardScreenX + (endCardScreenX - startCardScreenX) * easedProgress;
+            const desiredScreenY = startCardScreenY + (endCardScreenY - startCardScreenY) * easedProgress;
+            const neededScrollLeft = currentCardCenterX - desiredScreenX;
+            const neededScrollTop = currentCardCenterY - desiredScreenY;
+            let maxScrollLeft = container.scrollWidth - container.clientWidth;
+            let maxScrollTop = container.scrollHeight - container.clientHeight;
+            if (getLayoutSizeAtZoom) {
+                const size = getLayoutSizeAtZoom(currentZoom);
+                if (size) {
+                    maxScrollLeft = Math.max(0, size.width * currentZoom - container.clientWidth);
+                    maxScrollTop = Math.max(0, size.height * currentZoom - container.clientHeight);
+                }
+            }
+            container.scrollLeft = Math.min(Math.max(0, neededScrollLeft), maxScrollLeft);
+            container.scrollTop = Math.min(Math.max(0, neededScrollTop), maxScrollTop);
+        }
+        else {
+            const currentScrollLeft = initialScrollLeft + (targetScrollLeft - initialScrollLeft) * easedProgress;
+            const currentScrollTop = initialScrollTop + (targetScrollTop - initialScrollTop) * easedProgress;
+            container.scrollLeft = currentScrollLeft;
+            container.scrollTop = currentScrollTop;
+        }
+        if (progress < 1) {
+            rafId = requestAnimationFrame(animate);
+        }
+        else {
+            container.style.scrollBehavior = '';
+            container.scrollLeft = targetScrollLeft;
+            container.scrollTop = targetScrollTop;
+            onComplete?.();
+        }
+    };
+    rafId = requestAnimationFrame(animate);
+    return () => {
+        if (rafId !== null) {
+            cancelAnimationFrame(rafId);
+            container.style.scrollBehavior = '';
+        }
+    };
+}
+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 availableWidth = container.clientWidth - detailPanelWidth;
+    const targetX = availableWidth / 2;
+    const targetY = container.clientHeight / 2;
+    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
+    });
+    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 };
+}
+function smoothScrollTo(container, scrollLeft, scrollTop, smooth = true) {
+    container.scrollTo({
+        left: scrollLeft,
+        top: scrollTop,
+        behavior: smooth ? 'smooth' : 'auto',
+    });
+}
+
+export { animateZoomAndScroll, calculateCenterScrollPosition, easeOutCubic, smoothScrollTo };
+//# sourceMappingURL=animations.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,13 @@
+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 CARDS_PER_COLUMN = 5;
+export declare const BASE_CARD_WIDTH = 180;
+export declare const BASE_CARD_HEIGHT = 140;
+export declare const DETAIL_PANEL_WIDTH = 380;
+export declare const ZOOM_ANIMATION_DURATION = 300;
+export declare const ZOOM_MULTIPLIER = 1.15;
+export declare const MIN_ZOOM_ON_SELECT = 1.2;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+const ZOOM_MAX = 3;
+const DETAIL_PANEL_WIDTH = 380;
+const ZOOM_MULTIPLIER = 1.15;
+const MIN_ZOOM_ON_SELECT = 1.2;
+
+export { DETAIL_PANEL_WIDTH, MIN_ZOOM_ON_SELECT, ZOOM_MAX, ZOOM_MULTIPLIER };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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;AASjB,MAAM,kBAAkB,GAAG;AAI3B,MAAM,eAAe,GAAG;AACxB,MAAM,kBAAkB,GAAG;;;;"}

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

@@ -0,0 +1,4 @@
+export * from './utils';
+export * from './animations';
+export * from './selection';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/utils/index.ts"],"names":[],"mappings":"AAGA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './utils';
+export * from './animations';
+export * from './selection';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../PivotViewer/utils/index.ts"],"names":[],"mappings":"AAGA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { ViewMode } from '../components/Toolbar';
+export interface SelectionState {
+    zoom: number;
+    scrollLeft: number;
+    scrollTop: number;
+}
+export interface CardClickHandlerParams<TItem> {
+    item: TItem;
+    itemId: string | number;
+    selectedItemId: string | number | null;
+    container: HTMLElement;
+    cardPosition: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    targetCardPosition?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    getCardPositionAtZoom?: (zoom: number) => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    getLayoutSizeAtZoom?: (zoom: number) => {
+        width: number;
+        height: number;
+    };
+    spacer?: HTMLElement | null;
+    viewMode: ViewMode;
+    zoomLevel: number;
+    totalHeight?: number;
+    preSelectionState: SelectionState | null;
+    startScrollPosition?: {
+        x: number;
+        y: number;
+    };
+    setZoomLevel: (zoom: number) => void;
+    setIsZooming: (isZooming: boolean) => void;
+    setSelectedItem: (item: TItem | null) => void;
+    setPreSelectionState: (state: SelectionState | null) => void;
+}
+export declare function handleCardSelection<TItem>({ itemId, selectedItemId, container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, viewMode, zoomLevel, totalHeight, preSelectionState, startScrollPosition, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, item, }: CardClickHandlerParams<TItem>): void;
+export declare function getCardElementById(_container: HTMLElement, _itemId: string | number): HTMLElement | null;
+//# sourceMappingURL=selection.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,134 @@
+import { calculateCenterScrollPosition, smoothScrollTo, animateZoomAndScroll } from './animations.js';
+import { DETAIL_PANEL_WIDTH, ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER } from './constants.js';
+
+function handleCardSelection({ itemId, selectedItemId, container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, viewMode, zoomLevel, totalHeight, preSelectionState, startScrollPosition, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, item, }) {
+    if (selectedItemId === itemId) {
+        deselectCard({
+            container,
+            cardPosition,
+            targetCardPosition,
+            getCardPositionAtZoom,
+            getLayoutSizeAtZoom,
+            spacer,
+            viewMode,
+            zoomLevel,
+            preSelectionState,
+            setZoomLevel,
+            setIsZooming,
+            setSelectedItem,
+            setPreSelectionState,
+        });
+        return;
+    }
+    const isFirstSelection = selectedItemId === null;
+    if (isFirstSelection) {
+        setPreSelectionState({
+            zoom: zoomLevel,
+            scrollLeft: container.scrollLeft,
+            scrollTop: container.scrollTop,
+        });
+    }
+    setSelectedItem(item);
+    if (isFirstSelection) {
+        if (viewMode === 'collection') {
+            if (cardPosition) {
+                const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, 0, totalHeight);
+                smoothScrollTo(container, scrollLeft, scrollTop, true);
+            }
+        }
+        else {
+            zoomAndCenterCard({
+                container,
+                cardPosition,
+                targetCardPosition,
+                getCardPositionAtZoom,
+                getLayoutSizeAtZoom,
+                spacer,
+                zoomLevel,
+                totalHeight,
+                startScrollPosition,
+                setZoomLevel,
+                setIsZooming,
+            });
+        }
+    }
+    else {
+        if (cardPosition) {
+            const detailWidth = viewMode === 'collection' ? 0 : DETAIL_PANEL_WIDTH;
+            const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailWidth, totalHeight);
+            smoothScrollTo(container, scrollLeft, scrollTop, true);
+        }
+    }
+}
+function deselectCard({ container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, viewMode, zoomLevel, preSelectionState, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, }) {
+    if (!preSelectionState) {
+        setSelectedItem(null);
+        return;
+    }
+    if (viewMode === 'collection') {
+        setSelectedItem(null);
+        smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);
+        setPreSelectionState(null);
+        return;
+    }
+    const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;
+    if (!zoomChanged || !cardPosition) {
+        setSelectedItem(null);
+        smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);
+        setPreSelectionState(null);
+        return;
+    }
+    setIsZooming(true);
+    animateZoomAndScroll({
+        container,
+        cardPosition,
+        targetCardPosition,
+        getCardPositionAtZoom,
+        getLayoutSizeAtZoom,
+        spacer,
+        startZoom: zoomLevel,
+        targetZoom: preSelectionState.zoom,
+        targetScrollLeft: preSelectionState.scrollLeft,
+        targetScrollTop: preSelectionState.scrollTop,
+        onUpdate: setZoomLevel,
+        onComplete: () => {
+            setIsZooming(false);
+            setSelectedItem(null);
+            setPreSelectionState(null);
+        },
+    });
+}
+function zoomAndCenterCard({ container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, zoomLevel, totalHeight, startScrollPosition, setZoomLevel, setIsZooming, }) {
+    const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));
+    const shouldZoom = Math.abs(targetZoom - zoomLevel) > 0.001;
+    if (!shouldZoom || !cardPosition) {
+        if (cardPosition) {
+            const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, DETAIL_PANEL_WIDTH, totalHeight);
+            smoothScrollTo(container, scrollLeft, scrollTop, true);
+        }
+        return;
+    }
+    setIsZooming(true);
+    const { scrollLeft: targetScrollLeft, scrollTop: targetScrollTop } = calculateCenterScrollPosition(container, targetCardPosition || cardPosition, targetZoom, DETAIL_PANEL_WIDTH, totalHeight);
+    animateZoomAndScroll({
+        container,
+        cardPosition,
+        targetCardPosition,
+        getCardPositionAtZoom,
+        getLayoutSizeAtZoom,
+        spacer,
+        startZoom: zoomLevel,
+        targetZoom,
+        targetScrollLeft,
+        targetScrollTop,
+        startScrollLeft: startScrollPosition?.x,
+        startScrollTop: startScrollPosition?.y,
+        onUpdate: setZoomLevel,
+        onComplete: () => {
+            setIsZooming(false);
+        },
+    });
+}
+
+export { handleCardSelection };
+//# sourceMappingURL=selection.js.map

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

@@ -0,0 +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":";;;SAqCgB,mBAAmB,CAAQ,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,GAC0B,EAAA;AAE9B,IAAA,IAAI,cAAc,KAAK,MAAM,EAAE;AAC7B,QAAA,YAAY,CAAC;YACX,SAAS;YACT,YAAY;YACZ,kBAAkB;YAClB,qBAAqB;YACrB,mBAAmB;YACnB,MAAM;YACN,QAAQ;YACR,SAAS;YACT,iBAAiB;YACjB,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,oBAAoB;AACrB,SAAA,CAAC;QACF;IACF;AAGA,IAAA,MAAM,gBAAgB,GAAG,cAAc,KAAK,IAAI;IAEhD,IAAI,gBAAgB,EAAE;AACpB,QAAA,oBAAoB,CAAC;AACnB,YAAA,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,SAAS,EAAE,SAAS,CAAC,SAAS;AAC/B,SAAA,CAAC;IACJ;IAEA,eAAe,CAAC,IAAI,CAAC;IAErB,IAAI,gBAAgB,EAAE;AACpB,QAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;YAE7B,IAAI,YAAY,EAAE;AAIhB,gBAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,6BAA6B,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,CAAC;gBACnH,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;YACxD;QACF;aAAO;AAEL,YAAA,iBAAiB,CAAC;gBAChB,SAAS;gBACT,YAAY;gBACZ,kBAAkB;gBAClB,qBAAqB;gBACrB,mBAAmB;gBACnB,MAAM;gBAEN,SAAS;gBACT,WAAW;gBACX,mBAAmB;gBACnB,YAAY;gBACZ,YAAY;AACb,aAAA,CAAC;QACJ;IACF;SAAO;QAEL,IAAI,YAAY,EAAE;AAGhB,YAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,YAAY,GAAG,CAAC,GAAG,kBAAkB;AACtE,YAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,6BAA6B,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC;YAC7H,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;QACxD;IACF;AACF;AAqBA,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,oBAAoB,GACL,EAAA;IACf,IAAI,CAAC,iBAAiB,EAAE;QACtB,eAAe,CAAC,IAAI,CAAC;QACrB;IACF;AAGA,IAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;QAC7B,eAAe,CAAC,IAAI,CAAC;AACrB,QAAA,cAAc,CAAC,SAAS,EAAE,iBAAiB,CAAC,UAAU,EAAE,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC;QAC1F,oBAAoB,CAAC,IAAI,CAAC;QAC1B;IACF;AAGA,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,KAAK;AAExE,IAAA,IAAI,CAAC,WAAW,IAAI,CAAC,YAAY,EAAE;QACjC,eAAe,CAAC,IAAI,CAAC;AACrB,QAAA,cAAc,CAAC,SAAS,EAAE,iBAAiB,CAAC,UAAU,EAAE,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC;QAC1F,oBAAoB,CAAC,IAAI,CAAC;QAC1B;IACF;IAGA,YAAY,CAAC,IAAI,CAAC;AAElB,IAAA,oBAAoB,CAAC;QACnB,SAAS;QACT,YAAY;QACZ,kBAAkB;QAClB,qBAAqB;QACrB,mBAAmB;QACnB,MAAM;AACN,QAAA,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,iBAAiB,CAAC,IAAI;QAClC,gBAAgB,EAAE,iBAAiB,CAAC,UAAU;QAC9C,eAAe,EAAE,iBAAiB,CAAC,SAAS;AAC5C,QAAA,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,MAAK;YACf,YAAY,CAAC,KAAK,CAAC;YACnB,eAAe,CAAC,IAAI,CAAC;YACrB,oBAAoB,CAAC,IAAI,CAAC;QAC5B,CAAC;AACF,KAAA,CAAC;AACJ;AAoBA,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,YAAY,GACQ,EAAA;AACpB,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,SAAS,GAAG,eAAe,CAAC,CAAC;AAChG,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,GAAG,KAAK;AAE3D,IAAA,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE;QAChC,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,6BAA6B,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,CAAC;YACpI,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;QACxD;QACA;IACF;IAEA,YAAY,CAAC,IAAI,CAAC;IAGlB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,6BAA6B,CAChG,SAAS,EACT,kBAAkB,IAAI,YAAY,EAClC,UAAU,EACV,kBAAkB,EAClB,WAAW,CACZ;AAED,IAAA,oBAAoB,CAAC;QACnB,SAAS;QACT,YAAY;QACZ,kBAAkB;QAClB,qBAAqB;QACrB,mBAAmB;QACnB,MAAM;AACN,QAAA,SAAS,EAAE,SAAS;QACpB,UAAU;QACV,gBAAgB;QAChB,eAAe;QACf,eAAe,EAAE,mBAAmB,EAAE,CAAC;QACvC,cAAc,EAAE,mBAAmB,EAAE,CAAC;AACtC,QAAA,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,MAAK;YACf,YAAY,CAAC,KAAK,CAAC;QACrB,CAAC;AACF,KAAA,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,24 @@
+import type { PivotDimension, PivotFilter, PivotFilterOption, PivotGroup, PivotPrimitive } from '../types';
+export type FilterState = Record<string, Set<string>>;
+export type RangeFilterState = Record<string, [number, number] | null>;
+export declare const ZOOM_MIN = 0.1;
+export declare const ZOOM_MAX = 3;
+export declare const ZOOM_STEP = 0.05;
+export declare const CARDS_PER_COLUMN = 5;
+export declare const BASE_CARD_WIDTH = 180;
+export declare const BASE_CARD_HEIGHT = 140;
+export declare const toKey: (value: PivotPrimitive) => string;
+export declare const defaultFormat: (value: PivotPrimitive) => string;
+export declare const buildFilterState: <TItem extends object>(filters: PivotFilter<TItem>[] | undefined) => FilterState;
+export declare const buildRangeFilterState: <TItem extends object>(filters: PivotFilter<TItem>[] | undefined) => RangeFilterState;
+export declare const applyFilters: <TItem extends object>(data: TItem[], filters: PivotFilter<TItem>[] | undefined, state: FilterState, rangeState: RangeFilterState, skipKey?: string) => TItem[];
+export declare const computeFilterOptions: <TItem extends object>(data: TItem[], filter: PivotFilter<TItem>) => PivotFilterOption[];
+export declare const renderOptionCount: (count: number | undefined) => string | number;
+export declare const computeNumericRange: <TItem extends object>(data: TItem[], filter: PivotFilter<TItem>) => {
+    min: number;
+    max: number;
+    values: PivotPrimitive[];
+};
+export declare const groupData: <TItem extends object>(data: TItem[], dimension: PivotDimension<TItem>) => PivotGroup<TItem>[];
+export declare const reorderForBottomUpGrid: <TItem>(items: TItem[], columns: number) => (TItem | null)[];
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/utils/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;AAGvE,eAAO,MAAM,QAAQ,MAAM,CAAC;AAC5B,eAAO,MAAM,QAAQ,IAAI,CAAC;AAC1B,eAAO,MAAM,SAAS,OAAO,CAAC;AAC9B,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,KAAK,GAAI,OAAO,cAAc,KAAG,MAM7C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,cAAc,KAAG,MAMrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,SAAS,MAAM,EACnD,SAAS,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,KACxC,WAMF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,KAAK,SAAS,MAAM,EACxD,SAAS,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,KACxC,gBAQF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS,MAAM,EAC/C,MAAM,KAAK,EAAE,EACb,SAAS,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,EACzC,OAAO,WAAW,EAClB,YAAY,gBAAgB,EAC5B,UAAU,MAAM,KACf,KAAK,EAoDP,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,EACvD,MAAM,KAAK,EAAE,EACb,QAAQ,WAAW,CAAC,KAAK,CAAC,KACzB,iBAAiB,EAgCnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,MAC/B,CAAC;AAEzC,eAAO,MAAM,mBAAmB,GAAI,KAAK,SAAS,MAAM,EACtD,MAAM,KAAK,EAAE,EACb,QAAQ,WAAW,CAAC,KAAK,CAAC,KACzB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,cAAc,EAAE,CAAA;CAoBtD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,EAC5C,MAAM,KAAK,EAAE,EACb,WAAW,cAAc,CAAC,KAAK,CAAC,KAC/B,UAAU,CAAC,KAAK,CAAC,EA0BnB,CAAC;AAYF,eAAO,MAAM,sBAAsB,GAAI,KAAK,EAAG,OAAO,KAAK,EAAE,EAAE,SAAS,MAAM,KAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAgC9F,CAAC"}