@cratis/components 0.1.9

package/dist/esm/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":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+export declare const BASE_CARD_WIDTH = 200;
+export declare const BASE_CARD_HEIGHT = 176;
+export declare const CARDS_PER_COLUMN = 5;
+export declare const GROUP_SPACING = 20;
+export declare const CARD_GAP = 10;
+export declare const CANVAS_PADDING = 20;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../PivotViewer/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,cAAc,KAAK,CAAC"}

package/dist/esm/PivotViewer/constants.js

@@ -0,0 +1,9 @@
+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;
+
+export { BASE_CARD_HEIGHT, BASE_CARD_WIDTH, CANVAS_PADDING, CARDS_PER_COLUMN, CARD_GAP, GROUP_SPACING };
+//# sourceMappingURL=constants.js.map

package/dist/esm/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/esm/PivotViewer/engine/layout.d.ts

@@ -0,0 +1,3 @@
+import type { LayoutSpec, LayoutResult, GroupingResult } from './types';
+export declare function computeLayout(grouping: GroupingResult, spec: LayoutSpec): LayoutResult;
+//# sourceMappingURL=layout.d.ts.map

package/dist/esm/PivotViewer/engine/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/engine/layout.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EAEZ,cAAc,EAEf,MAAM,SAAS,CAAC;AAGjB,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,GACf,YAAY,CAQd"}

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

@@ -0,0 +1,93 @@
+import { CANVAS_PADDING, CARD_GAP } from '../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 + CARD_GAP;
+    const slotHeight = cardHeight + CARD_GAP;
+    const cardsPerRow = Math.max(1, Math.floor((containerWidth + CARD_GAP - (CANVAS_PADDING * 2)) / slotWidth));
+    let x = CANVAS_PADDING;
+    let y = 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 = 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 + (CANVAS_PADDING * 2)),
+        totalHeight: (rows * slotHeight) + (CANVAS_PADDING * 2),
+    };
+}
+function computeGroupedLayout(grouping, spec, positions) {
+    const { cardWidth, cardHeight, cardsPerColumn, groupSpacing } = spec;
+    const slotWidth = cardWidth + CARD_GAP;
+    const slotHeight = cardHeight + CARD_GAP;
+    const COLUMNS_PER_BUCKET = 2;
+    const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;
+    let groupX = 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 + 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 + CANVAS_PADDING,
+        totalHeight: contentHeight + (CANVAS_PADDING * 2),
+        bucketWidths,
+    };
+}
+
+export { computeLayout };
+//# sourceMappingURL=layout.js.map

package/dist/esm/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":[],"mappings":"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"}

package/dist/esm/PivotViewer/engine/pivot.worker.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pivot.worker.d.ts.map

package/dist/esm/PivotViewer/engine/pivot.worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot.worker.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/engine/pivot.worker.ts"],"names":[],"mappings":"AAqFA,OAAO,EAAE,CAAC"}

package/dist/esm/PivotViewer/engine/pivot.worker.js

@@ -0,0 +1,58 @@
+import { buildIndexes, applyFilters, computeGrouping, sortIds } from './store';
+let store = null;
+let indexes = null;
+self.onmessage = (e) => {
+    const message = e.data;
+    switch (message.type) {
+        case 'buildIndexes': {
+            store = message.store;
+            indexes = buildIndexes(store, message.fields);
+            const response = {
+                type: 'indexesReady',
+                indexes,
+            };
+            self.postMessage(response);
+            break;
+        }
+        case 'applyFilters': {
+            if (!store || !indexes) {
+                console.error('Store or indexes not initialized');
+                return;
+            }
+            const result = applyFilters(store, indexes, message.filters);
+            const response = {
+                type: 'filterResult',
+                result,
+            };
+            self.postMessage(response);
+            break;
+        }
+        case 'computeGrouping': {
+            if (!store || !indexes) {
+                console.error('Store or indexes not initialized');
+                return;
+            }
+            const result = computeGrouping(store, indexes, message.visibleIds, message.groupBy);
+            const response = {
+                type: 'groupingResult',
+                result,
+            };
+            self.postMessage(response);
+            break;
+        }
+        case 'sort': {
+            if (!store) {
+                console.error('Store not initialized');
+                return;
+            }
+            const result = sortIds(store, message.ids, message.sortBy);
+            const response = {
+                type: 'sortResult',
+                result,
+            };
+            self.postMessage(response);
+            break;
+        }
+    }
+};
+//# sourceMappingURL=pivot.worker.js.map

package/dist/esm/PivotViewer/engine/pivot.worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot.worker.js","sourceRoot":"","sources":["../../../../PivotViewer/engine/pivot.worker.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE/E,IAAI,KAAK,GAAsB,IAAI,CAAC;AACpC,IAAI,OAAO,GAAwB,IAAI,CAAC;AAExC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAgC,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;IAEvB,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACrB,KAAK,cAAc,CAAC,CAAC,CAAC;YACpB,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;YACtB,OAAO,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YAE9C,MAAM,QAAQ,GAAqB;gBACjC,IAAI,EAAE,cAAc;gBACpB,OAAO;aACR,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC3B,MAAM;QACR,CAAC;QAED,KAAK,cAAc,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAC;gBAClD,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;YAE7D,MAAM,QAAQ,GAAqB;gBACjC,IAAI,EAAE,cAAc;gBACpB,MAAM;aACP,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC3B,MAAM;QACR,CAAC;QAED,KAAK,iBAAiB,CAAC,CAAC,CAAC;YACvB,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAC;gBAClD,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,eAAe,CAC5B,KAAK,EACL,OAAO,EACP,OAAO,CAAC,UAAU,EAClB,OAAO,CAAC,OAAO,CAChB,CAAC;YAEF,MAAM,QAAQ,GAAqB;gBACjC,IAAI,EAAE,gBAAgB;gBACtB,MAAM;aACP,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC3B,MAAM;QACR,CAAC;QAED,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YAE3D,MAAM,QAAQ,GAAqB;gBACjC,IAAI,EAAE,YAAY;gBAClB,MAAM;aACP,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC3B,MAAM;QACR,CAAC;IACH,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/PivotViewer/engine/store.d.ts

@@ -0,0 +1,9 @@
+import type { PivotStore, Field, CategoricalIndex, NumericIndex, PivotIndexes, FilterSpec, FilterResult, GroupSpec, GroupingResult, FieldValue } from './types';
+export declare function buildStore<TItem extends object>(items: TItem[], fieldExtractors: Map<string, (item: TItem) => FieldValue>): PivotStore;
+export declare function buildCategoricalIndex(field: Field): CategoricalIndex;
+export declare function buildNumericIndex(field: Field): NumericIndex;
+export declare function buildIndexes(store: PivotStore, fieldNames: string[]): PivotIndexes;
+export declare function applyFilters(store: PivotStore, indexes: PivotIndexes, filters: FilterSpec[]): FilterResult;
+export declare function computeGrouping(store: PivotStore, indexes: PivotIndexes, visibleIds: Uint32Array, groupBy: GroupSpec): GroupingResult;
+export declare function sortIds(store: PivotStore, ids: Uint32Array, sortBy: string): Uint32Array;
+//# sourceMappingURL=store.d.ts.map

package/dist/esm/PivotViewer/engine/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/engine/store.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,SAAS,EAET,cAAc,EACd,UAAU,EACX,MAAM,SAAS,CAAC;AAKjB,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,EAC7C,KAAK,EAAE,KAAK,EAAE,EACd,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,UAAU,CAAC,GACxD,UAAU,CAsCZ;AAiBD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,GAAG,gBAAgB,CAiCpE;AAKD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,YAAY,CA+B5D;AAKD,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,YAAY,CAgBlF;AA8CD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,UAAU,EAAE,GACpB,YAAY,CA+Dd;AAKD,wBAAgB,eAAe,CAC7B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,SAAS,GACjB,cAAc,CAahB;AA8GD,wBAAgB,OAAO,CACrB,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,MAAM,GACb,WAAW,CAkBb"}

package/dist/esm/PivotViewer/engine/store.js

@@ -0,0 +1,328 @@
+function buildStore(items, fieldExtractors) {
+    const count = items.length;
+    const ids = new Uint32Array(count);
+    const fields = new Map();
+    for (let i = 0; i < count; i++) {
+        ids[i] = i;
+    }
+    for (const [fieldName, extractor] of fieldExtractors) {
+        const firstValue = count > 0 ? extractor(items[0]) : null;
+        const kind = inferKind(firstValue);
+        if (kind === 'number') {
+            const values = new Float64Array(count);
+            for (let i = 0; i < count; i++) {
+                const val = extractor(items[i]);
+                values[i] = typeof val === 'number' ? val : NaN;
+            }
+            fields.set(fieldName, { kind: 'number', values });
+        }
+        else if (kind === 'boolean') {
+            const values = new Uint8Array(count);
+            for (let i = 0; i < count; i++) {
+                const val = extractor(items[i]);
+                values[i] = val === true ? 1 : 0;
+            }
+            fields.set(fieldName, { kind: 'boolean', values });
+        }
+        else {
+            const values = [];
+            for (let i = 0; i < count; i++) {
+                const val = extractor(items[i]);
+                values.push(stringifyValue(val));
+            }
+            fields.set(fieldName, { kind: 'string', values });
+        }
+    }
+    return { count, ids, fields, items };
+}
+function inferKind(value) {
+    if (typeof value === 'number')
+        return 'number';
+    if (typeof value === 'boolean')
+        return 'boolean';
+    return 'string';
+}
+function stringifyValue(value) {
+    if (value === null)
+        return 'null';
+    if (value === undefined)
+        return 'undefined';
+    return String(value);
+}
+function buildCategoricalIndex(field) {
+    if (field.kind !== 'string') {
+        throw new Error('Categorical index requires string field');
+    }
+    const valueToIdsList = new Map();
+    for (let i = 0; i < field.values.length; i++) {
+        const value = field.values[i];
+        let list = valueToIdsList.get(value);
+        if (!list) {
+            list = [];
+            valueToIdsList.set(value, list);
+        }
+        list.push(i);
+    }
+    const valueToIds = new Map();
+    const values = [];
+    for (const [value, idsList] of valueToIdsList) {
+        values.push(value);
+        const ids = new Uint32Array(idsList.length);
+        for (let i = 0; i < idsList.length; i++) {
+            ids[i] = idsList[i];
+        }
+        ids.sort();
+        valueToIds.set(value, ids);
+    }
+    values.sort();
+    return { valueToIds, values };
+}
+function buildNumericIndex(field) {
+    if (field.kind !== 'number') {
+        throw new Error('Numeric index requires number field');
+    }
+    const count = field.values.length;
+    const pairs = [];
+    let min = Infinity;
+    let max = -Infinity;
+    for (let i = 0; i < count; i++) {
+        const value = field.values[i];
+        if (!isNaN(value)) {
+            pairs.push({ value, id: i });
+            if (value < min)
+                min = value;
+            if (value > max)
+                max = value;
+        }
+    }
+    pairs.sort((a, b) => a.value - b.value);
+    const values = new Float64Array(pairs.length);
+    const ids = new Uint32Array(pairs.length);
+    for (let i = 0; i < pairs.length; i++) {
+        values[i] = pairs[i].value;
+        ids[i] = pairs[i].id;
+    }
+    return { values, ids, min, max };
+}
+function buildIndexes(store, fieldNames) {
+    const categorical = new Map();
+    const numeric = new Map();
+    for (const fieldName of fieldNames) {
+        const field = store.fields.get(fieldName);
+        if (!field)
+            continue;
+        if (field.kind === 'string') {
+            categorical.set(fieldName, buildCategoricalIndex(field));
+        }
+        else if (field.kind === 'number') {
+            numeric.set(fieldName, buildNumericIndex(field));
+        }
+    }
+    return { categorical, numeric };
+}
+function intersectSorted(a, b) {
+    const result = [];
+    let i = 0;
+    let j = 0;
+    while (i < a.length && j < b.length) {
+        if (a[i] === b[j]) {
+            result.push(a[i]);
+            i++;
+            j++;
+        }
+        else if (a[i] < b[j]) {
+            i++;
+        }
+        else {
+            j++;
+        }
+    }
+    return new Uint32Array(result);
+}
+function unionSorted(arrays) {
+    if (arrays.length === 0)
+        return new Uint32Array(0);
+    if (arrays.length === 1)
+        return arrays[0];
+    const set = new Set();
+    for (const arr of arrays) {
+        for (let i = 0; i < arr.length; i++) {
+            set.add(arr[i]);
+        }
+    }
+    const result = Array.from(set).sort((a, b) => a - b);
+    return new Uint32Array(result);
+}
+function applyFilters(store, indexes, filters) {
+    if (filters.length === 0) {
+        return {
+            visibleIds: store.ids,
+            count: store.count,
+        };
+    }
+    const sets = [];
+    for (const filter of filters) {
+        if (filter.type === 'categorical' && filter.values && filter.values.size > 0) {
+            const index = indexes.categorical.get(filter.field);
+            if (!index)
+                continue;
+            const arrays = [];
+            for (const value of filter.values) {
+                const ids = index.valueToIds.get(value);
+                if (ids) {
+                    arrays.push(ids);
+                }
+            }
+            if (arrays.length > 0) {
+                sets.push(unionSorted(arrays));
+            }
+        }
+        else if (filter.type === 'numeric' && filter.range) {
+            const index = indexes.numeric.get(filter.field);
+            if (!index)
+                continue;
+            const { min, max } = filter.range;
+            const result = [];
+            for (let i = 0; i < index.values.length; i++) {
+                const val = index.values[i];
+                if (val >= min && val <= max) {
+                    result.push(index.ids[i]);
+                }
+            }
+            if (result.length > 0) {
+                result.sort((a, b) => a - b);
+                sets.push(new Uint32Array(result));
+            }
+        }
+    }
+    if (sets.length === 0) {
+        return {
+            visibleIds: store.ids,
+            count: store.count,
+        };
+    }
+    let visibleIds = sets[0];
+    for (let i = 1; i < sets.length; i++) {
+        visibleIds = intersectSorted(visibleIds, sets[i]);
+    }
+    return {
+        visibleIds,
+        count: visibleIds.length,
+    };
+}
+function computeGrouping(store, indexes, visibleIds, groupBy) {
+    const field = store.fields.get(groupBy.field);
+    if (!field) {
+        return { groups: [] };
+    }
+    if (field.kind === 'string') {
+        return groupByCategorical(field, visibleIds, indexes.categorical.get(groupBy.field));
+    }
+    else if (field.kind === 'number') {
+        return groupByNumeric(field, visibleIds, groupBy.buckets);
+    }
+    return { groups: [] };
+}
+function groupByCategorical(field, visibleIds, index) {
+    if (field.kind !== 'string') {
+        return { groups: [] };
+    }
+    const valueToIds = new Map();
+    for (let i = 0; i < visibleIds.length; i++) {
+        const id = visibleIds[i];
+        const value = field.values[id];
+        let list = valueToIds.get(value);
+        if (!list) {
+            list = [];
+            valueToIds.set(value, list);
+        }
+        list.push(id);
+    }
+    const groups = [];
+    const sortedValues = index ? index.values : Array.from(valueToIds.keys()).sort();
+    for (const value of sortedValues) {
+        const idsList = valueToIds.get(value);
+        if (!idsList)
+            continue;
+        const ids = new Uint32Array(idsList);
+        groups.push({
+            key: value,
+            label: value,
+            value,
+            ids,
+            count: ids.length,
+        });
+    }
+    return { groups };
+}
+function groupByNumeric(field, visibleIds, buckets = 10) {
+    if (field.kind !== 'number') {
+        return { groups: [] };
+    }
+    let min = Infinity;
+    let max = -Infinity;
+    for (let i = 0; i < visibleIds.length; i++) {
+        const value = field.values[visibleIds[i]];
+        if (!isNaN(value)) {
+            if (value < min)
+                min = value;
+            if (value > max)
+                max = value;
+        }
+    }
+    if (!isFinite(min) || !isFinite(max)) {
+        return { groups: [] };
+    }
+    const range = max - min;
+    const bucketSize = range / buckets;
+    const bucketLists = Array.from({ length: buckets }, () => []);
+    for (let i = 0; i < visibleIds.length; i++) {
+        const id = visibleIds[i];
+        const value = field.values[id];
+        if (isNaN(value))
+            continue;
+        let bucketIndex = Math.floor((value - min) / bucketSize);
+        if (bucketIndex >= buckets)
+            bucketIndex = buckets - 1;
+        bucketLists[bucketIndex].push(id);
+    }
+    const groups = [];
+    for (let i = 0; i < buckets; i++) {
+        const list = bucketLists[i];
+        if (list.length === 0)
+            continue;
+        const bucketMin = min + i * bucketSize;
+        const bucketMax = min + (i + 1) * bucketSize;
+        const ids = new Uint32Array(list);
+        groups.push({
+            key: `${i}`,
+            label: `${bucketMin.toFixed(1)} - ${bucketMax.toFixed(1)}`,
+            value: bucketMin,
+            ids,
+            count: ids.length,
+        });
+    }
+    return { groups };
+}
+function sortIds(store, ids, sortBy) {
+    const field = store.fields.get(sortBy);
+    if (!field)
+        return ids;
+    const sortedIds = new Uint32Array(ids);
+    if (field.kind === 'number') {
+        const values = field.values;
+        sortedIds.sort((a, b) => values[a] - values[b]);
+    }
+    else if (field.kind === 'string') {
+        const values = field.values;
+        sortedIds.sort((a, b) => values[a].localeCompare(values[b]));
+    }
+    else if (field.kind === 'boolean') {
+        const values = field.values;
+        sortedIds.sort((a, b) => values[a] - values[b]);
+    }
+    return sortedIds;
+}
+
+export { applyFilters, buildCategoricalIndex, buildIndexes, buildNumericIndex, buildStore, computeGrouping, sortIds };
+//# sourceMappingURL=store.js.map