@cratis/components 1.5.1 → 1.6.7

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

@@ -1,12 +1,19 @@
 'use strict';
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 const easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+/**
+ * Animate zoom and scroll together, keeping a specific element centered
+ */
 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;
+    // Capture start scroll if not provided
     const initialScrollLeft = startScrollLeft ?? container.scrollLeft;
     const initialScrollTop = startScrollTop ?? container.scrollTop;
+    // Calculate initial center point relative to viewport
     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;
@@ -19,6 +26,7 @@ function animateZoomAndScroll({ container, cardPosition, targetCardPosition, get
         const progress = Math.min(1, elapsed / duration);
         const easedProgress = easing(progress);
         const currentZoom = startZoom + (targetZoom - startZoom) * easedProgress;
+        // Update spacer size synchronously if possible
         if (spacer && getLayoutSizeAtZoom) {
             const size = getLayoutSizeAtZoom(currentZoom);
             if (size) {
@@ -42,6 +50,7 @@ function animateZoomAndScroll({ container, cardPosition, targetCardPosition, get
                 }
             }
             else {
+                // Interpolate card position if target is provided (for layouts that change with zoom)
                 currentCardX = targetCardPosition
                     ? cardPosition.x + (targetCardPosition.x - cardPosition.x) * easedProgress
                     : cardPosition.x;
@@ -49,20 +58,26 @@ function animateZoomAndScroll({ container, cardPosition, targetCardPosition, get
                     ? cardPosition.y + (targetCardPosition.y - cardPosition.y) * easedProgress
                     : cardPosition.y;
             }
+            // Calculate where the card center is at current zoom
             const currentCardCenterX = currentCardX * currentZoom + (cardPosition.width * currentZoom) / 2;
             const currentCardCenterY = currentCardY * currentZoom + (cardPosition.height * currentZoom) / 2;
+            // Calculate where the card center will be at the end of animation (relative to viewport)
+            // Target scroll position is where we want to end up
             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;
+            // Interpolate the desired screen position
             const desiredScreenX = startCardScreenX + (endCardScreenX - startCardScreenX) * easedProgress;
             const desiredScreenY = startCardScreenY + (endCardScreenY - startCardScreenY) * easedProgress;
+            // Calculate needed scroll position to put card at desired screen position
             const neededScrollLeft = currentCardCenterX - desiredScreenX;
             const neededScrollTop = currentCardCenterY - desiredScreenY;
             let maxScrollLeft = container.scrollWidth - container.clientWidth;
             let maxScrollTop = container.scrollHeight - container.clientHeight;
+            // If we have explicit layout size, use it for clamping to avoid DOM sync issues
             if (getLayoutSizeAtZoom) {
                 const size = getLayoutSizeAtZoom(currentZoom);
                 if (size) {
@@ -70,10 +85,15 @@ function animateZoomAndScroll({ container, cardPosition, targetCardPosition, get
                     maxScrollTop = Math.max(0, size.height * currentZoom - container.clientHeight);
                 }
             }
+            // We can't clamp strictly during animation because the scrollWidth/Height might not have updated yet
+            // if the spacer hasn't resized. But usually spacer resizes immediately on zoom update.
+            // For safety, we just set it.
             container.scrollLeft = Math.min(Math.max(0, neededScrollLeft), maxScrollLeft);
             container.scrollTop = Math.min(Math.max(0, neededScrollTop), maxScrollTop);
         }
         else {
+            // If no card position, just interpolate scroll position
+            // Use captured initial scroll positions for linear interpolation
             const currentScrollLeft = initialScrollLeft + (targetScrollLeft - initialScrollLeft) * easedProgress;
             const currentScrollTop = initialScrollTop + (targetScrollTop - initialScrollTop) * easedProgress;
             container.scrollLeft = currentScrollLeft;
@@ -97,23 +117,33 @@ function animateZoomAndScroll({ container, cardPosition, targetCardPosition, get
         }
     };
 }
+/**
+ * Calculate scroll position to center a card in viewport, accounting for detail panel
+ */
 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;
+    // For vertical centering, prefer putting the card center at viewport center.
+    // But ensure the card bottom stays visible (at least 20% from viewport bottom).
     const viewportHeight = container.clientHeight;
     const targetYCenter = viewportHeight / 2;
-    const targetYForBottom = viewportHeight * 0.7;
+    const targetYForBottom = viewportHeight * 0.7; // Card center should be at most 70% down
     const scrollLeft = Math.max(0, cardCenterX - targetX);
+    // Calculate scroll needed to center the card
     const scrollTopForCenter = cardCenterY - targetYCenter;
-    const scrollTopForBottomVisible = cardBottomY - viewportHeight + 50;
+    // Calculate scroll that ensures card bottom is visible with some margin
+    const scrollTopForBottomVisible = cardBottomY - viewportHeight + 50; // 50px margin from bottom
+    // If centering would push the card bottom out of view, use the bottom-visible scroll
     let scrollTop = scrollTopForCenter;
     if (scrollTopForCenter > scrollTopForBottomVisible + (cardPosition.height * zoomLevel / 2)) {
+        // Card is near bottom of content, adjust to keep it visible
         scrollTop = Math.max(0, cardCenterY - targetYForBottom);
     }
     scrollTop = Math.max(0, scrollTop);
+    // If totalHeight is provided, clamp to valid scroll range
     if (totalHeight) {
         const contentHeight = totalHeight * zoomLevel;
         const maxScrollTop = Math.max(0, contentHeight - viewportHeight);
@@ -121,6 +151,9 @@ function calculateCenterScrollPosition(container, cardPosition, zoomLevel, detai
     }
     return { scrollLeft, scrollTop };
 }
+/**
+ * Smooth scroll to position
+ */
 function smoothScrollTo(container, scrollLeft, scrollTop, smooth = true) {
     container.scrollTo({
         left: scrollLeft,

package/dist/cjs/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  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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"}
+{"version":3,"file":"animations.js","sources":["../../../../PivotViewer/utils/animations.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -3,12 +3,19 @@
 var layout = require('../engine/layout.js');
 var constants = require('../constants.js');
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Computes the card position at a specific zoom level
+ */
 function getCardPositionAtZoom(zoom, itemId, grouping, viewMode, containerWidth, containerHeight) {
     const scaledContainerWidth = containerWidth / zoom;
     const scaledContainerHeight = viewMode === 'collection'
         ? containerHeight / zoom
         : containerHeight;
-    const layout$1 = layout.computeLayout(grouping, {
+    const layout$1 = layout.computeLayout(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    grouping, {
         viewMode,
         cardWidth: constants.BASE_CARD_WIDTH,
         cardHeight: constants.BASE_CARD_HEIGHT,
@@ -27,9 +34,14 @@ function getCardPositionAtZoom(zoom, itemId, grouping, viewMode, containerWidth,
         height: constants.BASE_CARD_HEIGHT,
     };
 }
+/**
+ * Computes layout size at a specific zoom level
+ */
 function getLayoutSizeAtZoom(zoom, grouping, viewMode, containerWidth, containerHeight) {
     if (viewMode === 'collection') {
-        const layout$1 = layout.computeLayout(grouping, {
+        const layout$1 = layout.computeLayout(
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        grouping, {
             viewMode,
             cardWidth: constants.BASE_CARD_WIDTH,
             cardHeight: constants.BASE_CARD_HEIGHT,
@@ -41,7 +53,9 @@ function getLayoutSizeAtZoom(zoom, grouping, viewMode, containerWidth, container
     }
     const scaledContainerWidth = containerWidth / zoom;
     const scaledContainerHeight = containerHeight;
-    const layout$1 = layout.computeLayout(grouping, {
+    const layout$1 = layout.computeLayout(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    grouping, {
         viewMode,
         cardWidth: constants.BASE_CARD_WIDTH,
         cardHeight: constants.BASE_CARD_HEIGHT,
@@ -51,6 +65,10 @@ function getLayoutSizeAtZoom(zoom, grouping, viewMode, containerWidth, container
     });
     return { width: layout$1.totalWidth, height: layout$1.totalHeight };
 }
+/**
+ * Creates callback functions for card position calculations at various zoom levels
+ * Used for smooth animations during zoom and pan operations
+ */
 function createCardPositionCallbacks(itemId, grouping, viewMode, containerWidth, containerHeight) {
     return {
         getCardPositionAtZoom: (zoom) => getCardPositionAtZoom(zoom, itemId, grouping, viewMode, containerWidth, containerHeight),

package/dist/cjs/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":["layout","computeLayout","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","CARDS_PER_COLUMN"],"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,MAAMA,QAAM,GAAGC,oBAAa,CAExB,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAEC,yBAAe;AAC1B,QAAA,UAAU,EAAEC,0BAAgB;AAC5B,QAAA,cAAc,EAAEC,0BAAgB;AAChC,QACA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;IAEF,MAAM,QAAQ,GAAGJ,QAAM,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,EAAEE,yBAAe;AACtB,QAAA,MAAM,EAAEC,0BAAgB;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,MAAMH,QAAM,GAAGC,oBAAa,CAExB,QAA0B,EAAE;YAC5B,QAAQ;AACR,YAAA,SAAS,EAAEC,yBAAe;AAC1B,YAAA,UAAU,EAAEC,0BAAgB;AAC5B,YAAA,cAAc,EAAEC,0BAAgB;AAChC,YACA,cAAc;YACd,eAAe;AAClB,SAAA,CAAC;AACF,QAAA,OAAO,EAAE,KAAK,EAAEJ,QAAM,CAAC,UAAU,EAAE,MAAM,EAAEA,QAAM,CAAC,WAAW,EAAE;IACnE;AAEA,IAAA,MAAM,oBAAoB,GAAG,cAAc,GAAG,IAAI;IAClD,MAAM,qBAAqB,GAAG,eAAe;AAE7C,IAAA,MAAMA,QAAM,GAAGC,oBAAa,CAExB,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAEC,yBAAe;AAC1B,QAAA,UAAU,EAAEC,0BAAgB;AAC5B,QAAA,cAAc,EAAEC,0BAAgB;AAChC,QACA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,KAAK,EAAEJ,QAAM,CAAC,UAAU,EAAE,MAAM,EAAEA,QAAM,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":[null],"names":["layout","computeLayout","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","CARDS_PER_COLUMN"],"mappings":";;;;;AAAA;AACA;AAgBA;;AAEG;AACG,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;IAErB,MAAMA,QAAM,GAAGC,oBAAa;;AAExB,IAAA,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAEC,yBAAe;AAC1B,QAAA,UAAU,EAAEC,0BAAgB;AAC5B,QAAA,cAAc,EAAEC,0BAAgB;AAChC,QACA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;IAEF,MAAM,QAAQ,GAAGJ,QAAM,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,EAAEE,yBAAe;AACtB,QAAA,MAAM,EAAEC,0BAAgB;KAC3B;AACL;AAEA;;AAEG;AACG,SAAU,mBAAmB,CAC/B,IAAY,EACZ,QAAwB,EACxB,QAAkB,EAClB,cAAsB,EACtB,eAAuB,EAAA;AAEvB,IAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;QAC3B,MAAMH,QAAM,GAAGC,oBAAa;;AAExB,QAAA,QAA0B,EAAE;YAC5B,QAAQ;AACR,YAAA,SAAS,EAAEC,yBAAe;AAC1B,YAAA,UAAU,EAAEC,0BAAgB;AAC5B,YAAA,cAAc,EAAEC,0BAAgB;AAChC,YACA,cAAc;YACd,eAAe;AAClB,SAAA,CAAC;AACF,QAAA,OAAO,EAAE,KAAK,EAAEJ,QAAM,CAAC,UAAU,EAAE,MAAM,EAAEA,QAAM,CAAC,WAAW,EAAE;IACnE;AAEA,IAAA,MAAM,oBAAoB,GAAG,cAAc,GAAG,IAAI;IAClD,MAAM,qBAAqB,GAAG,eAAe;IAE7C,MAAMA,QAAM,GAAGC,oBAAa;;AAExB,IAAA,QAA0B,EAAE;QAC5B,QAAQ;AACR,QAAA,SAAS,EAAEC,yBAAe;AAC1B,QAAA,UAAU,EAAEC,0BAAgB;AAC5B,QAAA,cAAc,EAAEC,0BAAgB;AAChC,QACA,cAAc,EAAE,oBAAoB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACzC,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,KAAK,EAAEJ,QAAM,CAAC,UAAU,EAAE,MAAM,EAAEA,QAAM,CAAC,WAAW,EAAE;AACnE;AAEA;;;AAGG;AACG,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/cjs/PivotViewer/utils/constants.js

@@ -1,5 +1,8 @@
 'use strict';
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+// Zoom constants
 const ZOOM_MAX = 3;
 const BASE_CARD_WIDTH = 200;
 const BASE_CARD_HEIGHT = 176;

package/dist/cjs/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.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;;;;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../PivotViewer/utils/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAEA;AAEO,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/cjs/PivotViewer/utils/idResolution.js

@@ -1,20 +1,36 @@
 'use strict';
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Resolves the ID for an item, handling type conversions and consistency with layout keys
+ */
+/**
+ * Ensures the item ID matches the layout's key type (number vs string)
+ * by attempting type conversion if needed
+ */
 function normalizeIdToLayoutKey(itemId, layout) {
+    // If already in layout, return as-is
     if (layout.positions.has(itemId)) {
         return itemId;
     }
+    // Try converting number to string
     if (typeof itemId === 'number' && layout.positions.has(String(itemId))) {
         return String(itemId);
     }
+    // Try converting string to number
     if (typeof itemId === 'string') {
         const numId = Number(itemId);
         if (!isNaN(numId) && layout.positions.has(numId)) {
             return numId;
         }
     }
+    // Return original if no match found (will likely result in null position)
     return itemId;
 }
+/**
+ * Gets the card position from the layout, handling ID type mismatches
+ */
 function getCardPositionFromLayout(itemId, layout, cardWidth, cardHeight) {
     const normalizedId = normalizeIdToLayoutKey(itemId, layout);
     const position = layout.positions.get(normalizedId);

package/dist/cjs/PivotViewer/utils/idResolution.js.map

@@ -1 +1 @@
-{"version":3,"file":"idResolution.js","sources":["../../../../PivotViewer/utils/idResolution.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 { LayoutResult } from '../engine/types';\n\ntype Layout = LayoutResult;\n\nexport interface CardPosition {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n}\n\n/**\n * Resolves the ID for an item, handling type conversions and consistency with layout keys\n */\nexport function resolveItemId<TItem extends object>(\n    item: TItem,\n    index: number,\n    getItemId?: (item: TItem, index: number) => string | number,\n): string | number {\n    if (getItemId) {\n        const id = getItemId(item, index);\n        return typeof id === 'number' ? id : id;\n    }\n    const id = (item as Record<string, unknown>)['id'];\n    return typeof id === 'number' ? id : index;\n}\n\n/**\n * Ensures the item ID matches the layout's key type (number vs string)\n * by attempting type conversion if needed\n */\nexport function normalizeIdToLayoutKey(\n    itemId: string | number,\n    layout: Layout,\n): string | number {\n    // If already in layout, return as-is\n    if (layout.positions.has(itemId)) {\n        return itemId;\n    }\n\n    // Try converting number to string\n    if (typeof itemId === 'number' && layout.positions.has(String(itemId))) {\n        return String(itemId);\n    }\n\n    // Try converting string to number\n    if (typeof itemId === 'string') {\n        const numId = Number(itemId);\n        if (!isNaN(numId) && layout.positions.has(numId)) {\n            return numId;\n        }\n    }\n\n    // Return original if no match found (will likely result in null position)\n    return itemId;\n}\n\n/**\n * Gets the card position from the layout, handling ID type mismatches\n */\nexport function getCardPositionFromLayout(\n    itemId: string | number,\n    layout: Layout,\n    cardWidth: number,\n    cardHeight: number,\n): CardPosition | null {\n    const normalizedId = normalizeIdToLayoutKey(itemId, layout);\n    const position = layout.positions.get(normalizedId);\n\n    if (!position) {\n        return null;\n    }\n\n    return {\n        x: position.x,\n        y: position.y,\n        width: cardWidth,\n        height: cardHeight,\n    };\n}\n"],"names":[],"mappings":";;AAkCM,SAAU,sBAAsB,CAClC,MAAuB,EACvB,MAAc,EAAA;IAGd,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC9B,QAAA,OAAO,MAAM;IACjB;AAGA,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE;AACpE,QAAA,OAAO,MAAM,CAAC,MAAM,CAAC;IACzB;AAGA,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC5B,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5B,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;AAC9C,YAAA,OAAO,KAAK;QAChB;IACJ;AAGA,IAAA,OAAO,MAAM;AACjB;AAKM,SAAU,yBAAyB,CACrC,MAAuB,EACvB,MAAc,EACd,SAAiB,EACjB,UAAkB,EAAA;IAElB,MAAM,YAAY,GAAG,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;IAEnD,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,SAAS;AAChB,QAAA,MAAM,EAAE,UAAU;KACrB;AACL;;;;;"}
+{"version":3,"file":"idResolution.js","sources":["../../../../PivotViewer/utils/idResolution.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAaA;;AAEG;AAcH;;;AAGG;AACG,SAAU,sBAAsB,CAClC,MAAuB,EACvB,MAAc,EAAA;;IAGd,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC9B,QAAA,OAAO,MAAM;IACjB;;AAGA,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE;AACpE,QAAA,OAAO,MAAM,CAAC,MAAM,CAAC;IACzB;;AAGA,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC5B,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5B,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;AAC9C,YAAA,OAAO,KAAK;QAChB;IACJ;;AAGA,IAAA,OAAO,MAAM;AACjB;AAEA;;AAEG;AACG,SAAU,yBAAyB,CACrC,MAAuB,EACvB,MAAc,EACd,SAAiB,EACjB,UAAkB,EAAA;IAElB,MAAM,YAAY,GAAG,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;IAEnD,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,SAAS;AAChB,QAAA,MAAM,EAAE,UAAU;KACrB;AACL;;;;;"}

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

@@ -3,14 +3,25 @@
 var animations = require('./animations.js');
 var constants = require('./constants.js');
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Compare two item IDs handling type coercion (string vs number)
+ */
 function isSameItemId(id1, id2) {
     if (id1 === null || id2 === null)
         return false;
+    // Strict equality
     if (id1 === id2)
         return true;
+    // Compare as strings to handle number/string mismatches
     return String(id1) === String(id2);
 }
+/**
+ * Handle card click for selection with zoom and scroll animation
+ */
 function handleCardSelection({ itemId, selectedItemId, container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, viewMode, zoomLevel, totalHeight, preSelectionState, startScrollPosition, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, item, }) {
+    // Clicking the same card - deselect (using type-coerced comparison)
     if (isSameItemId(selectedItemId, itemId)) {
         deselectCard({
             container,
@@ -29,6 +40,7 @@ function handleCardSelection({ itemId, selectedItemId, container, cardPosition,
         });
         return;
     }
+    // First selection - save state and zoom in
     const isFirstSelection = selectedItemId === null;
     if (isFirstSelection) {
         setPreSelectionState({
@@ -40,6 +52,7 @@ function handleCardSelection({ itemId, selectedItemId, container, cardPosition,
     setSelectedItem(item);
     if (isFirstSelection) {
         if (viewMode === 'collection') {
+            // Collection mode: animate scroll to center the selected card (no zoom change)
             if (cardPosition) {
                 setIsZooming(true);
                 const { scrollLeft, scrollTop } = animations.calculateCenterScrollPosition(container, cardPosition, zoomLevel, 0, totalHeight);
@@ -56,6 +69,7 @@ function handleCardSelection({ itemId, selectedItemId, container, cardPosition,
             }
         }
         else {
+            // Grouped mode: animate zoom and scroll
             zoomAndCenterCard({
                 container,
                 cardPosition,
@@ -72,6 +86,7 @@ function handleCardSelection({ itemId, selectedItemId, container, cardPosition,
         }
     }
     else {
+        // Subsequent selections: animate the scroll to center the new card
         if (cardPosition) {
             setIsZooming(true);
             const detailWidth = viewMode === 'collection' ? 0 : constants.DETAIL_PANEL_WIDTH;
@@ -89,17 +104,22 @@ function handleCardSelection({ itemId, selectedItemId, container, cardPosition,
         }
     }
 }
+/**
+ * Deselect card with zoom-out animation if needed
+ */
 function deselectCard({ container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, viewMode, zoomLevel, preSelectionState, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, }) {
     if (!preSelectionState) {
         setSelectedItem(null);
         return;
     }
+    // Collection mode: just scroll back
     if (viewMode === 'collection') {
         setSelectedItem(null);
         animations.smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);
         setPreSelectionState(null);
         return;
     }
+    // Grouped mode: check if zoom changed
     const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;
     if (!zoomChanged || !cardPosition) {
         setSelectedItem(null);
@@ -107,6 +127,7 @@ function deselectCard({ container, cardPosition, targetCardPosition, getCardPosi
         setPreSelectionState(null);
         return;
     }
+    // Animate zoom out
     setIsZooming(true);
     animations.animateZoomAndScroll({
         container,
@@ -127,6 +148,9 @@ function deselectCard({ container, cardPosition, targetCardPosition, getCardPosi
         },
     });
 }
+/**
+ * Zoom in and center a card
+ */
 function zoomAndCenterCard({ container, cardPosition, targetCardPosition, getCardPositionAtZoom, getLayoutSizeAtZoom, spacer, zoomLevel, totalHeight, startScrollPosition, setZoomLevel, setIsZooming, }) {
     const targetZoom = Math.min(constants.ZOOM_MAX, Math.max(constants.MIN_ZOOM_ON_SELECT, zoomLevel * constants.ZOOM_MULTIPLIER));
     const shouldZoom = Math.abs(targetZoom - zoomLevel) > 0.001;
@@ -138,6 +162,7 @@ function zoomAndCenterCard({ container, cardPosition, targetCardPosition, getCar
         return;
     }
     setIsZooming(true);
+    // Use targetCardPosition if available, otherwise fallback to cardPosition
     const { scrollLeft: targetScrollLeft, scrollTop: targetScrollTop } = animations.calculateCenterScrollPosition(container, targetCardPosition || cardPosition, targetZoom, constants.DETAIL_PANEL_WIDTH, totalHeight);
     animations.animateZoomAndScroll({
         container,

package/dist/cjs/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 * 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: animate scroll to center the selected card (no zoom change)\n      if (cardPosition) {\n        setIsZooming(true);\n        const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, 0, totalHeight);\n        animateZoomAndScroll({\n          container,\n          cardPosition,\n          startZoom: zoomLevel,\n          targetZoom: zoomLevel,\n          targetScrollLeft: scrollLeft,\n          targetScrollTop: scrollTop,\n          onUpdate: setZoomLevel,\n          onComplete: () => setIsZooming(false),\n        });\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: animate the scroll to center the new card\n    if (cardPosition) {\n      setIsZooming(true);\n      const detailWidth = viewMode === 'collection' ? 0 : DETAIL_PANEL_WIDTH;\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailWidth, totalHeight);\n      animateZoomAndScroll({\n        container,\n        cardPosition,\n        startZoom: zoomLevel,\n        targetZoom: zoomLevel,\n        targetScrollLeft: scrollLeft,\n        targetScrollTop: scrollTop,\n        onUpdate: setZoomLevel,\n        onComplete: () => setIsZooming(false),\n      });\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":["calculateCenterScrollPosition","animateZoomAndScroll","DETAIL_PANEL_WIDTH","smoothScrollTo","ZOOM_MAX","MIN_ZOOM_ON_SELECT","ZOOM_MULTIPLIER"],"mappings":"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"}
+{"version":3,"file":"selection.js","sources":["../../../../PivotViewer/utils/selection.ts"],"sourcesContent":[null],"names":["calculateCenterScrollPosition","animateZoomAndScroll","DETAIL_PANEL_WIDTH","smoothScrollTo","ZOOM_MAX","MIN_ZOOM_ON_SELECT","ZOOM_MULTIPLIER"],"mappings":"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"}

package/dist/cjs/PivotViewer/utils/utils.js

@@ -1,5 +1,8 @@
 'use strict';
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+// Zoom configuration
 const ZOOM_MIN = 0.1;
 const ZOOM_MAX = 3;
 const ZOOM_STEP = 0.05;
@@ -45,6 +48,7 @@ const applyFilters = (data, filters, state, rangeState, skipKey) => {
     if (!filters?.length) {
         return data;
     }
+    // Pre-compute active filters to avoid checking empty Sets repeatedly
     const activeFilters = [];
     for (const filter of filters) {
         if (filter.key === skipKey) {
@@ -63,6 +67,7 @@ const applyFilters = (data, filters, state, rangeState, skipKey) => {
             }
         }
     }
+    // Early exit if no active filters
     if (activeFilters.length === 0) {
         return data;
     }

package/dist/cjs/PivotViewer/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../PivotViewer/utils/utils.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  PivotDimension,\n  PivotFilter,\n  PivotFilterOption,\n  PivotGroup,\n  PivotPrimitive,\n} from '../types';\n\nexport type FilterState = Record<string, Set<string>>;\nexport type RangeFilterState = Record<string, [number, number] | null>;\n\n// Zoom configuration\nexport const ZOOM_MIN = 0.1;\nexport const ZOOM_MAX = 3;\nexport const ZOOM_STEP = 0.05;\nexport const CARDS_PER_COLUMN = 5;\nexport const BASE_CARD_WIDTH = 180;\nexport const BASE_CARD_HEIGHT = 140;\n\nexport const toKey = (value: PivotPrimitive): string => {\n  if (value === undefined) return 'undefined';\n  if (value === null) return 'null';\n  if (value instanceof Date) return value.toISOString();\n  if (typeof value === 'number' && Number.isNaN(value)) return 'nan';\n  return String(value);\n};\n\nexport const defaultFormat = (value: PivotPrimitive): string => {\n  if (value === undefined) return 'Unknown';\n  if (value === null) return 'None';\n  if (value instanceof Date) return value.toLocaleString();\n  if (typeof value === 'boolean') return value ? 'Yes' : 'No';\n  return String(value);\n};\n\nexport const buildFilterState = <TItem extends object>(\n  filters: PivotFilter<TItem>[] | undefined,\n): FilterState => {\n  const state: FilterState = {};\n  filters?.forEach((filter) => {\n    state[filter.key] = new Set<string>();\n  });\n  return state;\n};\n\nexport const buildRangeFilterState = <TItem extends object>(\n  filters: PivotFilter<TItem>[] | undefined,\n): RangeFilterState => {\n  const state: RangeFilterState = {};\n  filters?.forEach((filter) => {\n    if (filter.type === 'number') {\n      state[filter.key] = null;\n    }\n  });\n  return state;\n};\n\nexport const applyFilters = <TItem extends object>(\n  data: TItem[],\n  filters: PivotFilter<TItem>[] | undefined,\n  state: FilterState,\n  rangeState: RangeFilterState,\n  skipKey?: string,\n): TItem[] => {\n  if (!filters?.length) {\n    return data;\n  }\n\n  // Pre-compute active filters to avoid checking empty Sets repeatedly\n  const activeFilters: Array<{\n    filter: PivotFilter<TItem>;\n    selections?: Set<string>;\n    range?: [number, number];\n  }> = [];\n\n  for (const filter of filters) {\n    if (filter.key === skipKey) {\n      continue;\n    }\n\n    if (filter.type === 'number') {\n      const range = rangeState[filter.key];\n      if (range) {\n        activeFilters.push({ filter, range });\n      }\n    } else {\n      const selections = state[filter.key];\n      if (selections && selections.size > 0) {\n        activeFilters.push({ filter, selections });\n      }\n    }\n  }\n\n  // Early exit if no active filters\n  if (activeFilters.length === 0) {\n    return data;\n  }\n\n  return data.filter((item) => {\n    for (const { filter, selections, range } of activeFilters) {\n      if (range) {\n        const value = filter.getValue(item);\n        const numValue = typeof value === 'number' ? value : Number(value);\n        if (!Number.isNaN(numValue) && (numValue < range[0] || numValue > range[1])) {\n          return false;\n        }\n      } else if (selections) {\n        const valueKey = toKey(filter.getValue(item));\n        if (!selections.has(valueKey)) {\n          return false;\n        }\n      }\n    }\n    return true;\n  });\n};\n\nexport const computeFilterOptions = <TItem extends object>(\n  data: TItem[],\n  filter: PivotFilter<TItem>,\n): PivotFilterOption[] => {\n  if (filter.options?.length) {\n    return filter.options;\n  }\n\n  const counts = new Map<string, { option: PivotFilterOption; count: number }>();\n\n  data.forEach((item) => {\n    const value = filter.getValue(item);\n    const key = toKey(value);\n    const existing = counts.get(key);\n    if (existing) {\n      existing.count += 1;\n    } else {\n      counts.set(key, {\n        option: {\n          key,\n          label: defaultFormat(value),\n          value,\n          count: 1,\n        },\n        count: 1,\n      });\n    }\n  });\n\n  const options = Array.from(counts.values()).map(({ option, count }) => ({\n    ...option,\n    count,\n  }));\n\n  return filter.sort ? options.sort(filter.sort) : options.sort((a, b) => b.count - a.count);\n};\n\nexport const renderOptionCount = (count: number | undefined): string | number =>\n  typeof count === 'number' ? count : '';\n\nexport const computeNumericRange = <TItem extends object>(\n  data: TItem[],\n  filter: PivotFilter<TItem>,\n): { min: number; max: number; values: PivotPrimitive[] } => {\n  const values: PivotPrimitive[] = [];\n  let min = Infinity;\n  let max = -Infinity;\n\n  data.forEach((item) => {\n    const value = filter.getValue(item);\n    values.push(value);\n    const numValue = typeof value === 'number' ? value : Number(value);\n    if (!Number.isNaN(numValue)) {\n      min = Math.min(min, numValue);\n      max = Math.max(max, numValue);\n    }\n  });\n\n  return {\n    min: min === Infinity ? 0 : min,\n    max: max === -Infinity ? 100 : max,\n    values,\n  };\n};\n\nexport const groupData = <TItem extends object>(\n  data: TItem[],\n  dimension: PivotDimension<TItem>,\n): PivotGroup<TItem>[] => {\n  const groups = new Map<string, PivotGroup<TItem>>();\n\n  // Cache the formatValue function if it exists\n  const formatValue = dimension.formatValue;\n\n  data.forEach((item) => {\n    const rawValue = dimension.getValue(item);\n    const key = toKey(rawValue) || 'default';\n    const group = groups.get(key);\n\n    if (group) {\n      group.items.push(item);\n    } else {\n      const label = formatValue ? formatValue(rawValue) : defaultFormat(rawValue);\n      groups.set(key, {\n        key,\n        label,\n        value: rawValue,\n        items: [item],\n      });\n    }\n  });\n\n  const result = Array.from(groups.values());\n  return dimension.sort ? result.sort(dimension.sort) : result.sort((a, b) => a.label.localeCompare(b.label));\n};\n\n/**\n * Reorder items for a CSS Grid that displays bottom-up, left-to-right.\n * CSS Grid fills top-to-bottom, left-to-right by default.\n *\n * Visual goal (items fill bottom row first, then row above, etc.):\n *   Grid Row 0 (top):    [4] [5] [6] [ ] [ ]   <- partial top row, empties on RIGHT\n *   Grid Row 1 (bottom): [0] [1] [2] [3] [4]   <- full bottom row\n *\n * Returns array with nulls for empty cells that need placeholder rendering.\n */\nexport const reorderForBottomUpGrid = <TItem,>(items: TItem[], columns: number): (TItem | null)[] => {\n  if (items.length === 0) return [];\n\n  const totalRows = Math.ceil(items.length / columns);\n  const itemsInTopRow = items.length % columns || columns;\n\n  const result: (TItem | null)[] = [];\n\n  // Top row: items from the \"overflow\" portion, plus empty cells on the right\n  const topRowStartIndex = items.length - itemsInTopRow;\n  for (let col = 0; col < columns; col++) {\n    if (col < itemsInTopRow) {\n      result.push(items[topRowStartIndex + col]);\n    } else {\n      result.push(null); // Empty cell on right side of top row\n    }\n  }\n\n  // Remaining rows (from second-to-top down to bottom)\n  // These are full rows, containing items 0 to (items.length - itemsInTopRow - 1)\n  for (let row = 1; row < totalRows; row++) {\n    // This grid row corresponds to visual row (totalRows - 1 - row) from bottom\n    // Visual row 0 = bottom, visual row (totalRows-1) = top\n    const visualRowFromBottom = totalRows - 1 - row;\n    const rowStartIndex = visualRowFromBottom * columns;\n\n    for (let col = 0; col < columns; col++) {\n      result.push(items[rowStartIndex + col]);\n    }\n  }\n\n  return result;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../PivotViewer/utils/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/cjs/SchemaEditor/NameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NameCell.js","sources":["../../../SchemaEditor/NameCell.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { InputText } from 'primereact/inputtext';\nimport * as faIcons from 'react-icons/fa6';\nimport { JsonSchemaProperty } from '../types/JsonSchema';\n\nexport interface NameCellProps {\n    rowData: JsonSchemaProperty;\n    isEditMode: boolean;\n    onUpdate: (oldName: string, field: keyof JsonSchemaProperty, value: unknown) => void;\n    validationError?: string;\n}\n\nexport const NameCell = ({ rowData, isEditMode, onUpdate, validationError }: NameCellProps) => {\n    if (!isEditMode) {\n        const isNavigable = rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object');\n        const navigationTooltipText = rowData.type === 'object'\n            ? 'Click to navigate to object properties'\n            : 'Click to navigate to item definition';\n\n        return (\n            <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                <span\n                    className={isNavigable ? 'schema-navigation-tooltip' : undefined}\n                    data-pr-tooltip={isNavigable ? navigationTooltipText : undefined}\n                    data-pr-position=\"top\"\n                >\n                    {rowData.name}\n                </span>\n                {rowData.description && (\n                    <faIcons.FaCircleInfo\n                        className=\"schema-description-tooltip\"\n                        style={{ color: 'var(--text-color-secondary)', fontSize: '0.875rem' }}\n                        data-pr-tooltip={rowData.description}\n                        data-pr-position=\"right\"\n                    />\n                )}\n            </div>\n        );\n    }\n\n    return (\n        <InputText\n            value={rowData.name || ''}\n            onChange={(e) => onUpdate(rowData.name || '', 'name', e.target.value)}\n            className={`w-full ${validationError ? 'p-invalid' : ''}`}\n            data-pr-tooltip={validationError}\n            data-pr-position=\"top\"\n        />\n    );\n};\n"],"names":["_jsxs","_jsx","faIcons","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAiB,KAAI;IAC1F,IAAI,CAAC,UAAU,EAAE;QACb,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,KAAK,QAAQ,KAAK,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC;AAC/G,QAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,KAAK;AAC3C,cAAE;cACA,sCAAsC;AAE5C,QAAA,QACIA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChEC,cAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,WAAW,GAAG,2BAA2B,GAAG,SAAS,EAAA,iBAAA,EAC/C,WAAW,GAAG,qBAAqB,GAAG,SAAS,EAAA,kBAAA,EAC/C,KAAK,EAAA,QAAA,EAErB,OAAO,CAAC,IAAI,GACV,EACN,OAAO,CAAC,WAAW,KAChBA,cAAA,CAACC,kBAAO,CAAC,YAAY,IACjB,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA,iBAAA,EACpD,OAAO,CAAC,WAAW,EAAA,kBAAA,EACnB,OAAO,GAC1B,CACL,CAAA,EAAA,CACC;IAEd;IAEA,QACID,cAAA,CAACE,mBAAS,EAAA,EACN,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,EAAE,EACzB,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrE,SAAS,EAAE,CAAA,OAAA,EAAU,eAAe,GAAG,WAAW,GAAG,EAAE,CAAA,CAAE,EAAA,iBAAA,EACxC,eAAe,EAAA,kBAAA,EACf,KAAK,EAAA,CACxB;AAEV;;;;"}
+{"version":3,"file":"NameCell.js","sources":["../../../SchemaEditor/NameCell.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","faIcons","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAiB,KAAI;IAC1F,IAAI,CAAC,UAAU,EAAE;QACb,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,KAAK,QAAQ,KAAK,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC;AAC/G,QAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,KAAK;AAC3C,cAAE;cACA,sCAAsC;AAE5C,QAAA,QACIA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChEC,cAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,WAAW,GAAG,2BAA2B,GAAG,SAAS,EAAA,iBAAA,EAC/C,WAAW,GAAG,qBAAqB,GAAG,SAAS,EAAA,kBAAA,EAC/C,KAAK,EAAA,QAAA,EAErB,OAAO,CAAC,IAAI,GACV,EACN,OAAO,CAAC,WAAW,KAChBA,cAAA,CAACC,kBAAO,CAAC,YAAY,IACjB,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA,iBAAA,EACpD,OAAO,CAAC,WAAW,EAAA,kBAAA,EACnB,OAAO,GAC1B,CACL,CAAA,EAAA,CACC;IAEd;IAEA,QACID,cAAA,CAACE,mBAAS,EAAA,EACN,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,EAAE,EACzB,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrE,SAAS,EAAE,CAAA,OAAA,EAAU,eAAe,GAAG,WAAW,GAAG,EAAE,CAAA,CAAE,EAAA,iBAAA,EACxC,eAAe,EAAA,kBAAA,EACf,KAAK,EAAA,CACxB;AAEV;;;;"}