@cratis/components 0.1.9

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

@@ -0,0 +1,223 @@
+'use strict';
+
+var constants = require('./constants.js');
+var sprites = require('./sprites.js');
+
+function syncSpritesToViewport(params) {
+    const { root, container, sprites: sprites$1, layout, visibleIds, items, cardWidth, cardHeight, panX, panY, panDeltaX, panDeltaY, viewportWidth, viewportHeight, createCardSprite, updateCardContent, zoomLevel, isViewTransition, prevLayout } = params;
+    if (!root || !container)
+        return;
+    if (isViewTransition && (panDeltaX || panDeltaY)) {
+        const dx = (panDeltaX || 0) / (zoomLevel || 1);
+        const dy = (panDeltaY || 0) / (zoomLevel || 1);
+        for (const sprite of sprites$1.values()) {
+            if (sprite.animationStartTime !== undefined) {
+                if (sprite.startX !== undefined)
+                    sprite.startX += dx;
+                if (sprite.startY !== undefined)
+                    sprite.startY += dy;
+                sprite.currentX += dx;
+                sprite.currentY += dy;
+                sprite.container.position.set(sprite.currentX, sprite.currentY);
+            }
+        }
+    }
+    const visibleSet = new Set();
+    const baseBufferWorld = Math.max(cardWidth, cardHeight) * 4;
+    const invScale = zoomLevel && zoomLevel !== 0 ? 1 / zoomLevel : 1;
+    const effectivePanX = typeof container.scrollLeft === 'number' ? container.scrollLeft : (panX || 0);
+    const effectivePanY = typeof container.scrollTop === 'number' ? container.scrollTop : (panY || 0);
+    const panWorldX = effectivePanX * invScale;
+    const panWorldY = effectivePanY * invScale;
+    const viewportPxWidth = container.clientWidth || viewportWidth;
+    const viewportPxHeight = container.clientHeight || viewportHeight;
+    const viewportWorldWidth = viewportPxWidth * invScale;
+    const viewportWorldHeight = viewportPxHeight * invScale;
+    const bufferWorld = Math.max(baseBufferWorld * invScale, Math.max(viewportWorldWidth, viewportWorldHeight) * 2.0, baseBufferWorld);
+    const viewportLeftWorld = panWorldX - bufferWorld;
+    const viewportRightWorld = panWorldX + viewportWorldWidth + bufferWorld;
+    const viewportTopWorld = panWorldY - bufferWorld;
+    const viewportBottomWorld = panWorldY + viewportWorldHeight + bufferWorld;
+    const inViewportIds = [];
+    const worldEpsilon = Math.max(0.5, 0.5 * invScale);
+    for (const [id, position] of layout.positions) {
+        if (!position)
+            continue;
+        const worldX = position.x;
+        const worldY = position.y;
+        const worldCardW = cardWidth;
+        const worldCardH = cardHeight;
+        if (worldX + worldCardW >= viewportLeftWorld - worldEpsilon &&
+            worldX <= viewportRightWorld + worldEpsilon &&
+            worldY + worldCardH >= viewportTopWorld - worldEpsilon &&
+            worldY <= viewportBottomWorld + worldEpsilon) {
+            inViewportIds.push(id);
+            visibleSet.add(id);
+        }
+    }
+    try {
+        const slotHeight = cardHeight + (constants.CARD_GAP || 8);
+        const totalRows = Math.ceil((layout.totalHeight || 0) / slotHeight) || 0;
+        const rowsVisible = Math.max(1, Math.ceil(viewportWorldHeight / slotHeight));
+        const prefetchMultiplier = 0.75;
+        const prefetchRows = Math.max(2, Math.ceil(rowsVisible * prefetchMultiplier * Math.max(1, invScale)));
+        const lastRowThresholdY = Math.max(0, (totalRows - prefetchRows) * slotHeight);
+        for (const [id, position] of layout.positions) {
+            if (position.y >= lastRowThresholdY) {
+                if (!visibleSet.has(id)) {
+                    inViewportIds.push(id);
+                    visibleSet.add(id);
+                }
+            }
+        }
+    }
+    catch (e) {
+    }
+    const aggressiveCull = !isViewTransition && sprites$1.size > Math.max(120, Math.ceil(inViewportIds.length * 1.5));
+    for (const [id, sprite] of sprites$1) {
+        if (!visibleSet.has(id)) {
+            if (isViewTransition && layout.positions.has(id)) {
+                const newPos = layout.positions.get(id);
+                if (newPos) {
+                    sprite.targetX = newPos.x;
+                    sprite.targetY = newPos.y;
+                    if (sprite.animationStartTime === undefined) {
+                        sprite.startX = sprite.currentX;
+                        sprite.startY = sprite.currentY;
+                        sprite.animationStartTime = Date.now();
+                        sprite.animationDelay = Math.random() * 300;
+                    }
+                    try {
+                        if (sprite.container)
+                            sprite.container.visible = true;
+                    }
+                    catch (e) {
+                    }
+                    if (sprite.__lastHiddenAt)
+                        delete sprite.__lastHiddenAt;
+                    continue;
+                }
+            }
+            if (aggressiveCull) {
+                try {
+                    if (sprite.container)
+                        sprite.container.visible = true;
+                }
+                catch (e) {
+                }
+                continue;
+            }
+            try {
+                if (sprite.container) {
+                    sprite.container.visible = false;
+                }
+                sprite.__lastHiddenAt = Date.now();
+            }
+            catch (e) {
+            }
+        }
+        else {
+            try {
+                if (sprite.container) {
+                    sprite.container.visible = true;
+                }
+                if (sprite.__lastHiddenAt)
+                    delete sprite.__lastHiddenAt;
+            }
+            catch (e) {
+            }
+        }
+    }
+    try {
+        const SWEEP_MS = 500;
+        const now = Date.now();
+        for (const [id, sprite] of sprites$1) {
+            const lastHidden = sprite.__lastHiddenAt;
+            if (lastHidden && now - lastHidden > SWEEP_MS) {
+                try {
+                    if (sprite.container && sprite.container.parent)
+                        sprite.container.parent.removeChild(sprite.container);
+                }
+                catch (e) {
+                    void e;
+                }
+                try {
+                    sprites.destroySprite(sprite);
+                }
+                catch (e) {
+                    void e;
+                }
+                sprites$1.delete(id);
+            }
+        }
+    }
+    catch (e) {
+    }
+    const MAX_SPRITES_PER_FRAME = 50;
+    let createdCount = 0;
+    for (const id of inViewportIds) {
+        const position = layout.positions.get(id);
+        if (!position)
+            continue;
+        let sprite = sprites$1.get(id);
+        if (!sprite) {
+            if (createdCount >= MAX_SPRITES_PER_FRAME)
+                continue;
+            createdCount++;
+            let startX = position.x;
+            let startY = position.y;
+            let shouldAnimate = false;
+            if (isViewTransition && prevLayout && prevLayout.positions.has(id)) {
+                const oldPos = prevLayout.positions.get(id);
+                if (oldPos) {
+                    startX = oldPos.x;
+                    startY = oldPos.y;
+                    if (panDeltaX || panDeltaY) {
+                        const dx = (panDeltaX || 0) / (zoomLevel || 1);
+                        const dy = (panDeltaY || 0) / (zoomLevel || 1);
+                        startX += dx;
+                        startY += dy;
+                    }
+                    shouldAnimate = true;
+                }
+            }
+            sprite = createCardSprite(id, startX, startY);
+            sprites$1.set(id, sprite);
+            root.addChild(sprite.container);
+            sprite.currentX = startX;
+            sprite.currentY = startY;
+            sprite.container.position.set(startX, startY);
+            if (shouldAnimate) {
+                sprite.targetX = position.x;
+                sprite.targetY = position.y;
+                sprite.startX = startX;
+                sprite.startY = startY;
+                sprite.animationStartTime = Date.now();
+                sprite.animationDelay = Math.random() * 300;
+            }
+        }
+        if (sprite.targetX !== position.x || sprite.targetY !== position.y) {
+            if (isViewTransition) {
+                sprite.startX = sprite.currentX;
+                sprite.startY = sprite.currentY;
+                sprite.targetX = position.x;
+                sprite.targetY = position.y;
+                sprite.animationStartTime = Date.now();
+                sprite.animationDelay = Math.random() * 300;
+            }
+            else {
+                sprite.targetX = position.x;
+                sprite.targetY = position.y;
+                delete sprite.animationStartTime;
+                delete sprite.animationDelay;
+            }
+        }
+        const item = items[String(id)];
+        if (item) {
+            updateCardContent(sprite, item);
+        }
+    }
+}
+
+exports.syncSpritesToViewport = syncSpritesToViewport;
+//# sourceMappingURL=visibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"visibility.js","sources":["../../../../../PivotViewer/components/pivot/visibility.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport * as PIXI from 'pixi.js';\nimport type { CardSprite } from './constants';\nimport { CARD_GAP } from './constants';\nimport type { LayoutResult } from '../../engine/types';\nimport { destroySprite } from './sprites';\n\nexport interface SyncParams<TItem> {\n  root: PIXI.Container | null;\n  container: HTMLDivElement | null;\n  sprites: Map<string | number, CardSprite>;\n  layout: LayoutResult;\n  visibleIds: Uint32Array;\n  items: TItem[];\n  cardWidth: number;\n  cardHeight: number;\n  panX: number;\n  panY: number;\n  panDeltaX?: number;\n  panDeltaY?: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  zoomLevel: number;\n  createCardSprite: (id: string | number, x: number, y: number) => CardSprite;\n  updateCardContent: (sprite: CardSprite, item: TItem) => void;\n  isViewTransition?: boolean;\n  prevLayout?: LayoutResult | null;\n}\n\nexport function syncSpritesToViewport<TItem>(params: SyncParams<TItem>) {\n  const { root, container, sprites, layout, visibleIds, items, cardWidth, cardHeight, panX, panY, panDeltaX, panDeltaY, viewportWidth, viewportHeight, createCardSprite, updateCardContent, zoomLevel, isViewTransition, prevLayout } = params;\n  if (!root || !container) return;\n\n  // `visibleIds` comes from callers but this module iterates `layout.positions`.\n  // Keep a reference to avoid unused variable lint errors when callers include it.\n  void visibleIds;\n\n  // Apply pan delta to animating sprites to keep them visually stable during camera jumps\n  if (isViewTransition && (panDeltaX || panDeltaY)) {\n    const dx = (panDeltaX || 0) / (zoomLevel || 1);\n    const dy = (panDeltaY || 0) / (zoomLevel || 1);\n\n    for (const sprite of sprites.values()) {\n      if (sprite.animationStartTime !== undefined) {\n        if (sprite.startX !== undefined) sprite.startX += dx;\n        if (sprite.startY !== undefined) sprite.startY += dy;\n        sprite.currentX += dx;\n        sprite.currentY += dy;\n        sprite.container.position.set(sprite.currentX, sprite.currentY);\n      }\n    }\n  }\n\n  const visibleSet = new Set<string | number>();\n\n  // Increase buffer (in world units) to reduce edge cases where rapid\n  // scrolling skips sprite creation. Keep buffer in world units and convert\n  // DOM pixel measurements into world coordinates below to avoid mixing\n  // coordinate spaces which can cause precision drift at browser zooms.\n  const baseBufferWorld = Math.max(cardWidth, cardHeight) * 4;\n  // Ensure buffer scales with viewport size (in world units) so that when\n  // zoomed out we still pre-create enough sprites ahead of the viewport.\n  const invScale = zoomLevel && zoomLevel !== 0 ? 1 / zoomLevel : 1;\n  // The layout positions are in world units; when the root container is scaled\n  // (zoomed) the rendered pixel position = position * zoomLevel. The DOM\n  // scroll positions (`container.scrollLeft/Top`) are the authoritative pixel\n  // camera offsets; prefer them over the passed `panX/panY` to avoid stale\n  // values or race conditions between React state and direct DOM updates.\n  const effectivePanX = typeof container.scrollLeft === 'number' ? container.scrollLeft : (panX || 0);\n  const effectivePanY = typeof container.scrollTop === 'number' ? container.scrollTop : (panY || 0);\n\n  // Convert pixel-based DOM measurements into world units so we compare like\n  // with like. root.position is set using -pixels, so the mapping\n  // from DOM scroll (pixels) to world units is: world = pixels / zoomLevel.\n  const panWorldX = effectivePanX * invScale;\n  const panWorldY = effectivePanY * invScale;\n\n  // Use the container's measured client size for the viewport dimensions\n  // (in pixels). The passed `viewportWidth`/`viewportHeight` can be stale\n  // when the browser/device zoom changes; `clientWidth/clientHeight` are\n  // authoritative for the actual visible pixel area.\n  const viewportPxWidth = container.clientWidth || viewportWidth;\n  const viewportPxHeight = container.clientHeight || viewportHeight;\n\n  const viewportWorldWidth = viewportPxWidth * invScale;\n  const viewportWorldHeight = viewportPxHeight * invScale;\n\n  // Ensure bufferWorld is calculated from the actual measured viewport\n  // in world units (after converting client pixel dims using invScale).\n  // Make buffer adaptive to zoom: when zoomed out (invScale > 1) a small\n  // pixel scroll maps to a larger world delta, so increase the buffer.\n  // Use the larger of width/height to ensure we buffer enough in both directions.\n  const bufferWorld = Math.max(baseBufferWorld * invScale, Math.max(viewportWorldWidth, viewportWorldHeight) * 2.0, baseBufferWorld);\n\n  // Do not clamp viewport edges to 0 — allow negative top/left values so the\n  // visible window correctly follows the scroll even when the buffer is\n  // larger than the current scroll offset.\n  const viewportLeftWorld = panWorldX - bufferWorld;\n  const viewportRightWorld = panWorldX + viewportWorldWidth + bufferWorld;\n  const viewportTopWorld = panWorldY - bufferWorld;\n  const viewportBottomWorld = panWorldY + viewportWorldHeight + bufferWorld;\n\n  const inViewportIds: (string | number)[] = [];\n  // Small tolerance in world units to avoid floating-point edge cases when\n  // browser/device zoom or high scroll values produce tiny rounding errors.\n  // Scale epsilon with invScale so tolerance grows when zoomed out.\n  const worldEpsilon = Math.max(0.5, 0.5 * invScale);\n\n  // Iterate layout positions directly to avoid depending on `visibleIds`\n  // which may be calculated in a different coordinate space or with\n  // different assumptions about zoom. Looping the positions map is\n  // deterministic and uses world coordinates directly.\n  for (const [id, position] of layout.positions) {\n    if (!position) continue;\n    const worldX = position.x;\n    const worldY = position.y;\n    const worldCardW = cardWidth;\n    const worldCardH = cardHeight;\n\n    if (\n      worldX + worldCardW >= viewportLeftWorld - worldEpsilon &&\n      worldX <= viewportRightWorld + worldEpsilon &&\n      worldY + worldCardH >= viewportTopWorld - worldEpsilon &&\n      worldY <= viewportBottomWorld + worldEpsilon\n    ) {\n      inViewportIds.push(id);\n      visibleSet.add(id);\n    }\n  }\n\n  // Ensure last rows are present when the user scrolls near the bottom.\n  // Compute slot/row information and force-insert IDs from the last few\n  // rows to avoid missing tiles due to rounding/precision at zoom levels.\n  try {\n    const slotHeight = cardHeight + (CARD_GAP || 8);\n    const totalRows = Math.ceil((layout.totalHeight || 0) / slotHeight) || 0;\n    // Determine how many rows are visible in the viewport (world units),\n    // then prefetch a fraction of that adjusted by zoom (invScale).\n    const rowsVisible = Math.max(1, Math.ceil(viewportWorldHeight / slotHeight));\n    const prefetchMultiplier = 0.75; // fraction of viewport to prefetch\n    const prefetchRows = Math.max(2, Math.ceil(rowsVisible * prefetchMultiplier * Math.max(1, invScale)));\n    const lastRowThresholdY = Math.max(0, (totalRows - prefetchRows) * slotHeight);\n    for (const [id, position] of layout.positions) {\n      if (position.y >= lastRowThresholdY) {\n        if (!visibleSet.has(id)) {\n          inViewportIds.push(id);\n          visibleSet.add(id);\n        }\n      }\n    }\n  } catch (e) {\n    void e;\n  }\n\n  // If we detect a very large discrepancy between created sprites and the\n  // computed in-viewport count, that's a signal our culling math may be\n  // unstable (especially at non-100% zoom). In that case, skip hiding this\n  // frame as a conservative safeguard to avoid mass disappearing tiles.\n  // However, disable this safeguard during view transitions to ensure old sprites are cleaned up.\n  const aggressiveCull = !isViewTransition && sprites.size > Math.max(120, Math.ceil(inViewportIds.length * 1.5));\n\n  for (const [id, sprite] of sprites) {\n    if (!visibleSet.has(id)) {\n      // If view transition is active, check if this sprite has a valid target in the new layout\n      // If so, keep it visible and animate it to the new position (even if off-screen)\n      if (isViewTransition && layout.positions.has(id)) {\n        const newPos = layout.positions.get(id);\n        if (newPos) {\n          sprite.targetX = newPos.x;\n          sprite.targetY = newPos.y;\n\n          // Trigger animation if not already animating\n          if (sprite.animationStartTime === undefined) {\n             sprite.startX = sprite.currentX;\n             sprite.startY = sprite.currentY;\n             sprite.animationStartTime = Date.now();\n             sprite.animationDelay = Math.random() * 300;\n          }\n\n          try { if (sprite.container) sprite.container.visible = true; } catch (e) { void e; }\n          // Don't mark as hidden, so it won't be swept\n          if ((sprite as any).__lastHiddenAt) delete (sprite as any).__lastHiddenAt;\n          continue;\n        }\n      }\n\n      if (aggressiveCull) {\n        // Keep sprite visible this frame to avoid visual holes\n        try { if (sprite.container) sprite.container.visible = true; } catch (e) { void e; }\n        continue;\n      }\n\n      try {\n        if (sprite.container) {\n          sprite.container.visible = false;\n        }\n        (sprite as any).__lastHiddenAt = Date.now();\n      } catch (e) {\n        void e;\n      }\n    } else {\n      try {\n        if (sprite.container) {\n          sprite.container.visible = true;\n        }\n        if ((sprite as any).__lastHiddenAt) delete (sprite as any).__lastHiddenAt;\n      } catch (e) { void e; }\n    }\n  }\n\n  // Sweep: actually destroy sprites that have been hidden longer than threshold\n  try {\n    const SWEEP_MS = 500; // keep hidden sprites for 500ms before destruction\n    const now = Date.now();\n    for (const [id, sprite] of sprites) {\n      const lastHidden = (sprite as any).__lastHiddenAt as number | undefined;\n      if (lastHidden && now - lastHidden > SWEEP_MS) {\n        try {\n          // remove from parent if present\n          if (sprite.container && sprite.container.parent) sprite.container.parent.removeChild(sprite.container);\n        } catch (e) {\n          void e;\n        }\n        try {\n          destroySprite(sprite);\n        } catch (e) {\n          void e;\n        }\n        sprites.delete(id);\n      }\n    }\n  } catch (e) {\n    void e;\n  }\n\n  // Limit the number of sprites created per frame to avoid choking the GPU/CPU\n  // when scrolling rapidly or zooming out significantly.\n  const MAX_SPRITES_PER_FRAME = 50;\n  let createdCount = 0;\n\n  for (const id of inViewportIds) {\n    const position = layout.positions.get(id);\n    if (!position) continue;\n\n    let sprite = sprites.get(id);\n    if (!sprite) {\n      if (createdCount >= MAX_SPRITES_PER_FRAME) continue;\n      createdCount++;\n\n      let startX = position.x;\n      let startY = position.y;\n      let shouldAnimate = false;\n\n      // If view transition, try to find old position to fly in from\n      if (isViewTransition && prevLayout && prevLayout.positions.has(id)) {\n        const oldPos = prevLayout.positions.get(id);\n        if (oldPos) {\n          startX = oldPos.x;\n          startY = oldPos.y;\n\n          // If we have a pan delta (camera jump), we need to adjust the start position\n          // so that the sprite appears at the same visual location relative to the NEW camera.\n          // StartWorld = OldWorld + PanDelta\n          if (panDeltaX || panDeltaY) {\n             const dx = (panDeltaX || 0) / (zoomLevel || 1);\n             const dy = (panDeltaY || 0) / (zoomLevel || 1);\n             startX += dx;\n             startY += dy;\n          }\n\n          shouldAnimate = true;\n        }\n      }\n\n      sprite = createCardSprite(id, startX, startY);\n      sprites.set(id, sprite);\n      root.addChild(sprite.container);\n      sprite.currentX = startX;\n      sprite.currentY = startY;\n      // Keep sprite.container positioned in world units; animation/update\n      // loop will apply root.scale/position to convert to pixels.\n      sprite.container.position.set(startX, startY);\n\n      if (shouldAnimate) {\n        sprite.targetX = position.x;\n        sprite.targetY = position.y;\n        sprite.startX = startX;\n        sprite.startY = startY;\n        sprite.animationStartTime = Date.now();\n        sprite.animationDelay = Math.random() * 300;\n      }\n    }\n\n    // Check if target changed to trigger animation\n    if (sprite.targetX !== position.x || sprite.targetY !== position.y) {\n      if (isViewTransition) {\n        sprite.startX = sprite.currentX;\n        sprite.startY = sprite.currentY;\n        sprite.targetX = position.x;\n        sprite.targetY = position.y;\n        sprite.animationStartTime = Date.now();\n        // Add random delay for \"organic\" fly effect\n        sprite.animationDelay = Math.random() * 300;\n      } else {\n        sprite.targetX = position.x;\n        sprite.targetY = position.y;\n        delete sprite.animationStartTime;\n        delete sprite.animationDelay;\n      }\n    }\n\n    const item = (items as any)[String(id)];\n    if (item) {\n      updateCardContent(sprite, item);\n    }\n  }\n}\n"],"names":["sprites","CARD_GAP","destroySprite"],"mappings":"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"}

package/dist/cjs/PivotViewer/constants.js

@@ -0,0 +1,16 @@
+'use strict';
+
+const BASE_CARD_WIDTH = 200;
+const BASE_CARD_HEIGHT = 176;
+const CARDS_PER_COLUMN = 5;
+const GROUP_SPACING = 20;
+const CARD_GAP = 10;
+const CANVAS_PADDING = 20;
+
+exports.BASE_CARD_HEIGHT = BASE_CARD_HEIGHT;
+exports.BASE_CARD_WIDTH = BASE_CARD_WIDTH;
+exports.CANVAS_PADDING = CANVAS_PADDING;
+exports.CARDS_PER_COLUMN = CARDS_PER_COLUMN;
+exports.CARD_GAP = CARD_GAP;
+exports.GROUP_SPACING = GROUP_SPACING;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../PivotViewer/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\nexport const BASE_CARD_WIDTH = 200;\nexport const BASE_CARD_HEIGHT = 176;\nexport const CARDS_PER_COLUMN = 5;\nexport const GROUP_SPACING = 20;\nexport const CARD_GAP = 10;\nexport const CANVAS_PADDING = 20;\n"],"names":[],"mappings":";;AAGO,MAAM,eAAe,GAAG;AACxB,MAAM,gBAAgB,GAAG;AACzB,MAAM,gBAAgB,GAAG;AACzB,MAAM,aAAa,GAAG;AACtB,MAAM,QAAQ,GAAG;AACjB,MAAM,cAAc,GAAG;;;;;;;;;"}

package/dist/cjs/PivotViewer/engine/layout.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var constants = require('../constants.js');
+
+function computeLayout(grouping, spec) {
+    const positions = new Map();
+    if (spec.viewMode === 'collection') {
+        return computeCollectionLayout(grouping, spec, positions);
+    }
+    else {
+        return computeGroupedLayout(grouping, spec, positions);
+    }
+}
+function computeCollectionLayout(grouping, spec, positions) {
+    const { cardWidth, cardHeight, containerWidth } = spec;
+    const slotWidth = cardWidth + constants.CARD_GAP;
+    const slotHeight = cardHeight + constants.CARD_GAP;
+    const cardsPerRow = Math.max(1, Math.floor((containerWidth + constants.CARD_GAP - (constants.CANVAS_PADDING * 2)) / slotWidth));
+    let x = constants.CANVAS_PADDING;
+    let y = constants.CANVAS_PADDING;
+    let column = 0;
+    let itemCount = 0;
+    for (const group of grouping.groups) {
+        for (let i = 0; i < group.ids.length; i++) {
+            const id = group.ids[i];
+            positions.set(id, {
+                x,
+                y,
+                groupIndex: 0,
+            });
+            column++;
+            x += slotWidth;
+            if (column >= cardsPerRow) {
+                column = 0;
+                x = constants.CANVAS_PADDING;
+                y += slotHeight;
+            }
+            itemCount++;
+        }
+    }
+    const rows = Math.ceil(itemCount / cardsPerRow);
+    const contentWidth = Math.min(itemCount, cardsPerRow) * slotWidth;
+    return {
+        positions,
+        totalWidth: Math.max(containerWidth, contentWidth + (constants.CANVAS_PADDING * 2)),
+        totalHeight: (rows * slotHeight) + (constants.CANVAS_PADDING * 2),
+    };
+}
+function computeGroupedLayout(grouping, spec, positions) {
+    const { cardWidth, cardHeight, cardsPerColumn, groupSpacing } = spec;
+    const slotWidth = cardWidth + constants.CARD_GAP;
+    const slotHeight = cardHeight + constants.CARD_GAP;
+    const COLUMNS_PER_BUCKET = 2;
+    const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;
+    let groupX = constants.CANVAS_PADDING;
+    const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);
+    const bucketWidths = [];
+    let maxRows = 0;
+    for (const group of grouping.groups) {
+        const itemsInGroup = group.ids.length;
+        const rowsInGroup = Math.ceil(itemsInGroup / COLUMNS_PER_BUCKET);
+        maxRows = Math.max(maxRows, rowsInGroup);
+    }
+    const contentHeight = Math.max(layoutHeight, maxRows * slotHeight);
+    for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {
+        const group = grouping.groups[groupIndex];
+        const itemsInGroup = group.ids.length;
+        for (let i = 0; i < itemsInGroup; i++) {
+            const id = group.ids[i];
+            const col = i % COLUMNS_PER_BUCKET;
+            const row = Math.floor(i / COLUMNS_PER_BUCKET);
+            const x = groupX + col * slotWidth;
+            const y = contentHeight - (row + 1) * slotHeight + constants.CANVAS_PADDING;
+            positions.set(id, {
+                x,
+                y,
+                groupIndex,
+            });
+        }
+        bucketWidths.push(bucketWidth);
+        groupX += bucketWidth;
+        if (groupIndex < grouping.groups.length - 1) {
+            groupX += groupSpacing;
+        }
+    }
+    return {
+        positions,
+        totalWidth: groupX + constants.CANVAS_PADDING,
+        totalHeight: contentHeight + (constants.CANVAS_PADDING * 2),
+        bucketWidths,
+    };
+}
+
+exports.computeLayout = computeLayout;
+//# sourceMappingURL=layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../../PivotViewer/engine/layout.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type {\n  LayoutSpec,\n  LayoutResult,\n  ItemPosition,\n  GroupingResult,\n  ItemId,\n} from './types';\nimport { CARD_GAP, CANVAS_PADDING } from '../constants';\n\nexport function computeLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec\n): LayoutResult {\n  const positions = new Map<ItemId, ItemPosition>();\n\n  if (spec.viewMode === 'collection') {\n    return computeCollectionLayout(grouping, spec, positions);\n  } else {\n    return computeGroupedLayout(grouping, spec, positions);\n  }\n}\n\nfunction computeCollectionLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, containerWidth } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Calculate how many cards fit per row based on container width (include gap)\n  const cardsPerRow = Math.max(1, Math.floor((containerWidth + CARD_GAP - (CANVAS_PADDING * 2)) / slotWidth));\n\n  let x = CANVAS_PADDING;\n  let y = CANVAS_PADDING;\n  let column = 0;\n  let itemCount = 0;\n\n  for (const group of grouping.groups) {\n    for (let i = 0; i < group.ids.length; i++) {\n      const id = group.ids[i];\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex: 0,\n      });\n\n      // Move to next position horizontally (left to right)\n      column++;\n      x += slotWidth;\n\n      // Wrap to next row when we've filled the width\n      if (column >= cardsPerRow) {\n        column = 0;\n        x = CANVAS_PADDING;\n        y += slotHeight;\n      }\n\n      itemCount++;\n    }\n  }\n\n  const rows = Math.ceil(itemCount / cardsPerRow);\n  const contentWidth = Math.min(itemCount, cardsPerRow) * slotWidth;\n\n  return {\n    positions,\n    totalWidth: Math.max(containerWidth, contentWidth + (CANVAS_PADDING * 2)),\n    totalHeight: (rows * slotHeight) + (CANVAS_PADDING * 2),\n  };\n}\n\nfunction computeGroupedLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, cardsPerColumn, groupSpacing } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Fixed bucket width: 2 columns of cards per bucket (always)\n  const COLUMNS_PER_BUCKET = 2;\n  const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;\n\n  let groupX = CANVAS_PADDING;\n  // Use container height for layout, or fallback to cardsPerColumn height\n  const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);\n  const bucketWidths: number[] = [];\n  let maxRows = 0;\n\n  // First pass: calculate max rows to determine total height\n  for (const group of grouping.groups) {\n    const itemsInGroup = group.ids.length;\n    const rowsInGroup = Math.ceil(itemsInGroup / COLUMNS_PER_BUCKET);\n    maxRows = Math.max(maxRows, rowsInGroup);\n  }\n\n  // Calculate actual content height needed (ensure it's at least as tall as the container)\n  const contentHeight = Math.max(layoutHeight, maxRows * slotHeight);\n\n  for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {\n    const group = grouping.groups[groupIndex];\n\n    const itemsInGroup = group.ids.length;\n\n    for (let i = 0; i < itemsInGroup; i++) {\n      const id = group.ids[i];\n\n      // Cards fill from left to right, bottom to top\n      // For a 2-column bucket: i=0,1 in row 0; i=2,3 in row 1; etc.\n      const col = i % COLUMNS_PER_BUCKET;\n      const row = Math.floor(i / COLUMNS_PER_BUCKET);\n\n      const x = groupX + col * slotWidth;\n      // Stack from bottom of total content upward:\n      // row 0 (first card) at bottom: contentHeight - slotHeight\n      // row 1 above it: contentHeight - 2*slotHeight, etc.\n      const y = contentHeight - (row + 1) * slotHeight + CANVAS_PADDING;\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex,\n      });\n    }\n\n    // Always use fixed bucket width\n    bucketWidths.push(bucketWidth);\n\n    // Advance position by fixed bucket width + spacing\n    groupX += bucketWidth;\n    if (groupIndex < grouping.groups.length - 1) {\n      groupX += groupSpacing;\n    }\n  }\n\n  return {\n    positions,\n    totalWidth: groupX + CANVAS_PADDING,\n    totalHeight: contentHeight + (CANVAS_PADDING * 2),\n    bucketWidths,\n  };\n}\n"],"names":["CARD_GAP","CANVAS_PADDING"],"mappings":"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"}